html, body { height: 100%; }

body {
    font-size: 62.5%;
    font-family: Verdana, Arial, sans-serif;
    background-color: #080f1c;
    color: #edf1f6;
	letter-spacing: 0.05em;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

p {
	margin: 3px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

a { color: #edf1f6; }
a:hover { text-decoration: none; }

h1 {
	position: relative;
	height: 67px;
	font-size: 3.5em;
	margin: 0px 0px 5px -5px;	
	background-image: url('../images/polarnight-header.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}

h2  {
	font-size: 1.3em;
	margin: 0px 0px 24px 0px;	
}

h2.firstHeader {
	font-size: 1.5em;
	margin: 10px 0px 28px 0px;
}

div#inhalt-rechts h2 {
	font-size: 1.0em;
	margin: 30px 0px 8px 0px;	
}

div#header h3 {
	height: 40px;
	font-size: 1.1em;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	color: #a6bad9;
	margin: 0px 0px 0px 0px;
}

div#inhalt-mitte h3  {
	font-size: 1.1em;
	margin: 0px 0px 20px 0px;
}

h4  {
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
}

.firstheader { margin-top: 0px !important; }

div.spacer  {
	position: relative;
	height: 4px;
	margin: 23px -5px 28px -5px;
	background-image: url('../images/bg-spacer.png');
	background-repeat: repeat-x;
	clear: both;
}

/*span {
	text-transform: uppercase;
	font-size: 0.95em;
}*/


/* =======
Box-Layout
======= */

div#schatten {
	position: relative;
	width: 1015px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
    margin-left: auto;
    margin-right: auto;
	background-color: #0e1a33;
	background-image: url('../images/bg-schatten.png');
}

div#rahmen {
	position: relative;
	width: 993px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0px 0px 0px 10px;
	background-image: url('../images/bg-flares.png');
	background-repeat: no-repeat;
	background-position: top center;
	border-left: 1px solid #193154;
	border-right: 1px solid #193154;
}

div#header {
	height: 107px;
	padding: 25px 0px 0px 35px;
	margin: 0px 0px 35px 0px;
	background-image: url('../images/balken-links-transp.png');
	background-repeat: no-repeat;	
	background-position: bottom left;
}

div#inhalt-mitte {
	font-size: 1.2em;
	line-height: 1.6em;
	float: left;
	margin: 0px 300px 20px 35px;	
}

div#inhalt-rechts {
	font-size: 1.1em;
	line-height: 1.6em;
	float: right;
	width: 205px;
	margin: 0px 0px 0px -220px;
	padding: 0px 0px 20px 15px;
	/*border-left: 2px solid #1c2a43;*/
}

div#inhalt-clear {
	height: 20px;
	clear: both;
}

div.highlight {
	position: relative;
	padding: 12px 10px 1px 15px;
	margin: 0px 15px 0px -15px;
	background-color: #1c2a43;
}

p.hinweis {
	color: rgb(230, 179, 62);
}

/* Playlists */

div#playlist-auswahl {margin: 0px 0px 25px 0px; }
div#playlist-auswahl label { margin: 0px 20px 0px 2px; }

div.playlist-entry {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

div.playlist-entry dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.playlist-entry dl dt{
	font-weight: bold;
}

div.playlist-entry dl dd {
	margin: 0px 0px 20px 0px;
}

/* Bei Laden per JS */

div#inhalt-playlists {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0px 300px 0px 35px;
}

div#inhalt-playlists dl {
	line-height: 1.5em;
	border: 1px solid #193154;
	padding: 15px 0px 0px 15px;
}

div#inhalt-playlists div.playlist-entry { margin: 0px 0px 0px 0px; }

div#inhalt-playlists h3 {
	cursor: pointer;
	background-color: #193154;
	border-top: 1px solid #0e1a33;
	margin: 0px 0px 0px 0px;
	padding: 5px 2px 4px 15px;
}

/* Kalender */

.monat1 { background: url(../calendar/01.gif) no-repeat 0 0; }
.monat2 { background: url(../calendar/02.gif) no-repeat 0 0; }
.monat3 { background: url(../calendar/03.gif) no-repeat 0 0; }
.monat4 { background: url(../calendar/04.gif) no-repeat 0 0; }
.monat5 { background: url(../calendar/05.gif) no-repeat 0 0; }
.monat6 { background: url(../calendar/06.gif) no-repeat 0 0; }
.monat7 { background: url(../calendar/07.gif) no-repeat 0 0; }
.monat8 { background: url(../calendar/08.gif) no-repeat 0 0; }
.monat9 { background: url(../calendar/09.gif) no-repeat 0 0; }
.monat10 { background: url(../calendar/10.gif) no-repeat 0 0; }
.monat11 { background: url(../calendar/11.gif) no-repeat 0 0; }
.monat12 { background: url(../calendar/12.gif) no-repeat 0 0; }

p.datum {
	float: left;
	font-size: 1.3em;
	color: #080f1c;
	width: 42px;
	height: 10px;
	padding: 18px 20px 14px 0px;
	text-align: center;
}
p.datum span { display: none; }

p.datum-text { padding-top: 5px; }

.wolke {
	position: absolute;
	text-align: center;
	color: #080f1c;
	top: 35px;
	left: 35px;
	width: 30px;
	height: 24px;
	padding: 3px 0;
	background: url(../calendar/bubble2.png) no-repeat 0 0;
}

p#twitter {
	position: relative;
	margin: 10px 0px 0px 5px;
}