body {
font-family: verdana, helvetica,sans-serif;
font-size: 12px; color: #666666;
background-color:#ffffff;
margin:0;padding:0;
}


.mobiletoggle {display: none;
width:100%;
cursor: pointer;
font-size: 18px; text-align:center;
background-color:#F96E13;color:#fff;
border-bottom: 1px solid #fff;
padding-top:4px; padding-bottom:4px;
}


.toggle_menu { display:none;}



a {color: #FC5715; text-decoration:none;}
a.weiss {color: #fff;}
.orange {background-color:#FC5715;}
.fehler {color:#FC5715;}
/*input, textarea {width:240px;} */
input {width:20px;}

input.breit, textarea{
width:100%;
  max-width:240px;}

input[type=text],  textarea {
  border: 1px solid #FC5715;
  border-radius: 4px;
  padding:4px;
  margin-top:2px;
}
input[type=button], input[type=submit], input[type=reset] {
  background-color:#F96E13;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  width:100%;
  max-width:240px;
  border-radius: 4px;
}

ul.fehler {
    margin-left:-20px;
}

/*@media only screen and (min-width: 500px) { */
    img.right {margin-top:-34px;margin-left:14px; margin-bottom:10px; float:right;max-width:50%;}


/*}  */


img {
    border:0;
}

#intro  {
width: 454px;
margin: 0px auto;
margin-top:0px;

/*background:url(bg.jpg);*/
  }
  
#all  {
width: 100%;
max-width: 454px;
margin: 0px auto;
margin-top:30px;
text-align: left;
padding-left:4px;
padding-right:4px;
/*background:url(bg.jpg);*/
  }

#head  {
/*height: 120px; */
margin:0;
padding:0;
padding-bottom:10px;
/*border:1px solid black;*/
    }
#head  img{
width:100%; height:auto;
    }

#nav  {
height:12px;
display:block;
padding:0;margin:0;float:right;
/*margin-left:114px;*/
/*border:1px solid black;*/
  }

#nav ul {padding: 0;margin: 0;}

#nav ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	/*font-weight:bold;*/
}

#nav ul li a {
	padding-left:8px;
	padding-right:8px;
	height: 12px;
	color: #666666;
	text-decoration: none;
	display: block;
	/*border-right:1px solid #666666;*/
	border-right:1px solid #FC5715;
}

#nav ul li a.letzter {border:0;padding-right:0;}
#nav ul li a.aktiv {color:#FC5715;}
#nav ul li a.letzteraktiv {border:0;padding-right:0;color:#FC5715;}

#nav ul li a:hover {
	display: block;
	color:#FC5715;
}



#inhalt
  {
   margin: 0;
   padding:0;
  }
#inhalt  h1
	{
	 font-weight: bold;
	 font-size: 14px;
	   margin: 0;
   padding:0;
       margin-top:80px;
	 margin-bottom:20px;
	}


 #inhalt  p{
    margin: 0;
   padding:0;
 margin-top: 10px;
 line-height:20px;
}

 #inhalt  ul li{
 margin-top: 8px;
}





div.clear
{
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}


@media only screen and (max-width: 640px) {
#all{    margin:10px 4px 4px 4px;    }

  /* ***************** */

.toggle_menu {   position:absolute; top:10px;right:10px; display: inline-block; cursor: pointer; }
.bar1, .bar2, .bar3 {
    width: 40px; height: 2px;  background-color:#F96E13; margin: 10px 0;transition: 0.4s; }
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 7px) ;    transform: rotate(-45deg) translate(-9px, 7px) ; }
.change .bar2 { opacity: 0;}
.change .bar3 { -webkit-transform: rotate(45deg) translate(-9px, -9px); transform: rotate(45deg) translate(-9px, -9px) ;  }

  /* ***************** */



#nav {  display:none;  position:absolute; margin-top:0;  z-index:100; width: 100%;}
#nav {width: 100%; height:auto;  opacity: 0.9;}
#nav ul li {float:none; border-right:0;clear:both;}
.mobiletoggle{display: block;  }

#nav ul li a, #nav ul li a.aktiv,  #nav ul li a.letzteraktiv, #nav ul li a:hover { border-right: none; font-size:18px; height:24px; border-bottom:1px solid #fff; background-color:#F96E13; color:#fff;  }


#inhalt h1{
   margin-top:40px;
}
 #head img {
    width: calc(100% - 60px);


  }