html{ 
overflow:auto; 
} 

body 
{ border:0px;
 margin-top:0.2em;
 line-height:1.4em;
 font-family: Arial, Helvetica, sans-serif;
 font-size:75%;
 font-weight:normal;
/*overflow:auto; */
background-color:#FFFFFF;
background-image:url(IMAGES/hint_berge.jpg);
/*background-image:url(IMAGES/hint_weihnacht.jpg);*/
background-repeat:no-repeat;
background-position: 0,0;
background-attachment:fixed;
text-align:center;
color:#660000;
}

/*positionierung des hauptcontainers zentriert */
#haupt
{
/*für explorer < 6*/
width:82em;
/*height:50em;*/
margin:0 auto;
text-align:left;

}

#kopf {
width:81.5em;
height:9.2em;
margin-top:0px;
background-color:#FFFFFF;
/*border:1px solid #FF0000;*/
z-index:2;
/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
      height:9.0em;
}

#logo_shop
{position:absolute; 
/*width:12.05em; */width:11.6em; 

height:9em; 
z-index:5; 
margin-top:0em;
border:1px solid #FF0000;
}

#kopf_text
{position:absolute; 
width:53.15em; 
height:9em; 
float:left;
margin-left:12.15em;
margin-top:0em;
z-index:5; border:1px solid #FF0000;
/*border-left:1px solid #FF0000;
border-right:1px solid #FF0000;*/

}
#logo_fan
{position:absolute; 
width:15.65em; 
height:9em; 
float:left;
margin-left:65.85em;
margin-top:0em;
z-index:5; border:1px solid #FF0000;
/*border-left:1px solid #FF0000;*/
}

#datum
{position:absolute; 
height:2em; 
margin-left:13em; 
margin-top:7.5em;
z-index:1;
}



a.home:link 
{
color:#003687;
font-weight:bold;
text-decoration:none;
}
a.home:visited 
{
color:#003687;
text-decoration:none;
font-weight:bold;
}
a.home:hover
{
text-decoration:none;
color:#FF0000;
font-weight:bold;
}

/*bildwechsel steuern*/
a.home:link img 
{
/*filter:alpha(opacity=50); 
-moz-opacity: 0.50;*/
visibility:hidden;
}
a.home:visited img 
{
/*filter:alpha(opacity=50); 
-moz-opacity: 0.50;*/
visibility:hidden;
}

a.home:hover img
{
/*filter:alpha(opacity=100); 
-moz-opacity: 1.00;*/
visibility:visible;
}

/*achtung - ohne die nachfolgende anweisung funzt beim explorer das hover img nicht!! */
a.home:hover 
{ 
padding:0;
}
A {    font-weight:normal; 
    color:#660000; text-decoration:underline;}
A:hover { color:#FF0000; text-decoration:none;}



/*------------------------------ ende der Sprachennavigation -----------------------*/

#inhalt {
width:53.15em;
height:99%;
float:left;
margin-left: 0.5em;
margin-top:0.5em;
color: #660000;
}
/*------------------ mittelteil ------------------------*/
#seite
{
height:42.4em; 
/*background-image:url(IMAGES/hint_gelb.gif); */
background-color:#FFFFCC;
padding-top:1em; 
border:1px solid #FF0000;
/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
    height:41.6em;
	}

#seite_lang
{height:99%; 
/*background-image:url(IMAGES/hint_gelb.gif); */
background-color:#FFFFCC;
padding-top:1em; 
padding-bottom:1em;
border:1px solid #FF0000;

}




#seitenteil
 {
width:15.9em;
height:80em;
margin-left:0.5em;
margin-top:0em;
/*margin-top: 2em;
margin-bottom:0.5em;
padding-bottom:1em;*/
float:left;
/*background-color:#FF0000;*/

}

#news_01
{
 /*width:15.5em;
 margin-left:0em;
 margin-top:0.4em;
 height:9;*/
 }


/*--------------------- beginn der hauptnavigation -------------------*/

#hauptnavi {
height:42.4em;
width:11.6em;
margin-top:0.4em;
padding-top:1em;
padding-left:0.4em;
float:left;
background-color:#FFFFCC;
border:1px solid #FF0000;
/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
    height:41.6em;
	padding-left:0em;
}



#startab
{
 margin-top:3.5em; 
 margin-left:-0.5em;
 padding-left:1.2em;  
 padding-top:0.3em;
 text-align:left;
 width:11.8em; 
 height:2.0em; 
 background-color:#FF0000;
 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
	margin-top:5.0em; 
    padding-left:1em;  
    padding-top:0.5em;
    width:10.6em; 
	margin-left: 0em;
 }
/*für nicht me-browser*/
  html>body #startab
     { margin-top: 2.4em;}
/* anderer Abstand fuer Explorer 7.0*/
*+ html>body #startab
    {
   margin-top:2.0em;

}	 
	 
	 

ul.navlinks {
    margin-left:1.3em;
	margin-top:0em;
    padding:0;
	text-align:left; 
    font-size:0.9em;
	list-style-type:none;
	list-style-position:outside;
	border-bottom:1px solid #FFFFCC;
	list-style-image:url('IMAGES/leer.gif'); 
	     }

ul.navlinks  a {
   display:list-item;
    color:red;
	width:10em;
    font-weight:bold;
    text-decoration:none;
	list-style-position:outside;
	border-bottom:1px solid #FFFFCC;
	list-style-image:url('IMAGES/leer.gif'); 
   } 

ul.navlinks  a:visited {
   display:list-item;
    color:red;
	width:10em;
    font-weight:bold;
    text-decoration:none;
	list-style-position:outside;
	border-bottom:1px solid #FFFFCC;
	list-style-image:url('IMAGES/leer.gif'); 
   	} 

ul.navlinks li a:hover {
   	
	 /*margin-top: 0.65em; */
    width:10em;
  	/*nicht mt height arbeiten - dann laeuft IE amok */
    margin-left:0.46em; 
	padding-left:0.46em;
    color: red;	
    list-style-position:outside;
	text-decoration:none;
    list-style-image:url('IMAGES/punkt.gif'); 
	border-bottom:1px solid #FF0000;
		
	}
	
		
ul.navlinks li.wahl {
   	 /*margin-top: 0.65em; */
    width:10em;
  	/*nicht mt height arbeiten - dann laeuft IE amok */
    margin-left:0.46em; 
	padding-left:0.46em;
    color:#FF0000;
    font-weight:bold;
	font-size:1em;
	 list-style-position:outside;
	text-decoration:none;
    list-style-image:url('IMAGES/punkt.gif'); 
	border-bottom:1px solid #FF0000;
	}
	
	
	
  ul.navlinks li.abstand
  { display:list-item;
    height: 2em;
  
	}
/*für nicht me-browser*/
  html>body li.abstand
     { padding-top: 0em;}



/*------------------------------ ende der Hauptnavigation -----------------------*/

/*------------------------------ beginn der startseite -----------------------*/

#bildstart
{position:absolute;
 /*divisor: 12*/
 width:53.1em;
 height:40.1em;
 margin-top: 0em; 
 border:1px solid #FF0000;
}

#balken_rot
{position:absolute;

 width:53.1em; 
 border:1px solid #FF0000; 
 height:2.2em; 
 z-index:2; 
 margin-top: 40.1em; 
 background-color:#FF0000;
 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
       margin-top: 40.2em; 
 }

#flashfilm
{position:absolute;

 width:17.33em; 
 height:13.33em; 
 z-index:2; 
 margin-left: 34.15em; 
 margin-top: 29.6em;
 
 }
 
 #werberahmen
{position:absolute;
 width:53.1em; 
 z-index:1; 
 margin-top: 42.8em;
 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
     margin-top: 43.21em;
  } 
 #werberahmen2
{position:absolute;
 width:53.1em; 
 z-index:1; 
 margin-top: 54.6em;
 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
     margin-top: 54em;
  }  
  
  

#werbung1, #werbung2, #werbung3, #werbung4, #werbung5
{
position:absolute; 
width:10.3em; 
height:10.1em; 
z-index:2;
top:-1px;
border:1px solid #FF0000;
background:#FFFCCC;
/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
    width:10.2em;
} 
/*
#werbung1
{margin-left:1.7em;}

#werbung2
{left:15.7em;}

#werbung3
{left:29.3em;}

#werbung4
{left:42.9em;}

#werbung5
{left:22.5em;}
	*/
#werbung1
{margin-left:0em;}

#werbung2
{left:10.75em;}

#werbung3
{left:21.5em;}

#werbung4
{left:32.2em;}

#werbung5
{left:42.9em;}
	
	
	
#wkopf
{
position:absolute; 
width:10.2em; 
height:1.75em; 
z-index:1; 
margin-left: 0.25em;
margin-top:0em;  
}
#wkopfhint
{
position:absolute; 
width:10.2em; 
height:1.5em; 
z-index:1; 
/*border-bottom:1px solid #FF0000;*/
}
#wbild
{
position:absolute; 
width:10.2em; 
height:5.8em; 
z-index:2; 
margin-left: 0em;
margin-top:1.6em; 
border-bottom:1px solid #FF0000;
text-align:center;
}
#wtext
{
position:absolute; 
width:12.2em; 
height:2em; 
z-index:2; 
margin-left: 0.25em;
margin-top:8.8em; 
font-size:90%;
line-height:95%;
}

#Firma
{position:absolute; 
width:19em; 
height:3em;
z-index:8; 
margin-left: 0px; 
margin-top: 55em;
color:#FFF000;
font-weight:bold;
}
#videogross
{margin-top:2em;
 width:50em;
 height:36.6em
 }


/*------------------------------ ende der startseite -----------------------------*/
/*------------------------------ beginn der aktuellen site -----------------------*/

#news_01
{width:15.6em;
 margin-left:0em;
 margin-top:0.4em;
 margin-bottom:0.48em;
 height:8.1em; 
 border:1px solid #FF0000;
 background-color:#FFFCCC;
 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
    margin-bottom:0.48em;
	height:8em;
	
 }
 
#nkopf
{
position:absolute; 
width:15.6em;
height:1.75em; 
z-index:1; 
margin-left: 0.25em;
margin-top:0em;  
font-size: 0.90em; 
/*font-weight: bold; */
color: #FFFF33;
}
#nkopfhint
{
position:absolute; 
width:15.6em; 
height:1.5em; 
z-index:1; 

}
#nbild
{
position:absolute; 
width:6.5em; 
height:6.5em; 
z-index:2; 
margin-left: 0em;
margin-top:1.5em; 
/*border-right:1px solid #FF0000;*/
}
#ntext
{
position:absolute;
width:9.8em; 
height:19em;
z-index:2; 
margin-left:7.5em;
margin-top:2em; 
font-size:90%;
line-height:1em;
}
/*------------------------------ ende der aktuellen site -----------------------*/
/*-------------------------spatzenbilder -----------------------------------*/
#hauptbild
{
/*display:block; */
 width:50em; 
 height:36.6em; 
 margin-left:1.3em;
 text-align:center; 
 border: 2px solid #FF0000;
 z-index:1;
 }
#vita
 {
 position:absolute; 
 width:18.33em; 
 top:34em;  
 margin-left:1.25em;  
 background-color: #FFFFCC;  
 layer-background-color: #FFFFCC;  
 padding:0.5em;  
 border: 1px solid #FF0000;
 /* -moz-opacity: 0.50;
 filter:alpha(opacity=50); */
 -moz-border-radius:0.5em;
 z-index:5;  
 float:left; 
 }
 
 #fenster
 {position:absolute;
 width:50em;
 margin:0px auto;
 text-align:center;
 margin-top: 0.5em; 
 margin-left:1.25em; 
 }
 
 
 
 
 /* -moz-opacity: 0.50;
 filter:alpha(opacity=50); */
 -moz-border-radius:0.5em;
 z-index:5;  
 float:left; 
 }



#bildgross
{
 /*divisor: 12 */
 /*width:42.5em;*/
 /*height:28.3em;*/
 /*float:left;*/
 margin-bottom:1em;
}

#vbild_l
{position:absolute; 
 margin-left:1em;
 top:38em; 
 float:left;
}
#vbild_r
{position:absolute;
 margin-left:30em; 
 top:38em; 
 float:left; 
 text-align:right;
}
#unterbild
{position:absolute;
 margin-left:0em; 
 margin-top:3em; 
 text-align:center;
 width:42em;
}


#text1
{

margin-top:2.5em;
width:38em;
font-size:110%;
text-align:justify;
}

#text0
{
margin-top:0.5em;
width:38em;
font-size:110%;
height:38em;
}


#bild1
{
/*divisor: 13.4*/
margin-top:1em;
 width:26.2em;
 height:19.85em;
}
#bild2
{
/*divisor: 13.4*/
margin-top:1em;
 width:36.25em;
 height:30.5em;
}

#flashbild
{
/*divisor: 13.4*/
margin-top:1em;
width:41.6em;
height:26.6em;
border: 1px solid  #003687;
}


.bild
{border: 1px solid  #FF0000;}
.bildrahmen
 {border: 1px solid  #003687;}


.fuss
 {

padding-top:0.3em;
margin-top:0.3em;
background-color:#FFFFFF;
text-align:center;
vertical-align:bottom;
}

.tfett
 {font-weight:bold;}

.tkurs
 {font-style:italic;}
.trot
 {color:#FF0000;
  font-weight:bold;}

.tdfett
 {font-weight:bold;
  background-color:#DFDFFF
}

.takt
 {font-weight:bold;
  background-color:#DFDFFF;
  padding:0.4em;
}


.feld1 {
 color: #000000;
 border-right: solid 1px; 
 border-left: solid 1px;
 border-top: none;
 border-bottom: solid 2px;
 text-align:left;
 vertical-align:middle;
 height:1.2em;
}

/*.button {  
 font-weight: bold; 
 background-color: #E9E9E9; 
 border: #003687; 
 border-right-width:thin; border-right-style:solid; 
 border-left-width:thin; border-left-style:solid;
 border-top-width:thin; border-top-style:solid;
 border-bottom-width:thin; border-bottom-style:solid;
 color: #000000}*/
 .button { 
 font-style: normal; 
 font-weight: bold; 
 background-color: #F10000; border: #FFFFFF; 
 border-style: solid; 
 border-top-width: thin; 
 border-right-width: thin; 
 border-bottom-width: thin; border-left-width: thin; 
 color: #FFFF00}
 }
 .bildtextrot
{color:#FF0000;
 font-style:italy;}
 

.Textgross { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF0000}
.Textrot { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF0000}

.rahmeng 
{padding:0.5em;
border: #009333;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px}

.rahmenb 
{padding:0.5em;
border: #3300CC;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px}

.Textgruen { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #009933}
.Textblau { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #3300CC} 
.textklein {font-size: 80%; color: #000000} 
 

/*----------- organigramm -----------*/
#text2
{
margin-top:0.8em;
width:37em;
height:112em;
font-size:110%;
text-align:left;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #text2
    {
margin-top:0.8em;
 }
#text3
{
margin-top:2.5em;
width:37em;
height:7em;
font-size:110%;
text-align:left;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #text3
    {
margin-top:4.5em;
 }






ol.listegr
{
list-style-type:decimal;
list-style-position:outside;
text-align:left;
 }
ol.listegr li
{
margin-bottom: 0.5em;
}

/* Externe Links mit Box Model Hack: weil in Explorer 5 Padding nur fuer blockelemente geht */
a.ext:link, a.ext:visited {
       	text-decoration:none;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat ;
	background-position: -0.3em 0.65em;
    padding-left:1em;
	/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
   	text-decoration:underline;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat ;
	background-position: -0.3em 0.65em;
    padding-left:1em;
    
	}
a.ext:visited {	
	text-decoration:none;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat ;
	background-position: -0.3em 0.15em;
    padding-left:1em;
	}
    html>body a.ext:link, html>body a.ext:visited 
	{
	/*padding-right:1.5em;*/
	text-decoration:underline;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat ;
	background-position: -0.3em 0.15em;
    padding-left:1em;
   }
a.ext:hover {
	color:#FF0000;
	text-decoration:none;
   	background:url(IMAGES/ext_icon_rot.gif) no-repeat ;
	background-position: -0.3em 0.05em;
    padding-left:1em;

	/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
	background:url(IMAGES/ext_icon_rot.gif) no-repeat ;
	background-position: -0.3em 0.05em;
    padding-left:1em;

	}  
html>body a.ext:hover {
    color:#FF0000;
    background:url(IMAGES/ext_icon_rot.gif) no-repeat ;
	background-position: -0.3em 0.05em;
    padding-left:1em;
}
/*für zweizeilge links */
a.ext2:link, a.ext2:visited {
       	text-decoration:none;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat ;
	background-position: 0 0.15em;
    padding-left:1em;
	/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
   	text-decoration:none;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat top right;
	/*background-position: 0 0.15em;*/
    padding-right:1.5em;

	}
a.ext2:visited {	
	text-decoration:none;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat top left;
	/*background-position: 0 0.15em;*/
    padding-left:2.5em;
	}
    html>body a.ext2:link, html>body a.ext2:visited 
	{
	/*padding-right:1.5em;*/
	text-decoration:none;
    color:#000000;
	background:url(IMAGES/ext_icon.gif) no-repeat top right;
	/*background-position: 0 0.15em;*/
    padding-right:2.5em;
   }
a.ext2:hover {
	color:#FF0000;
	text-decoration:none;
   	background:url(IMAGES/ext_icon_rot.gif) no-repeat ;
	background-position: 0 0.05em;
    padding-left:1.5em;

	/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
	background:url(IMAGES/ext_icon_rot.gif) no-repeat ;
	background-position: 0 0.05em;
    padding-left:1.5em;

	}  
html>body a.ext2:hover {
    color:#FF0000;
    background:url(IMAGES/ext_icon_rot.gif) no-repeat ;
	background-position: 0 0.05em;
    padding-left:1.5em;
}


/*---------- css für aktuelles-seite --------------------*/

ul.liste
{list-style-position:outside;
list-style-image: url(IMAGES/punkt.gif);
}

ul.liste li
{
margin-bottom: 20px;
}




A.norm { font-family:  Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    color:#000000; text-decoration:underline;}
A.norm:hover { color:#FF0000; text-decoration:none;}



/* für sendebutton beim formular */
A.button {
 font-family:  Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#000000;
 text-decoration:none;
 display:block;
 width:20em;
 text-align:center;
 height:1.5em;
 padding:0.5em;
 border:1px solid #003687;
background-color:#DDDDFF;
}
A.button:hover {

 color:#FF0000; 

text-decoration:none;
 border:1px solid #FF0000;}



#bilda008
{ /*divisor: 12*/
 width:37em;
 height:17.8em;
 float:left;
 margin-bottom:1.5em;
}



















h5
 {font-weight:bold;
 font-size:90%;

}



h1
{display:block;
 font-size:1.2em;
 font-weight:bold;
 margin-top: 1em;
 background-color: #E9E9E9;
 /*background-color: #78AEFF;*/
 border-bottom:2px solid <?PHP print $_SESSION[farbe]; ?>; 
 border-left:1.3em solid <?PHP print $_SESSION[farbe]; ?>;

 padding: 0.15em 0.15em 0.10em 0.15em; 
}



.rahmen 
{border: #FF0000;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px}




.hinweis
{display:none} 






.texte {
width:36.2em;
height:100%;
padding:0.08em;
float:left;
margin-top:0.56em;
background-color:#FFFFFF;
}

#bildr
{position:absolute; 
 width:12.5em; 
 height:9.16em; 
 z-index:5; 
 margin-left: 37.2em; 
 top: 43em;
 border:1px solid #FF0000;
 /*float:left;*/
 }
/**********************************ende spatzen bilder --------------------------*/
#bildl
{position:absolute; 
 width:12.5em; 
 height:9.16em; 
 z-index:5; 
 margin-left: 2.9em; 
 top: 43em;
 border:1px solid #FF0000;
 /* float:left; */
 }







#uberschrift
{
position:absolute;
height:0em;
 margin-left: 11.5em;
 margin-top: 0.2em;
 margin-right: 0em;
 line-height:1.1em;
 font-size:1.23em;
 font-weight:bold;
/*background-color: red;*/
z-index:1;
}



}

/*--------- IMAGES -----------------*/
#bildli
{
position:absolute;
margin-left: 0.1em;
margin-top: -1em;
 width:15.07em;
height: 16.6em;
 font-size:0.88em;
/*float:left;*/
}

#bildre
{position:absolute;
margin-left: 20em;
margin-top: -1em;
width:15.07em;
height: 16.6em;
font-size:0.88em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #bildre
    {
/*margin-top: 0.1em;*/
}


#bildunterli
{position:absolute;
margin-left: 0.1em;
margin-top:16em;
 width:8.57em;
 float:left;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #bildunterli
    {
/*margin-top: 0.1em;*/
  
}

#bildunterre
{position:absolute;
margin-left:26.1em;
margin-top:16em;
width:4.57em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #bildunterre
    { 
margin-top: 16em;
}




.bilduntergr
{
margin-left: 0.1em;
 margin-top: 0.1em;
 width:34.35em;
}