@charset "utf-8";
/* CSS Document */

/* --------SEITENLAYOUT STARTSEITE--------------------------- */

 * {
      margin: 0;
      padding: 0;
      }

html{
margin:0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
height: 100%;
text-align: left;
background-color:#353535; /* Farbe wie wrapper fr IE<7 */
}

body{
margin:0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color:#000;   /* schwarz */
line-height: 150%;
height: 100%;
text-align: left;
}

a:link, a:active, a:visited, a:hover, a:active, a:focus {outline: none;} /* verhindert Rahmen um alle links in jedem Zustand (nicht bei firefox: hier über a onfocus="this.blur()" */


#wrapper{
min-height:100%;
text-align: left;
padding: 0px;
width: 100%;
background-color:#353535; /* grau - unterer Seitenbereich */
}

#wrapper_schwarz{       /* verhindert grauen Bereich oben rechts bei sehr kleinem Browserfenster mit scrollen */
	min-width: 1100px;
	background-color:#000;  
	height: 640px;	
	padding:0;
	z-index:5;
}


/* bei Startseite #navi_oben weg und header 129 hoch, statt 124 (5px für Farbbalken)*/
#header{
padding:0px;
width:100%;
height:129px;
text-align: left;
background-image:url(bilder/startseite/start_header.gif);
background-repeat:no-repeat;
background-color:#353535;   /* grau */
}






#content {
text-align: left;	
margin: 0px;
padding: 0px;
width: 100%;
height:551px;  /* bei Startseite 516px plus 35px für fehlende #navi_oben (minus 5px bei #header dazu) = 551px*/
background-color:#000;   /* schwarz */
}


#inhalt_bild{
width: 1100px;
height:511px;    /* 476 + 35 = 511 */
}

#inhalt_text{
position:absolute;  /* damit text über bild steht  */
/* Angabe width nur für IE5 nötig -> siehe ie_comment  */
}


#wrapper_navi_unten{
padding:0px;
width:100%;
height:40px;
text-align: left;
background-color:#353535;
}

#navi_unten{
padding:0px;
width:900px;
height:40px;
text-align: left;
background-color:#353535;
}




	
	
	



/* --------links im Inhalt ----------------------- */
#inhalt_bild a{
color:#F3C22E;
text-decoration:none;
font-weight:normal;		
}

#inhalt_bild a:hover{
color:#FF922F;	
}

#inhalt_bild img{  /* verhindert Rahmen um Bild bei Pressegalerie */
	border:none;	
}
/* ----------------------------  */	



/* --------Formatierung für #inhalt_text ----------------------- */

/* Allgemeine Schriftformatierung in #inhalt_text */

#inhalt_bild h1{   /* Darstellung Text in Tabelle von div#inhalt_bild  (mittelalter.html) */
	font-size:12px;
	font-weight:bold;
	line-height:170%;
}

#inhalt_bild table{   /* Darstellung Text in Tabelle div#inhalt_bild für IE5 (videos.html) */
	font-size:12px;
	font-weight:normal;
	line-height:170%;
}

#inhalt_text table{   /* Darstellung Text in Tabelle div#inhalt_bild für IE5 (pressegalerie.html) */
	font-size:12px;
	font-weight:normal;
	line-height:170%;
}


#inhalt_text h1{
	font-size:12px;
	font-weight:bold;
	line-height:170%;
}

#inhalt_text p{
	padding-bottom:10px;
}

#inhalt_text em{
	font-style:italic;
	font-size:10px;
}


/* Positionierung für Text in #inhalt_text */



.text3 {	           /* Öffnungszeiten links  */
	width:858px;  
	padding-left:32px;
	padding-right:10px;
	padding-top:380px;
}


.text_kugel {	 /* kugel,   */
	width:475px;  
	padding-left:425px;
	padding-right:20px;
	margin-top:25px;  /* damit scrollbalken erst beim text anfängt  */
	margin-bottom:15px;
	height:436px;   /* height (476) minus margin top / bottom  */
	overflow:auto;  /* scrollbalken falls Text zu lang  */
}

.text_impressum {	 
	width:675px;  
	padding-left:205px;
	padding-right:20px;
	margin-top:25px;  /* damit scrollbalken erst beim text anfängt  */
	margin-bottom:15px;
	height:436px;   /* height (476) minus margin top / bottom  */
	overflow:auto;  /* scrollbalken falls Text zu lang  */
}



/* ----------------------------  */