/* Stylesheet zur Website Atelier Güntert */
/* erstellt am 03.11.2006 von Florian Rimmler */
/* geändert am 20.03.2007 von Florian Rimmler */
/* geändert am --.--.---- von Florian Rimmler */
/* geändert am 03.07.2007 von Florian Rimmler */


/**** Allgemein ****/

*{
	font-family: Arial, Geneva, Verdana , Helvetica, sans-serif;
	font-size:100%;
         margin:0;
         padding:0;
}

html, body{
	background:#C0C0C0;
         background-image:url(bilder/faden.jpg);
         background-repeat:repeat;
         background-position:0 50px;
}



/**** Header ****/

#header{
 	width:100%;
         position:absolute;
         top:0px;
         left:0px;
         z-index:1;
}


#headerLogo{
 	float:left;
}


#headerText{
	float:left;
         margin:0 0 0 108px;
}


#headerText p{
	font-size:1.9em;
         font-family:Times new roman, serif;
         font-weight:bolder;
}


.obere_zeile{
 	padding:12px 0 0 0;
         text-align:center;
}


.untere_zeile{
 	padding:0 0 12px 0;
         text-align:center;
}



/**** Center ****/

#center{
         float:left;
         padding:0 15px 0 0;
         position:absolute;
         top:150px;
         left:0px;
}


#service{
	background-color:#000000;
         background-image:url(bilder/serv.jpg);
         background-repeat:no-repeat;
         background-position:right;
         position:absolute;
         top:98px;
         left:120px;
         width:82%;
}


#navi{
	float:left;
         margin:55px 0 0 0;
         width:7.4em;
}


#content{
	background-color:#73b1e0;
 	width:490px;
         margin:0 50px 10px 180px;
         padding:10px;
         border:2px solid #000000;
         z-index:20;
}



/**** Listen ****/

ul.serviceListe{
 	padding:2px 0 2px 0;
         margin:0 0 0 50px;
}


ul.serviceListe li{
	display:inline;
         margin:0 0 0 -4px;
         padding:2px 30px 2px 10px;
         background-color:#000000;
         color:#73b1e0;
}


li.ser_abstand{
         border-left:solid #73b1e0 2px;
}


#navi ul{
 	padding:0 0 0 0;
         list-style:none;
}


#navi ul li{
         border:2px outset #c0c0c0;
         margin:0 0 5px 0;
}


#navi ul li.aktiv{
	background:#000000 url(bilder/aktiver_navipunkt.gif) no-repeat 0px 0px;
         color:#73b1e0;
         padding:5px 5px 5px 25px;
}


ul.serviceListe li.aktiv{
	background:#73b1e0 url(bilder/hover_navipunkt.gif) no-repeat 0px 0px;
         color:#000000;
         padding:2px 30px 2px 30px;
}


#content ul{
 	margin:0 0 0 27px;
}


*html #content ul{
 	margin:0 0 0 17px;
}


#content ul.mitt{
 	margin:20px 0 0 100px;
}


*html #content ul.mitt{
 	margin:20px 0 0 90px;
}


#content ul li{
 	list-style:none;
}


#content ul li.punkt{
	padding:0 0 10px 10px;
         list-style-image:url(bilder/listenpunkt.jpg);
}


#content ul li.punkt a{
 	vertical-align:top;
}


.open{
 	margin:0 0 0 -20px;
}



/**** Überschriften ****/

h1{
 	font-size:1.5em;
         margin:0 0 10px 0;
         font-family:Times new roman, serif;
         text-align:center;
}


.auto{
 	background:url(bilder/auto.gif) no-repeat;
         padding:10px 0 10px 0;
}



/**** Absätze ****/

#content p{
 	margin:0 0 1em 0;
}



/**** Links ****/


a.service_links:link{
         background-color:#000000;
         color:#73b1e0;
         text-decoration:none;
         padding:0 0 0 20px;
}


a.service_links:visited{
         background-color:#000000;
         color:#73b1e0;
         text-decoration:none;
         padding:0 0 0 20px;
}


a.service_links:focus{
         background:#000000 url(bilder/aktiver_navipunkt.gif) no-repeat -5px -5px;
         color:#73b1e0;
         text-decoration:none;
         padding:0 0 0 20px;
}


a.service_links:hover{
         background:#000000 url(bilder/aktiver_navipunkt.gif) no-repeat -5px -5px;
         color:#73b1e0;
         text-decoration:none;
         padding:0 0 0 20px;
}


a.service_links:active{
         background:#000000 url(bilder/aktiver_navipunkt.gif) no-repeat -5px -5px;
         color:#73b1e0;
         text-decoration:none;
         padding:0 0 0 20px;
}


#navi ul li.inaktiv a{
 	display:block;
         padding:5px 5px 5px 25px;
         color:#000000;
         text-decoration:none;
}


#navi ul li.inaktiv a:link{
 	background-color:#73b1e0;
}


#navi ul li.inaktiv a:visited{
 	background-color:#73b1e0;
}


#navi ul li.inaktiv a:focus{
 	background:#73b1e0 url(bilder/hover_navipunkt.gif) no-repeat 0px 0px;
}


#navi ul li.inaktiv a:hover{
         background:#73b1e0 url(bilder/hover_navipunkt.gif) no-repeat 0px 0px;
}


#navi ul li.inaktiv a:active{
 	background:#73b1e0 url(bilder/hover_navipunkt.gif) no-repeat 0px 0px;
}


#content a, #content a:link, #content a:visited{
 	color:#000000;
         font-weight:bold;
         text-decoration:underline;
}



.imp{
 	padding:0 0 0 30px;
}