body {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 12pt; 
color: #FFF; text-decoration: none; background-color: #333; border-style: none; 
border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}



/* container total - enth?llt alles  */

#total{position: relative; width:910px; background-color: #333;}



/* container Kopfzeile */

#head { height: 124px; width: 680px; left: 0px; top: 0px; 
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 180px; padding: 0px 0px 0px 10px;
overflow: visible; visibility: visible; background-color: #F60; text-align: left;}

#title { margin-top: 40px; float:left; }

#title_image { top:0px; margin-left:470px }


/* container main enth?lt das Hauptfenster mit dem Hauptinhalt und dem Kontakttext in der rechten spalte */

#main { position: absolute; width:680px; max-height:670px; left:180px; top:124px; 
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px 0px 0px 10px;
background-image:url(../imgs/bg_photo.jpg); background-repeat:no-repeat; overflow: visible; visibility: visible;
}



/* container Inhalt */

#content { width: 460px; height:500px; padding: 10px 12px 0px 0px; float: left}

#cover { width: 120px; padding: 10px 10px 0px 0px; float: left}
#audioCD_text { padding: 0px 0px 10px 0px; min-height: 125px}

#aktuell_bild { padding: 0px 10px 0px 0px; float: left}
#aktuell_text { padding: 0px 0px 10px 0px}

#bildergalerie { width: 120px; padding: 10px 10px 0px 0px; float: left}
#homoludens { width: 180px; padding: 10px 10px 0px 0px; float: left}

/* container right Kontakt */

#kontakt { padding: 10px 0px 0px 0px}


/* container homoludens-leiste*/

#homoludens_leiste {position: absolute; width: 680px; top:380px}


/* container f?r die Navigation */

#fixed { position: absolute; top: 0px; left: 0px; width: 124px; background-color: #333}
html>body #fixed{  /* nur fuer moderne Browser! */ position: fixed}

#navibox { position: relative; height: 800px; width: 124px; left: 0px; top: 0px;
margin: 53px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; visibility: visible}


/****************************************/
/*   text formatierung  */
/*******************************************/

a { font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
line-height: 1.1em; font-weight: normal; color: #F60; text-decoration: none}

a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
line-height: 1.1em; font-weight: bold; color: #C00; text-decoration: none }

//a:active {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.1em; font-weight: bold; color: #C00; text-decoration: none }
//a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.1em; font-weight: bold; color: #900; text-decoration: none }

p {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
line-height: 1.2em; color: #FFF; text-decoration: none}

h3 { letter-spacing: 2px}

table {border-spacing:0px; padding: 0px 0px 0px 0px; text-align: left}

td {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; 
line-height: 1em; color: #FFF; text-decoration: none; vertical-align: top}

th {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; 
line-height: 1em; color: #FFF; text-decoration: none; letter-spacing: 1pt}

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; 
line-height: 1em; color: #FFF; text-decoration: none; background-color: #444; border: 1px solid #f60}



.links a { color: #fff; line-height: 1.3em; font-weight: normal }
.links a:hover { color: #C00; line-height: 1.3em; font-weight: normal }


.navi p { border-color: #fff; border-style: solid; border-width: 0.5px; padding: 2.8px; 
background-color: #000; margin: 5px;}

.navi a {  font-family: Arial, Helvetica, sans-serif; font-size: 1em;
font-weight: bold; letter-spacing: 0.1em; color: #F60; text-decoration: none}

.navi a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
font-weight: bold; letter-spacing: 0.1em; color: #C00; text-decoration: none }

.navi_kammermusik { font-size: 0.75em; text-align: right}
.navi_downloads { font-size: 0.75em; text-align: right}


.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; 
line-height: 1.1em; font-weight: bold; letter-spacing: 0.13em; color: #000; background-color: #F60}

.subtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bolder; 
letter-spacing: 0.15em; color: #fff; background-color: #F60}

.subtitle_en { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bolder; 
letter-spacing: 0.08em; color: #fff; background-color: #F60}

.kontakt { font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
line-height: 1.2em;  color: #F60; }

.termine {letter-spacing: 0.15em}
//.termine ul {list-style-type: circle; list-style-position: outside}

.footer {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #F60;}





