/* :.:..........:.:.........................: */
html{background:#000;}
body{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; height:100%; color:#fff;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:18px; color:#fff; margin-bottom:12px; line-height:normal;}
h2{font-size:16px; color:#fff; margin-bottom:10px; line-height:normal;}
h3{font-size:15px; color:#fff; margin-bottom:8px; line-height:normal;}
h4{font-size:14px; color:#fff; margin-bottom:8px; line-height:normal;}

p{margin-bottom:14px; line-height:15px;}

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

img{border:0;}
.fl_left{float:left;}
.fl_right{float:right;}
.line{color:#E3E3E3; height:1px; border-top:1px solid #E3E3E3; border-bottom:none;}
.clearer{clear:both;}
.m0{margin:0px 5px 0px 0px;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
div#mainbox{width:803px; min-height:620px; position:relative;}
	div#firstbox{width:603px; float:left; min-height:620px;}
	
		div#header{height:53px;}
			div.logo{float:left;}
			div.farbe{float:right; width:383px; height:50px;}
			
		div#galerie{position:absolute; top:85px; left:0px; height:250px; width:625px; overflow-y:auto;}
			div#galerie ul{clear:both;}
			div#galerie li{display:inline;}
			div#galerie a{float:left; border:1px solid #a3a3a3; margin:2px; width:195px; height:120px; overflow:hidden;}
			div#galerie a img{}
			div#galerie a:hover{border:1px solid #fff;}
			
			div#galerie ul.galerie_nummern{clear:both;}
			div#galerie ul.galerie_nummern li{display:inline;}
			div#galerie ul.galerie_nummern a{float:left; margin:5px; border:0px solid #fff; text-decoration:none; margin-top:15px; font-size:12px;}
			div#galerie ul.galerie_nummern a:hover{}
				
		div.content{clear:both; margin-top:299px; min-height:91px;}
			div.content ul{margin:5px 0px 15px 0px; padding-left:15px; line-height:17px;}
			div.content li{list-style:disc outside;}
			div.content li li{list-style:disc;}
				
			div.date{float:left; display:block; width:65px;}
			div.date_txt{float:left; display:block; width:525px;}
		
		ul#navigation_main{width:588px; height:17px; padding-left:15px; clear:both;}
			ul#navigation_main li{display:inline;}
			ul#navigation_main a{text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:bold; float:left; padding:3px 8px 4px;}
			ul#navigation_main a:hover{}
			
		div.footer_leiste{clear:both; position:absolute; bottom:6px; left:500px;}
			div.footer_leiste p{font-size:9px; margin:0px;}
			div.footer_leiste a{text-decoration:none;}
	
	div#newsleiste{width:150px; float:right; margin-top:95px;}
		div#newsleiste h2{color:#cc0943; font-size:11px; font-weight:bold; margin-bottom:0px;}
		
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
body#startseite{background:url(../img/bg_startseite.jpg) top left no-repeat;}
body#startseite div#firstbox{width:603px; float:left; min-height:620px; background:url(../img/grafik_startseite02.png) 0px 220px no-repeat;}
body#startseite div.content{margin-top:372px; background:url(../img/farbe_referenzen.png) top left repeat; padding:5px; max-height:91px; overflow:hidden;}
body#startseite ul#navigation_main{position:relative; top:0px; left:0px;}
body#startseite ul#navigation_main a:hover{background:#cc0943;}


body#sora{background:url(../img/bg_sora.jpg) top left no-repeat;}
body#sora div.farbe{background:url(../img/farbe_sora.png) top left repeat;}
body#sora div.content{clear:both; background:url(../img/farbe_sora.png) top left repeat; padding:5px;}
body#sora div.content strong{color:#009ee0;}
body#sora ul#navigation_main{background:url(../img/farbe_sora.png) top left repeat; height:20px; }
body#sora ul#navigation_main a{padding:5px 8px;}
body#sora ul#navigation_main a:hover, body#sora ul#navigation_main li.active a, body#sora div.content a{color:#009ee0;}
body#sora div.footer_leiste{position:relative; bottom:0px; left:0px; clear:both; width:603px; height:147px; background:url(../img/footer_sora.png) top left no-repeat;}
body#sora div.footer_leiste p{text-align:right; padding:126px 5px 0px 0px;}


body#referenzen{background:url(../img/bg_referenzen.jpg) top left no-repeat;}
body#referenzen div.farbe{background:url(../img/farbe_referenzen.png) top left repeat;}
body#referenzen div.content{clear:both; background:url(../img/farbe_referenzen.png) top left repeat; padding:5px;}
body#referenzen div.content strong{color:#d731cb;}
body#referenzen ul#navigation_main{background:url(../img/farbe_referenzen.png) top left repeat; height:20px; }
body#referenzen ul#navigation_main a{padding:5px 8px;}
body#referenzen ul#navigation_main a:hover, body#referenzen ul#navigation_main li.active a, body#referenzen div.content a{text-decoration:none; color:#d731cb;}
body#referenzen div.footer_leiste{position:relative; bottom:0px; left:0px; clear:both; width:603px; height:147px; background:url(../img/footer_referenzen.png) top left no-repeat;}
body#referenzen div.footer_leiste p{text-align:right; padding:126px 5px 0px 0px;}


body#shows_feuertanz{background:url(../img/bg_shows_feuertanz.jpg) top left no-repeat;}
body#shows_feuertanz div.farbe{background:url(../img/farbe_shows_feuertanz.png) top left repeat;}
body#shows_feuertanz div.content{clear:both; background:url(../img/farbe_shows_feuertanz.png) top left repeat; padding:5px;}
body#shows_feuertanz div.content strong{color:#ec8c1c;}
body#shows_feuertanz ul#navigation_main{background:url(../img/farbe_shows_feuertanz.png) top left repeat; height:20px; }
body#shows_feuertanz ul#navigation_main a{padding:5px 8px;}
body#shows_feuertanz ul#navigation_main a:hover, body#shows_feuertanz li.active a, body#shows_feuertanz div.content a{color:#ec8c1c;}
body#shows_feuertanz div.footer_leiste{position:relative; bottom:0px; left:0px; clear:both; width:603px; height:147px; background:url(../img/footer_shows_feuertanz.png) top left no-repeat;}
body#shows_feuertanz div.footer_leiste p{text-align:right; padding:126px 5px 0px 0px;}


body#shows_orientalischertanz{background:url(../img/bg_shows_orientalischertanz.jpg) top left no-repeat;}
body#shows_orientalischertanz div.farbe{background:url(../img/farbe_shows_orientalischertanz.png) top left repeat;}
body#shows_orientalischertanz div.content{clear:both; background:url(../img/farbe_shows_orientalischertanz.png) top left repeat; padding:5px;}
body#shows_orientalischertanz div.content strong{color:#edf446;}
body#shows_orientalischertanz ul#navigation_main{background:url(../img/farbe_shows_orientalischertanz.png) top left repeat; height:20px; }
body#shows_orientalischertanz ul#navigation_main a{padding:5px 8px;}
body#shows_orientalischertanz ul#navigation_main a:hover, body#shows_orientalischertanz li.active a, body#shows_orientalischertanz div.content a{color:#edf446;}
body#shows_orientalischertanz div.footer_leiste{position:relative; bottom:0px; left:0px; clear:both; width:603px; height:147px; background:url(../img/footer_shows_orientalischertanz.png) top left no-repeat;}
body#shows_orientalischertanz div.footer_leiste p{text-align:right; padding:126px 5px 0px 0px;}


body#unterricht{background:url(../img/bg_unterricht.jpg) top left no-repeat;}
body#unterricht div.farbe{background:url(../img/farbe_unterricht.png) top left repeat;}
body#unterricht div.content{clear:both; background:url(../img/farbe_unterricht.png) top left repeat; padding:5px;}
body#unterricht div.content strong{color:#7de677;}
body#unterricht ul#navigation_main{background:url(../img/farbe_unterricht.png) top left repeat; height:20px; }
body#unterricht ul#navigation_main a{padding:5px 8px;}
body#unterricht ul#navigation_main a:hover, body#unterricht ul#navigation_main li.active a, body#unterricht div.content a{color:#7de677;}
body#unterricht div.footer_leiste{position:relative; bottom:0px; left:0px; clear:both; width:603px; height:147px; background:url(../img/footer_unterricht.png) top left no-repeat;}
body#unterricht div.footer_leiste p{text-align:right; padding:126px 5px 0px 0px;}


body#kontakt{background:url(../img/bg_kontakt.jpg) top left no-repeat;}
body#kontakt div.farbe{background:url(../img/farbe_kontakt.png) top left repeat;}
body#kontakt div.content{clear:both; background:url(../img/farbe_kontakt.png) top left repeat; padding:5px;}
body#kontakt div.content p{font-size:13px; line-height:18px; margin:8px 0px 0px 60px;}
body#kontakt div.content strong{color:#1b9fff;}
body#kontakt ul#navigation_main{background:url(../img/farbe_kontakt.png) top left repeat; height:20px; }
body#kontakt ul#navigation_main a{padding:5px 8px;}
body#kontakt ul#navigation_main a:hover, body#kontakt ul#navigation_main li.active a, body#kontakt div.content a{color:#1b9fff;}
body#kontakt div.footer_leiste{position:relative; bottom:0px; left:0px; clear:both; width:603px; height:147px; background:url(../img/footer_kontakt.png) top left no-repeat;}
body#kontakt div.footer_leiste p{text-align:right; padding:126px 5px 0px 0px;}

form#kontaktform{position:absolute; top:90px; left:245px; color:#fff; font-size:13px; }
form#kontaktform label{display:block; float:left; margin-right:5px; width:85px; height:22px; line-height:22px;}
form#kontaktform label br{clear:none;}
form#kontaktform label span{font-size:9px;}
form#kontaktform input.in{margin-bottom:8px; float:left; display:block; height:22px; width:240px; padding:0px 3px; background:#c5d0d9; border:1px solid #c5d0d9; margin-right:5px; font-size:12px; color:#003882;}
form#kontaktform input.in:focus, form#kontaktform textarea:focus{background:#fff;}
form#kontaktform input.senden{margin-bottom:8px; float:right; display:block; padding:0px 3px; border:0px solid #c5d0d9; margin-right:5px; font-size:13px; font-weight:bold; color:#009ee0; background:none; text-align:right; height:15px; width:120px; padding:0px 0px;}
form#kontaktform input.senden:hover{cursor:pointer;}
form#kontaktform p{font-size:10px; line-height:15px; padding-top:2px; margin-bottom:5px;}
form#kontaktform br{clear:left;}
form#kontaktform textarea{overflow:auto; width:240px; padding:0px 3px; height:85px; margin-bottom:8px; background:#c5d0d9; border:1px solid #c5d0d9; font-size:12px; color:#003882;}

div#errors{float:left; margin:20px 10px 0px; }
div#errors p{margin:0;}

p.erfolg{position:absolute; top:90px; left:245px; color:#fff; font-size:13px; }

div.content ul.sitemap {margin:0px 0px 0px 0px; padding-left:15px; line-height:16px;}
div.content ul.sitemap li{list-style-position:outside; margin-bottom:15px;}
div.content ul.sitemap ul{}
div.content ul.sitemap li li{padding-bottom:3px; margin-bottom:0px;}
div.content ul.sitemap ul ul{margin:3px 0px 0px 0px;}
div.content ul.sitemap li li li{list-style-position:outside; padding-bottom:3px; margin-bottom:3px;}

table.stundenplan{border-color:#fff;}
table.stundenplan td{padding:3px; line-height:15px;}