h1, h2, h3, h4, h5, h6 {
margin-top: 0;
color: #666;
}
ul, ol {
margin: 0;
}
p {
margin: 0;
}
html, body{
font-family: 'Open Sans', sans-serif;
background: #4F4F4F url(../images/bg-menue.png); 
 
}
body a{
transition: all ease-in-out .9s;
-moz-transition: all ease-in-out .9s;
-webkit-transition: all ease-in-out .9s;
-o-transition: all ease-in-out .9s;
}

/***** Header *****/ 
.header_top{	
background: #5F5F5F url(../images/bg-header-menue.png); 
}

.headertop_nav{
float: none;
padding: 5px 0;
}
@media all and (max-width: 320px) {.headertop_nav {font-size: 1em;float: none;padding:5px 0;}}

.headertop_nav ul{
padding:0;
list-style:none;
}

.headertop_nav li{
display:inline;
font-size:1em;
text-shadow:0px 1px 0px rgba(0, 0, 0, 0.28);
color:#fff;
font-family:'Open Sans', sans-serif;	
}

.headertop_nav li a{
margin: 0 5px;
color: #CCC;
transition: all ease-in-out .9s;
-moz-transition: all ease-in-out .9s;
-webkit-transition: all ease-in-out .9s;
-o-transition: all ease-in-out .9s;
}
@media all and (max-width: 480px) {.headertop_nav li a {font-size:0.85em;margin:0;}}

.headertop_nav li a:hover{
color: #F3E2A9;
text-shadow: none;
text-decoration: none;	 
}

@media all and (max-width: 320px) {.header-top-right {float: none;}}.headertop_telefon{font-size: 1.6em;font-weight: 300;float: right;color: #DADADA;margin-top: -30px;}
 
@media all and (max-width: 960px) {.headertop_telefon{font-size: 1.3em;font-weight: 300;margin-top: -15px;}}
@media all and (max-width: 800px) {.headertop_telefon{font-size: 1.3em;font-weight: 300;margin-top: -15px;}}
@media all and (max-width: 640px) {.headertop_telefon{font-size: 1.3em;font-weight: 300;margin-top: -15px;}}
@media all and (max-width: 480px) {.headertop_telefon{font-size: 0.8em;margin-top: -15px;}}
@media all and (max-width: 320px) {.headertop_telefon{font-size: 0.8em;margin-top: -15px;}}

/*****************************************************/
.logo {
float: left;
padding:5px 0 5px 0;
}
@media all and (max-width: 1020px) {.logo {float:none;padding:5px 0 0px; width:85%;}} 

/**************hintergrung, grids und container**********************/

.trenner{
background: #fff url(../images/trenner-bg.png) repeat-x top left;
}

.hintergrung{	
background: #fff url(../images/bg.png);	  
}

.grids{
padding:3em 0em 3em;  	
} 

/****************Footer*************************************/
.footer {
padding:0em 0; 
background: #2F2F2F url(../images/bg-footer.png);		 
font-size: 0.95em;
color: #999;
line-height: 1.8em;
}

/*** footer menue buttons ***/
.pagernav {
  padding-left: 0;
  margin: 5px 0;
  text-align: center;
  list-style: none;
}
.pagernav li {
  display: inline;
}
.pagernav li > a,
.pagernav li > span {
  display: inline-block;
  padding: 5px 14px;
  border: 1px solid #555;
  border-radius: 6px;
}
.pagernav li > a:hover,
.pagernav li > a:focus {
  text-decoration: none;
  background-color: #555;
}

.pagernav1 {
  padding-left: 0;
  margin: 5px 0;
  text-align: center;
  list-style: none;
}
.pagernav1 li {
  display: inline;
}
.pagernav1 li > a,
.pagernav1 li > span {
  display: inline-block;
  padding: 1px 1px;
  border: 1px solid #555;
  border-radius: 6px;
}
.pagernav1 li > a:hover,
.pagernav1 li > a:focus {
  text-decoration: none;
  background-color: #555;
}

/****************kontakt*************************************/ 
.kontakt_left h3, .kontakt_right h3{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 2em;
color: #555;
text-transform: uppercase;
margin-bottom: 1em;
}

.address p {
color: #333033;
font-size: 13px;
line-height: 20px;
margin: 0 0 16px;
font-style: normal;
text-transform: uppercase;
}

.address dd {
color: #aaa4ab;
font-size: 13px;
line-height: 20px;
font-weight: 300;
}

.kontakt-form input[type="text"] {
display: block;
width:80%;
padding: 6px;
border: 1px solid #ddd;
outline: none;
margin: 1.5em 0;
font-size: 0.85em;
color: #999;
}

.kontakt-form textarea {
display: block;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
outline: none;
margin: 1.5em 0;
font-size: 0.85em;
color: #999;
height:120px;
resize: none;
}
@media all and (max-width: 480px) {.kontakt-form textarea {height:150px !important;}}

.kontakt-form input[type="submit"] {
padding: 10px 10px;
color: #fff;
background: #688A08;
font-size: 1em;
border: none;
outline: none;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
float:right;
}

.kontakt-form input[type="submit"]:hover{
background:#999;
}

.kontakt-form input[type="reset"] {
padding: 10px 10px;
color: #fff;
background: #F94B4B;
font-size: 1em;
border: none;
outline: none;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
float:left;
}

.kontakt-form input[type="reset"]:hover{
 background:#999;
}