/******************************************************
	Stand: 2011-07-07
	Autoren: Christian Sabo, Bastian Hansl
	Kontakt: design@kues.de
******************************************************/



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

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

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

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

.clear, .clearer {
	clear:both;
}

	
.italic {
	font-style:italic;
}

.bold, .fett {
	font-weight:bold;
}

.rot {
	color:#be1818;
}	
	
/*
*******************************************************
	Die HTML(5)-Elemente wollen wir
	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 Texte, die einer Überarbeitung bedürfen */
.marker {
	background-color:#ff3 !important;
	color:#000 !important;
}

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

.kursiv {
	font-style: italic;
}

.noborder {
	border:0px !important;
	text-decoration:none !important;
}
	
#seiteninhalt ul {
	list-style-type: none;
	margin-bottom: 20px;
}

#seiteninhalt li {
	padding-left:15px;
	
	background: url('bilder/bullet.gif') no-repeat 2px 7px;
}

#seiteninhalt .leistungen li {
	margin-bottom:15px;
}


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


#umspanner {
	width:960px;
	margin:0px auto;
	}

#header {
	height:145px;
	margin-top:10px;
	margin-bottom:2px;
}

nav {
	margin-bottom:0 !important;
}
	
nav {
	width:940px;
	margin-left:10px;
	background-color:#fff;
	display:block;
	text-align:center;
}


#content {
	width:890px;
	padding:25px 20px 0px 30px;
	margin:0px auto;
}

#seiteninhalt {
	width:660px;
	padding-right:20px;
	padding-bottom:30px;
	margin-bottom:30px;
}

#seiteninhalt, #nebenspalte {
	padding-top:25px;
}

#nebenspalte {
	float:right;
	width:190px;
}


#facebookbutton {display:block; margin-top: 50px;}

#nebenspalte table {margin-bottom:20px;}

#impressum {
	float:right;
}

#fusszeile {
	padding-bottom:20px;
	width:890px;
	clear:both;
}

footer {
	clear:right;
	padding:30px 10px;
}

footer > p {
	float:left;
}

footer > p + p {
	float:right;
}

/*
*******************************************************
	Hintergrundgrafiken definieren,
	Bilder im Kopfbereich positionieren,
	Farben definieren
*******************************************************
	helles Rot = #e61717
	dunkleres Rot = #be1818
	helles Grau = #ebebeb
	mittleres Grau = #969494
	dunkles Grau = #484848
*******************************************************
*/

body {
	background:url('bilder/hintergrund-verlauf.png') top repeat-x #ebebeb;
}

#header {
	background:url('bilder/header-hintergrund.jpg') #e61717;
}

#firmenlogo {
	float:left;
	margin-top:-10px;
}

#kueslogo {
	position:relative;
	top:35px;
	left:500px;
}



#content {
	background-color:#fff;
	min-height: 350px;
}


/* Trennstrich zwischen Seiteninhalt und Seitenleiste */

#seiteninhalt {
	border-right:1px solid #969494;
}

#seiteninhalt h2 + img, #seiteninhalt h1 + img, #vkslogo {
	float:left;
	margin: 0 15px 5px 0;
}

.vks {margin-top:40px;}
 
.terms-of-use-link,
div#karte-fern span a {
	font-size: 82%;
	background: #fff;
	padding:2px;
}
/*
*******************************************************
	Schriftbild definieren
*******************************************************
*/

body {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:lighter;
	color:#484848;
	font-size:0.87em;
	line-height:1.7em;
}

nav {
	font-weight:normal;
}

td {
	padding-right:10px;
}

p {
	margin-bottom:1em;
	z-index:100;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.2em;
	z-index:100;
}

h1 {
	font-size:1.8em;
	margin-bottom:1.2em;
	color:#be1818;
}

h2 {
	font-size:1.4em;
	margin-bottom:0.9em;
}

h3 {
	font-size:1.1em;
	margin-bottom:0.7em;
}

h4, h5, h6 {
	font-size:1.0em;
	margin-bottom:0.5em;
}


/*
*******************************************************
	Links formatieren
*******************************************************
*/

a { color:#484848; }

#content a:link { font-weight: bold; border-bottom:1px dotted; }
#content a:hover { font-weight: bold; border-bottom:1px solid ; }
#content a:visited { font-weight: bold; border-bottom:1px dotted; }
#content a:active { font-weight: bold; border-bottom:1px solid; }


/*
*******************************************************
	Navi fortmatieren
*******************************************************
*/



nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	border-left:0px solid #fff;
	background-color: #efefef; 
}

	nav ul:after {
	content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
		border-bottom:1px solid white;
	}
		nav ul li:hover {
			background-color: #3f3f3f;
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block;
			padding: 0.6em 1.5em;
			color: #444;
			text-decoration: none;
			border-right:1px solid #fff;
		}
			
		
	nav ul ul {
		width:350px;
		background: #666;
		border-radius: 0px;
		padding: 0;
		position: absolute;
		top: 100%;
		text-align:left;
	}
		nav ul ul li {
			float: none; 
			position: relative;
			border-bottom:1px dotted #efefef;
		}
			nav ul ul li a {
				padding: 5px 1em;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #3f3f3f;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}




/*

	Inhalte formatieren
	
*/

h1#wert {
	margin-top:0.5em;
}



.tipp {
	background-color:#eee;
	padding:1.6em 2em 1em;
	margin:1em 0;
	background-color: #eee;
	-moz-border-radius: 0px 2em 2em 0px;
	-webkit-border-radius: 0px 2em 2em 0px;
	border-radius: 0px 2em 2em 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	border-left:5px solid #888;
	
}


/*#navi li {
	display:inline;
	float:left;
}

#navi a {
	padding:0.2em 1em;
	margin-right:1px;
	color:#fff;
}

*/

/*
*******************************************************
	aktuell angezeigte Seite in Navi hervorheben
*******************************************************
*/

.startseite #startseite,
.pruefungen #pruefungen,
.hu #pruefungen,
.an #pruefungen,
.oldtimer #pruefungen,
.gutachten #gutachten,
.schadengutachten #gutachten,
.wertgutachten #gutachten,
.g607 #g607,
.impressum #impressum
{
	background: #3f3f3f;
}

.startseite #startseite a,
.pruefungen #pruefungen a,
.hu #pruefungen a,
.an #pruefungen a,
.oldtimer #pruefungen a,
.gutachten #gutachten a,
.schadengutachten #gutachten a,
.wertgutachten #gutachten a,
.g607 #g607 a,
.impressum #impressum a
{
	color:white;
}

/*
*******************************************************
	Formular formatieren
*******************************************************
*/



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

/* start style formular */

	form { margin:0; padding:0;}
	fieldset {width:auto; border-width: 1px 0 0 0; border-color:#cf003c; 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:#cf003c;}
	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:#cf003c;}
	.plz {width:50px;}
	.ort {width:180px;}
	.strasse {width:200px;}
	.strnummer {width:30px;}

	#submitbtn {display:block; width:auto; background:#cf003c; border:1px solid; border-color:#1872a9 #0a5591 #0a5591 #1872a9; color:#fff; cursor:pointer; margin:0;
		padding:0.35em;
		border-radius:0.7em;
}

	#submitbtn:hover {background:#2b2b2b; color:#fff; border:1px solid; border-color:#999 #333 #333 #999;}

#start {
	width:30em;
	height:1.5em;
	line-height:1.3em;
	padding:0.35em;
	border-radius:0.7em;
	color:inherit;
}
/* ende style formular */


/*
*******************************************************
	facebookbutton hover / Like-Button
*******************************************************
*/

div.fadehover {
	position: relative;
}
 
img.grau {
	position: absolute;
	left: 0;
	top: 40px;
    z-index: 10;
}
 
img.facebook {
	position: absolute;
	left: 0;
	top:40px;
	z-index:0;
}

#likebutton {
	position: relative;
	left:0;
	top:90px;
	margin-bottom:150px;
}

#map_canvas {
	margin-top:-10px;
	width:200px;
	height:150px;
	margin-bottom:10px;
}

.anfahrt #karteklein {
	display:none;
}

.anfahrt #routen-link {
	display:none;
}

img#classicdata {
	float:right;
	clear:right;
}

/*
*******************************************************
	Aktuelles – Liste formatieren
*******************************************************
*/

.newsmeldung {
	margin-bottom: 20px;
}

.abonnieren li a {
	color:#be1818;
}

#seiteninhalt .abonnieren li {
	background: none;
	margin-left:0;
	margin-top: 40px;
	padding-left:0;
	
}


/*
*******************************************************
	Stellenangebot formatieren
*******************************************************
*/

#stellenangebot {
	font-size:1.4em;
	font-weight:bold;
	color:#484848;
	border:2px solid #484848;
	-moz-border-radius: 0px 11px 11px;
	-webkit-border-radius: 0px 11px 11px 11px;/*This is the correct shorthand for webkit*/
	border-radius: 0px 11px 11px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

	text-align:center;
	margin:0.5em 0 1em;
	padding:0.6em 0 0.4em;
	background-color:yellow;
}


/*
*******************************************************
	Info zum Umzug
*******************************************************
*/

#umzug {
	text-align:center;
	background-color:#f5f218;
	color:white;
	padding:1.5em 0.7em 1.2em;
	font-family:Georgia;
	font-style:italic;
	border-radius:20px 20px 20px 0;
	margin-bottom:0;
}

#ecke {
	
	content: "";
	  width: 0;
	  height: 0;
	  position: absolute;
	  border: 2rem solid transparent;
	  border-top-color: #f5f218;  
	  border-left-color: #f5f218;
	  -moz-transform: scale(0.9999);
	
}
	
#umzug h1 {
	margin-bottom:0.5em;
	font-weight:bold;
	color:#444;
}

#umzug h2 {
	margin:0;
	color:#be1818;
	color:#444;
}
#neueroeffnung {
	width: 100%;
	margin-bottom:30px;
}

ul.gratis {
	list-style-type:none;
}

#seiteninhalt ul.gratis li {
	
	background: url('bilder/gratis.png') no-repeat 0px 0px;
	padding-left:130px;
	margin-bottom: 2em;
	min-height:55px;
}
ul.gratis p {
	margin-bottom:0em;
}