@charset "utf-8";

a{
color:#807472;
}

#span_hoer, #span_konz{
 float:right;font-size:1.2em;padding-right:0px;padding-top:20px;display:block;width:137px;text-align:center;color:#f9b200;text-decoration:none;font-weight:normal;
}

body {
    color: black;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 10px 40px;
    text-align:left;  /* Zentrierung im Internet Explorer */
	background-image:url(../bilder/hg.gif);
	background-repeat:repeat;
	vertical-align: middle;
  }

  
img{
  border:0px;
  }

div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    max-width: 1100px;
	min-width:790px;
    padding-right: 0;
    background:#000000;
    border: 1px solid black;
	
			
  }

  
div#vertical{ /*hilfsdiv zum vertikalen zentrieren (wenn man den "eigentlichen" div verwendet, geht die standardmethode zum horizontalen zentrieren nicht mehr, die gleiche methode wie beim vertikal zentrieren funktioniert hier aber nicht, da sie aufgrund einer fixen angabe eines negativen margin-left nicht mit dem liquid layout über min/max-width verträgt;-) */
  
    position:absolute;
	top:15%;
	margin-top:-70px;
	width:100%;
	margin-left:-40px;
	}

* html div#vertical{
margin-left:0px;
}
  
div#container{
    vertical-align: middle;
	display:table-cell;	
	height:100%;
	
	}
  
div#Folgeseite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    max-width: 1100px;
	min-width:790px;
    padding-right: 0;
    background:white;
    border: 1px solid black;

	  }
 
div.konzert{
 float:left;width:80%;border-bottom:1px dashed #cbc3c2;margin-left:1em;
 }
 
  
div#login{
color:#6f6a69;
float:right;
background:right  no-repeat url(../bilder/login_icon1.gif) #3c3433;
width:3.5em;
padding-top:4px;
font-size:0.8em;
margin-right:1.3em;
}

div#login a, div#login a:visited, div#login a:active, div#sprache a, div#sprache a:visited, div#sprache a:active{
color:#6f6a69;
text-decoration:none;
}

div#login a:hover, div#login a:focus, div#sprache a:hover, div#sprache a:focus{
color: #fdfdfd;
text-decoration:underline;
}

div#login_open{
color:#6f6a69;
float:right;
background:right no-repeat url(../bilder/login_open_icon.gif) #3c3433;
width:17em;
padding-top:4px;
font-size:0.8em;
margin-right:1.3em;
text-align:right;
padding-right:20px;
}

div#sprache{
color:#6f6a69;

float:right;
background-color:#3c3433;
width:3.5em;
padding-top:5px;
font-size:0.8em;
margin-right:1.3em;
}

div#logo{
float:left;
clear:both;
width:25%;
margin-bottom: 0px !important; margin-bottom: -3px;/*gegen den ie6 3-pixel-bug*/
}

div#logo a{
border:0px;
}

div#kopf{
	background-position:left;
    border-bottom: 1px solid silver;
	height:129px;
	background-color: #3c3433;
	width:100%;/*bei LL*/
	float:right;
	overflow:hidden;
	
	}

h1 {
    font-size: 2em;
    margin: 0; padding: 0.3em;
    }

#li_index {
  padding-left:100px;
  } 
  
span.unsichtbar{  
  border-bottom:3px solid #f9b200;
  padding-bottom:3px;
  }
  
#buttonauswahl{
list-style:none; 
}

#hoer a, #konz a {
background-image:url(../bilder/Icons/Gross/buttons.jpg);
background-repeat:no-repeat;
height:62px;
width:137px;
display:block;
text-decoration:none;
}

#konz a{
margin-top:40px;
}

#konz a:focus , #konz a:hover, #hoer a:focus , #hoer a:hover {
background-image:url(../bilder/Icons/Gross/buttons.jpg);
background-position:bottom;
}





span.adobe_pdf, span.word_doc, span.zip{
background-position:left top;
background-repeat:no-repeat;
padding-left:30px;
min-height:30px;
display:block;
padding-top:15px;
}
span.adobe_pdf{
background-image:url(../bilder/Icons/Klein/pdf_icon.jpg);
}
span.word_doc{
background-image:url(../bilder/Icons/Klein/doc_icon.jpg);
}
span.zip{
background-image:url(../bilder/Icons/Klein/zip_icon.jpg);
}
div.textbox{
border:1px dashed #cbc3c2;width:90%;
}

div.textbox_header{
border-left:5px solid #f9b200;height:1.8em;font-size:1.3em;font-weight:bold;padding-left:0.5em;padding-top:0.4em;background-color:#807472;color:#FFFFFF;
}

dl.dl_bildunterschrift{
margin-top:0px;
}

dl.dl_bildunterschrift dd{
text-align:right;padding-right:33px;
font:Arial, Helvetica, sans-serif;
color:#999999;
font-size:0.8em;
}

.bildunterschrift_cds{
text-align:left;
font-size:0.7em;
width:155px;

}
.dd_bildunterschrift_cds{
padding-left:0em;
padding-bottom:1em;
}

span.anmerkung{
color:#666666;
font-size:0.8em;
}


span.Linkbox a{
	color:black;
	border:1px solid #807472;
	border-left: 10px solid #807472;
	text-decoration:none;
	padding-right:4px;
	
	}

	
span.Linkbox a:focus, span.Linkbox a:hover{
	
	padding-right:4px;
	border: 1px solid #FFCC00;
	border-left: 10px solid #FFCC00;
	}

div#Buttons {  
    padding-top:55px;
	padding-left:27px;
	float:left;
	height:350px;
	overflow:hidden;
	
	}
div#Bild{
	background:url(../bilder/vcp_orchesterfoto3.jpg) 290px 30px no-repeat;
	float:left;
	margin-top:70px;
	margin-bottom:35px;
	width:760px;
	height:390px;
	clear:right;
	padding-right:250px;
		}  
 
div#Inhalt{  
 float:left;
 overflow:hidden;
 width:100%;/*braucht nur der IE6 für die umsetzung des overflow:hidden!*/
  }
  
div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: #3c3433;
  }
  
div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; padding:5px;
	color:#4d413d;
    text-align: center;
    background-color: #1a1616;

  }
  
  /* ------------------------  cd´s ----------------------------*/
  
  
  
.beschreibung_cd{
  border-top:  1px solid #807472;
  padding-top:2em;
  text-align:left;
  clear:left;
  margin-bottom:2em;
  margin-left:-240px;
  padding-left:20px;
  margin-right:3em;
 

  }
  
.beschreibung_cd_oben{
   
  float:left;width:100%;border-bottom:1px dashed #807472;
  padding-bottom:3em; 
  }
 
#bildunterschrift_cd1, #bildunterschrift_cd2, #bildunterschrift_cd3 { 
  color:#00FF66;
width:200px;
}

.rot{
background-color:;
width:200px;
height:170px;
margin-right:40px;
float:left;
left:0px;
margin-top:0px;

float:left;
}
.hr_cds{
border:dashed lightgrey 1px;height:0px;
width:90%;
}
