/* === SR Musics - Gemeinsames Stylesheet === */

*
{
	font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
	font-weight: normal;
	color: white;
	font-size: 12pt;
}

h1
{
	font-size: 14pt;
	padding: 0pt;
	margin: 0pt;
}

h2
{
	font-size: 13pt;
	padding: 0pt;
	margin: 0pt;
}

body
{
	padding-top: 50pt;
	background-size: cover;
	background-color: black;
	background-image: url(res/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0pt;
	background-attachment: fixed;
}


.logo
{
	padding-bottom: 50pt;
	width: 500pt;
}

.pix
{
	padding: 5pt 3pt 4pt 1pt;
	height: 80pt;
	display: block;
}

.content_table
{
	border-collapse: collapse;
	border-spacing: 0pt;
	empty-cells: show;
	width: 100%;
	max-width: 1200px;
	table-layout: auto;
	margin-bottom: 30pt;
}

.content_table td
{
	border: 1pt solid red;
	padding: 4pt 6pt;
	text-align: left;
	vertical-align: top;
}

.content_table th
{
	border: 1pt solid red;
	padding: 6pt 8pt;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(255, 0, 0, 0.15);
	font-weight: bold;
	font-size: 13pt;
}

.sep
{
	color: #1674d1;
}

a:link, a:active, a:visited
{
	display: inline-block;
	color: #1674d1;
	padding: 1pt 0pt;
}

a:hover
{
	display: inline-block;
	color: #559dcc;
	padding: 1pt 0pt;
}

a.special_link
{
	color: white;
	text-decoration: none;
}

/* Mobile: schmale Bildschirme */
@media (max-width: 600px) {
	.content_table {
		width: 100%;
		max-width: 100%;
		table-layout: auto;
	}
	.content_table td,
	.content_table th {
		padding: 3pt 4pt;
	}
	.logo {
		width: 95%;
		max-width: 500pt;
		padding-bottom: 20pt;
	}
	.pix {
		height: 60pt;
	}
	* {
		font-size: 11pt;
	}
	body {
		padding-top: 15pt;
	}
	body.page-impressum {
		padding: 15pt 5pt;
	}
}