@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	float:none!important;
}

body {
	font: 16px/28px Droid Sans, sans-serif;
	color:#fff;
	background: url(../images/mobile/bg-body.jpg) center top repeat;
}

p,
ol,
dl { padding: 0 0 20px 0; }

ul { list-style:none; }

h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0 0 20px;
	color:#EBBD28;
	text-transform:uppercase;
	font-family:Open Sans, sans-serif;
}

h2 { font-size: 19px; }

h3 { font-size: 17px; color:#fff;}

h4 {
	font-size: 15px;
	font-weight: bold;
}

h5 {
	font-size: 15px;
	font-weight: bold;
}

h6 {
	font-size: 15px;
	font-weight: bold;
}


h4 span {
    color: #FFE444;
}

img {
	max-width: 100%;
	height:auto;
}

.vcard img { border:0 }

img.image,
img.img,
.column-mid img,
.img img,
.images img,
#images img,
img.cms-image,
img.cms-img {
	border:2px solid #fff;
	margin:10px 15px 15px 0;
}

address { display:block!important }

a,
span.tel {
	color:#EBBD28;
	text-decoration:underline;
}

span.tel,
#googlemaps-IDadress-link,
a.escape {
	background:#EBBD28;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	display:block;
	text-align:center;
}

span.tel a {
	color:#fff;
	padding:5px 10px;
	text-decoration:none!important;
	display:block;
}

#googlemaps-IDadress-link,
a.escape {
	display:inline-block;
	padding:5px 10px;
	margin:0 0 20px;
}

#googlemaps-IDadress {
	z-index:99999!important;
	position:relative!important;
	border:5px solid #EBBD28;
	border-radius:10px;
	max-height:300px!important;
	margin:20px 0;
}

table {
	width:100%;
	margin:0 0 20px;
	font-size:12px;
}

table td {
	padding:10px;
	background:#dedede;
	margin:1px;
	word-break:break-all;
}

dl dt{font-weight:bold;}

.clear { clear:both; }
br.clear { display:none }
hr {
	height:0;
	overflow:hidden;
	border:0;
	border-bottom:1px solid #EBBD28;
	margin:0 0 15px;
}

h1#branding,
h1.branding,
#header h1 { background: url(../images/mobile/bg-logo.jpg) center top no-repeat; background-size:100% 100%; }

h1#branding a,
h1.branding a,
#header h1 a {
	display:block;
	padding:20px 0;
	position: relative;
	text-align:center;
}

h1#branding span,
h1.branding span,
#header h1 span { display:none; }

h1#branding a img,
h1.branding a img,
#header h1 a img {
	border: none;
	max-width:90%;
	height:auto;
}

ul#nav,
ul#navigation,
ul#navi-add,
ul#metanavi {
	list-style:none!important;
	clear: both;
	padding:0!important;
}

ul#nav li,
ul#navigation li,
ul#navi-add li,
ul#metanavi li {
	list-style:none!important;
	width: 100%;
}

ul#nav li a,
ul#navigation li a,
ul#navi-add li a,
ul#metanavi li a,
#navi-lang li a,
a.toggle-link {
	overflow:hidden;
	text-decoration: none;
	font-size: 15px;
	display: block;
	padding: 10px 30px 10px 15px;
	color: #fff;
	background: #f1bf0c url(../images/mobile/rarr.png) 96% center no-repeat;
	text-transform:uppercase;
	border-bottom:1px dotted #fff;
}

a.toggle-link {
	background:#666 url(../../www.fahrschuleamsee.de/images/mobile/navi-expand.png) 94% center no-repeat;
	text-align:left;
}

body#aktuelles #nav a[href*="aktuelles."],
body#start #nav a[href*="index."],
body#kontakt #nav a[href*="kontakt."],
body#anfahrt #nav a[href*="anfahrt."],
body#impressum #nav a[href*="impressum."],
body#datenschutzerklaerung #nav a[href*="datenschutzerklaerung."],
body#fuehrerscheinklassen #nav a[href*="fuehrerscheinklassen"] {
	color: #fff;
	background: #473f2b;
}

#content-container { padding:20px 5%; }

div#content-main ul li {
    background: url(../images/bg-li.gif) no-repeat 4px 6px;
    padding: 0 0 0 25px;
}
.desktop-link {
	background: url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	border-top:1px solid #ddd;
	border-bottom:4px solid #EBBD28;
}

.btn-desktop {
	display: block;
	margin: 0 auto;
	background:transparent url(../images/mobile/icon-desktop.png) no-repeat 8% center;
	text-decoration: none;
	font-size: 13px;
	padding: 10px 0;
	text-transform: uppercase;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
}

#mobile-link { display:none!important }