/* Base -------------------------------------------------------------------------------------------------- */

html {height:100.5%;}
body {background:url(../base/bg.jpg) left top repeat-x; background-color:#d8f7fd; -webkit-text-size-adjust: none;}
body, div, table, p, td, h1, h2, h3, h4, a, ul, li, form, input, span {margin:0px; padding:0px;}
body, div, p, h1, h2, h3, h4, a, ul, li {border:0px;}
img {margin:0px; padding:0px; border:0;}

body, p, td, h1, h2, h3, h4  {font-family:Arial; color:#000000; }
body, p, td, h1, h2, h3, h4  {line-height:1.4; font-size:12px; }
body, p, td, h1, h2, h3, h4  {font-weight:normal; font-style:normal; }

td {vertical-align:top;}

table, p {margin-bottom:12px;}
ul {margin-left:30px; margin-bottom:8px;}
li {padding-bottom:5px;}

a {color:#6699CC; text-decoration:none; font-weight:bold;}
a:hover {color:#ff0000; text-decoration:underline;}

h1, h2, h3 { color:#000000; font-family: Arial; }
h1 { font-family: Arial; color:#000000; font-size:18px; line-height:1.1; margin:0px 0px 12px 0px; font-weight:bold; text-transform: none; }
h2 { font-size:16px; margin:0px 0px 4px 0px; font-weight:normal; text-transform: none;}
h3 { font-size:15px; line-height:20px; margin:0px 0px 3px 0px; font-weight:normal; }
h4 { text-decoration:underline; margin:0px 0px 3px 0px;}

hr {border:none;border-top: 1px dotted #c0c0c0;color: #c0c0c0;background-color: #c0c0c0;height: 0px;}


/* Construct -------------------------------------------------------------------------------------------------- */

.cont_abs {position:absolute;}
.cont_rel {position:relative;}

#all_cont {left:0px; top:0px;}
	
	#logo_cont {left:0px; top:0px; width:838px; height:652px; background:url(../base/logo.jpg) left top no-repeat;}
	
	#nav {left:0px; top:0px; z-index:10;}
		#nav a {display:block; position:absolute;}
			#willkommen {left:0px; top:30px; width:226px; height:90px; background:url(../base/buttons/willkommen.png) left top no-repeat;}
			#heldin {left:104px; top:366px; width:120px; height:47px; background:url(../base/buttons/heldin.png) left top no-repeat;}
			#heldentaten {left:369px; top:320px; width:144px; height:40px; background:url(../base/buttons/heldentaten.png) left top no-repeat;}
			#heldenhelfer {left:519px; top:320px; width:152px; height:43px; background:url(../base/buttons/heldenhelfer.png) left top no-repeat;}
			#heldenquartier {left:682px; top:317px; width:194px; height:51px; background:url(../base/buttons/heldenquartier.png) left top no-repeat;}
			#presse {left:389px; top:374px; width:93px; height:35px; background:url(../base/buttons/presse.png) left top no-repeat;}
			#impressum {left:509px; top:369px; width:132px; height:46px; background:url(../base/buttons/impressum.png) left top no-repeat;}

			.over_sternchen {display:block; position:absolute; z-index:11; width:69px; height:45px; background:url(../base/stern.png) left top no-repeat; display:none; cursor:pointer;}
				
				#sternchen_willkommen {left:193px; top:23px;}
				#sternchen_heldin {left:70px; top:347px;}
				#sternchen_heldentaten {left:350px; top:298px;}
				#sternchen_heldenhelfer {left:638px; top:298px;}
				#sternchen_heldenquartier {left:841px; top:294px;}
				#sternchen_presse {left:372px; top:393px;}
				#sternchen_impressum {left:498px; top:392px;}			
	
	#kontakt {left:836px; top:417px; width:175px; height:216px; background:url(../base/bg_kontakt.png) left top no-repeat;}
		#kontakt_inner {padding:28px 15px 0px 18px;}
		#kontakt_inner p {line-height:1.4; font-size:12px; margin-top:5px;}
	
	#middle_cont {left:220px; top:394px; z-index:5;}
		#main_head {}
			.head_standard {background:url(../base/heads/start.png) left top no-repeat; width:601px; height:263px;}
		#main_cont {width:601px; margin-bottom:10px; background:url(../base/Kachel.jpg) 0px 0px repeat-y;}
			#main_cont_inner {padding:0px 30px 30px 40px; margin-top:0px;}
			
		#footer {width:591px; height:88px; background:url(../base/abbinder.jpg) left top no-repeat; margin-bottom:100px;}
	
/* Diverse -------------------------------------------------------------------------------------------------- */

dfn {display:none;}

.leerfeld_small {width:100%; height:1px; font-size:1px; line-height:1px;}
.leerfeld_big {width:100%; height:20px; font-size:1px; line-height:1px;}
.clearer {clear:both;}

.galerie_table {width:100%;}
.galerie_table  tr td {padding-bottom:10px; width:134px; text-align:center;}
.galerie_thumb {border:2px solid #000000;}
.galerie_thumb_on {border:2px solid #ff0000;}

.zahn {width:100%; height:43px; background:url(../base/zahn.png) center center no-repeat; margin-bottom:8px;}