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

* {
   margin: 0;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}

body {
	font: 95%, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 80%;
	font-weight: bold;
	background: #f6ebec;
}

a {
   color: #333333;			/*Farbe von Links im Allgemeinen*/
   text-decoration: none;	/*Links werden nicht unterstrichen*/
}

a:hover {
	text-decoration: underline;	/*Links werden unterstrichen*/
}

img {
    border: none;						/*Bilder erhalten keinen Rahmen mehr*/
}

h1, h2, h3 {
   font-family: Arial, Helvetica, sans-serif;	/*Schriftfamilie*/
   color: #f4eded;					/*Schriftfarbe für h1, h2 und h3*/
   background: transparent;		/*???*/
   padding: 15px 0px 10px 0px; /*Abstand nach Außen -> oben, rechts, unten, links*/
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}
 
/*container-------------------------------------------------*/
#container {
	margin-top: 20px;
   margin-left: auto;
	margin-right: auto;
	height: 800px; 
   width: 950px;
   background: #fef6e6;
   background: transparent url(Background1.jpg) top right no-repeat;
}

/*oben------------------------------------------------------*/
#oben {
	height: 200px;
   width: 100%;
   /*background: #00FF00;*/
}

/*spalte_links------------------------------------------------------*/
#spalte_links {
	float: left;
	height: 600px;
   width: 170px;
}

/*content------------------------------------------------------*/
#content {
	width: 674px;
   height: 600px;
   margin-left: 173px; /*Abstand nach links muss der Spaltenbreite von spalte_links entsprechen,
   							 aber zuzueglich 3 Pixel aufgrund des 3-Pixel-Fehlers im IE*/
   /*background: url(content1.jpg);*/
}

#content2 {
   color: #f4eded;		/*Schriftfarbe*/
   padding: 60px 20px 0px 80px; /*Abstand nach Außen -> oben, rechts, unten, links*/
}

#content2 ul{
	padding-left: 30px;
}

/*footer------------------------------------------------------*/
#footer {
	width: 100%;
   height: 30px;
   /*background: #00CC33;*/
   border-top: solid 4px #333333;	/*Erstellt eine farbigen Rahmen oberhalb des footers*/

}

#footer ul {
   text-align: center;	/*Sorgt dafuer, dass die Liste in der Mitte ausgerichtet wird*/
}

#footer li {
	padding: 5px 5px; /*oben/unten + links/rechts */
	display: inline;
}

/*Navigation----------------------------------------------- */
#navigation {
	font-size: 11px;
   width: 113px;				/*Breite der Navigation*/
   margin: 50px 0 0 30px;	/*Abstand nach Außen -> oben, rechts, unten, links*/
}

#navigation ul {
	list-style-type: none; /*Dient dazu die Punkte vor einer Liste zu entfernen*/
}

#navigation li a {
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 23px;
   text-decoration: none;
}

#navigation li a:link, #navigation li a:visited {
   color: #CCCCCC;		/*Schriftfarbe der Links*/
   display: block;
   background: transparent url(button4.gif) 0 0px no-repeat;
   padding: 5px 0 0px 20px;	/*Position der Links -> oben, rechts, unten, links*/   
}

#navigation li a:hover, #navigation li #current {
   color: #FFFFFF;		/*Schriftfarbe des aktuell markierten Links*/
   /*color: #f4eded;*/
   background: url(button4.gif) 0 -39px; /*Es wird genau die Haelfte des GIF's abgezogen um
   													den unteren Teil des GIF's zu zeigen*/
   padding: 5px 0 0px 20px;	/*Position der Links -> oben, rechts, unten, links*/
}

#navigation img {
	vertical-align: top;
   }
/*--------------------------------------------------------------------*/