/* Layout-Elemente positionieren */

#intr {
 position:absolute;
 left:150px;
 top:90px;
 width:502px;
}

#a_top {
 background-color:#000000;
 background-image:url(layout/a_top.jpg);
 background-repeat:no-repeat;
 position:absolute;
 top:0px;
 left:0px;
 width:900px;
 height:56px;
 margin:0px;
 padding:0px;
 padding-left:80px;
}

#a_bottom {
 background-color:#000000;
 background-image:url(layout/a_bottom.jpg);
 background-repeat:no-repeat;
 width:770px;
 height:110px;
 margin:0px;
 padding:0px;
 text-align:center;
 color:#888888;
 font-size:8pt;
}

#a_2 {
 background-color:#FFFFFF;
 background-image:url(layout/a_2.jpg);
 background-repeat:no-repeat;
 position:absolute;
 top:56px;
 left:0px;
 width:450px;
 height:128px;
 margin:0px;
 padding:0px;
 padding-left:80px;
}
#a_3 {
 background-color:#FFFFFF;
 background-image:url(layout/a_3.jpg);
 background-repeat:no-repeat;
 position:absolute;
 top:184px;
 left:0px;
 width:122px;
 height:317px;
 margin:0px;
 padding:0px;
}

/* Layout Ende */


/* MENU & Buttons */
a.menu:link {border:0px solid #FF9900;}
a.menu:visited {border:0px solid #FF9900;}
a.menu:hover {
  border-top:1px solid #CC5500;
  border-left:1px solid #CC5500;
  border-bottom:1px solid #FFDD66;
  border-right:1px solid #FFDD66;
}
a.menu:active {
  border-top:2px solid #CC5500;
  border-left:2px solid #CC5500;
  border-bottom:1px dotted #FFDD66;
  border-right:1px dotted #FFDD66;
}

#b_1 {
 position: absolute;
 left:390px;
 top:10px;
 width:78px;
 height:27px;
 background-image:url(layout/buttons/startseite.jpg);
 background-repeat:no-repeat;
}
#b_2 {
 position: absolute;
 left:299px;
 top:15px;
 width:80px;
 height:27px;
 background-image:url(layout/buttons/ueberuns.jpg);
 background-repeat:no-repeat;
}
#b_3 {
 position: absolute;
 left:190px;
 top:27px;
 width:100px;
 height:27px;
 background-image:url(layout/buttons/chorleitung.jpg);
 background-repeat:no-repeat;
}
#b_4 {
 position: absolute;
 left:150px;
 top:59px;
 width:87px;
 height:27px;
 background-image:url(layout/buttons/repertoire.jpg);
 background-repeat:no-repeat;
}
#b_5 {
 position: absolute;
 left:80px;
 top:90px;
 width:82px;
 height:40px;
 background-image:url(layout/buttons/probentermine.jpg);
 background-repeat:no-repeat;
}
#b_6 {
 position: absolute;
 left:28px;
 top:135px;
 width:82px;
 height:40px;
 background-image:url(layout/buttons/buchungkontakt.jpg);
 background-repeat:no-repeat;
}
#b_7 {
 position: absolute;
 left:5px;
 top:187px;
 width:75px;
 height:38px;
 background-image:url(layout/buttons/presse.jpg);
 background-repeat:no-repeat;
}
/* MENU Ende */


body {
 background-color:#000000;
 background-image:url(layout/a_back.jpg);
 background-repeat:repeat-y;
 margin:0px;
 padding:0px;
 color:#000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11pt;
 }
div,p,table,tr,td {
 color:#000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11pt;
}
p {
 text-align: left;
 line-height:15pt;
 }

td {
 padding-top:15px; 
 padding-bottom:15px;
 vertical-align:top;
 padding-right:15px;}

h1{
 position: absolute;
 left: 160px;
 top: 140px;
 width:370px;
 font-family:Arial, Helvetica,sans-serif;
 font-size:20pt;
 font-weight:normal;
 color:#333333;
}

h2 {
 margin-left:0px;
 font-family:Arial, Helvetica,sans-serif;
 font-size:11pt;
 text-decoration:underline;
 font-weight:bold;
 color:#333333;
}
.small {
 margin-left:10px;
 padding-top:0px;
 font-family:Arial, Helvetica,sans-serif;
 font-size:8pt;
 text-decoration:none;
 font-weight:normal;
 color:#555555;
}
.zitat {
 border-width:0px;
 border-left:dotted 1px #CCCCCC;
 padding-bottom:3px;
 padding-top:3px;
 padding-left:8px;
}


.wichtig {
 background-color:#FEFEFE;
 border:2px solid #FF9900;
 padding:10px;
 width:300px;
}

#content {
 margin-left: 122px;
 margin-top: 220px;
 padding:10px;
 width:530px;
 min-height:500px;
}

img {
 border: 0px;
 padding:0px;
 margin:8px;
}

hr {
 color:#333333; 
 background-color:#333333; 
 height:1px;
 border:0px;
}

a:link {color:#444444; text-decoration:underline;}
a:visited{color:#777777; text-decoration:underline;}
a:hover{color:#FF9900; text-decoration:none;}

/* Infobox */
#i_box  {
 position:absolute; 
 top:70px; 
 left:634px;
 width:204px;
 padding:0px;
 margin:0px;
}

#i_top {
 background-image:url(layout/infobox_top.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 height:12px;
 width:204px;
 padding:0px;
 margin:0px;
 font-size:9pt;
 text-align:center;
 padding-top:4px;
 padding-bottom:0px;
 color:#FEC56C;
 letter-spacing:0.3em;
}

#i_middle {
 background-image:url(layout/infobox_middle.jpg);
 background-repeat:repeat-y;
 background-position:top left;
 width:180px;
 padding-left:11px;
 padding-right:13px;
 font-size:12pt;
 color:#FFFFFF;
 margin:0px;
 text-align:center;
}

#i_bottom {
 background-image:url(layout/infobox_bottom.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 height:14px;
 width:204px;
 padding:0px;
 margin:0px;
}

