@charset "utf-8";
/* www.lkw-service-gottschalk.de */

/* ----------------------------- | Body | ----------------------------- */

* {
   margin: 0;
   padding: 0;
}

body {
	background: #fff url(../images/bg-body.jpg) repeat-x;
   font: 0.8em Verdana, Arial, Helvetica, sans-serif;
   color: #333;
   line-height: 1.5em;
}

/* ----------------------------- | Tags | ----------------------------- */

p {
   margin: 0 0 15px 0;
}

hr {
   height: 1px;
   border: 0;
   color: #fff;
   background: #fff;
   margin: 15px auto;
   border-top: 1px solid #e6e6e6;
   width: 100% !important;
}

a {
   color: #0a2288;
   text-decoration: underline;
   outline: none;
}

a:hover {
   text-decoration: none;
}

/* ----------------------------- | Classes | ----------------------------- */

ul.list {
   list-style-type: none;
   margin-bottom: 15px;
}
					
ul.list li {
   background: url(../images/li-list.jpg) 0 0px no-repeat;
   padding-left: 30px;
	margin-bottom: 5px;
}

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

.images {
	border: 1px solid #cdcdcd;
	background: #eee;
   padding: 2px;
   margin: 0 0 10px 0;
}

.images01 {
	border: 1px solid #cdcdcd;
	background: #eee;
   padding: 2px;
   margin: 0 10px 10px 0;
	float: left;
}

.highlight {
	color: #0a2288;
}

.highlight01 {
	color: #666;
}

/* ----------------------------- | Branding | ----------------------------- */

h1 {
   overflow: hidden;
   font-size: 0.1em;
   text-indent: -9999px;
	width: 255px;
   height: 65px;
	padding: 12px 0 0 0;
	float: left;
}

h1 a {
	width: 255px;
   height: 65px;
   display: block;
}

/* ----------------------------- | Headlines | ----------------------------- */

h2 {
	width: 403px;
	height: 47px;
	margin: 0 0 0 0;
	text-indent: -9999px;
	font-size: 0.1em;
}

h2.startseite {
	background: url(../images/h2/herzlich-willkommen.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.aktuelles {
	background: url(../images/h2/aktuelles.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.anfahrt {
	background: url(../images/h2/anfahrt.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.ansprechpartner {
	background: url(../images/h2/ansprechpartner.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.au-hu-sp {
	background: url(../images/h2/au-hu-sp.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.diagnose {
	background: url(../images/h2/diagnose.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.ersatzteilverkauf {
	background: url(../images/h2/ersatzteilverkauf.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.fahrzeugkauf {
	background: url(../images/h2/fahrzeugkauf.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.geschaeftszeiten {
	background: url(../images/h2/geschaeftszeiten.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.impressum {
	background: url(../images/h2/impressum.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.kontakt {
	background: url(../images/h2/kontakt.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.maut-toll-collect {
	background: url(../images/h2/maut-toll-collect.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.partner {
	background: url(../images/h2/partner.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.reparatur {
	background: url(../images/h2/reparatur.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.serviceleistungen {
	background: url(../images/h2/serviceleistungen.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.vielen-dank {
	background: url(../images/h2/vielen-dank.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.wir-ueber-uns {
	background: url(../images/h2/wir-ueber-uns.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h2.fehler404 {
	background: url(../images/h2/fehler404.gif) no-repeat;
	width: 403px;
	height: 47px;
}

h3 {
	font-weight: normal;
   font-size: 1.2em;
   margin: 0 0 15px -30px;
	color: #333;
	width: 400px;
	height: 50px;
}

h4 {
	color: #0a2288;
	font-weight: normal;
   font-size: 1.1em;
	margin: 0 0 0 30px;
}

h5 {
	text-indent: -9999px;
	font-size: 0.1em;
}

h6 {
	color: #0a2288;
	font-weight: normal;
   font-size: 1.1em;
	margin: 0 0 15px 0;
}

/* ----------------------------- | =container | ----------------------------- */

#container {
   background: url(../images/bg-container.jpg) repeat-y;
   width: 968px;
   margin: 0 auto;
}

/* ----------------------------- | =header | ----------------------------- */

#header {
   background: url(../images/bg-header.jpg) no-repeat;
   width: 968px;
   height: 577px;
}

#header-headline {
	width: 420px;
	height: 120px;
	float: left;
	margin: 76px 0 0 80px;
}

#header-main {
	width: 325px;
	height: 150px;
	float: left;
	margin: 50px 0 0 44px;
}

#header-main .margin-left {
	margin: -10px 0 0 30px;
	line-height: 2.2em;
}

.tel {
	margin-right: 26px;
}

.fax {
	margin-right: 25px;
}

.mail {
	margin-right: 9px;
}

/* ----------------------------- | =navi-add | ----------------------------- */

#navi-add {
	width: 362px;
	height: 25px;
	float: left;
	margin: 28px 0 0 281px;
}

#navi-add ul {
   list-style: none;
}

#navi-add li {
   float: left;
}

#navi-add a {
   text-indent: -9999px;
   display: block;
   overflow: hidden;
   float: left;
}

#navi-add a.startseite {
	background: url(../images/bg-navi-add.gif) no-repeat;
	width: 71px;
	height: 25px;
}

#navi-add a.startseite:hover,
#navi-add li.active a.startseite {
	background: none;
	width: 71px;
	height: 25px;
}

#navi-add a.wir-ueber-uns {
	background: url(../images/bg-navi-add.gif) -71px no-repeat;
	width: 92px;
	height: 25px;
}

#navi-add a.wir-ueber-uns:hover,
#navi-add li.active a.wir-ueber-uns {
	background: none;
	width: 92px;
	height: 25px;
}

#navi-add a.kontakt {
	background: url(../images/bg-navi-add.gif) -163px 0 no-repeat;
	width: 59px;
	height: 25px;
}

#navi-add a.kontakt:hover,
#navi-add li.active a.kontakt {
	background: none;
	width: 59px;
	height: 25px;
}

#navi-add a.anfahrt {
	background: url(../images/bg-navi-add.gif) -222px 0 no-repeat;
	width: 62px;
	height: 25px;
}

#navi-add a.anfahrt:hover,
#navi-add li.active a.anfahrt {
	background: none;
	width: 62px;
	height: 25px;
}

#navi-add a.impressum {
	background: url(../images/bg-navi-add.gif) -284px 0 no-repeat;
	width: 78px;
	height: 25px;
}

#navi-add a.impressum:hover,
#navi-add li.active a.impressum {
	background: none;
	width: 78px;
	height: 25px;
}

/* ----------------------------- | =navi | ----------------------------- */

#navi {
	width: 876px;
	height: 27px;
	float: left;
	margin: 240px 0 0 42px;
}

#navi ul {
   list-style: none;
}

#navi li {
   float: left;
}

#navi a {
   font-size: 0.01em;
	color: #fff;
   display: block;
   overflow: hidden;
   float: left;
	text-indent: -9999px;
}

#navi a.serviceleistungen {
	background: url(../images/bg-navi.gif) no-repeat;
	width: 146px;
	height: 27px;
}

#navi a.serviceleistungen:hover,
#navi li.active a.serviceleistungen {
	background: none;
	width: 146px;
	height: 27px;
}

#navi a.fahrzeugverkauf {
	background: url(../images/bg-navi.gif) -146px 0 no-repeat;
	width: 146px;
	height: 27px;
}

#navi a.fahrzeugverkauf:hover,
#navi li.active a.fahrzeugverkauf {
	background: none;
	width: 146px;
	height: 27px;
}

#navi a.ansprechpartner {
	background: url(../images/bg-navi.gif) -292px 0 no-repeat;
	width: 146px;
	height: 27px;
}

#navi a.ansprechpartner:hover,
#navi li.active a.ansprechpartner {
	background: none;
	width: 146px;
	height: 27px;
}

#navi a.geschaeftszeiten {
	background: url(../images/bg-navi.gif) -438px 0 no-repeat;
	width: 146px;
	height: 27px;
}

#navi a.geschaeftszeiten:hover,
#navi li.active a.geschaeftszeiten {
	background: none;
	width: 146px;
	height: 27px;
}

#navi a.aktuelles {
	background: url(../images/bg-navi.gif) -584px 0 no-repeat;
	width: 146px;
	height: 27px;
}

#navi a.aktuelles:hover,
#navi li.active a.aktuelles {
	background: none;
	width: 146px;
	height: 27px;
}

#navi a.partner {
	background: url(../images/bg-navi.gif) -730px 0 no-repeat;
	width: 146px;
	height: 27px;
}

#navi a.partner:hover,
#navi li.active a.partner {
	background: none;
	width: 146px;
	height: 27px;
}

/* ----------------------------- | Navi Sub | ----------------------------- */
	
#navi ul li ul {
	list-style: none;
	padding: 0;
	float: none;
	display: none;
	text-indent: 0;
}

#navi ul ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0 5px 10px;
	text-indent: 0;
}	

#navi ul ul li a:hover,
#navi ul ul li.active a {
	display: block;
	border: 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 0;
}

/* Serviceleistungen */

#navi ul.sub-serviceleistungen {
	margin: 26px 0 0 5px;
	position: absolute;
	background-color: #fff;
	width: 127px;
	text-indent: 0;
}

#navi ul.sub-serviceleistungen a {
	width: 127px;
	border-bottom: 1px solid #ccc !important;
	color: #333;
	font-size: 11px;
	background-color: #fff;
	text-indent: 0;
}

li#navi-serviceleistungen:hover ul {
	display: block;
	text-indent: 0;
}

/* ----------------------------- | =content | ----------------------------- */

#content {
   background: url(../images/bg-content.gif) no-repeat;
   width: 968px;
	margin-bottom: 30px;
}

#content:after {
   clear: both;
   content: '.';
   display: block;
   height: 0;
   visibility: hidden;
}

#content-column {
	width: 380px;
	float: left;
	margin: 40px 0 0 50px;
}

#content-column01 {
	width: 380px;
	float: left;
	margin: 40px 0 0 115px;
}

#content-column02 {
	width: 900px;
	float: left;
	margin: 40px 0 0 50px;
}

#content-column02 a {
	text-decoration: none;
}

#content-column02 a:hover {
	font-weight: bold;
}

.highlight02 {
	border: 1px solid #cdcdcd;
	background: #eee;
	padding: 1px 0;
	width: 169px;
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 5px;
	text-align: center;
	color: #333;
	float: left;
}

.column-service {
	width: 180px;
	float: left;
}

/* ----------------------------- | =footer | ----------------------------- */

#footer {
   background: url(../images/bg-footer.gif) repeat-x;
   height: 56px;
   float: none;
   clear: both;
}

#footer-main {
   background: url(../images/bg-footer-main.gif) no-repeat;
	width: 968px;
   height: 56px;
   margin: 0 auto;
}