/******************************************************
	Stand: 2013-04-10
	Autor: Christian Sabo, Bastian Hansl
	Kontakt: design@kues.de
******************************************************/

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/font/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/font/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/font/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/font/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/font/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/font/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/*
*******************************************************
	Browser-Reset, und zwar kräftig :)
*******************************************************
*/

* {
	margin:0px;
	padding:0px;
}

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,ol,ul,li,fieldset,form,label,input,select,img, textarea{
	margin:0;
	padding:0;
	border:none;
	outline:0;
	text-decoration:none;
	color:#3a3c3f;
	font-family: Courier,Times,serif;
	list-style:none;
	line-height:150%;
}


/* standardmäßige Hervorhebung von Links neutralisieren */
a {
	text-decoration:none;
}

/* verlinkte Bilder sollen keinen Rahmen bekommen */
a img {
	border:none;
}

/*
*******************************************************
	HTML(5)-Elemente schon mal bekanntmachen
*******************************************************
*/

command, datalist, source { display:none; }
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary { display:block; }
figure, menu { margin-top:1em; margin-bottom:1em; }
dl menu, menu dl, menu menu, menu ol, menu ul { margin:0; }

/*
*******************************************************
	Allgemeine "Einstellungen"
*******************************************************
*/

/* Platz für Scrollbalken freihalten */
html { overflow: scroll; }

/* HTML- und BODY-Element auf 100% Breite setzen */
html, body { width: 100%; }


/* Klasse für Texte, die nicht umbrochen werden sollen */
.nobreak {
	white-space:nowrap;
}

/* Klasse für Bilder und Links, die keine Umrandung erhalten sollen */
.noborder {
	border:0px !important;
	text-decoration:none;
}

.clear {
	clear:both;
}

/* Klasse für Texte, die einer Überarbeitung bedürfen */
.marker {
	background-color:#ff3 !important;
	color:#000 !important;
	padding:0 0.25em;
}

/* der "nach oben"-Link braucht Platz :) */
.nachoben {
	padding:40px 0px;
}

sub, sup {
	line-height:1em;
}

.fett {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.light {
	font-weight:lighter;
}

span.tabersatz {
	display:inline-block;
	width:4em;
}

/*
avoid FOUT:
http://help.typekit.com/customer/portal/articles/6852-controlling-the-flash-of-unstyled-text-or-fout-using-font-events
*/

.wf-loading {
	visibility:hidden;
}

.wf-active {
	visibility:visible;
}





/*
*******************************************************
	Platzieren und Dimensionieren der Container
*******************************************************
*/

#umspanner {
	width:100%;
	max-width:1000px;
	margin:0px auto;
}

header, nav, footer {
	width:100%;
}

#container-headerfoto {
	width:100%;
}

#headerfoto {
	width:100%;
	vertical-align:bottom;
}

#seiteninhalt, footer {
	width:96%;
	padding:0 2%;
}

footer {
	margin-top:4.625em;
	padding-top:4.625em;
	padding-bottom:2em;
	margin-bottom:10em;
}

.viertel-breite {
	float:left;
	width:23%;
	margin:0 1%;
/*
	min-width:220px;
	max-width:350px;
*/
}

.halbe-breite {
	float:left;
	width:48%;
	margin:0 1%;
/*
	min-width:240px;
	max-width:699px;
*/
}

.dreiviertel-breite {
	float:left;
	width:73%;
	margin:0 1%;
/*
	min-width:220px;
	max-width:350px;
*/
}

.volle-breite {
	clear:both;
	width:98%;
	margin:3em 1% 0;
}

.box {
	margin-top:5.3125em;
}

.box img {
	width:100%;
}

.dreiviertel-breite img {
	width:100%;
	max-width:700px;
}

.namensvorstellung {
	margin-top:3em;
	border-width:2px 0;
	border-style: solid;
	border-color: #8e8e8e;
	padding-left:0.5em;
}

.namensvorstellung img {
	margin-bottom:2em;
}

.desc {
	float:left;
	width:47%;
}

.cont {
	float:right;
	width:47%;
}

.cont i {
	display:inline-block;
	width:1.25em;
}

.clearer, .clear {
	clear:both;
}

#banner-terminvereinbarung {
	margin:3em 0 1em;
}


/*
*******************************************************
	Farben, Schriften und Abstände
*******************************************************
*/

body, html {
	background-color:#ececec;
}

#umspanner {
	background-color:#fff;
	border-width:0px 0px;
	border-style:solid;
	border-color:#4b4b4b;
}

#container-headerfoto {
	background-color:#494949;
}

html, body, div, p, a, li {
	font-family: Cambria, serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto Condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
}

#seiteninhalt {
	color:#494949;
}


footer h3,
footer p,
footer a {
	color:#fff;
}

a.weiterlink
{
	font-family: "Roboto Condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	display:block;
	margin-top:1em;
}

.box h3 {
	margin-top:1em;
	font-size:1.25em;
}

.box h3 + p,
.box h3 + ul {
	margin-top:1em;
}

footer h3 {
	font-size:1.25em;
	margin-bottom:1em;
}

.box h4 {
	margin-top:0.5em;
	font-size:0.93em;
	margin-bottom:2em;
}

.box p, .box div, .box li {
	font-size:0.9em;
}

.box div, .box p, .box ul {
	margin-bottom:1em;
}


.box ul {
	list-style-type:none;
	padding:0px;
}

.box li {
	list-style-type: none;
	margin:0.35em 2em 0.7em;
	padding:0px;
/*
	background: url(bilder/bullet.png) no-repeat 0 0.75em; padding-left:28px;
*/
}

.box .dse-rechte li {
	list-style-type: square !important;
	margin:0.35em 2em 0.7em;
	padding:0px;
}

i[class="icon-check"] {
	color:green;
	height:0.9em;
	vertical-align:-1px;
}



footer {
	background-color:#4b4b4b;
}

footer div {
	padding-bottom:3em;
}

div.letzte-zeile {
		margin-top:1em;
}

#nachobenlink {
	display:inline-block;
	float:left;
}

#impressumslink {
	display:inline-block;
	float:right;
	color:#fff;
}

span.vcard {
	display:block;
}

span.fn {
	display:inline-block;
	width:48%;
	max-width:13em;
}

span.telephone {
	display:inline-block;
	width:12em;
}

span.email {
	display:inline-block;
}

#seiteninhalt h1 + p,
#seiteninhalt h2 + p {
	margin-top:2em;
}

#seiteninhalt p + h1,
#seiteninhalt p + h1 {
	margin-top:3em;
}

/*
*******************************************************
	Navi formatieren
*******************************************************
*/


header {
	background:url(bilder/navi-sprite.png) center bottom;
}

nav {
	border-top:1px solid #888;
}

nav li {
	height:60px;
	line-height:45px;
	display:inline-block;
	float:left;
	background-image:url(bilder/navi-trenner.png);
	background-position: center left;
	background-repeat: no-repeat;
}

nav li.first {
/*
	background-image:url(bilder/navi-trenner.png), url(bilder/navi-trenner.png);
	background-position: center left, center right;
	background-repeat: no-repeat;
*/
	margin-left:3%;
}

ul#mobilnavi li {
	display:none;
}

nav li a {
	padding:0 1.01em;
	padding:0 0.87em;
	vertical-align:bottom;
	font-family: "Roboto Condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	letter-spacing:0.5px;
	font-size:1.25em;
	font-size:1.17em;
	display:inline-block;
}


nav a:link, #toggler i				{ color:#fff; }
nav a:visited									{ color:#fff; }
nav a:hover, #toggler i:hover	{ color:#f00; }
nav a:active									{ color:#000; }

.startseite #startseite a,
.team #team a,
.fahrzeugpruefungen #fahrzeugpruefungen a,
.gutachten #gutachten a,
.service #service a,
.termine #termine a,
.pruefstuetzpunkte #pruefstuetzpunkte a,
.links #links a,
.datenschutzerklaerung #datenschutzerklaerung,
.impressum #impressum {
/*
	background-image:url(bilder/pfeil.png), url(bilder/navi-trenner.png);
	background-position: 50% 135%, center left;
	background-repeat: no-repeat;
*/
 color:#aaa;
}



#seiteninhalt p a:link { border-bottom: 1px dotted gray; }
#seiteninhalt p a:visited {}
#seiteninhalt p a:hover { border-bottom: 1px solid gray; }
#seiteninhalt p a:active {}

.legal {
	background-image: url(/bilder/navi-sprite.png);
	border-bottom:1px solid #333;
}
.legal nav {
	text-align: right;
	padding:5px 0;
}
.legal nav a {
	font-family:"Roboto Condensed",sans-serif;
	padding-right:8px;
	padding-left:10px;
}
.legal nav a:last-child {
	border-left:1px solid #888;
}
#navi #impressum,
#navi #datenschutzerklaerung {
	display:none;
}
/*
*******************************************************
	Formular formatieren
*******************************************************
*/



#kontaktformular { margin:0 auto; padding:0; width:auto; }

	form { margin:0; padding:0;}
	fieldset {width:auto; border-width: 1px 0 0 0; border-color:#0f629c; border-style:dotted; padding:10px; margin:0px; text-align:left;}
	fieldset:hover {border-color:#2b2b2b;}
	fieldset#checkbox input  {width:35px;}
	legend { font-size:1.1em; font-weight:bold; padding:5px; margin:5px; background:white; }
	label.block { font-size:1em; margin:0 3px 3px 10px; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
	input {border:1px solid #2b2b2b; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#fff;font-family:inherit;font-size:inherit;}
	input:focus {border-color:#0f629c;}
	select {border:1px solid #2b2b2b; padding-left:0.3em; margin-bottom:0.6em; background:#fff; width:175px;}
	textarea {width:244px; border:1px solid #666;font-family:inherit;font-size:inherit;}
	textarea:focus {border-color:#0f629c;}
	.plz {width:50px;}
	.ort {width:180px;}
	.strasse {width:200px;}
	.strnummer {width:30px;}
	.submitbtn {width:123px; background:#0f629c; border:1px solid; border-color:#1872a9 #0a5591 #0a5591 #1872a9; color:#fff; cursor:pointer; padding:0; margin:0;}
	.submitbtn:hover {background:#2b2b2b; color:#fff; border:1px solid; border-color:#999 #333 #333 #999;}


/* facebook-Symbol (font awesome) farblich anpassen */

#facebooklink {
	font-size:1.32em;
}

#facebooklink:hover {
	color:#dedede;
}

#aspnetForm > div.align_center > div {
	margin-bottom:25px !important;
}




#kues-dse #googlerecaptcha {
	display:none;
}