/* CSS Document */
body { background:url(../img/body-bg.jpg) repeat-x top left; margin:0; padding:0;}
a {text-decoration:none;}
a img {border:none !important;}
#layout {width:1000px; height:750px; margin:0 auto;}
#main {width:936px; margin:0px auto;}

#navi {width:644px; margin:60px 0px 0 0; float:left; font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-variant:small-caps; font-size:13px; letter-spacing:1px;}
#navi ul {list-style-type:none; margin:0; padding:0;}
#navi ul li {float:left; padding:0 10px 0 10px; border-right:1px solid #999999;}
#navi ul li a { color:#999;}
#navi ul li a:hover { color:#444;}

#logo {width:290px; float:right; height:35px; margin-top:5px !important; margin-top:20px;}
html* #logo { margin-top:20px !important;}
#logo h1 {text-indent:-6000px; background:url(../img/logo.png) no-repeat bottom right; display:block; line-height:35px;}

#mainimage {width:936px; background:url(../img/schatten-936x284.jpg) no-repeat top left; height:284px;}
#mainimage img.mainimage { margin:0; padding:0;}

#content {width:936px; margin:30px auto;}

#content  p {font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-size:13px; line-height:20px; color:#666666; }

ol.songinfo {float:left; color:#666666; font-size:13px; line-height:20px; margin:0px; padding:0px 20px 0 20px;}
ol.songinfo a {color:#666666; width:180px;}
ol.songinfo a:hover {color:#666666; text-decoration:underline;}

#footer { font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-variant:small-caps; color:#999999;}
#footer .left {width:400px; float:left; text-align:left; font-size:9px; font-family:Arial, Helvetica, sans-serif; line-height:24px;}
#footer .right {width:530px; float:right; text-align:right; font-size:13px; letter-spacing:1px;}
#footer a {padding:0 10px 0 10px; border-right:1px solid #999999; color:#999999;}
#footer a:hover { color:#444;}

/* Überschiften */
h1, h2, h3, h4 {font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-variant:small-caps; color:#666666;}
h1 {font-weight:bold; font-size:18px !important;}
h1 a {color:#666666;}
h1.welcome { font-variant:normal !important;}
h2 {font-weight:bold; font-size:15px !important;}
.textright h2 {font-variant:normal !important;}
h3 {font-weight:bold; font-size:15px !important;}


h2.eastparkside {background:url(../img/songs/h2_eastparkside.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.thebanks {background:url(../img/songs/h2_thebanks.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.slenderboy {background:url(../img/songs/h2_slenderboy.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.kelvingrove {background:url(../img/songs/h2_kelvingrove.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.airforlinda {background:url(../img/songs/h2_airforlinda.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.mairi {background:url(../img/songs/h2_mairi.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.parcel {background:url(../img/songs/h2_parcel.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.smile {background:url(../img/songs/h2_smile.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.weemorag {background:url(../img/songs/h2_weemorag.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}
h2.reprise {background:url(../img/songs/h2_reprise.png) no-repeat top left; width:300px; height:50px; text-indent:-9000px;}

h2.mountainmorning {background:url(../img/songs/h2_mountainmorning.png) no-repeat top left; width:300px; height:40px; text-indent:-9000px;}
h2.ganesh {background:url(../img/songs/h2_ganesh.png) no-repeat top left; width:300px; height:40px; text-indent:-9000px;}
h2.rezitativ {background:url(../img/songs/h2_rezitativ.png) no-repeat top left; width:300px; height:40px; text-indent:-9000px;}
h2.diminution {background:url(../img/songs/h2_diminution.png) no-repeat top left; width:300px; height:30px; text-indent:-9000px;}
h2.bordell {background:url(../img/songs/h2_bordell.png) no-repeat top left; width:300px; height:30px; text-indent:-9000px;}
h2.cafe {background:url(../img/songs/h2_cafe.png) no-repeat top left; width:300px; height:30px; text-indent:-9000px;}
h2.nightclub {background:url(../img/songs/h2_nightclub.png) no-repeat top left; width:300px; height:45px; text-indent:-9000px;}
h2.variable {background:url(../img/songs/h2_variable.png) no-repeat top left; width:300px; height:30px; text-indent:-9000px;}
h2.dynamik {background:url(../img/songs/h2_dynamik.png) no-repeat top left; width:300px; height:40px; text-indent:-9000px;}
h2.impromptu {background:url(../img/songs/h2_impromptu.png) no-repeat top left; width:300px; height:30px; text-indent:-9000px;}
h2.mountainmoor {background:url(../img/songs/h2_mountainmoor.png) no-repeat top left; width:300px; height:30px; text-indent:-9000px;}

body.songs { margin:10px; padding:0; background-color:#eaeaea; background-image:none !important;}
body.songs p {font-size:12px !important; color:#666666; }
body.songs .imgleft {float:left; width:500px; height:328px; margin:0 20px 0 0;}
body.songs .textright {float:left; width:340px; margin:0;}
a.songs {color:#666 !important;}
a:hover.songs { text-decoration:underline;}
a.songsbold {color:#666 !important; font-weight:bold;}
a:hover.songsbold { text-decoration:underline;}

/* Links */
a.htmlex {color:#999999; background:url(../img/html_extern.png) no-repeat center right; padding-right:20px;}
a:hover.htmlex {color:#999999; text-decoration:underline; background:url(../img/html_extern.png) no-repeat center right; padding-right:20px;}

a.htmlin {color:#999999;}
a:hover.htmlin {color:#999999; text-decoration:underline;}


.friends {text-align:left; line-height:30px; font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-variant:small-caps; font-size:13px;}
.friends ul {float:left; list-style-type:circle;}
.friends a {color:#666666;}
.friends a:hover {color:#333333; text-decoration:underline;}

/* Formulare */
table.vorkasse { font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-size:13px; color:#666;}
input {width:350px !important; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none; background-color:none; background:none;}
textarea {width:350px !important; border:1px solid #ccc; background-color:none; background:none;}

/* Shop */
table.shop {font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-size:13px; line-height:20px; color:#666666; }
table.shop tr th {font-size:11px; border-bottom:1px solid #cccccc; text-align:left; font-weight:bold;}
table.shop input {border:none !important;}
table.shop tr td a {color:#666666 !important;}
table.shop tr td a:hover { text-decoration:underline;}
ol li {font-family: "Baskerville Old Face", Times New Roman, Times, serif; font-size:13px; line-height:20px; color:#666666;}

/* MooTools Slider */

ol.buttons {color:#666666; font-size:13px; line-height:20px; margin:0px; padding:0px 20px 0 20px;}
ol.buttons li {  }
ol.buttons span{cursor:pointer;}
ol.buttons span.active, .buttons span:hover{ text-decoration:underline;}

#box-slider{position:absolute;}
#box-slider div{width:500px; height:240px; float:left; z-index:1 !important;}

#box-slider h3, #box-slider p, #box-slider ul{padding:5px 10px;}

#box-slider img{width:200px; width:150px; float:left; margin:0 10px 10px 15px;}

.mask {position:relative; width:500px; height:240px; overflow:hidden; z-index:3000 !important;}

span img{display:block; border:none;}