html, body, div#top, div.wrapper, div#main, div#maincontainer{height:100%; min-height:100%; position:relative; }
div#maincontainer{position:static; padding-bottom:75px;}
body{background-image:url(img/header-stripe.gif); background-attachment:fixed;}
/*body{background-image:url(img/header-stripe.gif); background-repeat:repeat-x;}*/

h1{color:#00529e; font-size:20px; font-weight:normal; margin:0 0 20px; line-height:24px;}
h2 {color:#00529e; font-size:16px; font-weight:normal; clear:both; margin:0 0 5px; padding:20px 0 3px; border-bottom:1px dotted #00529e; background:none;}
h3{color:#00529e; font-size:13px; font-weight:bold; padding:20px 0 5px;}
h3 a{text-decoration:none;}
h4{color:#00529e; font-size:13px; font-weight:normal; padding:15px 0 5px;}
.content span.tab{float:left; width:70px; display:inline;}
.content span.tab2{float:left; width:110px; display:inline;}
.content span.tab3{float:left; width:150px; display:inline;}
ol{color:#00529e;}
ol li{color:#000;}
.top {margin-top:0; padding-top:0;}
a.small{font-size:11px;}
.cls { clear:both; }

/*Layout*/
#main{width:1000px; margin:0 auto; background-image:url("img/bg-webauto-mit-schatten.png"); background-repeat:repeat-y; padding-left:8px; height:auto !important; height:100%; min-height:100%;}
#main .content{margin:0 0 0 15px; width:855px; height:100%;}
#main .content .one     {width:90px; float:left; margin-right:15px;}
#main .content .two     {width:195px; float:left; margin-right:15px;}
#main .content .three   {width:300px; float:left; margin-right:15px;}
#main .content .four    {width:405px; float:left; margin-right:15px;}
#main .content .five    {width:510px; float:left; margin-right:15px;}
#main .content .six     {width:615px; float:left; margin-right:15px;}
#main .content .seven   {width:720px; float:left; margin-right:15px;}
#main .content .eight   {width:825px; float:left; margin-right:15px;}
#main #mainbar{float:left;}
#main #mainbar p{margin:0 0 10px;}
#main #mainbar ul {list-style-type:circle; padding-left:15px;}
#main div.hint{padding:5px 10px; border:2px solid #FF8A00; width:805px; margin-bottom:15px;}
#main div.hint h2{color:#FF8A00; border-bottom: 0; padding-top:10px;}
#main div.pos{padding:5px 10px; border:2px solid #084; width:100%; margin-bottom:15px; background-color: #e8f5ec;}

.payment_type { height:140px; }

/*Ads*/
/*.super-banner{height:105px; width:840px; text-align:right; position:relative;}
.skyscraper{width:1px; position:relative;}
.skyscraper #frnAdSky{position:absolute; left:865px; top:105px;z-index:9998;}*/

/*Header*/
#header{width:855px; position:relative;}
#header img.logo{float:left; width:205px; height:50px; margin:0 0 16px 15px;}
#ams {float:right; width:65px; margin:3px 15px 0 0;}
#ams p {color:#00529E; font-size:9px;}
#cockpit {float:right; height:65px; border:1px solid #00529e; border-bottom:none; background:#fff; width:300px; margin-right:15px; position:relative;}
#cockpit .loggedout div.input{float:left; padding:3px 0 0 8px;}
#cockpit .loggedout input[type=text], #cockpit input[type=password]{width:100px;}
#cockpit .loggedout input[type=submit]{margin-top:16px;}
#cockpit .loggedout a{margin:0 16px 0 8px; font-size:11px; color:#888;}
#cockpit .loggedin {color:#00529e;}
#cockpit .loggedin a{color:#00529e;}
#cockpit .loggedin div.logout{position:absolute; right:0; top:0; padding:1px 4px; background-color:#00529e; border:2px solid #fff;}
#cockpit .loggedin div.logout a{font-weight:bold; color:#fff; text-decoration:none;}
#cockpit .loggedin ul li{margin:2px 0 2px 8px;}
#cockpit .loggedin strong{display:block; margin:5px 8px 3px;}
#cockpit img.facebook {float:left; margin:-3px 5px 40px 2px;}

/* Navi */
#navi{clear:left; background-image:url(img/navi-bg.gif); background-repeat:repeat-x; height:60px;}
#navi .lavaLamp { position: relative; padding:0 5px 0; overflow: hidden; }
#navi .lavaLamp li {float: left;list-style: none; height:31px;}
#navi .lavaLamp li.back { /*background: url("../img/lava.gif") no-repeat right -31px;*/ background: url("../img/lava.gif") no-repeat right 0px; width: 9px; height:31px; z-index: 8; position: absolute;}
#navi .lavaLamp li.back .left {background: url("../img/lava.gif") no-repeat top left; height:31px; margin-right:2px;}
#navi .lavaLamp li a {position: relative; overflow: hidden; text-decoration: none; color: #fff; outline: none; text-align: center; top:7px; z-index: 10;  float: left; display: block; margin: auto 13px;}
#navi .lavaLamp li.current a {font-weight:bold; }

/* Subnavi */
#subnavi li a{width:195px; height:25px; display:block; text-decoration:none; background-color:#EBEFF7;}
#subnavi li a:hover, #subnavi li a.current{background-color:#00529E; color:#EBEFF7;}
#subnavi li a.current{background-image:url(img/subnavi-current.gif); background-repeat:no-repeat; background-position:180px 8px;}
#subnavi li a.current, #subnavi li a:hover{background-image:url(img/bg-h2-home.gif); background-repeat:repeat-x; background-position:180px -3px;}
#subnavi li span{display:block; padding:5px 10px;}
#subnavi li{margin:5px 0;}

/*Sidebar*/
#sidebar .box{background-color:#edf0f8; border:1px solid #00529e; width:195px; margin-bottom:15px;}
#sidebar .box h2{color:#fff; background:#00529e url(img/bg-blue.gif) repeat-x; font-size:14px; font-weight:normal; padding:4px 7px;}
#sidebar .boxcontent {padding:7px;}
#sidebar .boxcontent p {margin-bottom:7px;}
#sidebar .boxcontent h3 {margin:15px 0 5px;}
#sidebar label small {color:#888;}
#sidebarre .box{background-color:#edf0f8;}
#sidebarre .box p{padding:0 10px 10px;}
#sidebarre .box h3{padding:10px;}

/*Forms*/
label {color:#00529e;}
.formbox {clear:both; padding-top:10px;}
.formbox .box{float:left; margin-left:5px;}
.formbox .checkbox{float:left; margin:0 25px 3px 0; width:175px}
.content input[type=text]{height:18px;}
.content input[type=submit], .content a.button, button {box-sizing: content-box; border:1px solid #bf0000; padding:1px 5px 2px 10px; color:#fff; font-weight:normal; font-size:12px; background: url(img/button-bg-red.gif) repeat-x; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; text-decoration:none; width:auto; line-height:22px; padding:0 10px;}
button a:link, button a:hover, button a:visited, button a:active{color:#fff; text-decoration:none;}
.content a.bigbutton{border:2px solid #bf0000; padding:7px 25px 7px 25px; color:#fff; font-weight:normal; font-size:16px; background: url(img/bigbutton-bg-red.png) repeat-x; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; text-decoration:none;}
.content input[type=submit] {font-weight:bold;}
.content input[type=submit].back{background: url(img/bg-silver-back.gif) no-repeat;}
.content form span.mandatory{color:#bf0000;font-weight:bold;}
.content div.steps{margin:20px 0; color:#888;}
.content div.steps img{vertical-align:middle;}
.content div.steps span{margin:0;}/*margin:0 10px;*/
.content div.steps span.current{font-weight:bold; color:#00529e;}
.content div.btn-bar {clear:both; width:100%; height:20px; padding:25px 0;}
.content div.btn-bar .right{float:right;}
.content div.btn-bar .left{float:left;}

/*Pager*/
.content div.pager {margin-bottom:5px;}
.content div.pager ul {float:right; margin-bottom:5px;}
.content div.pager ul li{display:inline;  border:1px solid #00529e; margin:0 1px;}
.content div.pager ul li a{text-decoration:none; padding:0 4px;}
.content div.pager ul li.pagenr a:hover{background:#edf0f8;}
.content div.pager ul li.pagearrow {border:none;}
.content div.pager ul li.pagearrow img {margin:0 4px 1px 0;}
.content div.pager ul li.active{background-color:#00529e; color:#fff; font-weight:bold; padding:0 4px;}
.content div.pager ul li.dots{border:none;}
#car.content div.pager {height:20px;}

/*Fahrzeugliste allgemein*/
.content #mainbar div.carlist h2{clear:none; border:none; padding:0;}
.content #mainbar div.carlist {clear:both; border-top:1px solid #00529e; padding:15px 0;}
.content #mainbar div.carlist h2 a{text-decoration:none;}
.content #mainbar div.carlist img{width:150px; float:left; margin-right:15px;}
.content #mainbar div.carlist img.out-of-date{width:auto; float:none; position:relative; top:-32px; left:10px;}
.content #mainbar div.carlist span.out-of-date{color:#808080;}
.content #mainbar div.carlist div.price {float:right; width:90px; text-align:right; font-weight:bold; font-size:13px;}
.content #mainbar div.carlist div.watchlist {float:right; width:90px; text-align:right;margin-top:79px;}
.content #mainbar div.carlist p.intro {margin:5px 0; width:290px; float:left; }
.content #mainbar div.carlist p.list {margin:0 0 5px; width:270px; float:left; }
.content #mainbar div.carlist p strong{font-weight:normal; font-style:italic;}

/*usersearchorder*/
#usersearchorder span.tab2{color:#47657F;}
#usersearchorder .searchorder .properties {float:left; width:410px; padding-right:15px;}
#usersearchorder .searchorder .properties ul{margin-left:110px;}

/*Image-Upload*/
div.upload{float:right; background-color:#EBEFF7; width:280px; padding:10px;}
div.upload h3{padding-top:0;}
div.upload p.teaser{font-size:11px;}
ul#image-sorter a{font-size:11px;}

/*Tools*/
#userwatchlist #mainbar div.toolbox{position:absolute; left:465px; top:70px;}
#mainbar div.toolbox, #mainbar div.toolbar{background-color:#EBEFF7; line-height:22px; padding:3px 0;}
#mainbar div.toolbox{width:150px; float:right;position:relative; }
#usercomparelist #mainbar div.toolbox{width:140px; float:none;}
#usercomparelist #mainbar table.comparelist{table-layout: fixed;}
#usercomparelist #mainbar th.col {width:150px; overflow:hidden;}
#usercomparelist #mainbar th.col div {width:150px; overflow:hidden;}
#mainbar div.toolbar{width:100%;}
#mainbar div.toolbox a, #mainbar div.toolbar a{background-repeat:no-repeat; text-decoration:none; display:block; line-height:12px; height:16px; padding:4px 5px 3px 25px;}
#mainbar div.toolbox a{ width:120px;}
.content #mainbar div.carlist .ad-archive-preview{display:none; position:absolute; z-index:100; top:-1px; right:200px; background-color: #EBEFF7; border:1px solid #fff; padding:4px 4px 10px; width:300px;}
.content #mainbar div.carlist .ad-archive-preview h3 {font-weight:normal; font-size:14px; margin-bottom:5px; color:#333;}

#mainbar div.toolbox a:hover, #mainbar div.toolbar a:hover{background-color:#fff;}
#mainbar div.toolbox a.watchlist{background-image:url(img/iconset.gif); background-position:5px 1px;}
#mainbar div.toolbox a.delete{background-image:url(img/iconset.gif); background-position:5px -23px;}
#mainbar div.toolbox a.notice{background-image:url(img/iconset.gif);  background-position:5px -44px;}
#mainbar div.toolbox a.compare{background-image:url(img/iconset.gif); background-position:5px -67px;}
#mainbar div.toolbox a.details{background-image:url(img/iconset.gif); background-position:5px -111px;}
#mainbar div.toolbox a.edit{background-image:url(img/iconset.gif); background-position:5px -133px;}
#mainbar div.toolbox a.contract{background-image:url(img/iconset.gif); background-position:5px -156px;}
#mainbar div.toolbox a.image{background-image:url(img/iconset.gif); background-position:5px -177px;}
#mainbar div.toolbox a.print{background-image:url(img/iconset.gif); background-position:5px -199px;}
#mainbar div.toolbox a.search{background-image:url(img/iconset.gif); background-position:5px -221px;}
#mainbar div.toolbox a.email{background-image:url(img/iconset.gif); background-position:5px -242px;}
#mainbar div.toolbox a.recommend{background-image:url(img/iconset.gif); background-position:5px -242px;}
#mainbar div.toolbox a.facebook{background-image:url(img/iconset.gif); background-position:5px -285px;}
#mainbar div.toolbox a.twitter{background-image:url(img/iconset.gif); background-position:5px -263px;}
#mainbar div.toolbox a.allcars{background-image:url(img/iconset.gif); background-position:5px -374px;}

#mainbar div.toolbar a.new{background-image:url(img/iconset.gif); background-position:5px -89px; width:110px;}

#mainbar div.toolbox input[type=checkbox]{margin:5px 0 0 8px; float:left;}
#mainbar div.toolbox label{margin-left:8px;}


/*Tabellarische Auflistung*/
table.list{width:100%;}
table.list th{border-bottom:1px solid #000;}
table.list th, table.list td{padding:2px 15px 2px 0;}

/*Dialogboxen*/
.ui-dialog #dialog-newaccount input[type=radio]{margin-right:5px;}
.ui-dialog #dialog-newaccount label.radio{margin-right:25px;}
.dialogbox {display:none; width:300px; height:150px; background:#fff; position:fixed; top:50%; left:50%; margin-top:-135px; margin-left:-150px; z-index:100; padding:5px; border:1px solid #E1E1E1; box-shadow:5px 5px #a9a9a9;}
.dialogbox .dialog-header {background:#EBEFF7; height:26px;}
.dialogbox .dialog-content {clear:both; padding:6px;}
.dialogbox .dialog-content p {margin-bottom:5px;}
.dialogbox .dialog-footer {clear:both; padding:6px;}
.dialogbox .dialog-footer .right {float:right;}
.dialogbox h1 {float:left; font-size:18px; line-height:22px; padding:0 0 0 6px; margin:0;}
.dialogbox .close {float:right; color:#00529E; font-weight:bold; padding:5px 10px 0 0;}

/*Sortierbare Tabelle*/
table.sortable th {background-repeat:no-repeat; background-position: 0 5px; padding-left:12px; cursor:pointer;} 
table.sortable th.header {background-image: url(img/iconset.gif); background-position:-3px -353px;} 
table.sortable th.headerSortUp {background-position:-3px -309px;} 
table.sortable th.headerSortDown {background-position:-3px -331px;} 

/*Trenner*/
div.trenner{background-repeat:x-repeat; background-image:url(img/trenner.gif); height:7px; margin:15px 0; width:100%;}

/*Footer*/
#footer {margin-left:15px; width:825px; clear:both;} /*position:absolute; bottom:0;}*/
#footer #social{float:left; margin-top:-5px;}
#footer-nav {float:right; text-align:right; }
#footer-nav ul li{display:inline; padding:0 8px 0 5px; border-right:1px solid #00529e;}
#footer-nav ul li.last{border-right:none;}
#footer #language {margin:10px 10px 0 0;}
#footer #language img{width:15px; height:10px; margin-left:5px;}

span.sup{vertical-align:super; font-size:10px;}
tr.para td{padding-top:7px;}