@import url(admin.css);
*{
padding:0; 
margin:0;
}
body {
padding:0px;
margin:0px;
height:100%;
width:100%;
background-color:#eeebe6;
background-image:url(../images/deko/hg.jpg);
}
/* Styles für IE 5 Mac, werden möglicherweise nur benötigt bei Verwendung eines XHTML Doctypes */
#center_vertical{
background-color:transparent;
position:absolute;
top:20px;
left:20px;
}
/* Styles für alle anderen Browser (wegen des Backslash vor dem Kommentarende unsichtbar für IE 5 Mac) \*/
#center_vertical {
top:50%;
left:0;
text-align:center;
width:100%;
margin-top:-250px;
min-width:740px; 
}
/* Ende IE 5 Mac hack */ 
#container {
position:relative;  
width:900px; 
height:500px; 
margin:0px auto; 
text-align:left; 
background-image:url(../images/deko/hg_mit.jpg);
}
#flaeche {
position:absolute;
top:0px;
left:10px;
width:651px;
height:520px;
background-image:url(../images/deko/schwarz.gif);
background-repeat:no-repeat;
}
#flaeche.geroell {
width:856px;
background-image:url(../images/deko/schwarz_ausleger.gif);
}
#flaeche.discografie {
background-image:url(../images/deko/schwarz_eckig.gif);
}
#flaeche_erweiterung {
position:absolute;
top:40px;
left:630px;
z-index:1;
}
#guckkasten {
position:absolute;
top:40px;
left:630px;
width:316px;
height:245px;
}
#wenig_text {
position:absolute;
top:80px;
left:175px;
z-index:4;
}
img {
border:none;
}
ul {
font-family:"courier new", serif; 
color:#d4cfbc;
list-style:none;
}
li {
padding-bottom:5px;
}
h1 {
position:absolute;
top:0px;
left:152px;
width:155px;
height:35px;
z-index:3;
background-image:url(../images/deko/name.gif);
background-repeat:no-repeat;
}
h1 .invisible {
padding:3px;
font-size:30px;
visibility:hidden;
}
h2 {
font-family:"courier new", serif; 
font-size:16px; 
color:#d4cfbc;
margin:10px;
}
h2.audiothek {margin-top:0px;}
a {
font-family:"courier new", serif;
font-size:13px;
text-decoration:none;
outline:none;
}
a.text:link,    
a.text:visited {
color:#d4cfbc;
} 
a.text:hover,  
a.text:active,  
a.text:focus {
color:#17adb2;
}
a.text_an:link,
a.text_an:visited,
a.text_an:hover,
a.text_an:active,
a.text_an:focus { 
color:#17adb2; 
}
a.text_second:link, 
a.text_second:visited {
color:#e3cd7e;
} 
a.text_second:hover,
a.text_second:active,
a.text_second:focus {
color:#17adb2;
} 
a.exit:link,
a.exit:visited {
color:#e3cd7e;
}
a.exit:hover {
color:#13eff6;
}
a.text_exit:link,
a.text_exit:visited {
color:#d4cfbc;
}
a.text_exit:hover {
color:#13eff6;
}
a.ts_first {
margin-left:25px;
}
a.zahl,
a.zahl_an { 
font-weight:bold; 
font-size:18px;
}
a.zahl:link,
a.zahl:visited { 
color:#d4cfbc;
} 
a.zahl:hover,
a.zahl:active,
a.zahl:focus { 
color:#17adb2;
}
a.zahl_an:link,
a.zahl_an:visited,
a.zahl_an:hover,
a.zahl_an:active,
a.zahl_an:focus { 
color:#17adb2; 
}
ul#hauptnavigation {
position:absolute;
top:80px;
left:20px;
z-index:2;
}
ul#sprachnavigation {
position:absolute; 
top:275px;
left:20px;
z-index:2;
}
ul#hauptnavigation li, ul#sprachnavigation li {
padding:0;
}

/*--------------- styles für dhtml-scrollbar ---------------*/
div#hold { 
position:relative; 
overflow:hidden;
width:467px; 
height:405px; 
z-index:100;
}
div#wn	{ 
position:absolute; 
left:0px; 
top:0px; 
width:467px; 
height:405px; 
clip:rect(0px, 467px, 405px, 0px);  
overflow:hidden;	
z-index:1;
} 
div.content { 
position:absolute; 
left:0; 
top:0; 
visibility:hidden; 
z-index:1; 
padding-left:6px;
}
.main .content {
padding-left:3px;
}
div#scrollbar { 
position:relative; 
left:0; 
top:0;
width:19px; 
height:160px; 
font-size:1px; 
z-index:2;
margin-top:0px;
}
div#track { 
position:absolute; 
left:0; 
top:12px;
width:17px; 
height:158px;
background:url(../images/deko/track3.gif) #000 repeat;
z-index:1;
}
div#dragBar {
position:absolute; 
left:0px; 
top:20px;
width:17px; 
height:5px;
background-image:url(../images/deko/trackbar.gif);
background-repeat:no-repeat;
background-color:#d4cfbc;
z-index:2;
}  
div#up { 
position:absolute; 
left:0;
top:0;
z-index:2;
}  
div#down {
position:absolute;
left:0px;
top:171px;
z-index:3;
}  
table.main {
position:absolute; 
left:163px; 
top:80px; 
width:498px;
border:none;
z-index:5;
}
td#scrollLinks { 
width:12px;
vertical-align:top;
}
/*--styles für scrollende listen--*/
p {
font-family:"courier new", serif;
font-size:13px;
color:#d4cfbc;
margin-bottom:5px;
z-index:4;
}
p.klein {
font-size:11px;
}
p.right_align {
text-align: right;
}
table.scroll_text {
font-family:"courier new", serif;
font-size:13px;
color:#cfd4bc;
width:435px;
height:auto; 
z-index:3;
}
td.text_klein {
vertical-align:top;
padding:0 0 10px 20px;
}
td.datum_klein {
vertical-align:top;
width:55px;
} 
td.text {
vertical-align:top;
padding-left:20px;
padding-bottom:40px;
}
td.datum {
vertical-align:top;
padding-right:15px;
padding-bottom:40px;
} 

/*--ende styles für scrollende listen--*/

/*------------------ende styles für scrollbar -----------------*/

/*----------------styles für grafikseiten ----------------*/


#hintergrund_bilder {
position:absolute;
top:115px;
left:370px;
width:465px;
height:316px;
z-index:3;
}
#bilder {
position:absolute; 
top:8px;
left:7px;
z-index:4;
}
img.pictogramm {
margin:0px;
}
*html img.pictogramm {
margin:0px;
padding:0px;
}
#ding {padding-top:40px;}
#position_pictogramme {
position: absolute;
top:8px;
left:14px;
width:250px;
}
#pictogramm_an {
position:absolute; 
top:5px;
left:596px;
z-index:7;
}
#bild_ding {
position:absolute;
top:80px;
left:163px;
width:450px;
height:430px;
text-align:center;
z-index:5;
}
#hg_player {
position:absolute;
top:480px;
left:721px;
z-index:3;
}

/*------------------ende grafikseiten ------------------------*/

/*----------------styles für player----------------*/
#audioplayer1 {
position:absolute;
top:460px;
left:660px;
width:180px;
height:15px;
z-index:7;
}
/*----------------ende player ----------------*/

/*----------------styles für discografie.php------------------------*/
ul.albumlist {
list-style-image: url(../images/deko/ring.jpg); 
}
/*----------------ende styles für discografie.php------------------------*/

/*----------------styles für discografie.php und projekte.php------------------------*/
div.linkbox {display: none; }
/*----------------ende styles für discografie.php und projekte.php------------------------*/


/*----------------styles für Discografie Frame ----------------*/
#dynamisch {
position: absolute;
top: 41px; 
left: 661px; 
width: 272px; 
height: 410px; 
}
#kastenschwarz_oben {
width:267px;
height:14px;
background-image:url(../images/deko/rand_oben.gif);
background-position: left top;
background-repeat:no-repeat;
margin-left:5px;
}

/*Hack, der im IE min-height simmuliert*/
#kastenschwarz_inhalt{
min-height:205px;
height:auto !important;
height:205px;
width:267px; 
background-color:#000; 
margin-left:5px;
z-index:1;
}
#kastenschwarz_unten {
width:267px;
height:14px;
background-image:url(../images/deko/rand_unten.gif);
margin-left:5px;
z-index:1;
background-repeat:no-repeat;
}
#pfeil {
position:absolute;
top:12px;
left:236px;
width:25px;
height:25px;
z-index:8;
}
#cover {
border:2px solid #d4cfbc;
margin-left:20px;
z-index:7;
} 
#audioplayer2 { /*der Player für Discographie*/
margin-top:5px; 
margin-left:4px;
width:180px; 
height:15px;
} 
ul.titel {
list-style-image:url(../images/deko/ring.jpg);
font-family:"courier new", serif; 
font-size:13px;
color:#d4cfbc;
padding-left:25px;
}
p.discotext, p.nocover {
margin-left:8px;
}
p.nocover {
width:190px;
}
body#framesrc div#hold { 
position:relative; 
overflow:hidden;
width:240px;
height:350px; 
z-index:100; 
} 
body#framesrc div#wn { 
position:absolute; 
left:0px; 
top:0px; 
width:240px; 
height:350px; 
clip:rect(0px, 240px, 350px, 0px); 
overflow:hidden;	
z-index:1; 
}
body#framesrc td#scrollLinks {
vertical-align:bottom;
padding-bottom:35px;
}
body#framesrc div#scrollbar { 
position:relative; 
left:0; 
top:35px;
width:19px; 
height:145px; 
font-size:1px; 
} 
body#framesrc div#track { 
position:absolute; 
left:0; 
top:12px;
width:17px; 
height:118px;
background:url(../images/deko/track3.gif) #000 repeat;
}
body#framesrc div#down {
position:absolute; 
left:0px;
top:130px;
}  
/*----------------Ende styles für Discografie Frame ----------------*/

/*-------------------------styles für Projekte ---------------------------*/
body#projekte #startbild {
position:absolute;
top:135px;
left:177px;
z-index:4;
}
ul#projektnavigation1 { /*vertikal*/
position:absolute;
top:185px;
left:450px;
z-index:7;
}
ul#projektnavigation1 li {
line-height:1.8;
}
ul#projektnavigation2 { /*horizontal*/
position:absolute;
top:13px;
left:335px;
width:500px;
z-index:3;
}
ul#projektnavigation2 li {
display:inline;
padding:0 10px 0 0;
}
body#projekte #guckkasten {
position:absolute;
top:15px;
left:641px;
width:292px;
height:438px;
z-index:2;
background-image:url(../images/deko/kasten_rechts_projekte2.gif);
background-repeat:no-repeat;
}
/*---scollende Liste bei Projekten--*/
body#projekte div#hold	{ 
position:relative; 
overflow:hidden;
width:235px;
height:330px; 
z-index:100; 
} 
body#projekte div#wn	{ 
position:absolute; 
left:0px; 
top:0px; 
width:235px; 
height:330px; 
clip:rect(0px, 235px, 330px, 0px); 
overflow:hidden;	
z-index:1; 
}
body#projekte div#scrollbar { 
position:relative; 
left:0; 
top:0;
width:19px; 
height:110px; 
font-size:1px; 
z-index:2;
margin-top:0px;
} 
body#projekte div#track { 
position:absolute; 
left:0; 
top:12px;
width:17px; 
height:118px;
background:url(../images/deko/track3.gif) #000 repeat;
z-index:1;
}
body#projekte div#down {
position:absolute;
left:0px;
top:131px;
z-index:3;
}  
body#projekte table#sparten {
position:absolute;
left:10px;
top:55px;
border:none; 
width:270px;
}
body#projekte .scroll_sparten {
font-family:"courier new", serif;
font-size:13px;
color:#cfd4bc;
width:235px;
height: auto;
}
body#projekte td.text_projekte {
vertical-align:top;
padding-bottom:15px;
}
body#projekte td.datum_projekte {
vertical-align:top;
padding-bottom:5px;
}
body#projekte td#scrollLinks {
width:12px;
vertical-align:bottom;
padding-bottom:40px;
}
/* ----------Formate für Frame Projekte -------------------------*/   
#projektinfo {
position:absolute;
top:77px;
left:153px;
width:500px;
height:453px;
z-index:5;
}
body#framesrc { /* Body-id aller Dateien, die in einen Frame geladen werden (z.Zt. mehr.php, 
audiosample.php und projektdetail.php)*/
background: transparent;
}
#spot {
position:absolute;
top:257px; 
left:248px;
}
p.projekt_text {
margin:0 25px 0 100px;
text-align:right;
}
p.sound_text {
margin:130px 25px 0 100px;
text-align:right;
}
#audioplayer3 { /*der Audioplayer für Projekte*/
float:right; 
width:180px;
height:15px;
margin:10px 25px 0 0;
} 
#projektbild {
float:right; 
max-height:350px;
margin:0 25px; 
text-align:right;
}
#projektbild p {
margin-top:10px;
text-align:right;
}
ul#bildnavigation {
position:absolute; 
top:410px; 
left:20px;
}
ul#bildnavigation li {
display:inline;
padding:0 10px 0 0;
}
#flashvideo {
position:absolute;
top:0;
left:1px;
background-image:url(../images/deko/hg_player.gif);
background-repeat: no-repeat;
width:500px; 
height:418px;
padding:32px 15px 0 10px;
}
p.altcontent {
margin:0 10px;
}
/* ------------------------ Formate für Audiothek ----------------*/
#audiothekbody #hold, #audiothekbody #wn {
height:395px;
}
#audiothekbody h2 { /*Übernimmt margin von H2*/
position:absolute;
top:30px;
left:150px;
width:400px;
font-size:13px;
font-weight:normal;
}
ul.audiothek { 
font-size:13px;
list-style-image:url(../images/deko/ring.jpg);
margin:0 5px 10px 17px;
}
ul.audiothek li {
margin-bottom: 5px;
}
.audiothek img { /*!!! max-height und min-height funktionieren im IE nicht !!! */
max-height:250px;
max-width:420px;
margin:5px 0;
}
#audioframe {
position:absolute;
top:495px;
left:167px;
height:16px;
width:200px;
background:transparent;
padding:2px;
}
#audioplayer4 {
width:180px;
height:15px;
}
/*--------------------------------------------------------------------*/

/*--------------Formate für Tourdaten ----------------*/
#tourdaten {
width:95%;
}
#tourdaten td {
vertical-align:top;
}
.tourdatum {
width:85px;
}
/*----------------------------------------*/
.clear {
clear:both;
}
p.noscript {
position:absolute;
top:100px;
left:180px;
width:350px;
}