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


#wrap, img
{
}
#images img
{

display: block;
 margin-left: auto;
  margin-right: auto;
 
  width: 100%;
  max-width: 1600px;
  background-color: white;
	}
h1
{color: #001AA8;
text-align:center;
}


#headerbottom { 
background: url("images/headerbottom.png") no-repeat; padding: 105px 0;
}


#contentwrap {

 
display: block;
 margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1000px;
margin-top: 29px;
margin-bottom: 20px;
padding-botton: 25px;
}






#bottom { background: url("images/bottom.png") no-repeat; padding: 10px 0; }

#footer { 
text-align: center;
color: #979797;
padding: 0 0 10px 0;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #979797; }
#footer a:hover { text-decoration: underline; }

html {
    overflow-y: scroll;
}
#socialimg {
	display: block;
 margin-left: auto;
  margin-right: auto;
 
  width: 100%;
	width: 125px;
}
#pe {
	display: block;
 margin-left: auto;
  margin-right: auto;
 
  width: 100%;
	max-width: 175px;
}
#webasto {
	display: block;
 margin-left: auto;
  margin-right: auto; 
  width: 100%;
	max-width: 235px;
	padding-top: 10px;
}



h2 {
margin: 0;
color: #001AA8;
line-height: 50px;
font-weight: 100;
font-size: 29px;
letter-spacing: 1px;
text-align:center;
}


.topnav {
	display: block;
 margin-left: auto;
  margin-top: 20px;
  margin-right: auto;
 
  width: 100%;
  max-width: 1600px;
  overflow: hidden;
  background-color: #aaa79f;
}

.topnav a {
color: #000;
text-align: center;
padding: 5px 16px;
text-decoration: none;
font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #817f78;
  color: white;
}

.topnav .icon {
  display: none;
}
#content{
	margin: 10px;}	
	

h3 {
margin: 0;
color: #0030A8;
line-height: 50px;
font-weight: 100;
font-size: 29px;
letter-spacing: 1px;
text-align:center;
}

p {text-align: center}

#tel {text-align:center}

#footer {
   position: relative;
   left: 0;
   bottom: 0;
   width: 100%;
  font-size: 14px;
   color: black;
   text-align: center;
   border-top: 1px solid grey;
   padding-top: 20px;
   text-decoration: none;
}
#footer a:hover {
color:#000;	

}		
	

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
   
  }
}
.st1{float:left}
.st2{float:right}


@media all and (max-width: 600px) {
h1{font-size: 26px}	
	
#content{
	margin: 10px;}	
	
#contentwrap	
	{line-height: 1.4;
font-size: 18px;


}	
#tel {
    position: fixed;
    bottom: 0;
    width: 100%;
	font-size: 16px;
	
}
#tel:hover
{background-color: #f50c2d;
text-decoration:none;
}

#tel
{background-color: #3C3013;
padding: 15px;
	}
#tel a:link
{color: #CCC;}
#tel, a:hover
{
text-decoration:none;
}

}