.burgermenu {
  position: relative;
  padding-left: 1.25em;

}
.burgermenu:before {
  content: "";
  position: fixed;
  top: 7px;
  right: 2px;
  width: 2.2em;
  height: 0.4em;
  border-top: 1.2em double #977440;
  border-bottom: 0.45em solid #977440;
  z-index:100;

}


#responsive-menu {
	width: 250px;
	background-color: #4f3c20;
	opacity: 0.98;
	position: fixed;
	top:20px;
	left:-32px;
	height: 280%;
	display:none;
	line-height: 150%;
	font-family: 'Standardschrift FETT';
	position: fixed;
	font-size: 22px;
	color: #FFF;
	margin: 1.7em;
	height: auto;
	padding: 5px ;
	margin-top: 16px;
	z-index:100;
	width:200px;
	text-align:left;
	text-align-last:left;
}


#navigation, #navigation2, #navigation3, #navigation4, #hintergrundnavi{
visibility:inherit;
opacity: 0.80;
font-family: 'Standardschrift';
position: fixed;
width: 250px;
background-color: #977440;
font-size: 14px;
color: #FFF;
left: 5px;
top: 5px;
margin: auto;
height: auto;
padding: 0px 0px 0px 10px;
z-index:100;
}




@charset "utf-8";


@font-face {
		font-family: 'Standardschrift';
	    src: url('../fonts/futuran.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
}

@font-face {
		font-family: 'Standardschrift FETT';
	    src: url('../fonts/futurab.ttf') format('truetype');
	    font-weight: bold;
	    font-style: bold;
}

.other {font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;}

.color1 { color: #C00}
.color2 { color: #B8A88F;}
.color3 { color: #00f;}
.color4 { color: #00f;}
.color5 { color: #fff;}

a:visited{color:#B8A88F;text-decoration:none;}
a:link{color:#B8A88F;text-decoration:none;}
a:hover{color:#C00;;text-decoration:none;}
a:active{color:#C00;;text-decoration:underline;}
a:focus{color:#C00;;text-decoration:underline;}

#navigation a:visited{color:#B8A88F;text-decoration:none;}
#navigation a:link{color:#B8A88F; text-decoration:none;}
#navigation a:hover{color:#c00;text-decoration:none;}
#navigation a:active{color:#B8A88F;text-decoration:none;}
#navigation a:focus{color:#C00;text-decoration:none;}

#hintergrundnavi {
	background-color:#000;
	margin-top: 250px;
	margin: 0px; 
   }
/*
#navigation2 {
	 padding: 0;
	display: block;
	background-position:0px;
	position: fixed; 
	top: 55px;
	z-index: 100;
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 13px;
 	background-color:#4f3c20; 
  	padding: 0px 0px 0px 7px;
   	height: auto;
	width: 300px;
	margin-top: 0px;
 }
*/
#navigation {
	padding: 0;
	display: block;
	background-position:0px;
	position: fixed; 
	top: 0px;
	z-index: 100;
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 13px;
	background-color:#4f3c20; 
  	padding: 0px 0px 0px 7px;
   	height: 73px;
	width: 300px;
 }

#responsive-menu li {
   margin: 0;
   list-style: none;
   display: block;
   }

#responsive-menu ul {
   margin: auto;
   text-align:left;
	text-align-last:left;
   }

#responsive-menu a {
   color: #B8A88F;
   text-decoration: none;
   display: block;
   float:left;
      }
   
#responsive-menu ul li a {
    text-decoration: none;
	background-color:;
    display: block;
    color: #B8A88F;
  	padding: 1px 7px 1px 0px;
}

#responsive-menu ul li:visited > ul {
    visibility: hidden;
   	background-color:#B8A88F;
}

#responsive-menu ul li:link > ul {
    visibility: hidden;
   	background-color:#B8A88F;
}

#responsive-menu ul li:hover> ul {
    visibility: hidden;
   	background-color:#B8A88F;
}

#responsive-menu ul li:focus > ul {
    visibility: visible;
   	background-color:#B8A88F;
}

#responsive-menu ul li:active > ul {
    visibility: hidden;
   	background-color:#B8A88F;
}

#responsive-menu ul li ul li{
    float: left;
	}
#responsive-menu ul:after {
              }
#responsive-menu ul li {
            list-style-type: ;
            display: ;
        }			  
			  
			  
		  

body {
	background-color:#000;
	color: #369;
	font-size: 15px;
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	margin-top: 155px;
}

h1 {
	font-family: 'Standardschrift FETT', helvetica, arial, tahoma, sans-serif;
	font-size: 15px;
	color: #B8A88F;;
}

h2 {
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 15px;
	color: #B8A88F;
}

sub1 {
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 15px;
	color: #F00;
}
sub2 {
	font-family: 'Standardschrift FETT', helvetica, arial, tahoma, sans-serif;
	font-size: 15px;
	color: #f00;
}

sub3 {
	font-family: 'fraktur', helvetica, arial, tahoma, sans-serif;
	font-size: 17px;
	color: #f00;
}
#spacer{
	
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
 }

#header {
	background-color: #000;
	display: block;
	background-position:0px;
	position:fixed;
	top: 0px;
	z-index:100;
	background:url(../Bilder/HEADER-iphone.gif);
	background-size:auto;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	width: 300px;
	height: 128px;
	color: #000; 	
	padding: 0px 0px 0px 0px;
}


#content {
	background-color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0; 
	margin-top: -30px;
	width: 300px;
	height: auto; 
	background-attachment:scroll;
	overflow:auto;	
}
#contentkontakt {
	background-color: #000;
	overflow: auto;
	background-attachment:scroll;
 	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: -30px;
	width: 300px;
	height:auto;
	}
	
#contentcarcrash {
	background-color: #000;
	overflow: auto;
	background-attachment:scroll;
 	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: -50px;
	width: 300px;
	height:auto;
	}
	
#contentanfahrt {
	background-color: #000;
	width: 300px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
		
#footer {
	background:url(../Bilder/FOOTER-iphone.gif) no-repeat;
 	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	width: 300px;
	height: 182px;
}


/* Formatierung für Routenberechnung */	

td { /* errechnete Route */

	color: #B8A88F;
	}
	kartentext { /* Kartenüberschrift */
	text-align: center;
	font-size: 18px;
	color: #000;
	text-shadow: 0px -5px 0px #AAA, 0px 1px 0px #EEEEEE;
	margin-left: 20px;
	}
	input { /* Eingabe */
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 15px;
	padding: 3px 3px;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	box-shadow: 0px 3px 6px #000;
	border-radius: 3px;
	}
	input[type="text"] { /* Eingabefeld */
	width: 257px;
	color:#000000;
	border-radius: 1px;
	padding-left:10px;
	box-shadow: 0px 0px 0px #000;
	}
	input[type="submit"] { /* Startbutton */
		padding: 3px 10px;	
		margin-left: 0px;
	    color:#a77107;
		margin-bottom:10px;
	}
	#routeForm { /* Eingabeformatierung */
		width: 100%;
		text-align: left;
		margin-top: 5px; /* Abstand zur Karte */
	}
	#directionsPanel { /* Feld für Routenliste */
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	font-size: 15px;
	background-color: #f8f0e1;
	}
	
	.adp-directions {
		width: 100%;	
	}
	#map_canvas {
	max-width:300px;
	height:200px;
	display: block;
	}
	 #wrapper {
		position:absolute; top:150px;
		width:300px;
	}
	#contentvariabel {
		width:300px;
	}
	
	
	
	/* Formatierung für Kontaktformlular */	

.tabelle {
	
}

.tabellentext {
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 14px;
	color: #666666;
}
.Hinweis {
	font-family: 'Standardschrift FETT', helvetica, arial, tahoma, sans-serif;
	font-size: 16px;
	color: #B8A88F;
}
.Leg {
	font-family: 'Standardschrift', helvetica, arial, tahoma, sans-serif;
	font-size: 12px;
	color: #ffc000;
	margin-left:3px;
}
.Fehlertext {
	font-family: 'Standardschrift FETT', helvetica, arial, tahoma, sans-serif;
	color: #ffc000;
}
.Linie {
	font-size: 16px;
	color: #ffc000;
}