/*Stylesheet martinsteg.de*/


/*Reset*/
center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,hr,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	border: 0;
	font-family: inherit;
	font-size: 101%;
	font-style: normal;
	font-variant: inherit;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


/*Überschriften*/
h1,h2,h3{color:gray;}

h2{font-size:120%;
font-weight: bold;
margin:0 0 10px 0;}

/*Absätze*/
p{font-size: 80%;
color:gray;
padding: 10px 20px 10px 0;}

/*Trennlinie*/
hr{width:900px;
   margin: 0 0 0 40px;
   border: 1px solid #cecece;}
   
/*Ungeordnete Listen*/                 
#content ul { padding-left: 30px;
              color:gray;
              
             } 
#content ul li{list-style: disc;
               font-weight:bold;
               }                

/*sonstiges*/

strong{font-weight:bold;}

/*Layout*/	 
body{text-align: center;
     font-family: arial, verdana,sans-serif;
	 background-image: url(../img/background/bg.jpg);
     background-repeat: repeat;
	 font-size:100%;
	 }

#wrapper{ width:984px;
          text-align:left;
          margin:  0 auto;
          }
		  

		  
#unternehmen #header,
#leistungen #header,
#kontakt #header,
#impressum #header,
#anfahrt #header{  width:984px;
                       height:124px;
                       margin: 40px auto 0 auto;
                       background-image: url(../img/background/bg_header_1.jpg);
                       background-repeat: no-repeat;
		  			}	
					  
#header{  width:984px;
          height:376px;
          margin: 40px auto 0 auto;
          background-image: url(../img/background/bg_header.jpg);
          background-repeat: no-repeat;
		  }						  		  	
					    
#main{    width:984px;
          margin: 0 auto;
          height: 400px;
          background-image: url(../img/background/bg_content.jpg);
          background-repeat: repeat-y;
		  } 

#leistungen #main, #anfahrt #main{min-height: 500px;} 

	  	  			  
#footer{  width:984px;
          margin: 0 auto;
          height: 250px;
          background-image: url(../img/background/bg_footer.jpg);
          background-repeat: no-repeat;
		  }	
		  
#footer p{text-align:center;}		  
		  
/*Inhalt*/	  
#content{float:right;
         width:580px;
         margin:30px 120px 0 30px;}
		 

#googlemaps iframe{border:1px solid gray;}

/*Accordion*/	 

.toggler{color:gray;
		background-color:#F0F0F0;
		width:570px;
		padding:3px 3px 3px 10px;
		cursor: pointer;
}

.accordion {width:581px;
			margin-bottom: 2px;
			border-left:1px solid #dedede;
			border-right:1px solid #dedede;
			}

.accordion p{font-size:70%;
             padding:5px; border-bottom:1px solid #dedede;

}

.toggler.hover,.toggler.open{background:#326698;
              color:#fff;}


/*Links*/
a,a:link{text-decoration:none;color:gray;}
a:hover{color:#326699; }
a:active{color:gray;}
a:visited{color:gray;}

/*Navigation*/	 
#nav{ float:left;
      width:200px;
	  padding: 30px 0 0 50px;}

#nav ul{list-style: none;
        }	

#nav ul li{border-bottom: 1px solid gray;
          padding:3px 0 3px 0;}

#nav ul li.first{border-top: 1px solid gray;}

#nav ul li a:link,
#nav ul li a:visited{padding-left: 10px;height:27px;}

#nav ul li a:hover{background-image:url(../img/background/bg_link.jpg);
                   background-repeat:no-repeat;
                  }

#top_nav{float:right;
         margin:60px 20px 0 0;                
		 }
		 
#top_nav a{font-size:90%;
		   text-decoration: none; }		 
		 	  	  
.active{background-image:url(../img/background/bg_link.jpg);
                   background-repeat:no-repeat;}

/*Siplinks verbergen*/  
.skip, .hideme {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
/*Siplinks sichtbar machen*/
   .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }	
  
 /*logo*/ 
.logo{float: left;
      margin:7px 0 0 20px;
	  border:none;}