

/** Layout **/
body {margin: 0px; padding: 0px;}
#wrapper {float: left; width: 100%; position: relative;}
#body {width: 979px; position: relative;}
#header {float: left; width: 100%; height: 204px; }
#homelink {position: absolute; left: 20px; top: 44px; display:block; z-index: 999;}
#topmenue {position: absolute; right: 0px; top: 0px; z-index: 100;}
#topmenue form {display: inline;}
#mm_pos {position: relative; width: 100%; height: 100%; z-index: 99; }
#mainmenue {position: absolute; bottom: -4px; right: -1px; height: 41px; overflow: hidden; }
#mainmenue #edge {float: left; }
#mainmenue #list {float: left; height: 41px; }
#content_wrapper {float: left; position: relative; top: -6px; padding-top: 6px;}
#left {float: left; width: 225px;}
#main {float: left; margin-left: 21px; width: 711px;}
#breadcrumb {float: left; width: 100%; padding: 10px 0px; }
#breadnav {float: left; width: 78%;  margin: 0px; padding: 0px; }
#print {float: right; width: 18%; }
#content {float: left; width: 100%;}
#footer {float: left; width: 100%;}

/** Layout Startseite **/
#left_wrapper {float: left; width: 434px; padding-left: 20px;}
#used_cars {float: left; width: 475px; margin-left: 20px; } 
#welcome {float: left;  width: 100%; }
#news {float: left;  width: 100%; }
#news .n_hd_wrap {float: left; width: 100%;}

/** Design Startseite **/
#used_cars {}
#used_cars h3 {}
#used_cars h3 a {color: #333333; border: none; }
#used_cars h3 a:hover {color: #333333; border: none;}  
#used_cars table {width: 100%; border: solid 4px #f0f0f0; border-collapse: collapse;} 
#used_cars td {border: solid 1px #f0f0f0; padding-left: 6px; line-height: 12px;}
#used_cars td.img {border-right: solid 4px #f0f0f0; padding: 4px; width: 200px; vertical-align: top;}
#used_cars td.price {border-top: solid 4px #f0f0f0; font-size: 18px; text-align: right; padding-right: 4px;}
#welcome {}
#news {}
#news .n_hd_wrap {margin-bottom: 2px;}
#news .n_hd {float: left;}
#news .n_hd h3 { display: inline;}
#news .n_hd h3 a {color: #333333; border: none;}
#news .n_hd h3 a:hover {color: #333333; border: none;}  
#news .n_date {float: right; }
#news .n_entity {float: left; padding: 4px; border: solid 1px #f0f0f0; margin: 2px 0px 10px 0px; width: 97%; } 
#news .n_img {float: left; padding: 0px 6px 6px 0px;}
#news .n_img a {border: none;}
#news .n_img a:hover {border: none;}
#news .n_entity {margin: 0px 0px 8px 0px; text-align: justify;}
.link {float: right;}
.link img {vertical-align: middle;}

 
/** Design  **/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
input {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p {padding: 0px; margin: 6px 0px; }
p, #content td, #content th, label, input, textarea, select, #content li { line-height: 18px; color: #4f585f; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
h1, h2, h3, h4, h5 {padding: 0px; margin-top: 12px; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size: 24px;  border-bottom: 1px solid #CCCCCC; color: #5D81BB; }
h2 {font-size: 18px; margin-bottom: 6px; color: #5D81BB; font-weight: normal; }
h3 {font-size: 14px; margin-bottom: 6px; color: #333333;}
h4 {font-size: 12px; margin-bottom: 0px; }
h5 {}
img {border: none;}
a {text-decoration: none; }

#wrapper {background: url(pics/bg.jpg) no-repeat;}
#body {}
#header {background: url(pics/bg.jpg) no-repeat;} /** Hier nochmal den Background, sonst gibts nen Bug wenn der Viewpoint < 979px ist **/

#topmenue { color: white; text-decoration: none; font-size: 11px; padding: 4px 0px; line-height: 20px;  vertical-align: top; overflow: hidden; }
#topmenue a {color: white; }
#topmenue img {vertical-align: middle;}
#topmenue img.spc {margin: 0px 4px;} 
#topmenue .search {border: solid 1px black; width: 94px; background: url(pics/form_bg.gif) scroll no-repeat; padding: 3px 20px 3px 3px;}
#topmenue .search_btn {position: relative; left: -17px; top: 2px;}
#topmenue input { font-size: 10px; color: #2f2e2e; vertical-align: middle;}

#mm_pos { }
#mainmenue { }
#mainmenue #list {background: url(pics/mm_bg.gif) repeat-x; }
#mainmenue ul { margin: 0px; padding: 0px; list-style-type: none; display: inline; height: 41px; line-height: 41px; clear: left; }
#mainmenue li {	display: inline; float: left; }
#mainmenue a {color: white; font-size: 16px; position: relative; top: -9px; font-weight: normal; display: inline; width: auto; float: left; padding: 6px 26px 0px 26px; }
#mainmenue a:hover, #mainmenue a:active, #mainmenue li.act a {background: url(pics/mm_act.gif) repeat-x; background-position: 0px 9px; }
#mainmenue li.spc {width: 1px; background: url(pics/mm_spc.gif); overflow: hidden;}

#content_wrapper {background: url(pics/bg_left.png) no-repeat;}
#left {}
#left h2 {color: white; font-weight: normal; margin: 6px 0px 0px 20px;}
#lmenue a {background: url(pics/arrow.gif) no-repeat; background-position: 20px 4px; padding-left: 34px; width: 192px; line-height: 21px; display: block; color: black; text-decoration: none;}
#lmenue a:hover, #lmenue li.act a {background: url(pics/act_bg.jpg) no-repeat; background-position: 0px 1px}
#lmenue ul {list-style: none; display: block; margin: 20px 0px 0px 0px; padding: 0px;}
#lmenue li {font-size: 12px; line-height: 21px; width: 100%; background: url(pics/list_bg.gif) no-repeat bottom;}

#left a {display: block;}
#logos {text-align: center; margin-top: 50px;}
#logos img {padding: 4px 0px;} 

#main {}
#breadcrumb {font-size: 11px; }
#breadcrumb img {vertical-align: middle; } 
#breadcrumb a {color: #949da4; }
#breadcrumb a:hover {color: black; text-decoration: underline; }
#breadnav img {padding: 0px 8px;}
#print {text-align: right;}
#content {}
#content a, .link a {border-bottom: solid 1px #CCCCCC; color: #000000;}
#content a:hover, .link a:hover {border-bottom: solid 1px #666666;}
#content ul {list-style: url(pics/arrow.gif)}
#content li {line-height: 18px;}
#content li ul {padding-left: 22px;}
#content img {}
#content input, #content textarea, #content select {background: url(pics/inp_bg.png) no-repeat; background-color:#FFFFFF; border: solid 1px #e4e4e4; border-top: none; border-left: none; padding: 4px; margin-top: 4px;}
#footer { font-size: 11px; color: #949da4; text-align: center; background: url(pics/bg_f.gif) no-repeat top; line-height: 30px; margin-top: 30px; }


table {border-collapse: collapse; width: 100%;}
#used_cars_list td {border-top: solid 4px #f0f0f0; border-bottom: solid 4px #f0f0f0; padding: 4px;  }
#used_cars_list table.detail {width: 450px;}
#used_cars_list table.detail td {padding: 2px 12px 1px 0px; line-height: normal; border: none; font-weight: bold;  }
#used_cars_list table.detail th {padding: 2px 4px 1px 0px; line-height: normal; font-weight: normal; text-align: left; width: 80px; }
#content #used_cars_list td, #content #used_cars_list th {font-size: 11px;}
#content .car_img {float: left; margin-right: 10px;  }
#content .car_img a { border: none; }
#content .car_header h3 {margin: 0px; padding: 0px; font-size: 13px;}
#content .car_text {line-height: normal; float: left; width: 600px; position: relative; }
#content .car_text .price {position: absolute;  right: 4px; bottom: 0px; font-size: 18px; }


#used_cars_right {float: right; width: 310px;}
#used_cars_right table {border: none; border-collapse: collapse; margin: 0px 0px 10px 0px;}
#used_cars_right td {border: solid 4px #f0f0f0;  }
#used_cars_right th {text-align: left;  border: none;}
#used_cars_right h3 {padding: 0px; margin: 0px;}
#used_cars_right table#contact td {font-size: 11px; vertical-align: top;}
#used_cars_right table#contact h4 {margin: 0px 0px 6px 0px; padding: 0px; font-size: 12px; border-bottom: solid 1px #f0f0f0;}
#used_cars_right .imgs a, #used_cars_right .imgs a:hover  {border: none;}
#used_cars_right td#contact_info {width: 80%;}
#used_cars_content table {width: auto;}
#used_cars_content td, #content #used_cars_content th {border: solid 1px #f0f0f0; border-left: none; border-right: none; padding-right: 18px;}
#used_cars_content td {font-weight: bold;  padding-top: 0px; padding-bottom: 0px;  }
#used_cars_content th {font-weight: normal; text-align: left; background:url(pics/spec.gif) no-repeat; background-position: 0px 4px;  padding-left: 17px;}
#used_cars_content ul {list-style-image: url(pics/conf.gif); padding: 0px 0px 0px 10px; margin: 0px 0px 0px 14px; }
#used_cars_content li {line-height: 20px; vertical-align: middle; margin: 0px; padding: 0px;}
#used_cars_content table.conf td {vertical-align: top; border: none;}

.pagebrowser {text-align: center; margin-top: 10px;}

.form_field {border: none; }
.form_field label {width: 100px; float: left;}
.form_field .must {color: #9CBD30;}
.form_field input {width: 200px;}
.form_button input {margin-left: 100px; width: auto; background: none; background-image: none; border: inherit;}

#sorting {margin: 20px;}
#sorting img {position: relative; top: 1px;}
#sorting h4 {display: inline; font-size: 14px;}
#sorting ul {list-style: none; display: inline; padding: 0px; margin: 0px;}
#sorting li {display: inline; padding: 6px;}
#sorting a { padding: 4px; background-color: #f7f9fc; border: solid 2px #d9e1ef;}
#sorting a:hover, #sorting .act a {background-color: #d9e1ef; border: solid 2px #5d81bb;}


/** Print **/
#print_wrapper {margin: 5px; }
#print_wrapper #content {float: none;}
#print_header {padding: 10px; border: solid 1px #DDD;	}
#print_header h1 {margin-top: 0px;}
#print_footer {font-size: 11px; color: #949da4; text-align: center; line-height: 30px; margin-top: 30px; }
#print_path {margin-top: 3px;}
#print_path img {padding: 0px 4px;}
#print_path a {color: black; }