body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #330000;
	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;
	background-image: url(../imgs/bg_verlauf.jpg);
	background-repeat: repeat-y;
}



/* container total - enthaellt alles  */

#total{
	position: relative;
	width:910px;
}



/* 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: #990000; text-align: left;}

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

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


/* container main enthaelt das Hauptfenster mit dem Hauptinhalt und dem Kontakttext in der rechten spalte */

#main {
	position: absolute;
	width:680px;
	left:180px;
	top:124px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 10px;
	overflow: visible;
	visibility: visible;
	border-left: #990000 solid 1px;
}



/* container Inhalt */

#content {
	width: 460px;
	padding: 10px 12px 0px 0px;
	float: left;
	margin-right: 15px;
	
}

#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: 20px;
	width: 124px;
}
html>body #fixed{  /* nur fuer moderne Browser! */ position: fixed}

#navibox { position: relative; height: 500px; 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: #990000; text-decoration: none}

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

//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: #330000; text-decoration: none}

.einzug_links{
	padding-left: 15px;
}

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: #330000; text-decoration: none; vertical-align: top}

#content form td {color: #000; font-size:0.8em;}

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

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: #000;
	text-decoration: none;
	background-image: url(../imgs/bg_verlauf.jpg);
	background-repeat: repeat-y;
	border-left: 2px outset #990000;
	border-bottom: 2px outset #990000;
	border-right:2px intset #990000;
	border-top:2px intset #990000;
}



.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: #999999;
	border-style: solid;
	border-width: 0.5px;
	padding: 2.8px;
	background-color: #330000;
	margin: 5px;
	border-bottom-color: #990000;
	border-right-color: #990000;
}

.navi a {  font-family: Arial, Helvetica, sans-serif; font-size: 1em;
font-weight: bold; letter-spacing: 0.1em; color: #FFFFFF; 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 }
.active { color:#990000; letter-spacing:0.2em;}
.navi_kammermusik { font-size: 0.75em; text-align: right}
.navi_downloads { font-size: 0.75em; text-align: right}

.intern p {background-color:white;}
.intern {text-align:right;}
.intern a {color:#999999;}

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

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

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

.image_textfluss{border:none; padding:5px; float:left;}
.image_textfluss_left{border:none; padding:5px; float:right;}

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

.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: #990000;}