@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#1a181c;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #FFF url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #333;
}
h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #cb6d32;
	padding: 0 0 10px 0;
}
h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #1a181c;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 2px;
	background:#cc7136;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-right { float:right; }
.float-left { float:left; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 980px;
	position:relative;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:219px;
	background:url(../images/bg-header.jpg);
}

h1#branding a {
	display:block; 
	width:330px; 
	height:200px; 
	text-indent:-5000px; 
	float:left;
}

#top {
	width: 980px;
	height:198px;
	background:url(../images/bg-navigation.jpg);
}

#claim {
	text-indent:-6000px;
	position:absolute;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:230px;
	float:left;
	padding:35px 17px 50px 45px;
}

#content-sidebar p {	
	font-size:11px;
	color:#646464;
}

#content-sidebar a, #content-sidebar .escape span {
	text-decoration: underline;
	color: #cb6d32;
	outline: none;
	font-size:11px;
}

#content-sidebar a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#cb6d32;
}

#content-sidebar .highlight {
	background:#cc7136;
	font-size:11px;
	padding:0 0 0 4px;
	color:#fff;
	margin:20px 0 10px 0;
}

#content-sidebar .image {
	border: 1px solid #bababa;
	margin:0 5px 5px 0;
    outline: none;
	cursor:pointer;
}

#content-sidebar .image:hover{
	border: 1px solid #333;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:197px;
	height:168px;
	padding:15px 0 0 57px;
}

#navi li a {
	display:block;
	height:28px;
	width:180px;
	text-indent:-6000px;
}

#navi li.n1 a:hover, #navi li.n1active { background:url(../images/navi-hover.jpg) 0 0; }
#navi li.n2 a:hover, #navi li.n2active { background:url(../images/navi-hover.jpg) 0 -28px; }
#navi li.n3 a:hover, #navi li.n3active { background:url(../images/navi-hover.jpg) 0 -56px; }
#navi li.n4 a:hover, #navi li.n4active { background:url(../images/navi-hover.jpg) 0 -84px; }
#navi li.n5 a:hover, #navi li.n5active { background:url(../images/navi-hover.jpg) 0 -112px; }
#navi li.n6 a:hover, #navi li.n6active { background:url(../images/navi-hover.jpg) 0 -140px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	float:right;
}

#navi-add li{
	float: left;
	display:block;
	margin-right:15px;
	margin-top:25px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:637px;
	float:right;
	padding:35px 46px 20px 0;
}

#content-main .spalte1 {
	float:left;
	width:310px;
	margin-right:15px;
}
#content-main .spalte2 {
	float:left;
	width:310px;
}

/*------------------ H 1 ------------------*/

#content-main h1 { width:637px; height:40px; text-indent:-6000px; border-bottom:1px solid #dbdbdb; margin-bottom:20px; }
#content-main h1.index { background:url(../images/h1/bg-index.gif) no-repeat; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.gif) no-repeat; }
#content-main h1.danke { background:url(../images/h1/bg-danke.gif) no-repeat; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.gif) no-repeat; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.gif) no-repeat; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.gif) no-repeat; }
#content-main h1.werkstatt { background:url(../images/h1/bg-unsere-werkstatt.gif) no-repeat; }
#content-main h1.leistungen { background:url(../images/h1/bg-leistungen.gif) no-repeat; }
#content-main h1.referenzen { background:url(../images/h1/bg-referenzen.gif) no-repeat; }

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
}

/*------------------ Textformatierungen ------------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 8px no-repeat; 
	padding:0 0 0 17px; 
	line-height:25px; 
}

#content-main .image {
	border: 1px solid #bababa;
	margin:0 5px 5px 0;
    outline: none;
}

#content-main .image:hover{
	border: 1px solid #333;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:980px;
	height:150px;
	background:url(../images/bg-footer.gif) no-repeat;
}

#footerContent {
	height:110px;
	padding:20px 30px 20px 65px;
}

#footerContent .spalte1 { float:left; width:125px; }
#footerContent .spalte2 { float:left; width:150px; }
#footerContent .spalte3 { float:left; width:180px; }

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #cb6d32;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#cb6d32;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}