@charset "utf-8";
@media only screen and (max-width: 480px) {
/*--------------------------------------------------*/
/*---------------------- Main ----------------------*/
/*--------------------------------------------------*/

html, body{
	background:url(../layout/gradiant_mobil.png) repeat-x;
	background-attachment:fixed;
	background-color:#efc51d;
	max-width:480px;
	/*overflow:hidden;*/
	font-size:8px;
}

.wrapper{
	max-width:320px;
}

/*--------------------------------------------------*/
/*------------------- NAVIGATION -------------------*/
/*--------------------------------------------------*/

header{
	height:160px;
}

li{
	width:100%;
	height:40px;
	float:none;
}

nav li a{
	font-size:14px;
	width:100%;
	height:28px;
	padding-top:12px;
	display:block;
	border-top:#d4b31f dashed 1px;
}

.socialmedia{
	width:24px;
	margin:-7px auto 0 auto;
	float:none;
}

.socialmedia a{
	display:block;
	height:25px;
	width:24px;
	float:left;
	margin:15px 10px 0 0;
}

/*--------------------------------------------------*/
/*---------------------- HOME ----------------------*/
/*--------------------------------------------------*/
#content img{
	position: static;
	width:100px;
	margin:20px 0 0 -70px;
	left:50%;
}

#starttext{
	width:300px;
	padding:0 10px;
	margin-top:20px;
	text-align:center;
}

#starttext p{
	font-size:8px;
	line-height:12px;
}

#starttext h3{
	margin-top:-30px;
}

h1{
	font-size:30px;
	margin:20px 0 0 0;
}

#subline{
	font-size:8px;
	margin-bottom:20px;
}

table{
	width:320px;
}

span{
	font-size:6px;
}

td{
	padding:3px 6px 3px 6px;
}

.preis{
	text-align:center;
	font-size:8px;
	width:20px;
}

/*--------------------------------------------------*/
/*--------------------- ORDER ----------------------*/
/*--------------------------------------------------*/

#phoneorder, #onlineorder, #liefergebiete{
	width:290px;
	height:auto;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:25px auto;
}


#liefergebiete{
	margin-bottom:50px;
}

#phoneorder h1, #onlineorder h1, #liefergebiete h1{
	font-size:16px;
	text-align:center;
}

#phoneorder a, #onlineorder a{
	margin-top:0;
	font-size:40px;
	margin-left:0;
	clear:both;
}

#onlineorder a{
	font-size:30px;
	margin-left:15px;
}

#phoneorder p, #onlineorder p{
	font-size:8px;
	line-height:12px;
	margin-left:0;
	text-align:justify;
}

#liefergebiete p{
	font-size:8px;
}

#phoneorder img, #onlineorder img{
	position:relative;
	width:60px;
	left:59%;
	margin-top:15px;
	float:none;
	display:block;
}

/*--------------------------------------------------*/
/*-------------------- ANFAHRT ---------------------*/
/*--------------------------------------------------*/

#map{
	height:350px;
	width:300px;
	padding:10px;
	margin-bottom:80px;
}

#googlemap{
	width:290px;
}

/*--------------------------------------------------*/
/*------------------- IMPRESSUM --------------------*/
/*--------------------------------------------------*/

#impress{
	margin-bottom:60px;
}

#impress a{
	margin-left:37%;
}

#haftung{
	margin-bottom:80px;
}

h2{
	font-size:12px;
	margin-top:30px;
}

#haftung p{
	font-size:8px;
	line-height:12px;
	width:300px;
	padding:0 10px;
}
/*--------------------------------------------------*/
/*--------------------- Footer ---------------------*/
/*--------------------------------------------------*/

footer{
	position:relative;
	bottom:0;
	height:80px;
}

footer p{
	position:relative;
	font-size:12px;
	margin:0 0 0 0;
	left:20px;
	padding-top:5px;
	float:none;
}

#impressbtn{
	position:relative;
	margin:0 0 0 -60px;
	text-align:left;
	float:none;
	top:25px;
}

#telbig{
	position:relative;
	font-size:18px;
	left:10px;
	top:3px;
	text-align:left;
	clear:both;
}

}