@import 'size-l/style.css' screen and (min-width: 1280px);
@import 'size-l/style-bg.css' screen and (min-width: 1280px);
@import 'size-l/style-songs.css' screen and (min-width: 1280px);
@import 'size-s/style.css' screen and (max-width: 1280px);
@import 'size-s/style-bg.css' screen and (max-width: 1280px);
@import 'size-s/style-songs.css' screen and (max-width: 1280px);


*
{
	border-style:solid;
	border:0;
	padding:0;
	margin:0;
	background-color:transparent;
	font-family:calibri, arial, sans-serif;
}

html
{
	background-color:transparent;
}

html, body, textarea
{
}


body
{
	width:100%;
	height:100%;

	background-repeat:repeat-x;
	background-position:center top;
	background-color:#BA6B2E;
	background-color:#999999;

	color:#880000;
	word-spacing:0.2em;
	font-weight:normal;
}


textarea, input
{
	border:1px solid white;

	color:black;
	background-color:#DDDDDD;

	font-size:100%;
	font-weight:normal;
}

input.button
{
	padding:0;
	background-color:#DDDDDD;
	font-weight:bold;
}

input.buttonMouseOver
{
	padding:0;
	color:white;
	background-color:black;
	font-weight:bold;
}

/* Text-Links */
a
{
	color:#880000;
	text-decoration:none;
	font-weight:bold;
	padding-left:1px;
	padding-right:1px;
}

a:hover, input.button:hover
{
	color:#999999;
}

a:active, input.button:active
{
	color:#FFFFFF;
}


h1
{
	font-weight:normal;
	font-size:140%;
}

h2
{
	font-weight:normal;
	font-size:125%;
}

table, tr, td
{
	border-collapse:collapse;
}

img
{
}

div.block1
{
	text-align:left;
	float:left;
}

div.block2
{
	text-align:left;
	float:right;
}

div.thumb
{
	text-align:center;
}

/*
Fix, damit <hr> auch im Firefox funktioniert
*/
hr { height:0px; border:0px; border-top:1px solid #000000; }

table.layout
{
	width:100%;

	table-layout:fixed;
	
	transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	opacity:0;
}

td.layout-l
{
	vertical-align:top;

	background-repeat:no-repeat;
	background-position:right top;
}

td.layout-c
{
	vertical-align:top;

	background-repeat:no-repeat;
	background-position:center top;
}

td.layout-r
{
	vertical-align:top;

	background-repeat:no-repeat;
	background-position:left top;
}

table.layout2
{
	width:100%;

	table-layout:fixed;
}
tr.layout2top
{
}
tr.layout2song
{
}
tr.layout2noSong
{
}
tr.layout2audio
{
}
tr.layout2content
{
}
td.layout2
{
	position:relative;
	vertical-align:top;
}

@keyframes rotate2
{
	0%
	{
		transform:rotate(0deg)
	}
	20%
	{
		transform:rotate(0deg)
	}
	80%
	{
		transform:rotate(360deg)
	}
	100%
	{
		transform:rotate(360deg)
	}
}
@keyframes rotate
{
	0%
	{
		transform:rotate(0deg)
	}
	100%
	{
		transform:rotate(360deg)
	}
}
div#pageloading
{
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	visibility:visible;

	z-index:20;
	animation: rotate 1.5s infinite linear;
	opacity:0.5;
}


a.loadingInfo
{
	color:#FFFFFF;
}
a.loadingInfo:hover
{
	color:#CCCCCC;
}

div.song
{
	background-repeat:no-repeat;
	background-position:left top;

	z-index:25;
}

table.audio
{
	background-color:#000000;
	border-bottom:1px solid #666666;

	overflow:hidden;
}
tr.audio
{
	vertical-align:center;
}
td.audioTitle, td.videoTitle
{
	text-align:right;

	color:#CCCCCC;
}
td.audioSpacer, td.videoSpacer
{
}
td.audioAutoplay
{
	vertical-align:bottom;
}
td.audioPlayer
{
	vertical-align:top;
}
td.videoAutoplay
{
	vertical-align:top;
}

img.autoplayOn, img.autoplayOff
{
	position:relative;
	margin:0;
}

#strobeAudio
{
	position:relative;
	top:-3px;
}


div#content
{
	z-index:30;
}


a.imprintLink
{
	position:relative;

	font-size:85%;
	font-weight:normal;
	color:#999999;
	float:right;
}


table#naviTable
{
	position:relative;

	clear:both;
	float:right;

	z-index:100;
}

td.navi
{
	vertical-align:top;
	overflow:visible;
}

div.navi1
{
	text-transform:uppercase;
}

div.navi2
{
	white-space:nowrap;
	overflow:visible;
	text-transform:uppercase;
}

div.current
{
}


a.navi
{
	color:#333333;
	font-weight:normal;
}

a.navi:active
{
	color:#FFFFFF;
}

a.navi:hover
{
	color:#999999;
}

a.current
{
	color:#000000;
	font-weight:bold;
}

div.sizeSelect
{
	width:80px;
	height:16px;
	position:fixed;
	bottom:0px;
	right:0px;
	font-size:14px;

	padding:4px;

	background-color:#666666;
	color:#AAAAAA;

	text-align:center;
	line-height:1.0em;
}

a.sizeSelect
{
	color:#AAAAAA;
	font-weight:normal;
}

a.sizeSelect:hover
{
	color:#FFFFFF;
}

a.sizeCurrent
{
	font-weight:bold;
}


div#logoStart
{
	width:100%;
	height:576px;

	background-image:url(size-l/logo_start.png);
	background-repeat:repeat-x;
	background-position:center top;

}

div#enterStart
{
	position:relative;
	top:420px;
	left:240px;
	width:320px;

	font-size:120%;
	text-align:left;
}