@charset "utf-8";

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

body,
html {
   width:100%;
   height:auto;
}

html {
   overflow-y: scroll;
   background:#010114 url(../images/bg-html.jpg) center bottom no-repeat scroll;
}

body {
   color:#d1daff;
   font-size:62.5%;
   font-family:Tahoma, sans-serif, arial;
   background:transparent url(../images/bg-body.png) center top no-repeat scroll;
}

h2,
h3 {
   font-weight:normal;
   margin:0 0 8px 0;
}

h2 {
	font-size:160%;
}

h3 {
	font-size:140%;
}

h4,
h5,
h6 {
   font-size:100%;
   font-weight:bold;
   margin:0 0 6px 0;
   font-weight:bold;
}

img {
   border:none;
}

a {
	color:#d1daff;
    text-decoration:underline;
}

a:hover{
	text-decoration:none;
}
ul {
   list-style:none;
}

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

/* CONTAINER */
#container {
   height:auto;
   margin: 0 auto;
   width:960px;
}

/* HEADER */
#header {
   height:219px;
   position:relative;
   z-index:1;
   width:960px;
   background:transparent url(../images/bg-header.png) center top no-repeat;
}

#header h1.branding{
	position:absolute;
    top:10px;
    left:297px;
}

#header h1.branding,
#header h1.branding a {
   display:block;
   width:380px;
   height:106px;
}

#header h1.branding a img {
   position:absolute;
   z-index:1;
   top:0;
   left:0;
}

#header h1.branding a span {
   position:absolute;
   z-index:0;
   top:-314px;
   left:80px;
   font-size:10px;
}

#header blockquote.indent {
   text-indent:-9999px;
}


#mainNavi{
	position:absolute;
    width:675px;
    height:38px;
    line-height:38px;
    top:147px;
    left:141px;
    z-index:1;
    text-indent:-9999px;
}

#mainNavi li{
	float:left;
    height:auto;
    position:relative;
}

#mainNavi a{
	height:38px;
	display:block;
    background:transparent url(../images/bg-mainnavi.png) 0 0 no-repeat;
}

#mainNavi a.gespannbau{
	width:127px;
}

#mainNavi li a.gespannbau:hover,
#mainNavi li.active a.gespannbau{
	background-position:0 -38px;
}

#mainNavi a.teile{
	width:66px;
    background-position:-127px 0;
}

#mainNavi li a.teile:hover,
#mainNavi li.active a.teile{
	background-position:-127px -38px;
}

#mainNavi a.service{
	width:87px;
    background-position:-193px 0;
}

#mainNavi li a.service:hover,
#mainNavi li.active a.service{
	background-position:-193px -38px;
}

#mainNavi a.galerie{
	width:93px;
    background-position:-280px 0;
}

#mainNavi li a.galerie:hover,
#mainNavi li.active a.galerie{
	background-position:-280px -38px;
}

#mainNavi a.aktuelles{
	width:106px;
    background-position:-373px 0;
}

#mainNavi li a.aktuelles:hover,
#mainNavi li.active a.aktuelles{
	background-position:-373px -38px;
}

#mainNavi a.kontakt{
	width:100px;
    background-position:-479px 0;
}

#mainNavi li a.kontakt:hover,
#mainNavi li.active a.kontakt{
	background-position:-479px -38px;
}

#mainNavi a.anfahrt{
	width:96px;
    background-position:-579px 0;
}

#mainNavi li a.anfahrt:hover,
#mainNavi li.active a.anfahrt{
	background-position:-579px -38px;
}

#mainNavi ul{
	display:none;
    line-height:16px;
    position:absolute;
    z-index:2;
    top:37px;
    left:2px;
    background:transparent url(../images/bg-subnavi.png) 0 0 no-repeat;
    width:74px;
    min-height:84px;
    padding:21px 36px 21px 24px;
    text-indent:0;
}

* html #mainNavi ul{
	display:block;
    left:-9999px;
    height:84px;
}

#mainNavi li:hover ul{
	display:block;
    left:2px;
}

#mainNavi ul li{
    float:none;
    height:15px;
    padding:0 0 6px 0;
    width:74px;
}

#mainNavi ul a{
	background:none;
    text-decoration:none;
    height:15px;
    line-height:14px;
    width:74px;
}
#mainNavi ul a:hover,
#mainNavi ul li.active a{
	color:#FFFFFF;
}

/* CONTENT */
#contentContainer {
	padding:0 0 47px 70px;
    font-size:1.4em;
}

/* SIDEBAR */
#sidebar {
	height:520px;
    width:130px;
    padding:30px 0 0 0;
    float:left;
    background:transparent url(../images/bg-sidebar.png) 0 0 no-repeat;
    font-size:86%;
    color:#d1daff;
	position: relative;
}

#sidebar h3{
	margin:0 0 -4px 13px;
}

#sidebar p{
	margin:0 0 23px 14px;
}

#sidebar p a{
	font-size:80%;
    color:#d1daff;
}

#sidebar form{
	width:96px;
	padding:0 0 0 14px;
    height:118px;
}

#sidebar form *{
	position:absolute;
}

#sidebar form p{
	margin:0 0 0 0;
}

#mailLabel{
	top:0;
    left:0;
    width:100px;
}

#shortMail{
	width:86px;
    padding:2px;
    background:none;
    border:none;
    height:16px;
    line-height:14px;
    font-size:80%;
	top:18px;
    left:0;
}

*+html #shortMail{
	top:15px;
}

#sidebar input.radio{
	left:8px;
}

#sidebar label.radio{
	left:35px;
    cursor:pointer;
}

#anmelden{
	top:51px;
}

#abmelden{
	top:71px;
}

#labelShortAnmelden{
	top:50px;
}

#labelShortAbmelden{
	top:70px;
}

#sidebar input.abschicken{
	left:1px;
    top:99px;
	border: none;
	background: none;
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#sidebar input.abschicken:hover {
	text-decoration: none;
}

div.FormError {	
				/* Newsletter-Systemmeldungen */
	background:#fff;
	width: 150px;
	padding: 10px;
	position: absolute;
	top: 200px;
	left: 10px;
	color: #000;
	z-index: 6;
	
}

div.FormError ul {
	list-style: square;
	color: #000;
	margin: 0 0 0 20px;
}

#sidebar a.vertriebspartner{
	display:block;
    width:89px;
    height:62px;
    background:transparent url(../images/bg-vertriebspartner.png) 0 0 no-repeat;
    text-indent:-9999px;
    position:relative;
    left:16px;
    top:48px;
}

#sidebar a.vertriebspartner:hover{
	background-position:0 -62px;
}

#contentMain {
	width:550px;
    height:auto;
    padding:20px 60px 20px 67px;
    float:left;
    line-height:130%;
}

#contentMain h2.headline{
	height:73px;
    position:relative;
	margin:0 0 -3px -25px;
    text-indent:-9999px;
}

* html #contentMain h2.headline{
	position:static;
}

#contentMain h2.startseite{
	background:transparent url(../images/h2/bg-startseite.png) 0 0 no-repeat;
}

#contentMain h2.fehler404{
	background:transparent url(../images/h2/bg-fehler404.png) 0 0 no-repeat;
}
#contentMain h2.dienstleistungen{
	background:transparent url(../images/h2/bg-dienstleistungen.png) 0 0 no-repeat;
}

#contentMain h2.raeder{
	background:transparent url(../images/h2/bg-raeder.png) 0 0 no-repeat;
}
#contentMain h2.gespannbau{
	background:transparent url(../images/h2/bg-gespannbau.png) 0 0 no-repeat;
}
#contentMain h2.gabel{
	background:transparent url(../images/h2/bg-gabel.png) 0 0 no-repeat;
}
#contentMain h2.hilfsrahmen{
	background:transparent url(../images/h2/bg-hilfsrahmen.png) 0 0 no-repeat;
}
#contentMain h2.seitenwagen{
	background:transparent url(../images/h2/bg-seitenwagen.png) 0 0 no-repeat;
}
#contentMain h2.teile{
	background:transparent url(../images/h2/bg-teile.png) 0 0 no-repeat;
}
#contentMain h2.service{
	background:transparent url(../images/h2/bg-service.png) 0 0 no-repeat;
}
#contentMain h2.galerie{
	background:transparent url(../images/h2/bg-galerie.png) 0 0 no-repeat;
}
#contentMain h2.aktuelles{
	background:transparent url(../images/h2/bg-aktuelles.png) 0 0 no-repeat;
}
#contentMain h2.danke{
	background:transparent url(../images/h2/bg-danke.png) 0 0 no-repeat;
}
#contentMain h2.kontakt{
	background:transparent url(../images/h2/bg-kontakt.png) 0 0 no-repeat;
}
#contentMain h2.impressum{
	background:transparent url(../images/h2/bg-impressum.png) 0 0 no-repeat;
}
#contentMain h2.anfahrt{
	background:transparent url(../images/h2/bg-anfahrt.png) 0 0 no-repeat;
}
#contentMain h2.feheler404{
	background:transparent url(../images/h2/bg-feheler404.png) 0 0 no-repeat;
}

#contentMain p {
   margin:0 0 17px 0;
}

#contentMain ul{
	padding:23px 0 0 0;
    margin:0 0 15px 0;
}

#contentMain li{
	padding:0 0 9px 56px;
    background:transparent url(../images/bg-li.png) 19px 3px no-repeat;
}

#contentMain div.column{
	width:250px;
    float:left;
    padding:0 20px 0 0;
}

#contentMain div.column2{
	width:250px;
    float:left;
    padding:0 0 0 0;
}

#contentMain div.column3{
	width:550px;
	margin:0 0 15px 0;
}

#contentMain div.column3 img{
	float:left; 
	display:inline;
	margin:0 15px 15px 0;
}

#contentMain div.column3 img.no-border{
	float:left;
	margin:0 0 15px 0;
}

#contentMain img.border {border:1px solid #9AA1C2;}



#slideshow				{ width:571px; height:359px; overflow:hidden; float:left; margin:0 0 0 17px; position:relative;}
#slideshow img			{ }

/*#slideshow{
	width:571px;
    height:359px;
    float:left;
    margin:0 0 0 17px;
    background:transparent url(../images/bg-flash.png) 0 0 no-repeat;
    position:relative;
}

#slideshow img {
	display:none;
	position:absolute;
	top:0; left:0;
}*/

#contentMain table{
	padding:0 0 0 3px;
}

th,
td{
	text-align:left;
    vertical-align:middle;
    padding-left:9px;
}
th{
	background:transparent url(../images/bg-th.png) 0 bottom repeat-x;
    height:32px;
}

th.motorrad{
	width:161px;
}
th.beiwagen{
	width:128px;
}
th.gewicht{
	width:124px;
}
th.ccm{
	width:50px;
}

td{
	border-bottom:1px solid #494c59;
    height:30px;
}
tr.highlight td{
	background:transparent url(../images/bg-td-higlight.png) 0 0 repeat;
}

* html tr.highlight td{
	filter:alpha(opacity=65);
}

/* CMS */
#contentMain div.loop{
	float:none;
    clear:both;
    height:auto;
    width:550px;
}

#contentMain div.loop .text{
	width:300px;
    height:auto;
    float:left;
    padding:0 30px 0 0;
}
#contentMain div.loop .image{
	float:left;
    width:210px;
    height:auto;
}

#contentMain div.loop a.pdf{
	display:block;
    float:right;
	clear:both;
    background:transparent url(../images/icon-pdf.gif) 0 0 no-repeat;
    padding:0 5px 0 50px;
    height:22px;
    line-height:22px;
}

#contentMain div.loop div.gallery{
	width:180px;
    float:left;
}

#contentMain div.loop div.gallery span{
	display:block;
    padding:2px 4px;
    font-size:80%;
}

/* FOOTER */
#footer,
#footerContainer {
   height: 133px;
   float:none;
   clear:both;
}
#footerContainer{
	background:transparent url(../images/bg-footer-container.png) center 9px no-repeat;
}
#footer {
	width:960px;
    margin:0 auto;
    position:relative;
    color:#888ea6;
    font-size:1.4em;
    line-height:150%;
}

#footer ul,
#footer p,
#footer address,
#footer h4{
	position:absolute;
    top:28px;
}

#footer h4,
#footer p{
	left:20px;
    width:222px;
}

#footer p{
	top:49px;
}

#footer address{
	left:312px;
    font-style:normal;
    width:125px;
}

#footerKontakt{
	left:514px;
    width:200px;
}

#footer #footerNavi{
	width:180px;
    right:17px;
    text-align:right;
    top:29px;
}

#footer a{
	color:#888ea6;
}