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

body{font:normal 12px Arial; width:1000px}

a{color:#333; text-decoration:none;}

a:hover{color:#fff; text-decoration:none;}

a.footer{color:#333; text-decoration:none;}

a.footer:hover{color:#00ADEF; text-decoration:none;}

a.popup{color:#333; text-decoration:none;}

a.popup:hover{color:#00ADEF; text-decoration:none;}

h1{font-size:16px}

h2{margin-bottom:6px; padding-bottom:1px; color:#333; font-size:12px; line-height:14px; background:bottom left url(../images/dotted_33.gif) repeat-x}

h3.modyfinder{padding-bottom:1px; color:#6C6A6C; font-size:12px; line-height:14px;}

ul{list-style:none}

br.clear{width:0px; height:0px; line-height:0px; clear:both}

button, a.button{display:block; width:auto; overflow:visible; height:18px; float:left; padding:0px 10px 0px 20px; font-size:11px; text-align:left; line-height:18px; text-decoration:none; color:white; background-color:#333333; background-repeat:no-repeat; background-position:10px center; background-image:url(../images/arrow_right.gif); border:none; outline:none}

button.active {display:block; width:auto; overflow:visible; height:18px; float:left; padding:0px 10px 0px 20px; font-size:11px; text-align:left; line-height:18px; text-decoration:none; color:white; background-color:#666666; background-repeat:no-repeat; background-position:10px center; background-image:url(../images/arrow_right.gif); border:none; outline:none}

/* button:hover, a.button:hover {background-color:#527bb9; cursor:pointer} */
button:hover, a.button:hover {background-color:#00ADEF; cursor:pointer}


#navigation button, #navigation a.button{
	overflow:visible; 
	display:block; 
	width:auto; 
	height:20px; 
	padding:0 0 0 20px; 
	background:transparent url(../images/btn_navbar_hi_lo_l.gif) 3px 0px  no-repeat; 
	border:none; 
	outline:none
}

#navigation button span, #navigation a.button span {
	height:20px; 
	font-size:12px; 
	font-weight:bold; 
	text-align:left; 
	line-height:20px; 
	text-decoration:none; 
	color:white; 

	background: transparent url('../images/btn_navbar_hi_lo_r.gif') no-repeat top right;
	padding: 4px 10px 4px 5px; /* IE changes in main_ie.css */
}


#navigation button:hover, #navigation a.button:hover, #navigation button.active{background-position: 3px -25px; cursor:pointer}
#navigation button:hover span, #navigation a.button:hover span, #navigation button.active span{background-position: right -25px; cursor:pointer; color:#808080}


#navigation .btn_help, #navigation .btn_help_active{
	overflow:visible; 
	display:block;
	width:auto;
	height:20px; 
	padding: 0 0 0 23px; 
	background:transparent url(../images/btn_navbar_faq_l.gif) 3px 0px no-repeat; 
	border:none; outline:none
}

#navigation .btn_help span, #navigation .btn_help_active span{ 
	width:auto;
	height:20px; 
	font-size:12px; 
	font-weight:bold; 
	text-align:left; 
	line-height:20px; 
	text-decoration:none; 
	color:white; 

	background: transparent url('../images/btn_navbar_hi_lo_r.gif') no-repeat top right;
	display: inline;
	padding: 4px 10px 4px 5px; /* IE changes in main_ie.css */
	overflow: hidden;}

#navigation .btn_help:hover, #navigation .btn_help_active  {background-position: 3px -25px; cursor:help}

#navigation .btn_help:hover span, #navigation .btn_help_active span{background-position: right -25px; cursor:help; color:#808080}

.btn_close{width:11px !important; height:11px !important; padding:0px; background:0px 0px url(../images/icon_x.gif) no-repeat #fff}

.btn_info, .btn_info:hover {position:relative; top:-1px; width:12px !important; height:12px !important; padding:0px !important; margin-right:4px; background:0px 0px url(../images/icon_info.gif) no-repeat transparent !important}

.btn_info:hover {background-color:#527bb9; cursor:pointer}



#head{position:relative; height:93px; background:transparent url(../images/bg_header.jpg) no-repeat top left }

#logo{position:absolute; left:103px; top:25px}
#logo_txt{float:left; margin-left:49px; }

#claim{position:absolute; right:10px; bottom:32px}

#finder #headline{position:absolute; top:16px; left:20px}

#content{position:relative; height:470px; background: #ffffff top left no-repeat}

#content_werk{position:relative; height:470px; background: #ffffff url(../image/bg/start_carline_select_passenger.jpg) top left no-repeat}

#navigation{position:absolute; top:0px; left:15px; width:970px }

#navigation li{float:left; margin:0px 3px 0px 0px}

li#nav_faq, li#nav_home{float:right; margin:0px 0px 0px 0px}

.scrollbar{position:absolute; left:750px; top:52px; width:7px; height:322px; background-color:#ccc}

.indicator{position:absolute; height:32px; width:7px; background:center center url(../images/scrollbar_knob.gif) no-repeat #999}

.carlinecontainer{position:absolute; left:560px; top:12px; height:70px; width:200px;z-index:20;}

.scrollbar_arrow_up{position:absolute; left:751px; top:43px; width:5px; height:5px; background:left top url(../images/scrollbar_arrow_up.gif) no-repeat}

.scrollbar_arrow_down{position:absolute; left:751px; top:380px; width:5px; height:5px; background:left top url(../images/scrollbar_arrow_down.gif) no-repeat}

.indicator:hover, .scrollbar_arrow_up, .scrollbar_arrow_down{cursor:pointer}

#foot{height:27px; background: transparent url(../images/bg_footer.jpg) no-repeat top left;}

#foot a{text-decoration:none}
#foot ul {padding-top: 5px;padding-right:10px;}

#foot ul li{float:right; color:#535353; font-size:10px; padding:2px 0px 0px 0px; /*border-right:2px solid #d2d2d2*/}

#foot ul li#meta_contact{float:left}

#foot ul li#meta_privacy{border-right:none}

#finder{position:absolute; left:15px; top:60px; width:770px; height:389px; background-image:url(../images/gradient_finder.gif)}

#container{position:absolute; left:19px; top:52px; width:719px; height:322px; padding:0px 1px; overflow:hidden}

#devices{position:absolute; width:719px}

#finderbox{position:absolute; left:785px; top:60px; width:170px; height:389px; padding:0px 15px; background-image:url(../images/gradient_finderbox.gif)}

#finderbox #manufacturerbox {position: absolute; top: 150px;width:170px;}

#finderbox #manufacturerbox #leftcolumn{ position: absolute; top: 40px; z-index: 5; width: 75px; }

#finderbox #manufacturerbox #rightcolumn{ position: absolute; top: 40px; left: 90px; z-index: 9; width: 75px; }

#finderbox #hl_car_model{margin-top:54px}

#finderbox #hl_show_manufacturer{margin-top:23px}

#finderbox #hl_compare_devices{position:absolute; top:290px; width:170px}

#finderbox ul{margin-left:0px}

#finderbox ul.rechts{left:0px;padding-top:0px;position:relative;z-index:11;}

#finderbox li{width:120px; padding-right:10px; position:relative !important}


#finderbox li .btn_info{position:absolute; right:5px}

#finderbox button{width:170px; margin-bottom:10px}

#finderbox button#compare_selection{padding: 0 0 3px 21px; width:170px; height:20px; position:absolute; top:338px; background:transparent url(../images/btn_hi_lo.gif) 0px 0px no-repeat}
#finderbox button:hover#compare_selection{background-position: 0px -26px }

#finderbox button#compare_all{padding: 0 0 3px 21px; width:170px; height:20px; position:absolute; top:313px; background:transparent url(../images/btn_hi_lo.gif) 0px 0px no-repeat}
#finderbox button:hover#compare_all{background-position: 0px -26px }

.checkbox{float:left; position:relative; top:1px; width:11px; height:11px; margin-right:7px}

.checkbox input{display:none}

.cb_big{background-image:url(../images/checkbox_big.gif)}

.cb_small{background-image:url(../images/checkbox_small.gif)}

.cb_selected{background-position:-11px}

.brand{clear:both; position:relative;/* height:115px;*/ margin-bottom:5px; padding-top:1px; background:top left url(../images/dotted_brand.gif) repeat-x #fff}

.brand .btn_close{position:absolute; top:3px; right:5px}

.brand .devices{margin-top:2px; padding-top:17px; background-color:white}

.brand .device{position:relative; float:left; width:69px; height:110px; margin-top:2px; overflow:visible}

.brand .device:hover{cursor:pointer; background:4px 0px url(../images/device_box.gif) no-repeat}

.brand .device .image{width:59px; height:59px; margin:1px; text-align:center; background-repeat:no-repeat; background-position:center center}

.brand .device .image img{margin:4px 0px 0px 6px; border:none}

.brand .device .model{margin-top:-3px; font-size:11px; display:block; width:68px; text-align:center}

.brand .device .checkbox{margin-left:29px;}

#disclaimer{position:absolute; width:800px; height:400px; overflow:hidden; z-index:100; background:#dadbdd}

#disclaimer #title{height:18px; padding-left:10px; font-size:11px; font-weight:bold; color:white; background-color:#666; border-bottom:1px solid black}

#disclaimer #title span{line-height:18px; float:left}

#disclaimer #title .btn_print, #disclaimer #title .btn_x{font-size:10px !important; font-weight:bold; float:right}

#disclaimer .scrollbar{left:780px; top:60px; height:300px}

#disclaimer .scrollbar_arrow_up{left:781px; top:50px}

#disclaimer .scrollbar_arrow_down{left:781px; top:365px}

#disclaimer_container .scroll_content{position:absolute}

#device_details{position:absolute; width:800px; background:0px 0px url(../images/gradient_device_details_device.gif) repeat-y #dadbdd; overflow:hidden;}

#device_details #title{height:18px; padding-left:10px; font-size:11px; font-weight:bold; color:white; background-color:#666; border-bottom:1px solid black}

#device_details #title span{line-height:18px; float:left}

#device_details #title .btn_print, #device_details #title .btn_x{font-size:10px !important; font-weight:bold; float:right}

#device_details #device{position:absolute; left:0px; top:20px; width:185px; padding:0px 10px; background-color:#e5e5e5}

#device_details #device .image{padding-top:30px; text-align:center}

#device_details #information{padding-left:215px; padding-right:10px; height:380px;}

#device_details #information h2{font-size:11px; line-height:16px; background:none; margin:0px 0px 0px 5px}

#device_details #information table{width:100%; border-spacing:0px; border-collapse:collapse; background:left top url(../images/gradient_device_details_table.gif) repeat-y #eeeef0}

#device_details #information th{color:#333; font-weight:normal; font-size:9px; line-height:11px; text-align:center; vertical-align:top; padding:7px 4px 4px 5px; border-bottom:1px solid #dadbdd; background:right top url(../images/dotted_vertical.gif) repeat-y transparent}

#device_details #information td{height:14px; font-size:9px; line-height:14px; background:right top url(../images/dotted_vertical.gif) repeat-y white; text-align:center}

#device_details #comment{height:91px; font-size:10px; color:#333; background-color:white}

#device_details #download{height:40px; padding:10px 5px; background-color:white}

#dim{position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:101; background-color:black; opacity:0.5; -moz-opacity:0.5; filter:Alpha(opacity=50)}

#cluster_tabs{position:absolute; left:159px; top:42px; font-size:0px}

#cluster_tabs button{float:left; color:#333; background-color:white; padding:0px 9px; margin-right:5px; opacity:0.7; -moz-opacity:0.7; filter:Alpha(opacity=70)}

#cluster_tabs button.selected{opacity:1.0; -moz-opacity:1.0; filter:Alpha(opacity=100)}

#compare_container{position:absolute; left:15px; top:60px; width:970px; height:384px; overflow:hidden}

.compare{width:970px; border-spacing:0px; border-collapse:collapse}

.compare_hide{display:none !important}

.compare .checkmark{font-family:Wingdings; font-size:14px; color:#527bb9}

.compare .feature{}

#tooltip{position:absolute; max-width:250px; min-width:100px; padding:2px 8px 8px 2px; text-align:left; background-color:#ccc; opacity:0.9; -moz-opacity:0.9; z-index:5000}
#tooltip h3{font:normal 12px Arial; color:black}

.compare tr.feature_head, 
.compare tr.feature_head th, 
.compare tr.feature_head td{height:31px !important}

.compare tr.feature_head{background:url(../images/gradient_compare_table.gif) repeat-y; background-color: #edeef2}

.scrollcontent tr.feature_head{visibility:hidden}

.compare tr.manufacturer, 
.compare tr.manufacturer th, 
.compare tr.manufacturer td{height:18px !important}

.compare tr.device_features, 
.compare tr.device_features th, 
.compare tr.device_features td{height:18px !important}

.compare tr.rspace_collector
.compare tr.rspace_collector th, 
.compare tr.rpsace_collector td{height:0}

.compare tr.rspace_none, 
.compare tr.rspace_none th, 
.compare tr.rspace_none td,{height:0px}

.compare th{color:#333; font-weight:normal; font-size:10px; vertical-align:top}



.compare th.feature, .compare th.feature_narrow{width:92px; padding:7px 4px 4px 5px; border-bottom:1px solid #dcdcde}
.compare th.feature_narrow{width:62px;}

.compare td, .compare td.narrow{width:100px; text-align:center; background:right top url(../images/dotted_vertical.gif) repeat-y white; border:1px solid white; border-bottom:1px solid #dcdcde}
.compare td.narrow{width:70px;}

.compare .manufacturer{padding-left:10px; text-align:left; background-color:#dadbdd}

.compare .device, .compare .features{width:113px !important; padding-left:30px; text-align:left; line-height:16px; opacity:0.9; -moz-opacity:0.9; filter:Alpha(opacity=90); border-bottom:1px solid #dcdcde}

.compare .device{background-color:#dadbdd;}

.compare .device:hover {color:#ffffff !important; width:113px !important; padding-left:30px; text-align:left; line-height:16px; background-color:#00ADEF; opacity:0.9; -moz-opacity:0.9; filter:Alpha(opacity=90); border-bottom:1px solid #dcdcde}

.compare .deviceleer {width:113px !important; padding-left:30px; text-align:left; line-height:16px; background-color:#dadbdd; opacity:0.9; -moz-opacity:0.9; filter:Alpha(opacity=90); border-bottom:1px solid #dcdcde}

.compare .features{padding-top:9px; font-weight:bold !important; border-right:1px solid #dcdcde}

/*.compare .features div{width:133px}*/

.compare th.comment{width:auto !important; height:31px; padding:9px 0px 0px 10px; text-align:left; font-weight:bold; border-bottom:1px solid #dcdcde}

.compare td.comment{width:auto !important; padding-left:5px; text-align:left; color:#333; font-size:11px; line-height:11px; white-space:pre}

.compare .comment div.kommentar{margin-left:12px; width:auto !important}

.compare .spacer{width:auto !important}

.compare_head{position:absolute; left:15px; top:60px; width:970px; z-index:100}

.feature .label, .feature_narrow .label{position:relative; width:100%; cursor:help; z-index:1}

.kommentar {position:relative; width:100%; cursor:default; z-index:1}

.expand, .collapse{display:block; float:left; position:relative; top:1px; width:12px; height:12px; margin-right:8px; background-image:url(../images/collapse_expand.gif); background-position:12px 0px; cursor:pointer}

.collapse{background-position:0px 0px}
 
.expand input, .collapse input{display:none}

#faq #categories{position:absolute; left:30px; top:107px; width:488px}

#faq #categories li{float:left; padding:2px 7px; background-color:#333333; margin-right: 5px}

#faq #categories .active{background-color:#666666}

#faq #categories #category-1{}

#faq #categories #category-2{}

#faq #categories li a{text-decoration:none; color:#ffffff}

#faq_headline{position:absolute; top:41px; left:30px}

#faq_show_all{position :absolute; top :423px; right :482px}

#faq_show_all button{font-weight :normal; background-image :none; padding :2px 7px}

#faq_search .search {padding: 2px 7px; font-weight:bold; float: left; color: #666666 }

#faq_search .search_txt {padding: 2px 0px; font-weight:normal; float: left; color: #666666 }

#faq_search{background-color: #CCCCCC; position:absolute; top:130px; left:30px; width: 488px; padding: 7px 0}

/*#faq_search button{ }*/

#faq_search input{float:left; border :none; font-size:12px; width:140px; height:16px; border: 1px solid #333333}

#faq_search_ie .search {padding: 2px 7px; font-weight:bold; float: left; color: #666666 }

#faq_search_ie .search_txt {padding: 2px 0px; font-weight:normal; float: left; color: #666666 }

#faq_search_ie{background-color: #CCCCCC; position:absolute; top:130px; left:30px; width: 488px; padding: 7px 0}

#faq_search_ie input{float:left; border :none; font-size:12px; width:140px; height:17px; border: 1px solid #333333}

#faq_content{position:absolute; top:170px; left:30px; width:488px; height:274px; background-color:#ccc; overflow:hidden;}

#faq_content .scroll_content{position:absolute; padding:14px 10px 40px 15px;}

#faq_content ul{}

#faq_content ul li{clear:both; padding:6px 0px 0px 0px; margin:0px 0px 17px 0px; background:top left url(../images/dotted_33.gif) repeat-x}

#faq_content ul li.active{background-color:white;}

#faq_content ul li div.question{float:left; width:440px; font-weight:bold; font-size:11px; color:#333}

#faq_content ul li div.answer{clear:both; display:none; padding-bottom:13px; margin:10px 0px 0px 20px; font-size:11px; color:#333}

#faq .scrollbar{top:170px; left:528px; height:274px}

#faq .scrollbar_arrow_up{top:161px; left:529px}

#faq .scrollbar_arrow_down{top:448px; left:529px}
#comment_wrapper{position:relative}

#comment_content{ position :absolute;  top:0px; left:0px;  width :575px;  height :91px;  overflow :hidden}

#comment_content .scroll_content{ position :absolute;  padding :5px 10px 14px 15px}
#comment .scrollbar{ top:6px; left:567px; height:79px}

#comment .scrollbar_arrow_up{ top:0px; left:568px}

#comment .scrollbar_arrow_down{ top:87px; left:568px}

#download .item{position:relative; float:left; width:90px; height:31px; color:#333; font-size:9px; line-height:9px; font-weight:bold; text-decoration:none; padding:4px 0px 5px 40px; margin:0px 10px 0px 0px; background-image:url(../images/icon_pdf.gif); background-repeat:no-repeat; background-position:top left}

#download .item span{display:block; position:absolute; left:40px; bottom:4px; width:13px; height:9px; background-image:url(../images/download.gif); background-repeat:no-repeat; background-position:top left}

#download .item a span{display:none}

#download .itemhtml{position:relative; float:left; width:90px; height:31px; color:#333; font-size:9px; line-height:9px; font-weight:bold; text-decoration:none; padding:4px 0px 5px 40px; margin:0px 10px 0px 0px; background-image:url(../images/icon_html.png); background-repeat:no-repeat; background-position:top left}

#download .itemhtml span{display:block; position:absolute; left:40px; bottom:4px; width:13px; height:9px; background-image:url(../images/download.gif); background-repeat:no-repeat; background-position:top left}

#download .itemhtml a span{display:none}

#compare .scrollbar{left:990px; top:60px; height:384px}

#compare .scrollbar_arrow_up{left:991px; top:50px}

#compare .scrollbar_arrow_down{left:991px; top:450px}

#compare_container .scroll_content{position:absolute}

.mba_device_details{        width                  :768px !important;         background             :#dadbdd url(../images/mba_gradient_device_details_device.gif) repeat-y !important}

.mba_device_details #device{ width :270px !important}

.mba_device_details #device .image{ text-align :left !important}

.mba_device_details #device .image #device_img{ position :absolute;  left :0px;  top :40px;  width :90px !important}

.mba_device_details #device .image #cradle{ position :absolute;  left :90px;  top :60px}

.mba_device_details #device .order_number{ position :absolute;  left :90px;  top :350px}

.mba_device_details #device .image_txt{ position :absolute;  left :170px;  top :300px; z-index:5100}

.mba_device_details #information{ padding-left :300px !important}

#mba_features{ position :relative;  width :460px;  height :308px;  overflow :hidden}

.mba_device_details .scrollbar{ top :14px; left:449px;  width :7px;  height :282px}

.mba_device_details .scrollbar_arrow_up{ top :5px; left:450px}

.mba_device_details .scrollbar_arrow_down{ top :300px; left:450px}

#mba_features_content{ width :438px;  height :308px;  position :absolute;  overflow :hidden;  left :0px;  top :0px}

#mba_features_content .scroll_content{ padding :0px 0px 0px 0px;  position :absolute}



#carline_select{width: 175px; position: relative; margin: 0px 0px 6px -1px !important; padding: 0px; z-index: 15; background:transparent url(../images/drop_down_btn.gif) top left no-repeat}
#carline_select:hover{background-position: 0px -29px}

#carline_select li {margin: 0px; padding: 0px; }

#carline_select li a, #carline_select li a:focus {display: block; width: 160px;	height: 19px; margin: 0px; padding: 0px 8px 0px 7px; color: #666666; text-decoration: none; line-height: 16px;  outline: none}

#carline_select li ul {	display: none;	position: absolute; z-index: 14; left: 0px; top: 19px; margin: -3px 0px 0px 0px !important;}

#carline_select li ul li a, #carline_select li ul li a:focus { 	width: 160px; height: 17px;  margin: -2px 0px 0px 0px; background: transparent url(../images/drop_down_menu.gif) top left no-repeat}

#carline_select li ul li a:hover { background-position: 0px -26px}

#carline_select li ul li a.active { width: 155px; background-position: 0px -18px}

#seop_select{width: 175px; height: 20px; position: relative; margin: 0px 0px 6px -1px !important; padding: 0px; z-index: 13; background:transparent url(../images/drop_down_btn.gif) top left no-repeat}
#seop_select:hover{background-position: 0px -29px}

#seop_select li {margin: 0px; padding: 0px; }

#seop_select li a, #seop_select li a:focus {display: block; width: 160px;	height: 19px; margin: 0px; padding: 0px 8px 0px 7px; color: #666666; text-decoration: none; line-height: 16px;  outline: none}

#seop_select li ul {	display: none;	position: absolute; z-index: 12; left: 0px; top: 19px; margin: -3px 0px 0px 0px !important;}

#seop_select li ul li a, #seop_select li ul li a:focus { 	width: 160px; height: 17px;  margin: -2px 0px 0px 0px; background: transparent url(../images/drop_down_menu.gif) top left no-repeat}

#seop_select li ul li a:hover { background-position: 0px -26px}

#seop_select li ul li a.active { width: 155px; background-position: 0px -18px}

#carrier_select{width: 175px; position: relative; margin: 0px 0px 6px -1px !important; padding: 0px; z-index: 11; background:transparent url(../images/drop_down_btn.gif) top left no-repeat}
#carrier_select:hover{background-position: 0px -29px}

#carrier_select li {margin: 0px; padding: 0px; }

#carrier_select li a, #carline_select li a:focus {display: block; width: 160px;	height: 19px; margin: 0px; padding: 0px 8px 0px 7px; color: #666666; text-decoration: none; line-height: 16px;  outline: none}

#carrier_select li ul {	display: none;	position: absolute; z-index: 10; left: 0px; top: 19px; margin: -3px 0px 0px 0px !important;}

#carrier_select li ul li a, #carline_select li ul li a:focus { 	width: 160px; height: 17px; margin: -2px 0px 0px 0px; background: transparent url(../images/drop_down_menu.gif) top left no-repeat}

#carrier_select li ul li a:hover { background-position: 0px -26px}

#carrier_select li ul li a.active { width: 155px; background-position: 0px -18px}




#servicenavi{width: 200px; position: relative; top:90px; left:35px; margin: 0px 0px 6px -1px !important; padding: 0px; z-index: 20; top left no-repeat}

#carlinenavi{width: 675px; position: absolute; top:90px; left:350px; margin: 0px 0px 6px -1px !important; padding: 0px; z-index: 25; top left no-repeat}

#bereichsnavi{width: 675px; position: absolute; top:90px; left:650px; margin: 0px 0px 6px -1px !important; padding: 0px; z-index: 25; top left no-repeat}

#service_headline{position:absolute; top:41px; left:30px}