/*
      css
	  
*/

* { padding: 0; margin: 0; }

body {
font-family: Verdana, Arial, Sans-Serif; 
font-size: 100.01%;
background: url(faux-bg.gif) repeat-y;
}


#wrapper { 
 margin: 0 0 0 50px;
 width: 725px;
}




#header {
 color: #333;
 width: 723px;
 float: left;
/* border: 1px solid #ccc;*/
 height: 198px;
 margin: 0;
 background: #fff;
 background: url(images/wilde-kost-logo.jpg) no-repeat #fff;
}



h1 {
font-size: 100%;
color: #EBAE22;
}

.fruehling {
font-size: 100%;
color:#99CC00;
}

.sommer {
font-size: 100%;
color:#F48916;
}

.herbst {
font-size: 100%;
color:#C06605;
}

.winter {
font-size: 100%;
color:#333366;
}

strong.frueh{
font_weight: bold;
color:#99CC00;
} 

strong.sommer{
font_weight: bold;
color:#F48916;
} 

strong.herbst{
font_weight: bold;
color:#C06605;
} 

strong.winter{
font_weight: bold;
color:#333366;
} 

h2 {
font-size: 85%;
color: #333;
margin: 0 O O 20px;
}



#navigation_oben {
 float: right;
/* width: 250px;*/
/* border: 1px solid #ccc;*/
 /*margin: 20px 0px 5px 0px;*/
 padding: 20px 0 0 0;
 background: #fff;
font-weight: bold;
}

#hauptnavigation {
 float: right;
 width: 584px;
 color: #EAAE22;
font-weight: bold;
 padding: 105px 0 0 0;
 margin: 0;
 background: #fff;
}


/*************************************************** MENÜ-oben*/
#navi1 li { 
display: inline;
list-style-type: none;
font-size: 0.65em;
line-height: 150%;
}

#navi1 a,
		#navi1 a:link,
		#navi1 a:visited  
{
padding: 0 0 0 5px;
color:#666;
text-decoration: none;
}
     
#navi1 a:hover {
color:#999;
 }

#navi1 a#subcurrent {
color:#999;
 }

/******************************************************/
/*************************************************** HAUPTMENÜ ****/

#navi2 ul { 

}
#navi2 li { 
list-style-type: none;
display: inline;
font-size: 0.7em;
line-height: 150%;
}

#navi2 a,
		#navi2 a:link,
		#navi2 a:visited  {
	  color:#5EB740;
      padding: 34px 0 0 15px;
      border: 0;
	  text-decoration: none;
      background: url('images/blattpunkt.jpg')  no-repeat;
      }

/******************************************************/
/*************************************************** HAUPTMENÜ-programm ****/

#navi3 li { 
list-style-type: none;
display: inline;
font-size: 0.7em;
line-height: 150%;
background: #fff;
}

#navi3 a,
		#navi3 a:link,
		#navi3 a:visited  {
      padding: 0px 0 0 15px;
      border: 0;
	  color:#EAAD22;
	  text-decoration: none;
 	  background: url('images/punkt.jpg')  0.3em 0.25em no-repeat;
      }


/******************************************************/
/*************************************************** UNTERMENÜ ****/

#navi4 li { 
list-style-type: none;
display: inline;
font-size: 0.65em;
line-height: 150%;
font-weight: bold;

}

/******************************************************/
/*************************************************** Hauptmenü-mouseover-button1*/

#navi2 #button1 a:hover {
      background: url('images/blatt1.jpg')  no-repeat;
 }

/*************************************************** */
/*************************************************** Hauptmenü-mouseover-button2*/

#navi2 #button2 a:hover {
      background: url('images/blatt2.jpg') no-repeat;
 }

/********************************************** HAUPTmenü-current Link *******/
#navi2 #button1 a#current {
      background: url('images/blatt1.jpg')  no-repeat;
 }

#navi2 #button2 a#current { 
		background: url('images/blatt2.jpg') no-repeat;
 }

#navi2 #button3 a#current { 
		background: url('images/blatt3.jpg') no-repeat;
 }

#navi2 #button4 a#current { 
		background: url('images/blatt4.jpg') no-repeat;
 }

#navi2 #button5 a#current { 
		background: url('images/blatt5.jpg') no-repeat;
 }

#navi2 #button6 a#current { 
		background: url('images/blatt6.jpg') no-repeat;
 }

#navi2 #button7 a#current { 
		background: url('images/blatt7.jpg') no-repeat;
 }


/*************************************************** */
/*************************************************** Hauptmenü-mouseover-button3*/

#navi2 #button3 a:hover {

      background-color: #fff;
      background: url('images/blatt3.jpg')  no-repeat;
 }

/*************************************************** */
/*************************************************** Hauptmenü-mouseover-button4*/

#navi2 #button4 a:hover {

      background-color: #fff;
      background: url('images/blatt4.jpg')  no-repeat;
 }

/*************************************************** */
/*************************************************** Hauptmenü-mouseover-button5*/

#navi2 #button5 a:hover {

      background-color: #fff;
      background: url('images/blatt5.jpg') no-repeat;
 }

/*************************************************** */
/*************************************************** Hauptmenü-mouseover-button6*/

#navi2 #button6 a:hover {
 
      background-color: #fff;
      background: url('images/blatt6.jpg')  no-repeat;
 }

/*************************************************** */
/*************************************************** Hauptmenü-mouseover-button7*/

#navi2 #button7 a:hover {

      background-color: #fff;
      background: url('images/blatt7.jpg')  no-repeat;
 }

/*************************************************** */
/*************************************************** Hauptmenü-Programm-mouseover-current*/
#navi3 #programm a,
		#navi3 #programm a:link,
		#navi3 #programm a:visited  {
	  color:#EAAD22;
      background-color: #fff;
      padding: 0;
	  text-decoration: none;
      background: none;
 }

#navi3 #programm a#current {
	  color:#F9D65E;
      background-color: #fff;
 }
#navi3 #programm a:hover {
	  color:#F9D65E;
      background-color: #fff;
 }

#navi3 #button_fruehling a#current {
      color:#99CC00;
      background-color: #fff;
 }
#navi3 #button_fruehling a:hover {
      color:#99CC00;
      background-color: #fff;
 }

#navi3 #button_sommer a#current {
      color:#F48916;
      background-color: #fff;
 }
#navi3 #button_sommer a:hover {
      color:#F48916;
      background-color: #fff;
 }

#navi3 #button_herbst a#current {
      color:#C06605;
      background-color: #fff;
 }
#navi3 #button_herbst a:hover {
      color:#C06605;
      background-color: #fff;
 }

#navi3 #button_winter a#current {
      color:#333366;
      background-color: #fff;
 }
#navi3 #button_winter a:hover {
      color:#333366;
      background-color: #fff;
 }


/*************************************************** */
/*************************************************** UNTERmenü-mouseover*/

#navi4 #buendig a,
				#navi4 a:link,
				#navi4 a:visited {
      padding: 0px;
      border: 0;
 	 /* background: url('bilder/punkt2.jpg')  0.3em 0.3em no-repeat;*/
	  color:#5EB740;
	  text-decoration: none;
      }
#navi4 #buendig a:hover {
      color:999;
      background-color: #fff;
 	 /* background: url('bilder/punkt2.jpg') 0.3em 0.3em no-repeat;*/
 }

#navi4 a,
		#navi4 a:link,
		#navi4 a:visited {
      padding: 0 0 0 7px;
      border: 0;
 	 /* background: url('bilder/punkt2.jpg')  0.3em 0.3em no-repeat;*/
	  color:#5EB740;
	  text-decoration: none;
      }
#navi4 li a:hover {
      color:#999;
      background-color: #fff;
 	 /* background: url('bilder/punkt2.jpg') 0.3em 0.3em no-repeat;*/
 }

/********************************************** UNTERmenü-subcurrent Link *******/

#navi4 a#subcurrent {
      color:#999;
 }

/*************************************************** */
/***************************STARTSEITE***************************************** */
#start {
background-color: #fff;
position:absolute;
width: 500px;
height: 650px;
margin-left: 0px;
margin-top:0.1em;
 }
 
 #start img{

margin-top: -2px;
 }

#block {
background-color: #5EB740;
width: 238px;
height: 100%;
}


#block  h1 a,
			#block h1 a:link,
			#block h1 a:visited {
color: white;
text-decoration: underline;
background-color: #5EB740;
}

#block h1 a:hover {
      color:#5EB740;
      background-color: #fff;

 }

.starttext {
padding: 20px 10px;
color: #fff;
font-size: 70%;
line-height: 155%;
 }

#enter {
float: right;
margin-top: 280px;
background-color: #fff;
 }

h2.eingang {
color: #5EB740;
font-size: 75%;
 }

p.aktuell {
color:#66cc33;
}

#start a,
		#start a:link,
		#start a:visited {
color:#5EB740;
      background-color: #fff;
	  text-decoration: none;

}


#start a:hover {
color:#5EB740;
      background-color: #fff;
	  text-decoration: underline;
 }
/*************************************************** */
/******************************************************************** */

#logo {
 float: left;
 width: 100px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #fff;
}
/*************************************************** faux*/
#faux {
 background: url(faux_bg.gif);
 margin: 0px;
 overflow: auto;
 width: 100%
}
/*************************************************** BILDERLEISTE_links*/
#leftcolumn { 
 display: inline;
float: left;
padding: 8px 0 0 0;
 width: 113px;
 background: white;
}


/*************************************************** */
/*************************************************** CONTENT*/
#rightcolumn { 
 float: right;
 color: #333;
/*border: 1px solid #ccc;*/
 background: #fff;
 margin-top: 10px 0 0 0;
 padding: 0;
 height: 350px;
 width: 585px;
 display: inline;
 position: relative;
}




#content { 
 margin: 18px 0px 0px 0px;
/*font-size: 70%;*/
}

#content li{ 
list-style-type: none;
font-size: 70%;
}

#content p{ 
 margin: 12px 0px 0px 0px;
font-size: 70%;
line-height: 155%;
}

#content a,
		#content a:link,
		#content a:visited {
      border: 0;
	  color:#5EB740;
	  text-decoration: none;
      }

#content a:hover {
      color:#5EB740;
      background-color: #fff;
	  text-decoration: underline;
 }

#angebote ul{ 
list-style-image: url(images/listenpunkt.gif);
list-style-position: outside;

}

#angebote li{ 
 margin: 0px 0px 0px 15px;
line-height: 155%;
padding-left: x px;
}


#inhaltsverzeichnis {
padding-top: 10px;

}

#inhaltsverzeichnis li{
font-size: 70%;
margin: 0 0 0 15px;
line-height: 180%;
list-style-type: none;

}

#inhaltsverzeichnis a,
		#inhaltsverzeichnis a:link,
		#inhaltsverzeichnis a:visited {
color:#5EB740;
      background-color: #fff;
	  text-decoration: none;

}


#inhaltsverzeichnis a:hover {
color:#5EB740;
      background-color: #fff;
	  text-decoration: underline;
 }

.unter {
font-size: 1.4em;
 }

#linkliste {
font-size: 1em;
padding-top: 10px;
}

#linkliste li {
padding-top: 5px;
}



/*************************************************** */
/*************************************************** bilderleiste_horizontal */

#bilder_horizontal { 
 float: left;
 /*border: 1px solid #ccc;*/
 background: #fff;
 margin: 5px 0px 20px 0px;
 padding: 0px;
 width: 585px;
height: 90px;
}

#bilder_horizontal li{ 
display: inline;
list-style: none;
}

/*************************************************** */
#foot { 
 margin: 10px 0 0 0;
font-size: 70%;
line-height: 155%;
height: 30px;


}

#foot a,
		#navi4 a:link,
		#navi4 a:visited {
color:#5EB740;
text-decoration: none;

}

#foot a:hover {
color:#5EB740;
      background-color: #fff;
	  text-decoration: underline;
 }