html, body {
	font-family: Verdana, Arial, sans-serif;
	margin:0;
	height:100%;
	padding:0;
}

img {
	max-width:100%;
	height:auto;
	width: auto; /* ie 8 */
}
.verdana8norm{
		font-family: Verdana, Arial, sans-serif;
	color:black;
	vertical-align:right;
	text-align:right;
	font-size:6px;
	}
.verdana8norm:hover{
	color:black;
}
.verdana8norm:visited{
	color:black;
}
.verdana8norm:link{
	color:black;
}
.verdana8norm:active{
	color:black;
}
.ueberwhite{
		font-family: Verdana, Arial, sans-serif;
	color:white;
	vertical-align:middle;
	text-align:center;
	font-size:48px;
	font-style:italic;
	font-weight:bold;
	}
.logoschrift{
		font-family: Verdana, Arial, sans-serif;
	color:red;
	vertical-align:middle;
	text-align:center;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	}
#gesamt {
	width:100%;
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	min-height:100%;
	font-size:100%;
}
#content{
 	vertical-align:top;
	min-height:100%;
	left:0px;
	padding:10px;
	padding-bottom:100px;
}
#inhalt{
	padding-right:10px;
	margin:0;
	padding:10px;
	color:black;
}
#oben{
	height:130px;
	background-color:black;
	width:100%;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	color:white;
}
#unten{
	clear:both;
	position:absolute;
	height:100px;
	background-color:black;
	bottom:0px;
	width:100%;
	left:0px;
	color:white;
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
}
.kontakt{
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
}
.wasnoch{
	color:red;
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
}
.wasnochdetails{
	color:black;
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
}
.aktuelles{
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
}
.reifenservice{
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
}
.gaestebuch{
	font-family: Verdana, Arial, sans-serif;
	vertical-align:middle;
	font-size:12px;
}

#navi{
	position:relative;
	float:left;
	left:-65px;
	min-height:100%;
	height:480px;
	top:0%;
	margin:0;
	padding:0;
}
.slicknav_menu {
	display:none;
}
#menu li {
    	list-style-type: none;
	padding: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size:18px;
}

#navi_back{
	display:block;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:250px;
	padding:5px;
	padding-left:15px;
	background-color: #4c4c4c;
}
.weiss_klick {
	text-decoration: none;
	font-style:italic;
	color:#ffc125;
}
.weiss {
	text-decoration: none;
	font-style:italic;
	color:#fff;
}

.weiss:hover{
	color:#ffc125;
}
.rot_klick{
	text-decoration: none;
	font-style:italic;
	font-weight:bold;
	color:#ffc125;
}
.rot {
	text-decoration: none;
	font-style:italic;
	font-weight:bold;
	color:#f00;
}
.rot:hover{
	text-decoration: none;
	color:#ffc125;
}
@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
/******************** style for website ***************/


/* common styles */

.breite
{
	max-width: 750px;
	padding-top: 30px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	padding-left: 10px;
}

.grau a, .grau, .grau a:hover
{
	color: #fff;
}

.gb_error{
	padding: 5px 10px;
	background: #fee;
	color: #f00;
	border: 1px solid #f00;
	max-width: 495px;
}

.gb_message{
	padding: 5px 10px;
	background: #efe;
	color: #090;
	border: 1px solid #090;
	max-width: 495px;
}

.gb_clear{
	clear: both;
}


/* entry-list */

.gb_new_entry_link{
	font-weight: bold;
	font-size: 14px;
}


.gb_pagebrowser{
	margin-top: 30px;
}
.gb_pagebrowser p{
	margin-bottom: 0px;
	font-size: 12px;
}
.gb_pagebrowser_left{
	float: left;
}
.gb_pagebrowser_input{
	background: #333D47;
	background: rgba(51, 61, 71, 0.6);
	width: 25px;
	border: #fff 1px solid;
	padding: 2px 3px;
}
.gb_pagebrowser_submit{
	background: none;
	border: none;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
}
.gb_pagebrowser_right{
	float: right;
}
.gb_pagebrowser_prev a, .gb_pagebrowser_next a{
	font-weight: bold;
}

.gb_entries{
}
.gb_entry{
	margin: 20px 0px 20px 0px;
	padding-bottom: 6px;
	/* background: url(images/shadow.png) repeat-x bottom; */
}
.gb_entry_body{
	border: 1px solid #000;
}
.gb_entry_header{
	background: #333D47;
	background: rgba(51, 61, 71, 0.6);
	border-bottom: 1px solid #DBDADA;
	padding: 3px 10px;
	font-size: 12px;
}
.gb_entry_header strong{
	font-weight: bold;
}
.gb_entry_header_left{
	float: left;
}
.gb_entry_header_right{
	float: right
}
.gb_entry_email,.gb_entry_web{
	display: block;
	float: left;
	width: 15px;
	margin-left: 10px;
	text-decoration: none;
}
.gb_entry_email{
	background: url(grafik/email.png) no-repeat;
	height: 11px;
	margin-top: 2px;
}				
.gb_entry_web{
	background: url(grafik/web.png) no-repeat;
	height: 15px;
}
.gb_entry_text{
	padding: 10px 10px 10px 10px;
	color: #000;
	font-size: 13px;
}
.gb_entry_comment{
	margin: 0px 10px 15px 10px;
	border: 1px solid #485665;
	background: #222930;
}
.gb_entry_comment .gb_entry_comment_header{
	border-bottom: 1px solid #485665;
	padding: 3px 10px;
	background: #333D47;
	background: rgba(51, 61, 71, 0.6);
	font-size: 12px;
}
.gb_entry_comment_header strong{
	font-weight: bold;
}
.gb_entry_comment p{
	padding: 7px 10px;
	margin-bottom: 0px;
}


				
/* entry-form */
				
.gb_form_back_link{
	text-align: center;
}
.gb_form{
	width: 495px;
	margin: auto;
}	
.gb_form_required{
	font-size: 10pt;
	padding-top: 0px;
}			
.gb_form_box{
	margin: 20px 0px 20px 0px;
	padding-bottom: 6px;
	border: 1px solid #000;
}
.gb_form_header{
	background: #333D47;
	background: rgba(51, 61, 71, 0.6);
	border-bottom: 1px solid #000;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: bold;
}
.gb_form_body{
	padding: 10px;
}
.gb_hidden_row{
	display: none;
}
.gb_form_row,.gb_form_message{
	margin: 3px 0px;
	clear: both;
	font-size: 10pt;
}
.gb_form_row label{
	width: 200px;
	font-weight: bold;
	display: block;
	float: left;
	font-size: 10pt;
	padding-top: 3px;
	margin-right: 10px;
}			
.gb_form_row label span,.gb_form_message label span{
	font-weight: normal;
	font-size: 8pt;
	padding-left: 5px;
}
.gb_form .gb_form_message input{
	width: 30px;	
	font-size: 8pt;				
}
.gb_form input, .gb_form textarea{
	width: 300px;
	padding: 3px;
	border: 1px solid #bfbfcc;
}
.gb_form_message{
	margin-top: 30px;
}
.gb_form_message label{
	font-weight: bold;
}
.gb_form_message p{
	margin-bottom: 6px;
	font-size: 11px;
}
.gb_form_message textarea{
	width: 460px;
	height: 150px;
}
.gb_form_smileys div{
	float: left;
	cursor: pointer;
	padding: 5px 0px;
}				
.gb_form_securequestion{
	margin-top: 10px;
	margin-bottom: 10px;
}
.gb_form_securequestion label {
	width: auto;
	font-weight:bold;
	float: none;
}
.gb_form_securequestion label span{
	padding-left: 0px;
	font-size: 12px;
}
.gb_form_securequestion input{
	width: 160px;
	margin-top: 6px;
}
.gb_form_buttons{
	text-align: center;
}
.gb_form_buttons p{
	display: inline;
}
.gb_form_buttons input{
	background: #2d353e;
	color: #fff;
	cursor: pointer;
	height: auto;
	width: 150px;
	font-size: 12px;
	border: solid 1px #fff;
	padding: 5px 0px 5px 0px;
	margin: 0px 2px;
}
.gb_form_buttons a{
	text-decoration: none;			
}