/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{																/*Formatierung Hintergrund & Schrift*/
 background:#eee;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}



/* Formatierungen Layout (grob) */
#seite{																/*Formatierung Grund-Box*/
 background:#fff url(../style_pics/hintergrund.jpg) repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:875px
}

#oben{																	/*Header-Container Manu: Top-Menu & default Head-Bild*/
 background:url(../logos/bild2.jpg) no-repeat;
 background-position:left;
 clear:both;
 height:169px;
 width:875px;
 border-bottom:1px solid #111;
}

#obenlogo{																/*Header-Container Logo: Pulacha Logo*/
 background:url(../logos/logo.gif) no-repeat;
 background-position:right;
 clear:both;
 height:168px;
 width:875px;
 border-top:1px solid #111;
}

#links{																	/*Content-Container links*/
 float:left;
 margin:0 0 20px 0;
 width:713px;
}

#rechtso{																/*Menu-Container rechts oben*/
 background:#fff;
 float:left;
 margin:6px 0 20px 20px;
 width:142px
}

#unten{																	/*Footer-Container*/
 background:yellow;
 clear:both;
 width:713px
}



/* Formatierungen Header-Navigationsleiste oben */
#navigation{														/*Grundeigenschaften Header-Menue*/
 background:#fff;
 float:left;
 width:500px;
 padding:0 0 4px 0
}

#navigation ul{															/*Detaileigenschaften Head-Menue: List-Definitionen...*/
}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid yellow
}



/* Formatierungen Haupt-Navigation rechts */
#rechtso dl{														/*Definitionlist Menu-Container rechts oben*/
 list-style:none;
 margin:0 0 0 0
}

#rechtso dl dt{
 background:url(../style_pics/liste.jpg) no-repeat;
 display:block;
 margin:3px 0 0 0;
 padding:0 0 0 16px
}

#rechtso dd{
 background:url(../style_pics/liste_y.jpg) no-repeat;
 display:block;
 margin:0 0 0 5px;
 padding:0 0 0 16px
}

#rechtso dl dt a{
 text-decoration:none;
 color:#111;
}

#rechtso dd a{
 text-decoration:none;
 color:#666;
}

#rechtso dl dt a:hover{
 color:yellow;
}

#rechtso dd a:hover{
 color:yellow;
}

.active{															/*Active-Class für aktive Menu-Elemente*/
 font-weight:800;
}



/* Sonstige Formatierungen */
.titel{																/*Spezial Titel-Definitionen*/
 float:right;
 color:red;
 font-size:1em;
 letter-spacing:0.18em;
 font-weight:800;
}

.img{																/*Bild-Definitionen mitte gr/kl*/
 text-align:center;
 margin:20px 0 20px 0;
}

.imgkl{																/*Bild-Definitionen mitte kl*/
 text-align:center;
 margin:0 5px 0 5px;
}

.imgklleft{															/*Bild-Definitionen links kl*/
 float:left;
 text-align:center;
 margin:0 5px 0 5px;
}

.imgklright{														/*Bild-Definitionen rechts kl*/
 float:right;
 text-align:center;
 margin:0 5px 0 5px;
}

.toplink a{															/*Top-Link-Definitionen inkl. Bild*/
 float:right;
 background:url(../style_pics/toplink.jpg) no-repeat;
 text-decoration:none;
 color:#666;
 margin:10px 5px 0px 0px;
 padding:0px 0px 0px 16px
}

.toplink a:hover{
 text-decoration:none;
 color:yellow;
}

form{																/*Formular-Definitionen*/
 color:#666;
 margin:10px 0 10px 50px;
 font-weight:800;

}

input, textarea{
 color:#111;
}

.feld, .text{
 color:#111;
 margin:10px 0 10px 20px;
}

.radio, .check{
 margin:0 0 0 20px;
}

.button{
 color:#666;
 margin:10px 0 10px 20px;
}



/* Schrift-Formatierungen */
h1{																	/*Haupttitel index*/
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.8em;
 font-style:italic;
 letter-spacing:0.1em;
 margin:25px 0 0 0
}

h2{																	/*Haupttitel sites*/
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.06em;
 margin:25px 0 0 0
}

h3{																	/*Untertitel*/
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.2em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

h5{																	/*Titel Menu oben*/
 border-bottom:1px solid #ccc;
 color:#111;
 font-size:1em;
 font-style:italic;
 letter-spacing:0.5em;
 margin:25px 0 0 0
}

#links p{															/*Absatz Content-Container*/
 text-align:justify
}

#links dl{															/*Definitionlist Content-Container*/
 list-style:none;
 margin:20px 0 0 50px;
}

#links dl dt{
 background:url(../style_pics/defl.jpg) no-repeat;
 display:block;
 margin:3px 0 0 0;
 padding:0 0 0 16px;
}

#links dd{
 display:block;
 margin:0 200px 0 15px;
 padding:0 0 0 16px;
 color:#666;
}

#links a{															/*Link-Definitionen Content-Container*/
 color:#666;
 text-decoration:none;
 font-weight:800;
}

#links a:hover{
 color:yellow;
}

#unten p{															/*Absatz Footer*/
 color:#111;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
 text-align:center;
 font-weight:800;
}