body {

 margin: 0;

 padding: 0;

 font-family: verdana;

 font-size: 11px;

 line-height: 19px;



 color: #fff;

 background-image: url('image/bg_gruen.gif');

 }



img {border: none;}



#zentriert {

 position: absolute;

 /* height: 583px; */

 height: 600px;

 width: 890px;

 left: 50%;

 margin: 0px 0 0 -445px;

 padding: 0px;}



#header { position: relative;

 height: 320px;

 margin: 0px;

 padding: 0px;

 text-align: center;

 behavior: url('iepngfix.htc');

 background: transparent url('image/header.png') no-repeat 0 -40px;


 }
 

/*ul {

    position: absolute;

    top: 10px;

    left: 0px; 

    padding:0;

    margin:0;

    margin: 0; }*/


#navi { position: absolute !important; padding: 0; margin: 0; bottom: 20px; left: 0px; }

 

#navi li {

    float: left;

    display: block;

    color: #A6CCDE;

    /*background-image: url('image/bg_navi.gif');*/

    height: 24px;

    margin: 0px 25px 0 0px;

    text-align: center;    

 }

#navi li a:hover { color:#fff; text-decoration: none; }

a {

    color: #A6CCDE;

    font-weight: bold;

    text-decoration: none;

 }

 

#navi a.aktiv, #navi2 a.aktiv, p a.aktiv {color:#F8B241;} 



#hr {

    height: 7px;

    width: 825px;

    background-image: url('image/hr.gif');

    border: 0;

    margin: 10px 0 0 25px;

    

}

#teaser {

    width: 668px;

    margin:0 45px 20px 45px;

    color: #fff;}



h1 {

    font-size: 13px;

    margin:0;

    padding:0;}



#alphabet  {

    position: absolute;

    top: 585px;

    left: 25px;

    font-size: 12px;

    margin: 10px 0 0 45px;

}





#alphabet a {color:#fff;}

#alphabet a:hover {color:#A6CCDE;}

#alphabet li {

    display: block;

    float: left;

    margin-right: 10px;

    text-transform : uppercase;

    font-weight: bold;

}



#links {

    position: relative;

    margin: 20px 0 0 80px;

    padding:0;

    list-style-type: none;}



#links span {margin-left: 412px; }

#links span a {color: #fff; font-weight: normal;font-size: 10px;}





#links_veranstalter {

    margin:5px 0 50px 70px;;

    padding:0;

    color: #A6CCDE;

    font-size: 14px;

    font-weight: bold;

    width: 500px;

}

#links a {color: #A1CDE8;}

#links a:hover {color:#fff; text-decoration:none;}



.bold {

    font-weight: bold;

    color:#fff;

    font-size: 14px;

    border-top: 1px solid #fff;

    width: 490px;

    margin-left: -35px;

    margin-top: 12px;

}









#kalender {

    position: absolute;

    top: 910px;

    left: 600px;

    color:#A6CCDE;

    font-weight: normal;

}

#kalender b {font-size: 1.2em}



#plakat {

    position: absolute;

    bottom: 20px;

    left: 600px;

    border: 1px solid #fff;

    width: 220px;

    height: 311px;

    background-image:url('image/plakat.jpg');

}



#plakat a {

    display: block;

    width: 220px;

    height: 311px;

}





td {vertical-align: top;}

#disclaimer h3 {font-size: 12px; margin: 0px; }

#disclaimer p {margin-top: 5px;}



.blau { color:#A6CCDE;}



table a {color:#fff; font-weight: normal;}

table a:hover {color:#A6CCDE;}



.h2a {

    font-weight:normal; 

    color:#fff;

}



.h2a:hover {

    color:#A6CCDE;

}



.textgeber {color: #A6CCDE;}





/* =================================================== */

/* Styles für das CMS */

#cms {margin: 15px; color: #fff;}

#cms h1 {margin-bottom: 15px;}

#cms h2 {margin-bottom: 15px; margin-top: 60px; font-size: 14px;}



#cms label {width: 140px; font-size: 12px; vertical-align: top; display: block; position: absolute;}

#cms textarea {border: solid 1px #000; height: 350px; width: 400px; margin-left: 150px; }

#cms textarea.teaser {border: solid 1px #000; height: 150px; width: 400px; margin-left: 150px; }

#cms input.cms, #cms select {margin-left: 150px; width: 400px;}

#cms input.submit {margin-left: 150px; width: 150px;}





#cms #uebersicht {width: 600px; border: solid 1px #ccc; border-collapse: collapse;}

#cms #uebersicht th {text-align: left; border-bottom: solid 1px;}



#cms #menu {margin: 0px; padding: 0px; list-style-type: none; margin-top: 5px;}

#cms #menu a {display: block; width: 160px; background-color: none;}

#cms #menu a:hover {background-color: #A6CCDE; color: #fff;}

#cms #menu a.aktiv {background-color: #A6CCDE; color: #fff;}

#cms #menu li.abst {margin-top: 20px;}

#cms #menu li h1 {margin: 0px;}



#cms #content {position: absolute; top: 15px; left: 180px;}

#cms button {border: solid 1px #000; margin-left: 150px;}

/* =================================================== */









#spalte1, #spalte2, #spalte3, #spalte_gross {margin-top:20px;}



#spalte1 {width: 319px;float: left; } 

#spalte2 {width: 319px;  float: left;margin-left: 28px; } 

#spalte3 {width: 192px;float:right;} 

#spalte_gross {width: 668px; float: left;}



#spalte_gross h2 {color: #A6CCDE; font-size: 14px;}

#spalte_gross h3, 

#spalte1 h3, 

#spalte2 h3, 

#spalte3 h3 {

	color: #F8B241; 

	font-size: 14px;

}



/** 	Aenderung 04.10.07 durch Carsten Witt 

======================================*/



/*    1)

	Zwischenüberschriften sollten die gleiche Schriftgröße haben 

	wie der Text. Dafür wurde im HTML eine neue Überschriftenebene 

	h4 eingeführt.

*/

#spalte1 h4, #spalte2 h4, #spalte3 h4 {

	color: #f8b241;

	font-size: 1em;

	margin-bottom: 0px;

}



/*    	2)

	Text unter den Zwischenüberschriften soll auf der Kontakt-Impressum-Seite

	keinen Abstand zu den Zwischenüberschriften haben. 

	Dazu wurde im HTML den Spalten 1 und 2 ein Selektor "kontakt_impressum" hinzugefuegt

*/

#spalte1.kontakt_impressum p, 

#spalte2.kontakt_impressum p, 

#spalte3.kontakt_impressum p {

	margin-top: 0px;

}



body div#spalte1.kontakt_impressum *,

body div#spalte2.kontakt_impressum *,

body div#spalte3.kontakt_impressum * {

	margin: 0px;	

	padding: 0px;

}



#spalte2.kontakt_impressum h5 {

	color: #f8b241;

	font-size: 1em;

	font-weight: normal;

	margin: 0px;		

	padding: 0px;

}

/** Ende Aenderung 04.10.07 

======================================*/





#spalte1 h2 {color: #F8B241; font-size: 14px;}



#spalte3 h2 {font-size: 13px; color:#A6CCDE; margin-top: 0px; margin-bottom: 0px;}

#spalte3 label {font-size: 9px; width: 180px; display: block; margin-bottom: 0px; padding-bottom: 0px; height: 16px; margin-top: 0px;}

#spalte3 input {width: 192px; border: solid 1px #000;}

#spalte3 input.submit {width: 60px; margin-top: 10px; border: none; background-color: #A1CDE8; margin-left: 134px;}

#spalte3 textarea {width: 192px; height: 40px; border: solid 1px #000; }



img.pfeiltrans,

img.mtitel,

img.plakat {

	border: solid 1px #fff; float: right; margin-top: 20px;

}

img.pfeiltrans,

img.mtitel {

	/*margin-top: 271px;*/

	margin-right: 5px;

}

img.pfeiltrans {

	behavior: url('iepngfix.htc');

	/*margin-top: 290px;	*/

	border: 0px;

}



#header #trenner {position: absolute; top: 300px; left: 0px;}



p.small {margin-top: 10px;}

p.small a.normal {font-weight: normal; color: #fff;}



#navi2 {position: absolute; left: 0px; top: 300px; width: 890px; margin: 0px; padding: 0px; height: 33px; background-image: url('image/navi2.gif');}

#navi2 li { list-style-type: none; margin: 0px; padding: 0px; float: left; margin-top: 8px; margin-right: 18px;}

#navi2 a:hover {color: #fff;}



#content {width: 890px;}



#footer {color: #fff; margin: 25px 0 25px 0; text-align: center; position:relative; float: none; clear: both; padding-top: 50px;}



#content h3 {color:#F8B241; margin: 0px;}

#content a.mehr {color: #fff; font-weight: bold;}



#spalte2 ul {margin: 0px; padding: 0px;}

#spalte2 #links { margin-top: 0; }

#spalte2 #links a {color: #f8b241; text-decoration: none; font-weight:bold;}

#spalte2 #links a.top {color: #fff; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px; position: absolute; left: 250px; padding-top: 1px;}



li.balken {border-top: solid 1px #ccc; color: #fff; font-size: 12px; font-weight: bold; margin-top: 10px;}

li.balken a {float: right; color: #fff; font-weight: normal; position: relative; font-size: 11px;}



/* #links li.kategorie2 {border-top: solid 1px #fff; margin-top: 10px;} */

#links li.kategorie2 h1 {color: #f8b241; font-weight: normal;}

#links li.kategorie2 b.blau {color: #A6CCDE; font-weight: bold;}

#links li a.link {color: #fff; font-weight: normal;} 

#spalte2 #links li a.blau2 {color: #A6CCDE;}



#links li.kategorie1 a {float: right; color: #fff; font-weight: normal; position:relative; margin-top: -18px;}

#links li.kategorie1 h3 {display:inline;}

#links li.kategorie1 {margin-top: 20px;}



#form1 label {font-size: 11px; width: 110px; }

#form1 input {width: 192px; border: solid 1px #000; margin-left: 120px; position: absolute; left: 0px;}

#form1 input.submit {width: 140px; margin-top: 10px; border: none; background-color: #A1CDE8; margin-left: 120px;}