body {
     font-size: 70%;
     font-family: Verdana, Arial, sans-serif;
     background-color: #FFFFFF;
     color: #2E3A60;
     line-height: 1.6em;
     margin: 0;
}

* { font-size: 1.0em; }

div#rahmen {
     width: 900px;
     margin-left: auto;
     margin-right: auto;
}

* html div#rahmen { position: absolute; left: 50%; margin-left: -450px; }

div#header {
    height: 47px;
    background-image: url('../images/arctic-light-logo.gif');
    background-repeat: no-repeat;
    background-position: 8px 6px;
}

div#navigation {
     height: 25px;
     background-color: #6D78A7;
     width: 900px;
     overflow:hidden;
}

div#navigation ul {
    margin: 0;
    padding: 0;
}

div#navigation li {
    list-style-type: none;
    display: inline;
    float: left;
}

div#navigation a {
    display: block;
    height: 21px;
    font-size: 1.0em;
    border-right: 1px solid #FFFFFF;
    padding: 4px 26px 0px 26px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    float: left;
}

* html div#navigation a { height: 25px; }

div#subnav {
    background-color: #EEEFF1;
    font-size: 0.8em;
    padding-left: 20px;
}

div#subnav a {
    text-decoration: none;
    margin: 0px 10px 0px 0px;
}
div#subnav a:hover, div#subnav a:active, div#subnav a.sub-aktiv { color: #BF0000; }

div#navigation a:active, div#navigation a:hover, a.aktiv { background-color: #9FABDD; }

div.darkblue, div.darkblue-top {
    height :3px;
    background-color: #6D78A7;
}

div.darkblue-top { margin-top: 2px; }

div.lightblue, div.lightblue-top {
    height: 4px;
    background-color: #EEEFF1;
}

div.lightblue-top { height: 18px; }

div#dekor {
    width: 900px;
    background-repeat: repeat-x;
}

div#main {
    height: 471px;
    width: 900px;
    padding: 0;
    overflow: auto;
    background-repeat: no-repeat;
    background-position: right top;
}

.direction { background-image: url('../images/tmpl-direction.jpg'); }
.lying { background-image: url('../images/tmpl-lying.jpg'); }
.knight { background-image: url('../images/tmpl-knight.jpg'); }
.moon { background-image: url('../images/tmpl-moon.jpg'); }
.skin { background-image: url('../images/tmpl-skin.jpg'); }

div#inhalt, div#inhalt-playlist {
    width: 610px;
    padding: 5px 0px 20px 25px;
}

div#inhalt-playlist { line-height:1.3em; }

div#inhalt-guestbook {
	width: 610px;
    padding: 15px 0px 20px 50px;
}

div#inhalt-gallery, div#inhalt-gallery-detail {
	width: 685px;
    padding: 5px 0px 20px 50px;
}

p { margin: 0px 0px 12px 0px; }

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

h2 {
    font-size: 1.1em;
    margin: 15px 0px 15px 0px;
}

div#inhalt-gallery-detail h2 { margin-bottom: 20px; }

img { border: 0; }

td { vertical-align: top; }

a { color: #2E3A60; text-decoration: underline; }
a:active, a:hover { text-decoration: none; }

div#inhalt-gallery a {
   font-weight: bold;
}

div.spacer, div.spacer-short {
    height: 1px;
    background-image: url('../images/spacer.gif');
    background-repeat: repeat-x;
    margin: 17px 0px 20px 0px;
}

div.spacer-short { width: 350px; }

div#inhalt-gallery img, div#inhalt-gallery-detail img  {
    margin: 0px 20px 20px 0px;
    border: 1px solid #BBBBBB;
}

div#inhalt-gallery table { margin-top: 20px; }

div#inhalt-gallery p {
    font-size: 0.9em;
    margin: 5px 0px 10px 0px;
}

div#inhalt-guestbook table { line-height: 1.3em; }

table.music img { margin: 13px 30px 0px 0px; }
table.music div.spacer { margin: 5px 0px 7px 0px; }


/* Playlist neu */

div.playlist-hidden, div.playlist {
	visibility: hidden;
	position: absolute;
}		

div.playlist-visible {
	visibility: visible;
	position: relative;
}

div#inhalt-playlist h4 {
	margin: 0px 0px 5px 0px;
}

div#inhalt-playlist h4 a { font-weight: normal !important; }

div#inhalt-playlist p, div#inhalt-playlist h4, a.download {
	padding: 0px 0px 0px 18px;
}

.download{
	display: block;
	background-image: url('../images/icon-download.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}