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

/* --------SEITENLAYOUT KUGEL--------------------------- */

 * {
      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:#FFF;
line-height: 150%;
height: 100%;
text-align: left;
}


#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:#AD0000;   /* rot */
	height: 640px;	
	padding:0;
	z-index:5;
}

#header{
padding:0px;
width:100%;
height:124px;
text-align: left;
background-image:url(bilder/kugel_header.jpg);
background-repeat:no-repeat;
background-color:#AD0000;   /* rot */
}


#navi_oben{
display: table;	
width:1100px;   
height:40px;
background-image:url(bilder/kugel_hg_navi.jpg);
padding:0;
border:0;
}



#content {
text-align: left;	
margin: 0px;
padding: 0px;
width: 100%;
height:516px;
background-color:#AD0000;   /* rot */
}


#inhalt_bild{
width: 1100px;
height:476px;
}

#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;
}



/* --------Navigation oben ------------- */


#navi_oben ul {
      display: table;
	  width:700px;   /* Breite Navigation (Text) */
	  height:30px;    /* Höhe (40 minus padding-top und -bottom) */
	  vertical-align:top;  
	  padding-top:10px;  /* Abstand Text von oben*/
    }
	
    #navi_oben li {
      display: inline;
      text-align: left; 
	  padding-right:40px;  /* Abstand Text rechts*/
    }
	
	
    #navi_oben li a {
      display: left;
      color: #F3BC1B;  /* Farbe link */
	  text-decoration:none;  /* sonst ist Text leicht unterstrichen in IE <7*/
    }
	
    #navi_oben li a:hover {
      color:#FF8919;  /* Farbe link hover (orange) */
	  cursor:pointer; /* damit Mauszeiger auch in IE<8 kein Textcurser wird */
    }
	
	
    #navi_oben li a:hover {
	color:#FF8919; /* Farbe link hover (orange): damit im IE6 die Ursprungs-Farbe nach mouseout wieder hergestellt wird */
    }

	#navi_oben li a:focus{outline:0; -moz-outline:0; } /* bei klick keinen Rahmen anzeigen (nur für Mozilla)   */
	
	
	


/* --------Navigation unten ----------------------- */

#navi_unten ul{
	width:885px; /* width (900) minus padding right  */
	text-align:right;
	padding-right:15px;
	padding-top:5px;	
	cursor:pointer; /* damit Mauszeiger auch in IE<8 kein Textcurser wird */
}


#navi_unten li{
display:inline;	
padding-left:19px; /* Abstand zwischen den Navigationspunkten  */	
}

#navi_unten li a{
color:#F3BC1B;
text-decoration:none;
font-weight:bold;	
}

#navi_unten li a:hover{
color:#FF8919;
}

#navi_unten li a:focus{outline:0; -moz-outline:0; } /* bei klick keinen Rahmen anzeigen (nur für Mozilla)   */

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


/* --------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_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  */
}



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


