/*

	Projekt: BenefitService
	Start: 13.08.2008
	Author: unternehmen.online GmbH & Co. KG

*/
													

html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {
margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }


html, body { font-size: 100%; padding: 0; margin: 0; background: #a4a9ad url(../images/bg.jpg) top repeat-x; } 

p { font-size: 11px; color: #000000; line-height: 150%; }

a:link, a:visited {
color: #E00000; text-decoration: underline; } 
a:hover, a:active, a:focus {
color: #000000; text-decoration: underline;  } 

ul { 	 	margin-top: 5px; margin-bottom: 15px; }
ul li { 	color: #000000; font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
ul li li { 	color: #000000; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol { 	 	margin-top: 5px; margin-bottom: 5px; }
ol li { 	color: #000000; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0 0 0 35px;}
ol li li { 	color: #000000; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }


.invisible {
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline; 
}

.style1{
    text-decoration: underline;
}
.style2{
    text-decoration: bold;
}

hr {
position: absolute;
left: -1000px;
top: -1000px;
width:0px;
height: 0px;
overflow :hidden;
display: inline;
}

div.wrapper {
width: 100%;
margin: 0;
padding: 0;
}

div.wrapper-bg {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.site {
width: 960px;
margin: 0 auto 0 auto;
padding: 0;
}


/* head */

div.head {
float: left;
display: inline;
width: 960px;
height: 95px;
margin: 0;
padding: 0;
}

div.logo {
float: left;
display: inline;
width: 620px;
margin: 40px 0 0 20px;
padding: 0;
}

div.logo img {
float:left;
display:inline;
}

h1.claim {
font-size: 15px; 
font-weight: normal; 
color: #000000; 
text-decoration: none; 
margin: 11px 0 0 30px; 
padding: 0; 
line-height: 140%;
font-style: italic;
float:left;
display:inline;
}

h1.claim span {
background: url(../images/haken.png) no-repeat top left;
margin: 0 0 0 30px;
padding: 0 0 0 20px;
}

div.logo-10jahre {
float: right;
display: inline;
margin: 0 50px 0 0;
padding: 0;
}

div.logon-logo {
float: right;
display: inline;
width: 260px;
height:77px;
margin: 10px 0 0 0;
padding: 0;
text-align: center;
}

div.nav-container {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}


/* nav01 */

div.nav01-container {
float: left;
display: inline;
width: 100%;
height: 30px;
margin: 0;
padding: 0;
background: url(../images/bg_nav01.jpg) no-repeat;
}

div.nav01 {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.nav01 ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.nav01 ul li {
margin: 0;
padding: 0;
float: left;
display: inline; 
background: url(../images/nav01_trenner.gif) right no-repeat;
}

a.nav01-off:link, a.nav01-off:visited {
font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 7px 20px 6px 19px; float: left; display: block; }
a.nav01-off:hover, a.nav01-off:active {
font-size: 13px; font-weight: bold; color: #e4e4e4; text-decoration: none; margin: 0; padding: 7px 20px 6px 19px; float: left; display: block; }

a.nav01-on:link, a.nav01-on:visited {
font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 7px 12px 7px 19px; background: url(../images/nav01_bg_on_left.gif) no-repeat; float: left; display: block; }
a.nav01-on:hover, a.nav01-on:active {
font-size: 13px; font-weight: bold; color: #e4e4e4; text-decoration: noen; margin: 0; padding: 7px 12px 7px 19px; background: url(../images/nav01_bg_on_left.gif) no-repeat; float: left; display: block; }

div.nav01 span {
float: left;
display: inline;
width: 7px;
height: 30px;
margin: 0 1px 0 0;
padding: 0;
background: url(../images/nav01_bg_on_right.gif) right no-repeat;
}


/* path */

div.path-container-start {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: url(../images/bg_path_start.gif) top no-repeat;
}

div.path-container-sequence {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: url(../images/bg_path_sequence.gif) top no-repeat;
}

div.path-bottom {
float: left;
display: inline;
width: 100%;
height: 6px;
margin: 0;
padding: 0;
background: url(../images/bg_path_bottom.gif) no-repeat;
}

div.path-bottom span {
display: none;
}

div.path-sequence {
float: left;
display: inline;
width: 900px;
margin: 0 0 0 19px;
padding: 0;
}

div.path-sequence p { font-size: 11px; font-weight: normal; color: #c3c5c7; text-decoration: none; margin: 0; padding: 0; }

div.path-start {
float: left;
display: inline;
width: 900px;
margin: 5px 0 0 19px;
padding: 0;
}

div.path-start p { font-size: 11px; font-weight: normal; color: #c3c5c7; text-decoration: none; margin: 0; padding: 0; } 
 
a.path-link-off:link, a.path-link-off:visited {
font-size: 11px; font-weight: bold; color: #c3c5c7; text-decoration: none; margin: 0; padding: 0; }
a.path-link-off:hover, a.path-link-off:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; }

a.path-link-on:link, a.path-link-on:visited {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; }
a.path-link-on:hover, a.path-link-on:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; }


/* nav02 */

div.nav02-container {
float: left;
display: inline;
width: 920px;
margin: 0;
padding: 0 0 16px 0;
}

div.nav02 {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 10px;
padding: 0;
}

div.nav02 ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.nav02 ul li {
float: left;
display: inline;
margin: 0 0 6px 0;
padding: 0;
background: url(../images/nav02_trenner.gif) right no-repeat;
}

a.nav02-off:link, a.nav02-off:visited {
font-size: 11px; font-weight: bold; color: #c3c5c7; text-decoration: none; margin: 0; padding: 0 10px 2px 9px; float: left; display: inline; }
a.nav02-off:hover, a.nav02-off:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0 10px 2px 9px; float: left; display: inline; }

a.nav02-on-first:link, a.nav02-on-first:visited {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0 10px 2px 9px; background: url(../images/nav02_bg_on_left.gif) no-repeat; float: left; display: inline; }
a.nav02-on-first:hover, a.nav02-on-first:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0 10px 2px 9px; background: url(../images/nav02_bg_on_left.gif) no-repeat; float: left; display: inline; }

a.nav02-on:link, a.nav02-on:visited {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 0 5px; padding: 0 10px 2px 9px; background: url(../images/nav02_bg_on_left.gif) no-repeat; float: left; display: inline; }
a.nav02-on:hover, a.nav02-on:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 0 5px; padding: 0 10px 2px 9px; background: url(../images/nav02_bg_on_left.gif) no-repeat; float: left; display: inline; }


div.nav02 span {
float: left;
display: inline;
width: 4px;
height: 18px;
margin: 0 5px 0 0;
padding: 0;
background: url(../images/nav02_bg_on_right.gif) right no-repeat;
}


/* content-start */

div.content-wrapper-start {
float: left;
display: inline;
width: 960px;
margin: 8px 0 0 0;
padding: 0 0 50px 0;
}

div.content-start-left {
float: left;
display: inline;
width: /*694px;*/700px;
margin: 0;
padding: 0;
}

div.illu-start {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.illu-folge {
float: left;
display: inline;
width: 100%;
margin: 0 0 8px 0;
padding: 0;
}

div.teaser-long-container {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.teaser-long {
float: left;
display: inline;
width: 100%;
margin: 8px 0 0 0;
padding: 0;
}

div.teaser-long-bg { /* wenn startteaser als hintergrundbild fungiert */
float: left;
display: inline;
width: 100%;
height: 140px;
margin: 8px 0 0 0;
padding: 0;
background: url(../images/teaser_start_long_background.gif) no-repeat;
}

div.teaser-long-head {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
/*background: url(../images/teaser_start_long_head.gif) top no-repeat;*/
}

div.teaser-long-bottom {
float: left;
display: inline;
width: 100%;
height: 7px;
margin: 0;
padding: 0;
/*background: url(../images/teaser_start_long_bottom.gif) no-repeat;*/
}

div.teaser-long-content {
float: left;
display: inline;
width: 692px;
margin: 0 0 0 0;
padding: 0;
}

div.teaser-long-content-left {
float: left;
display: inline;
width: 288px;
margin: 9px 0 0 10px;
padding: 0;
}

div.teaser-long-content-left-headline {
float: left;
display: inline;
width: 100%;
margin: 0 0 8px 0;
padding: 0;
}

div.teaser-long-content-left-headline h2 {
font-size: 11px; font-weight: normal; color: #e30000; text-decoration: none; margin: 0; padding: 0; }

div.teaser-long-content-left h1 {
font-size: 20px; font-weight: normal; color: #000000; text-decoration: none; margin: 0 0 5px 0; padding: 0; }

div.teaser-long-content-left h1 a:link, div.teaser-long-content-left h1 a:visited {
color: #000000; text-decoration: none; } 
div.teaser-long-content-left h1 a:hover, div.teaser-long-content-left h1 a:active, div.teaser-long-content-left h1 a:focus {
color: #E00000; text-decoration: none;  } 

div.teaser-long-content-left span {
font-size: 15px; font-weight: normal; color: #e30000; text-decoration: none; margin: 0; padding: 0; }

div.teaser-long-content-left p {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; }

div.teaser-long-content-right {
float: left;
display: inline;
width: 394px;
height: 140px;
margin: 0;
padding: 0;
}

div.detail-button {
float: left;
display: inline;
width: 147px;
margin: 13px 0 0 0;
padding: 0;
}

div.detail-button-long {
float: left;
display: inline;
width: 240px;
margin: 13px 0 0 0;
padding: 0;
}

div.detail-button-short {
float: left;
display: inline;
width: 125px;
margin: 10px 0 0 11px;
padding: 0;
}

div.detail-button-short2 {
float: left;
display: inline;
width: 125px;
margin: 14px 0 0 11px;
padding: 0;
}

a.detail-link:link, a.detail-link:visited {
width: 124px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 5px 23px; background: url(../images/button_detail.gif) no-repeat; float: left; display: block; }
a.detail-link:hover, a.detail-link:active {
width: 124px; font-size: 11px; font-weight: normal; color: #e84000; text-decoration: none; margin: 0; padding: 3px 0 5px 23px; background: url(../images/button_detail.gif) no-repeat; float: left; display: block; }

a.detail-link-long:link, a.detail-link-long:visited {
width: 217px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0 0 10px 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_long.gif) no-repeat; float: left; display: block; }
a.detail-link-long:hover, a.detail-link-long:active {
width: 217px; font-size: 11px; font-weight: normal; color: #e84000; text-decoration: none; margin: 0 0 10px 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_long.gif) no-repeat; float: left; display: block; }

a.detail-link-long2:link, a.detail-link-long2:visited {
width: 217px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0 0 0 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_long.gif) no-repeat; float: left; display: block; }
a.detail-link-long2:hover, a.detail-link-long2:active {
width: 217px; font-size: 11px; font-weight: normal; color: #e84000; text-decoration: none; margin: 0 0 0 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_long.gif) no-repeat; float: left; display: block; }


a.detail-link-short:link, a.detail-link-short:visited {
width: 102px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_short.gif) no-repeat; float: left; display: block; }
a.detail-link-short:hover, a.detail-link-short:active {
width: 102px; font-size: 11px; font-weight: normal; color: #e84000; text-decoration: none; margin: 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_short.gif) no-repeat; float: left; display: block; }


/* content-start teaser-short */

div.teaser-small-container {
float: left;
display: inline;
width: 100%;
margin: 8px 0 0 0;
padding: 0;
}

div.teaser-small {
float: left;
display: inline;
width: 169px;
margin: 0 5px 0 0;
padding: 0;
}

div.teaser-small-last {
float: left;
display: inline;
width: 169px;
margin: 0;
padding: 0;
}

div.teaser-small-head {
float: left;
display: inline;
width: 100%;
height: 280px;
margin: 0;
padding: 0;
background: url(../images/teaser_start_small_head.gif) top no-repeat;
}

div.teaser-small-head2 {
float: left;
display: inline;
width: 100%;
height: 159px;
margin: 0;
padding: 0;
background: url(../images/teaser_start_small_head.gif) top no-repeat;
}

div.teaser-small-content {
float: left;
display: inline;
width: 147px;
margin: 9px 0 0 11px;
padding: 0;
}

div.teaser-small-content-headline {
float: left;
display: inline;
width: 100%;
margin: 8px 0 0 0;
padding: 0;
}

h2.teaser-small-content-headline {
font-size: 11px; font-weight: normal; color: #e30000; text-decoration: none; margin: 0; padding: 0; }

div.teaser-small-illu {
float: left;
display: inline;
width: 147px;
/*height: 90px;*/
margin: 8px 0 0 0;
padding: 0;
}

div.teaser-small-illu img {
width: 147px;
height: 90px;
}

div.car-info {
float: left;
display: inline;
width: 100%;
margin: 7px 0 0 0;
padding: 0;
}

div.car-info p {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 130%; }

div.car-info h1 {
font-size: 15px; font-weight: bold; color: #000000; text-decoration: none; margin: 2px 0 0 0; padding: 0; line-height: 130%; }

div.car-info h1 a:link, div.car-info h1 a:visited {
color: #000000; text-decoration: none; } 
div.car-info h1 a:hover, div.car-info h1 a:active, div.car-info h1 a:focus {
color: #E00000; text-decoration: none;  } 

div.car-discount {
float: left;
display: inline;
width: 100%;
margin: 7px 0 0 0;
padding: 0;
}

div.car-discount p {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 130%; }

div.car-discount span {
font-size: 15px; font-weight: normal; color: #e30000; text-decoration: none; margin: 0; padding: 0; }

div.teaser-small-bottom {
float: left;
display: inline;
width: 100%;
height: 7px;
margin: 0;
padding: 0;
background: url(../images/teaser_start_small_bottom.gif) top left no-repeat;
}

div.teaser-small-bottom span {
display: none;
}

/* content-start teaser-large über 2 Spalten */

div.teaser-large {
float: right;
display: inline;
width: 344px;
margin: 0 8px 0 0;
padding: 0;
}

div.teaser-large-head {
float: left;
display: inline;
width: 100%;
}

div.teaser-large-head2 {
display: none;
}

div.teaser-large-content {
float: left;
display: inline;
width: 100%;
}

h2.teaser-large-content-headline {
display: none;
}

div.teaser-large-illu {
float: left;
display: inline;
width: 100%;
}

div.teaser-large-bottom {
display: none;
}

div.teaser-large div.car-info, div.teaser-large div.car-discount, div.teaser-large div.detail-button, div.teaser-large div.image-copyright {
display: none;
}

/* footer */

div.brand-list-container {
float: left;
display: inline;
width: 692px;
margin: 5px 0 0 0;
padding: 0;
}

div.brand-list-head {
float: left;
display: inline;
width: 100%;
height: 132px; /* ! */
margin: 0;
padding: 0;
background: url(../images/brand_list_head.gif) top no-repeat;
}

div.brand-list-content {
float: left;
display: inline;
width: 670px;
margin: 16px 0 0 10px;
padding: 0;
}

div.brand-list-content h1 {
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; line-height: 140%; }

div.brand-list-ordered {
float: left;
display: inline;
width: 100%;
margin: 12px 0 0 0;
padding: 0;
}

div.brand-list-content ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.brand-list-content ul li {
float: left;
display: inline;
margin: 0 0 6px 0;
padding: 0;
}

a.brand-link:link, a.brand-link:visited {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0 19px 0 0; padding: 0 0 0 8px; background: url(../images/bullet_brandlink.gif) left top no-repeat; float: left; display: inline; }
a.brand-link:hover, a.brand-link:active {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; margin: 0 19px 0 0; padding: 0 0 0 8px; background: url(../images/bullet_brandlink.gif) left top no-repeat; float: left; display: inline; }

div.brand-list-bottom {
float: left;
display: inline;
width: 100%;
height: 7px; 
margin: 0;
padding: 0;
background: url(../images/brand_list_bottom.gif) no-repeat;
}

div.brand-list-bottom span {
display: none;
}


/* footer */

div.footer {
float: left;
display: inline;
width: 692px;
height: 74px; /* ! */
margin: 1px 0 0 0;
padding: 0;
background: url(../images/bg_footer.gif) no-repeat;
}

div.footer-content {
float: left;
display: inline;
width: 675px;
margin: 16px 0 0 10px;
padding: 0;
}

div.metanav {
float:right;
display: inline;
margin: 0 25px 0 0;
padding: 0;
}

div.metanav ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.metanav ul li {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

a.metanav-link:link, a.metanav-link:visited {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 0 10px 0 10px; background: url(../images/metanav_trenner.gif) left no-repeat; }
a.metanav-link:hover, a.metanav-link:active {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; margin: 0; padding: 0 10px 0 10px; background: url(../images/metanav_trenner.gif) left no-repeat;  }

a.metanav-link-first:link, a.metanav-link-first:visited {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 0 10px 0 0;  }
a.metanav-link-first:hover, a.metanav-link-first:active {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; margin: 0; padding: 0 10px 0 0;   }




/* morefooterlinks */
div.morefooterlinks {
float:right;
display: inline;
margin: 7px 15px 0 0;
padding: 0;
clear:right;
}

div.morefooterlinks ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.morefooterlinks ul li {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

a.morefooterlinks-link:link, a.morefooterlinks-link:visited {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 0 15px 0 8px; background: url(../images/bullet_footerlinks.gif) left top no-repeat; float: left; display: inline; }
a.morefooterlinks-link:hover, a.morefooterlinks-link:active {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; margin: 0; padding: 0 15px 0 8px; background: url(../images/bullet_footerlinks.gif) left top no-repeat; float: left; display: inline;  }





/* socialmedialinks */
div.social {
float:leftt;
display: inline;
margin: 0;
padding: 0;
}

div.social ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.social ul li {
float: left;
display: inline;
list-style: none;
margin: 0 10px 0 0;
padding: 0;
}




/* marginal */

div.marginal-container {
float: left;
display: inline;
width: 260px;
margin: 0 0 0 0;
padding: 0;
}

div.manufacturer-filter-container {
float: left;
display: inline;
width: 100%;
height: 90px; /* ! */
margin: 0;
padding: 0;
}

div.manufacturer-filter-head {
float: left;
display: inline;
width: 100%;
height: 83px;
margin: 0;
padding: 0;
background: url(../images/marginal_manufacturer_filter_head.gif) top no-repeat;
}

div.manufacturer-filter-bottom {
float: left;
display: inline;
width: 100%;
height: 7px;
margin: 0;
padding: 0;
background: url(../images/marginal_manufacturer_filter_bottom.gif) no-repeat;
}

div.manufacturer-filter-bottom span {
display: none;
}

div.manufacturer-filter-content {
float: left;
display: inline;
width: 240px;
margin: 12px 0 0 10px;
padding: 0;
}

div.manufacturer-filter-content h2 {
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 13px 0; padding: 0; }

div.manufacturer-filter-content select {
float: left;
font-size: 10px;
font-weight: normal;
width: 240px;
margin: 0;
padding: 0;
color: #5d6f7f;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

div.keyword-search-container {
float: left;
display: inline;
width: 100%;
height: 90px; /* ! */
margin: 8px 0 0 0;
padding: 0;
}

div.keyword-search-head {
float: left;
display: inline;
width: 100%;
height: 83px;
margin: 0;
padding: 0;
background: url(../images/marginal_manufacturer_filter_head.gif) top no-repeat;
}

div.keyword-search-bottom {
float: left;
display: inline;
width: 100%;
height: 7px;
margin: 0;
padding: 0;
background: url(../images/marginal_manufacturer_filter_bottom.gif) no-repeat;
}

div.keyword-search-bottom span {
display: none;
}

div.keyword-search-content {
float: left;
display: inline;
width: 240px;
margin: 12px 0 0 10px;
padding: 0;
}

div.keyword-search-content h2 {
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 13px 0; padding: 0; }

div.keyword-search-input-mask {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.keyword-search-content input {
float: left;
font-size: 10px;
font-weight: normal;
width: 160px;
margin: 0;
padding: 3px 0 5px 3px;
color: #5d6f7f;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

div.go-search {
float: left;
display: inline;
width: 55px;
margin: 4px 0 0 15px;
padding: 0;
}

a.searchbutton:link, a.searchbutton:visited {
font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0 13px 0 0; background: url(../images/bullet_search.gif) right no-repeat; line-height: 120%; }
a.searchbutton:hover, a.searchbutton:active {
font-size: 10px; font-weight: bold; color: #e4e4e4; text-decoration: none; margin: 0; padding: 0 13px 0 0; background: url(../images/bullet_search.gif) right no-repeat; line-height: 120%; }


/* kontakt teaser */

div.marginal-teaser-container {
float: left;
display: inline;
width: 100%;
margin: 8px 0 0 0;
padding: 0;
}

div.marginal-teaser-head {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: url(../images/marginal_teaser_head.gif) top no-repeat;
}

div.marginal-teaser-bottom {
float: left;
display: inline;
width: 100%;
height: 7px;
margin: 0;
padding: 0;
background: url(../images/marginal_teaser_bottom.gif) no-repeat;
}

div.marginal-teaser-bottom span {
display: none;
}

div.marginal-teaser-content {
float: left;
display: inline;
width: 240px;
margin: 12px 0 0 10px;
padding: 0;
}

div.marginal-teaser-content h2 {
font-size: 15px; font-weight: bold; color: #e30000; text-decoration: none; margin: 0 0 13px 0; padding: 0; }

div.marginal-teaser-content p {
font-size: 11px; color: #000000; margin: 8px 0 0 0; padding: 0; line-height: 150%; }

div.detail-button-long-contact {
float: left;
display: inline;
width: 240px;
margin: 11px 0 0 10px;
padding: 0;
}


/* references-marginal */

div.references-marginal {
float: left;
display: inline;
width: 100%;
margin: 30px 0 0 0;
padding: 0 0 11px 0;
}

div.references-marginal-image {
padding: 0;
text-align: center;
}


/* content-sequence */

div.content-wrapper-sequence {
float: left;
display: inline;
width: 960px;
margin: 8px 0 0 0;
padding: 0 0 50px 0;
}

div.content-sequence-left {
float: left;
display: inline;
width: /*694px*/ 700px;
margin: 0;
padding: 0;
}


/* offer config */

div.illu-sequence-offer-container {
float: left;
display: inline;
width: 100%;
height: /*298px*/ 188px; /* muss erstmal angegeben werden */
margin: 0;
padding: 0;
}

div.illu-sequence-offer {
position: absolute;
width: 692px;
margin: 0;
padding: 0;
z-index: 1;
}

div.illu-sequence-offer img{
width: 692px;
height:188px;
}

/* offer config navi */

div.nav03-container {
float: left;
display: inline;
width: 668px;
margin: 0 0 0 11px;
padding: 0;
}

div.nav03 {
position: absolute;
width: 668px;
margin: /*241px*/ 131px 0 0 0;
padding: 0;
z-index: 2;
}

div.nav03 ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.nav03 ul li {
float: left;
display: inline;
margin: 0 0 6px 0;
padding: 0;
background: url(../images/nav02_trenner.gif) right no-repeat;
}

a.nav03-on:link, a.nav03-on:visited {
width: 130px; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px; background: url(../images/nav03_bg_on.gif) no-repeat; float: left; display: inline; }
a.nav03-on:hover, a.nav03-on:active {
width: 130px; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px background: url(../images/nav03_bg_on.gif) no-repeat; float: left; display: inline; }

a.nav03-on-checked:link, a.nav03-on-checked:visited {
width: 130px; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px; background: url(../images/nav03_bg_on_checked.gif) no-repeat; float: left; display: inline; }
a.nav03-on-checked:hover, a.nav03-on-checked:active {
width: 130px; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px background: url(../images/nav03_bg_on_checked.gif) no-repeat; float: left; display: inline; }


a.nav03-off:link, a.nav03-off:visited {
width: 130px; font-size: 13px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px; background: url(../images/nav03_bg_off.gif) no-repeat; float: left; display: inline; }
a.nav03-off:hover, a.nav03-off:active {
width: 130px; font-size: 13px; font-weight: normal; color: #e4e4e4; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px background: url(../images/nav03_bg_off.gif) no-repeat; float: left; display: inline; }

a.nav03-off-checked:link, a.nav03-off-checked:visited {
width: 130px; font-size: 13px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px; background: url(../images/nav03_bg_off_checked.gif) no-repeat; float: left; display: inline; }
a.nav03-off-checked:hover, a.nav03-off-checked:active {
width: 130px; font-size: 13px; font-weight: normal; color: #e4e4e4; text-decoration: none; margin: 0; padding: 12px 21px 13px 16px background: url(../images/nav03_bg_off_checked.gif) no-repeat; float: left; display: inline; }




/* offer form */


div.offer-form-container {
float: left;
display: inline;
width: 692px;
margin: 0;
padding: 0;
}

div.offer-form-container-top {
float: left;
display: inline;
width: 692px;
height: 7px;
margin: 0;
padding: 0;
background: url(../images/offer_form-container_top.gif) top no-repeat;
}

div.offer-form-container-top span {
display: none;
}

div.offer-form-container-head {
float: left;
display: inline;
width: 692px;
margin: 0;
padding: 0;
background: #ffffff;
}

div.offer-form-container-bottom {
float: left;
display: inline;
width: 100%;
height: 7px;
margin: 0;
padding: 0;
background: url(../images/offer_form-container_bottom.gif) no-repeat;
}

div.offer-form-container-bottom span {
display: none;
}

div.offer-form-content {
float: left;
display: inline;
width: 642px;
margin: 26px 0 0 30px;
padding: 0 0 20px 0;
}

span.form-step {
float: left;
display: inline;
width: 100%;
margin: 0 0 10px 0;
padding: 0;
font-size: 14px; 
font-weight: normal; 
color: #E30000;
}

h1.head {
font-size: 18px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 140%; }


/* forms */

div.form {
float: left;
display: inline;
width: 100%;
margin: 20px 0 0 0;
padding: 0;
}

fieldset {
border: 0px solid #000000;
padding: 0;
margin: 0;
width: 100%;
}

legend {
display:none;
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 0 5px 5px 0;
padding: 0 5px 0 0; 
}

p.formtext {
font-size: 11px; margin: 0 12px 10px 12px; color: #000000; clear: both; }

div.formrow-container {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.formrow-first {
float: left;
display: inline;
width: 100%;
height:6px;
margin: 0;
padding: 0 0 0 0;
background: url(../images/formrow_first_bg.gif) no-repeat;
}

div.formrow-first span {
display: none;
}

div.formrow {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0 0 13px 0;
background: url(../images/formrow_bg.gif) bottom no-repeat;
}

div.formrow-darkline {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0 0 13px 0;
background: url(../images/formrow_darkline_bg.gif) bottom no-repeat;
}

div.formrow-last {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: url(../images/formrow_last_bg.gif) bottom no-repeat;
}

div.formrow-last span {
display: none;
}

div.offer-form-illu {
float: left;
display: inline;
width: 218px;
margin: 0;
padding: 0;
}

div.div.offer-form-illu img {
width: 218px;
height: 132px;
}

div.form-left {
float: left;
display: inline;
width: 218px;
margin: 0;
padding: 0;
}

div.form-right {
float: left;
display: inline;
width: 380px;
margin: 0 0 0 34px;
padding: 0;
}

div.form-right br {
clear: left;
}

div.addontext{
float: left;
display: inline;
width: 380px;
margin: 0 0 0 255px;
padding:0 0 20px 0;
}
div.addontext span{
float: left;
display: inline;
font-size: 11px;
color: #56606a; 
}

div.errormsgs {
float: left;
display: inline;
margin: 20px 0 20px 0px;
padding: 0;
}

div.errormsgs h4 {
font-size: 12px; font-weight: bold; color: #ff0000; margin: 0 0 8px 0; padding: 0; text-decoration: none; line-height: 140%; }

div.errormsgs p {
font-size: 12px; font-weight: normal; color: #ff0000; margin: 0 0 7px 0; padding: 0; text-decoration: none; line-height: 120%; }


div.errormessages {
float: left;
display: inline;
margin: 0px 0 20px 0px;
padding: 0;
font-size: 12px; 
font-weight: bold; 
color: #ff0000;
}










label.left {
float: left;
display: inline;
width: 218px;
margin: 12px 0 0 0;
font-size: 11px;
font-weight: bold;
line-height: 150%;
color: #56606a; 
}

label.right {
float: left;
display: inline;
width: 340px;
margin: 14px 0 0 6px;
font-size: 11px;
font-weight: normal;
color: #56606a; 
}
span.left {
float: left;
display: inline;
width: 140px;
margin: 14px 0 0 15px;
font-size: 11px;
font-weight: normal;
color: #56606a; 
}

span.check label {
float: left;
display: inline;
width: 320px;
margin: 14px 0 0 6px;
font-size: 11px;
font-weight: normal;
color: #56606a; 
}

/** Sebastian Austen **/
span.check_new label {
float: left;
display: inline;
width: 130px;
margin: 14px 0 0 6px;
font-size: 11px;
font-weight: bold;
color: #56606a; 
}

table.radio
{
    margin: 8px 0 0 30px;
    display:inline;
    float:left;
}

table.radio label
{
    float:left;
    display:inline;
	padding: 0 0 0 6px; 
	margin-left: 0; 
    color: #56606a;
    font-weight: bold;
    font-size: 11px;
    width: 275px;
}
	*+html table.radio label
		{
			float:left;
			display:inline;
			padding: 4px 0 4px 6px; 
			margin-left: 0;  
			color: #56606a;
			font-weight: bold;
			font-size: 11px;
			width: 275px;
		}

table.radio input
{
    float:left;
    display:inline;
    margin:0 0 0 6px;  
	padding:0;
}

	

table.radio tr td
{
	padding:5px 0;
    margin: 0;  
	vertical-align:middle;
}
	*+html table.radio tr td
	{
		padding:0px 0;
		margin: 0;  
		vertical-align:middle;
	}
/** Sebastian Austen **/

input.form {
float: left;
display: inline;
font-size: 12px;
font-weight: normal;
width: 218px;
margin: 0;
padding: 1px 0 1px 3px;
color: #313A44;
}

select.form-long {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 364px;
margin: 10px 0 0 37px;
padding: 1px 0 1px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

select.form-short {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 334px;
margin: 10px 0 0 37px;
padding: 1px 0 1px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.form-long {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 360px;
margin: 10px 0 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

textarea.form-long {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 360px;
height:140px;
margin: 10px 0 0 37px;
padding: 1px 0 1px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.check {
float: left;
display: inline;
font-size: 12px;
font-weight: normal;
color: #313A44;
margin: 10px 0 0 0;
padding: 0;
}

/** Sebastian Austen begin**/
input.check_new {
float: left;
display: inline;
font-size: 12px;
font-weight: normal;
color: #313A44;
margin: 10px 0 0 0;
padding: 0;
}


span.check_new input {
float: left;
display: inline;
font-size: 12px;
font-weight: normal;
color: #313A44;
margin: 13px 0 0 0;
padding: 0;
}
/** Sebastian Austen end **/
span.check input {
float: left;
display: inline;
font-size: 12px;
font-weight: normal;
color: #313A44;
margin: 10px 0 0 0;
padding: 0;
}


span.form-discount-amount {
float: left;
display: inline;
width: 218px;
margin: 9px 0 0 0;
font-size: 15px;
font-weight: bold;
color: #e30000; 
}

span.form-price-amount {
float: left;
display: inline;
width: 218px;
margin: 9px 0 0 0;
font-size: 15px;
font-weight: bold;
color: #56606a; 
}

span.form-premium-amount {
float: left;
display: inline;
width: 218px;
margin: 14px 0 0 1px;
font-size: 11px;
font-weight: bold;
color: #56606a; 
}

div.car-info-form {
float: left;
display: inline;
width: 380px;
margin: 11px 0 0 34px;
padding: 0;
}

div.car-info-form h2 {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; }

div.car-info-form h1 {
font-size: 15px; font-weight: bold; color: #000000; text-decoration: none; margin: 2px 0 0 0; padding: 0; line-height: 130%; }

div.info-text {
float: left;
display: inline;
clear: left;
width: 365px;
margin: 11px 0 0 254px;
padding: 0;
}

div.info-text p {
margin: 0;
padding: 0;
}

span.red {
color: #e30000; 
}


span.info-form {
float: left;
display: inline;
margin: 12px 0 0 10px;
}

span.info-form-ohnezehn {
float: left;
display: inline;
margin: 12px 0 0 0px;
}

/* Content */

div.trenner {
height: 100px;
background-color: #000000;
}

div.content {
float: left;
display: inline;
width: 632px;
margin: 26px 0 0 30px;
padding: 0 0 20px 0;
}

div.content-top {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: url(../images/content_top.gif) top no-repeat;
}

div.content p { font-size: 11px; color: #000000; line-height: 150%; }

div.content a:link, div.content a:visited {
color: #E00000; text-decoration: underline; } 
div.content a:hover, div.content a:active, div.content a:focus {
color: #000000; text-decoration: underline;  } 

div.content h1 { font-size: 18px; font-weight: normal; margin:0 0 11px 0;   }
div.content h2 { font-size: 15px; font-weight: normal; margin:0 0 11px 0; } 
div.content h3 { font-size: 13px; font-weight: normal; margin:0 0 11px 0; } 
div.content h4 { font-size: 10px; font-weight: normal; } 
div.content h5 { font-size: 9px; font-weight: normal; } 
div.content h6 { font-size: 8px; font-weight: normal; } 

div.content ul { 	 	margin-top: 5px; margin-bottom: 15px; }
div.content ul li { 	color: #000000; font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
div.content ul li li { 	color: #000000; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
div.content ol { 	 	margin-top: 5px; margin-bottom: 5px; }
div.content ol li { 	color: #000000; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0 0 0 35px;}
div.content ol li li { 	color: #000000; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }

div.content img {
margin: 0 10px 0 0; }

div.content table {
margin: 0 0 20px 0; border-spacing: 0; }

div.content table th {
border-bottom: 2px solid #000000; }

div.content table th p {
margin: 4px; padding: 0; text-align: left; }

div.content table td {
border-bottom: 1px solid #cccccc; }

div.content table td p {
margin: 4px; padding: 0; }


/* Sitamap */

div.sitemap {
width : 100%;
margin: 33px 0 0 0;
}

div.sitemap ul {
list-style: none;
padding: 0 0 0 0;
margin: 0;
}
div.sitemap ul ul {
list-style: none;
padding: 0 0 0 0;
margin: 0;
}
div.sitemap ul ul ul {
list-style: none;
padding: 0;
margin: 0;
}


div.sitemap ul li {
margin: 0;
padding: 0;
display: inline;
}
div.sitemap ul li ul li {
margin: 0;
padding: 0;
display: inline;
}
div.sitemap ul li ul li ul li {
margin: 0;
padding: 0;
display: inline;
}

div.sitemap ul li a:link , div.sitemap ul li a:visited {
font-size: 13px; display : block; font-weight: bold; color : #000000; text-decoration : none; padding: 6px 0 6px 20px; margin: 0 0 0 0; border-bottom: 2px solid #8C9297; background: #ffffff;}
div.sitemap ul li a:hover , div.sitemap ul li a:active {
font-size: 13px; display : block; font-weight: bold; color : #000000; text-decoration : underline; padding: 6px 0 6px 20px; margin: 0 0 0 0; border-bottom: 2px solid #8C9297; background: #ffffff;}

div.sitemap ul li li a:link , div.sitemap ul li li a:visited {
font-size: 11px; display : block; font-weight: bold; color : #616161; text-decoration : none; padding: 3px 0 3px 45px; margin: 0 0 0 0; border-bottom: 1px solid #E8EAEC; background: #ffffff url(../images/bullet_arrow.gif) left no-repeat; background-position:35px 8px;}
div.sitemap ul li li a:hover , div.sitemap ul li li a:active {
font-size: 11px; display : block; font-weight: bold; color : #000000; text-decoration : underline; padding: 3px 0 3px 45px; margin: 0 0 0 0; border-bottom: 1px solid #E8EAEC; background: #ffffff url(../images/bullet_arrow.gif) left no-repeat; background-position:35px 8px;}

div.sitemap ul li li li a:link , div.sitemap ul li li li a:visited {
font-size: 11px; display : block; font-weight: normal; color : #616161; text-decoration : none; padding: 2px 0 2px 70px; margin: 0 0 0 0; border-bottom: 0px solid #E8E8E6; background: #ffffff url(../images/bullet_square.gif) left no-repeat; background-position:60px 9px;}
div.sitemap ul li li li a:hover , div.sitemap ul li li li a:active {
font-size: 11px; display : block; font-weight: normal; color : #000000; text-decoration : underline; padding: 2px 0 2px 70px; margin: 0 0 0 0; border-bottom: 0px solid #E8E8E6; background: #ffffff url(../images/bullet_square.gif) left no-repeat; background-position:60px 9px;}


/* Autologos */

div.logos-container {
float: left;
display: inline;
width: 652px;
margin: 0 0 0 30px;
padding: 0 0 20px 0;
}

div.logo-container {
float: left;
display: inline;
width: 148px;
margin: 0 12px 12px 0;
padding: 0 0 0 0;
}

div.logo-top {
float: left;
display: inline;
width: 148px;
height:7px;
margin: 0;
padding: 0;
background:url(../images/autologo_border_top.gif) no-repeat;
}

div.logo-top span {
display: none;
}

div.logo-bottom {
float: left;
display: inline;
width: 148px;
margin: 0;
padding: 0 0 12px 0;
background:url(../images/autologo_border_bottom.gif) bottom no-repeat;
}

div.autologo {
float: left;
display: inline;
width: 146px;
margin: 0 0 0 1px;
padding: 0 0 0 0;
}

div.autologo img {
width: 146px;
height: 74px;
}


/* Automodelle */

div.modelle-container {
float: left;
display: inline;
width: 632px;
margin: 0 0 0 30px;
padding: 0 0 20px 0;
}

div.modell-container {
float: left;
display: inline;
width: 632px;
margin: 0 0 12px 0;
padding: 0 0 0 0;
}

div.modell-top {
float: left;
display: inline;
width: 632px;
height:7px;
margin: 0;
padding: 0;
background:url(../images/modell_border_top.gif) no-repeat;
}
div.modell-top span {
display: none;
}

div.modell-bottom {
float: left;
display: inline;
width: 632px;
margin: 0;
padding: 0 0 12px 0;
background:url(../images/modell_border_bottom.gif) bottom no-repeat;
}

div.modell-bottom-left {
float: left;
display: inline;
width: 462px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
}

div.modell-bottom-right {
float: left;
display: inline;
width: 147px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.modell {
float: left;
display: inline;
width: 147px;
margin: 4px 0 0 0;
padding: 0 0 0 0;
}

div.modell-info {
float: left;
display: inline;
width: 450px;
margin: 0 0 0 12px;
padding: 0;
}
div.modell-info p {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 130%; }

div.modell-info h1 {
font-size: 15px; font-weight: bold; color: #000000; text-decoration: none; margin: 2px 0 0 0; padding: 0; line-height: 130%; }

div.modell-info h1 a:link, div.modell-info h1 a:visited {
color: #000000; text-decoration: none; } 
div.modell-info h1 a:hover, div.modell-info h1 a:active, div.modell-info h1 a:focus {
color: #E00000; text-decoration: none;  } 

div.modell-discount {
float: left;
display: inline;
width: 450px;
margin: 7px 0 0 12px;
padding: 0;
}
div.modell-discount p {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 130%; }

div.modell-discount span {
font-size: 15px; font-weight: normal; color: #e30000; text-decoration: none; margin: 0; padding: 0; }


/* Formularbuttons */

div.formbutton-left {
float: left;
display: inline;
width: 238px;
margin: 31px 0 0 0;
padding: 0 0 23px 0;
}

div.formbutton-right {
float: left;
display: inline;
width: 364px;
margin: 31px 0 0 17px;
padding: 0 0 23px 0;
}

.formbutton-left a, .formbutton-left button, .formbutton-right a, .formbutton-right button{
float: left;
border: 0;
}
.formbutton-left button span, .formbutton-right button span {
display: none;
}

button.weiter, .formbutton-left a.weiter, .formbutton-right a.weiter{
background: url(../images/button_weiter_off.gif) left no-repeat; width: 94px; height: 27px; margin: 0; cursor: pointer; }
.formbutton-left a.weiter:hover, .formbutton-right a.weiter:hover, button.weiter:hover, .formbutton-left a.weiter:active, .formbutton-right a.weiter:active{
background: url(../images/button_weiter_over.gif) left no-repeat; width: 94px; height: 27px; margin: 0; cursor: pointer; }

/** Sebastian Austen Begin **/
button.kaufen, .formbutton-left a.kaufen, .formbutton-right a.kaufen{
background: url(../images/barkauf_off.gif) left no-repeat; width: 104px; height: 27px; margin: 0px 15px 0px 0px; cursor: pointer; }
.formbutton-left a.kaufen:hover, .formbutton-right a.kaufen:hover, button.kaufen:hover, .formbutton-left a.kaufen:active, .formbutton-right a.kaufen:active{
background: url(../images/barkauf_over.gif) left no-repeat; width: 104px; height: 27px; margin: 0px 15px 0px 0px; cursor: pointer; }


button.leasing, .formbutton-left a.leasing, .formbutton-right a.leasing{
background: url(../images/leasing_off.gif) left no-repeat; width: 104px; height: 27px; margin: 0px 15px 0px 0px; cursor: pointer; }
.formbutton-left a.leasing:hover, .formbutton-right a.leasing:hover, button.leasing:hover, .formbutton-left a.leasing:active, .formbutton-right a.leasing:active{
background: url(../images/leasing_over.gif) left no-repeat; width: 104px; height: 27px; margin: 0px 15px 0px 0px; cursor: pointer; }


button.finanzierung, .formbutton-left a.finanzierung, .formbutton-right a.finanzierung{
background: url(../images/finanzierung_off.gif) left no-repeat; width: 104px; height: 27px; margin: 0px 15px 0px 0px; cursor: pointer; }
.formbutton-left a.finanzierung:hover, .formbutton-right a.finanzierung:hover, button.finanzierung:hover, .formbutton-left a.finanzierung:active, .formbutton-right a.finanzierung:active{
background: url(../images/finanzierung_over.gif) left no-repeat; width: 104px; height: 27px; margin: 0px 15px 0px 0px; cursor: pointer; }
/** Sebastian Austen end **/

button.zurueck, .formbutton-left a.zurueck, .formbutton-right a.zurueck{
background: url(../images/button_zurueck_off.gif) left no-repeat; width: 94px; height: 27px;margin: 0; cursor: pointer; }
.formbutton-left a.zurueck:hover, .formbutton-right a.zurueck:hover, button.zurueck:hover, .formbutton-left a.zurueck:active, .formbutton-right a.zurueck:active{
background: url(../images/button_zurueck_over.gif) left no-repeat; width: 94px; height: 27px;margin: 0; cursor: pointer; }

div.formbutton-addontext {
float: left;
display: inline;
margin: 7px 0 0 17px;
padding: 0 0 0 0;
font-size: 11px;
font-weight: bold;
color: #56606a; 
}

div.formbutton-pdfvertrag  
{
      float: left;
display: inline;
margin: 10px 0 0 0;
padding: 0;
}

div.formbutton-pdfvertrag a:link, div.formbutton-pdfvertrag a:visited{
background: url(../images/button_vermittlungsauftrag_off.gif) left no-repeat; width: 187px; height: 27px; margin: 0; cursor: pointer; float: left; display: inline; }
div.formbutton-pdfvertrag a:hover, div.formbutton-pdfvertrag a:active{
background: url(../images/button_vermittlungsauftrag_over.gif) left no-repeat; width: 187px; height: 27px; margin: 0; cursor: pointer; float: left; display: inline;}

div.formbutton-pdfvertrag span 
{
      display:none;
}



a.configurator:link, a.configurator:visited {
font-size: 11px; display : block; font-weight: bold; color : #616161; text-decoration : none; padding: 3px 0 3px 10px; margin: 0 0 0 0; border-bottom: 1px solid #E8EAEC; background: url(../images/bullet_arrow.gif) left no-repeat; background-position:0px 6px;}
a.configurator:hover, a.configurator:active {
font-size: 11px; display : block; font-weight: bold; color : #000000; text-decoration : underline; padding: 3px 0 3px 10px; margin: 0 0 0 0; border-bottom: 1px solid #E8EAEC; background: url(../images/bullet_arrow.gif) left no-repeat; background-position:0px 6px;}

div.image-copyright {
text-align: center; }
div.image-copyright p {
color: #aaa; display: inline; font-size: 9px; }














/* Liste */

div.listnavcontainertop {
float: left;
display: inline;
width: 100%;
padding: 0;
margin: 10px 0 10px 0;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1; 
}

div.listnavcontainerbottom {
float: left;
display: inline;
width: 100%;
padding: 0;
margin: 10px 0 10px 0;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
}

div.listnavcontainer {
float: left; 
display: inline;
padding: 0;
margin: 10px 0 0 0;
border-left: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
background: #EDEDED; 
}

div.listnav {
float: left; 
display: inline;
padding: 0;
margin: 0;
border-right: 1px solid #d1d1d1;
}

div.listnav2 {
float: left; 
display: inline;
padding: 0;
margin: 0;
border-right: 1px solid #d1d1d1;
}

p.listnav { font-size: 11px; font-weight: normal; color: #807F83; padding: 4px 5px 5px 5px; margin: 0 0 0 3px; text-decoration: none; display: block; }

p.listnav2 { font-size: 11px; font-weight: normal; color: #807F83; padding: 4px 5px 5px 0; margin: 0 0 0 0; text-decoration: none; display: block; }

p.seitennr										{ padding: 0; margin: 0; font-size:100%; font-weight: normal; }
a.seitennraus:link, a.seitennraus:visited		{ color: #E00000; font-size: 11px; font-weight: normal; padding: 4px 0.55em 5px 0.60em; margin: 0; display: block; background: #ffffff; }
a.seitennraus:active, a.seitennraus:hover		{ color: #000000; font-size: 11px; font-weight: normal; padding: 4px 0.55em 5px 0.60em; margin: 0; display: block; background: #E8E8E6; }
a.seitennran:link, a.seitennran:visited			{ color: #000000; font-size: 11px; font-weight: bold; padding: 4px 0.55em 5px 0.60em; margin: 0; display: block; background: #E8EAEC; }
a.seitennran:active, a.seitennran:hover			{ color: #000000; font-size: 11px; font-weight: bold; padding: 4px 0.55em 5px 0.60em; margin: 0; display: block; background: #E8EAEC; }

div.list-container {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

div.list-content-container {
float: left;
display: inline;
width: 100%;
margin: 5px 0 10px 0;
padding: 0;
border-bottom: 1px solid #d1d1d1;
}

div.list-content-container-last {
float: left;
display: inline;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
}

div.list-content {
float: left;
display: inline;
width: 460px;
margin: 0;
padding: 0 0 15px 0;
}

div.list-content-searchresult {
float: left;
display: inline;
width: 550px;
margin: 0;
padding: 0 0 15px 0;
}

div.list-content h2 { font-size: 20px; font-weight: bold; color: #000000; padding: 0; margin: 0 0 4px 0; text-decoration: none; line-height: 140%; }

div.list-content-searchresult h2 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 4px 0; line-height: 140%; }
div.list-content-searchresult h2 span { font-weight: normal; color: #000000; padding: 0; margin: 0 0 4px 10px; text-decoration: none; line-height: 140%; }

div.list-content p { font-size: 12px; color: #000000; padding: 0; margin: 0 0 8px 0; text-decoration: none; line-height: 140%;  }

div.list-content-searchresult p { font-size: 11px; color: #000000; padding: 0; margin: 0 0 8px 0; text-decoration: none; line-height: 140%; }


div.list-illu {
float: left;
display: inline;
width: 189px;
margin: 0 10px 0 0;
padding: 0;
}

div.list-illu img {
float: left;
display: inline;
width: 189px;
margin: 0;
padding: 0;
border: 0px;
}

/*
a:link.Schwarzer-Link, a:hover.Schwarzer-Link, a:visited.Schwarzer-Link, a.Schwarzer-Link:active, a:focus.Schwarzer-Link
 { color: Black !important; text-decoration: none !important;}
*/
 
 /* Footerlinks */

div.footerlinks {
float: left;
display: inline;
width: 670px;
margin: 10px 0 0 10px;
padding: 0 0 30px 0;
}

div.footerlinks ul {
list-style: none;
margin: 0;
padding: 0;
}

div.footerlinks ul li {
float: left;
display: inline;
margin: 0 0 6px 0;
padding: 0;
}

div.footerlinks ul li a:link, 
div.footerlinks ul li a:visited {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0 19px 0 0; padding: 0 0 0 8px; background: url(../images/bullet_footerlinks.gif) left top no-repeat; float: left; display: inline; }
div.footerlinks ul li a:hover, 
div.footerlinks ul li a:active {
font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; margin: 0 19px 0 0; padding: 0 0 0 8px; background: url(../images/bullet_footerlinks.gif) left top no-repeat; float: left; display: inline; }

/* Button */

span.button {
background: url(../images/button_left.gif) left no-repeat; padding:0 0 0 19px; margin:0 0 17px 0; width:100%; float:left; display:inline; clear:both; }

span.button a:link, span.button a:visited {
color: #ffffff; font-weight: bold; text-decoration: none; background: url(../images/button_right.gif) right no-repeat; padding: 6px 10px 7px 0; float: left; display: inline; clear: both; } 
span.button a:hover, span.button a:active {
color: #ffffff; font-weight: bold; text-decoration: none; background: url(../images/button_right.gif) right no-repeat; padding: 6px 10px 7px 0; float: left; display: inline; clear: both; }

/* Index */

div.index {
float: left;
display: inline;
width: 100%;
}

div.index ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

div.index ul li {
float: left;
display: inline;
width: 50%;
margin: 0;
padding: 0;
}

div.index li ul li {
float: left;
display: inline;
width: 90%;
margin: 0 0 0 15px;
padding: 0;
}

div.index ul li a:link, 
div.index ul li a:visited {
font-size: 13px; font-weight: bold; color: #e00000; text-decoration: none; margin: 0 0 12px 0; padding: 0 0 0 10px; background: url(../images/bullet_index.gif) left top no-repeat; float: left; display: inline; }
div.index ul li a:hover, 
div.index ul li a:active {
font-size: 13px; font-weight: bold; color: #000000; text-decoration: underline; margin: 0 0 12px 0; padding: 0 0 0 10px; background: url(../images/bullet_index_over.gif) left top no-repeat; float: left; display: inline; }

div.index li ul li a:link, 
div.index li ul li a:visited {
font-size: 13px; font-weight: bold; color: #e00000; text-decoration: none; margin: 0 0 12px 0; padding: 0 0 0 10px; background: url(../images/bullet_index.gif) left top no-repeat; float: left; display: inline; }
div.index li ul li a:hover, 
div.index li ul li a:active {
font-size: 13px; font-weight: bold; color: #000000; text-decoration: underline; margin: 0 0 12px 0; padding: 0 0 0 10px; background: url(../images/bullet_index_over.gif) left top no-repeat; float: left; display: inline; }




input.form-half {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 174px;
margin: 10px 5px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.form-half-last {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 174px;
margin: 10px 0px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.form-vorname {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 130px;
margin: 10px 5px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.form-nachname {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 150px;
margin: 10px 0px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.form-plz {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 102px;
margin: 10px 5px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

input.form-ort {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 246px;
margin: 10px 0px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

select.form-anrede {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 60px;
margin: 10px 5px 0 37px;
padding: 1px 0 1px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}
h2.formhead
{
    font-size:15px;
    font-weight: bold;
    color:#56606A;
	padding:20px 0 10px 0;
	float:left; 
	display:inline;
}
span.Validator
{
    display : none;
}




input.form-short {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 89px;
margin: 10px 5px 0 3px;
padding: 2px 0 2px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

select.laufzeit{
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 93px;
margin: 10px 5px 0 3px;
padding: 1px 0 1px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}

select.laufleistung {
float: left;
display: inline;
font-size: 10px;
font-weight: normal;
width: 93px;
margin: 10px 5px 0 3px;
padding: 1px 0 1px 3px;
color: #313A44;
border-top: 1px solid #84929e;
border-left: 1px solid #84929e;
border-bottom: 0px;
border-right: 0px;
}





.eur, .km2 {
float: left;
display: inline;
margin: 9px 0 0 0;
font-size: 11px;
font-weight: normal;
line-height: 150%;
color: #56606a; 
}



/* Finanzierung */

#ctl00_ContentPlaceHolderMain_ctl00_factoring_schlussrate {
	float:left; display:inline;
	margin-top:10px;}
	
	#ctl00_ContentPlaceHolderMain_ctl00_factoring_schlussrate label {
		font-size:11px; 
		color:#56606A;
		vertical-align: middle;
		margin-right:0px;}
	#ctl00_ContentPlaceHolderMain_ctl00_factoring_schlussrate input#ctl00_ContentPlaceHolderMain_ctl00_factoring_schlussrate_0 {
		vertical-align: middle;
		margin-right:3px;}
	#ctl00_ContentPlaceHolderMain_ctl00_factoring_schlussrate input#ctl00_ContentPlaceHolderMain_ctl00_factoring_schlussrate_1 {
		vertical-align: middle;
		margin-right:3px;
		margin-left:10px;}
		
#ctl00_ContentPlaceHolderMain_ctl00_factoring_jahreszins {	
	margin-top:9px;
	margin-right:13px;
	font-size:11px;
	float:left;}
	
	div.RadSlider{
	float:left;
	display:inline;
  }



#ctl00_ContentPlaceHolderMain_ctl00_leasing_leasingversicherung{
    margin-top:9px;
	margin-right:13px;
	font-size:11px;
	float:left;
}




/* TEASER */


.teasersupercontainer {
float: left;
display: inline;
width: 700px;
}

.teasersupercontainer .content {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}



.teaser-container {
float: left;
display: inline;
width: 343px;
height:127px;
margin: 0 6px 8px 0;
padding: 0;
background:url(../images/teaser_content_bg.gif) top no-repeat;}

.teaser-text {
float: left;
display: inline;
width: 321px;
margin: 11px 0 0 11px;
padding: 0;}

.teaser-text img {
float: right;
display: inline;
margin: 0 0 0 10px!important;}


.teaser-text h2 {
font-weight:bold!important;
margin:0 0 7px 0!important;}

.teaser-text h2 a:link,
.teaser-text h2 a:visited {
text-decoration:none;}
.teaser-text h2 a:hover,
.teaser-text h2 a:active,
.teaser-text h2 a:focus {
text-decoration:underline;}

.teaser-text p {
margin:0;}


.teaser-text a.detail-link:link,
.teaser-text a.detail-link:visited {
width: 217px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 0 0 10px 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_medium.gif) no-repeat; float: left; display: block; }
.teaser-text a.detail-link:hover,
.teaser-text a.detail-link:active,
.teaser-text a.detail-link:focus {
width: 217px; font-size: 11px; font-weight: normal; color: #e84000; text-decoration: none; margin: 0 0 10px 0; padding: 3px 0 5px 23px; background: url(../images/button_detail_medium.gif) no-repeat; float: left; display: block; }