@import "reset.css";
@import "default.css";
@import "navigation.css";
a{color:#FF9900;outline:none;text-decoration:none}
body{margin:0 auto;width:980px}
h1{text-transform:uppercase}
hr{border:1px solid #ffffff;border-bottom:1px solid #FFDFAF;clear:both}
body,textarea,input.text{font-family:Arial;font-size:12px}
dl.empty dt{visibility:hidden}
dl.empty select{width:100%}
dl.first-product{padding-left:213px}
dl.product{float:left;margin:0 4px;width:213px}
dl.product dd{padding-top:24px}
dl.product dd.image{height:auto;padding-top:0;text-align:center}
dl.product dt{background:url(img/compare_label_bg.gif) top center no-repeat;color:#ffffff;font-family:"Impact",Arial;font-size:19px;height:24px;line-height:24px;padding:0 0 0 20px}
#compare-menu{bottom:0;left:0;position:absolute;width:200px}
#compare-menu li a{vertical-align:bottom}
.compare-overview td{background:#EDEDED;border:1px solid #fff;line-height:14px;padding:1px 0 1px 8px;vertical-align:top;width:214px}
.compare-overview td img{padding-bottom:0;padding-top:1px;vertical-align: top;}
.compare-overview th{color:#FF9900;font-weight:bold;line-height:60px;text-transform:uppercase}

#compare-wrapper{overflow:auto;position:relative}
#content{border-left:1px solid #FFDFAF;border-right:1px solid #FFDFAF;clear:both;padding:50px 50px 20px 50px;width:878px}
#content #ct-left #folder-form h2{color:#00357C;font-family:Arial;font-size:16px;font-weight:bold;letter-spacing:0;padding-bottom:5px;padding-top:10px}
#content h1,#content h2{font-family:"Impact",Arial}
#ct-left{float:left;width:200px}
#ct-right{float:right;width:640px}
#ct-right h1{color:#000;font-family:"Impact";line-height:25px;margin-bottom:25px}
#folder-form{background:url(img/small_form_bg.png) no-repeat;height:155px;margin:20px 0;padding:0 0 0 10px;width:190px}
#folder-form input{display:block}
#folder-form input.huisnummer{width:75px}
#folder-form input.plaats{width:114px}
#folder-form input.postcode{width:96px}
#folder-form input.text{background:url(img/input_right_bg.png) top right no-repeat;border:none;height:20px;padding-right:12px;padding-top:2px}
#folder-form label{background:url(img/input_left_bg.png) right center no-repeat;color:#fff;height:20px;padding-right:18px}
#folder-form li{padding:6px 0}
#footer{background:url(img/content_bg.png) 0 -660px no-repeat;padding:80px 0 40px 0}
#footer a{text-decoration:none}
#footer hr{margin-bottom:10px;margin-top:5px}
#footer.float-menu{margin-bottom:5px}
#header{background:url(img/content_bg.png) no-repeat 0 130px;height:150px;left:0px;position:relative;top:0;width:980px; z-index:99;}
#header-image{background:url(img/content_bg_top.png) no-repeat bottom left;float:left;margin-top:-10px;padding-bottom:40px;position:relative; z-index: 1;}
#header-image h2 { position: absolute; font-size: 60px; color:#fff; font-family:"Impact",Arial; left: 200px; bottom: 100px; text-transform: uppercase; line-height: 1.1em;}
#header-image h2.white { color: #fff; }
#logo{background:url(img/logo_bg.png) bottom right;bottom:43px;display:block;height:70px;left:0;padding-bottom:10px;position:absolute;text-align:left;width:165px;z-index:1}
#play{background:url(img/button_square_bg.png);color:#ffffff;display:block;float:right;font-weight:bolder;height:40px;line-height:40px;margin-top:10px;text-align:center;text-decoration:none;width:40px}
#product-overview dl{float:left;margin-right:18px;overflow:hidden;width:280px}
#product-overview dl dd{line-height:40px;padding-left:30px}
#product-overview dl dt{text-align:center}
#product-overview dl.last-child{margin-right:0px}
input.button {background:url(img/small_form_button_bg.gif) 0 0px no-repeat;border:none;color:#ffffff;height:20px;padding-bottom:3px;text-transform:capitalize;width:80px}
#search input.search-input{background:url(img/search_bg.png) no-repeat;border:none;float:right;height:20px;line-height:20px;padding:2px 0 0 30px;position:relative;top:25px;width:130px}
#slideshow{display:block;position:relative;text-align:center;width:100%}
#slideshow #counter{float:left;width:100%}
#slideshow img{background:url(img/img_bottom.png) bottom left no-repeat;margin-bottom:20px;padding-bottom:11px}
#slideshow.next{background:url(img/next_button.png) no-repeat;padding-right:10px;right:0}
#slideshow.next,#slideshow.prev{bottom:0;color:#ffffff;display:block;font-weight:bold;height:20px;line-height:18px;position:absolute;text-decoration:none;width:129px}
#slideshow.prev{background:url(img/prev_button.png) no-repeat;left:0;padding-left:10px}
body.compare #content hr{padding:5px 0 5px 0}
body.header-image #header,body.header-image #content{}
body.home #content{border:none;padding:20px 0;width:980px}
body.home #content img{float:left;margin-right:12px}
body.home #ct_left{width:1000px}
body.home #footer{background:none;padding-top:20px}
body.home #header,body.header-image #header{background:none}
body.home #header-image{background:none;padding:0}
body.layout-1 #content{padding:30px 70px;width:838px}
body.layout-1 #ct-left{overflow:visible;position:relative;width:220px;z-index:2}
body.layout-1 #ct-left h1{color:#00357C;font-size:40px;line-height:42px;width:500px}
body.layout-1 #ct-left h2{color:#FF9900;font-size:22px;line-height:42px;width:500px}
body.layout-1 #ct-right{position:relative;width:600px;z-index:1}
body.layout-1 #ct-right img{float:right}
#compare-overview td:first-child{background:none;padding-left:0}
#language-select{float:right; position:relative;padding-left:10px;height:auto;line-height:23px;width:190px; text-align: right; z-index:99;}
#language-select:hover ul { display: block; text-align: left; }
#language-select ul { display: none; position:absolute; bottom: 23px; left:0; padding: 5px; width: 188px; background: #fff; border: 1px solid #FF9900; line-height: normal;}
#language-select a { display: block; width: 100%; height: auto;}
#language-select ul li { clear:left; }
#language-select span { float: left; margin-right: 5px; }
#language-select a.current-language span { margin-right: 0; margin-left: 5px; float: right;}
#language-select img{padding-left:5px}
#teaser-overview { padding-top: 20px; }
#teaser-overview li { width: 236px; float: left; margin-left: 12px; position:relative;overflow: hidden; display: inline; height: 166px; }
#teaser-overview li img.background { position: absolute; bottom:0; left:0; z-index: 1;}
#teaser-overview li div { position: absolute; top: 10px; left: 10px; z-index: 3; width: 215px; font-size: 13px;}
#teaser-overview li div.content { top: 20px; }
#teaser-overview h2 { color: #00357C; line-height: 1.2em; margin-bottom: 0.5em; }
#teaser-overview li.first-child { margin-left: 0; }
#teaser-overview li.empty { border: none; width: 236px; height: 2px; }
a.teaser-link { display: block; width: 100%; height: 100%; position: absolute; top:0;left:0; z-index:5; background: url(img/blank.gif); }
span.image-container { display: block; overflow: visible; width: 614px; float: right; text-align: center; height: auto; }
body.home #header-image { margin-bottom: -20px; }
.compare-overview td:first-child{background:none;padding-left:0}
span.image-container { display: block; overflow: visible; width: 614px; float: right; text-align: center; height: auto; margin-top: -30px;}
span.image-container img.product-image-top-right { margin-bottom: 80px; }
#product-specifications-top { margin-top: -30px; margin-left: 10px; overflow: auto; width: 230px; float: left; overflow: visible;  }
#product-specifications-top div.information { display: block; background: #fff; padding-bottom: 20px; padding-left: 10px; margin-bottom: 20px; line-height: 1.4em; }
#product-specifications-top div.information ul { padding-left: 10px;}
#product-specifications-top div.information ul li { list-style-image: url(img/list.gif); }
#product-specifications-top h1 { background: url(img/product_name_bg.png) top left no-repeat; width: 230px; height: 24px; line-height: 24px; color: #fff; padding-left: 20px; text-transform: uppercase; font-size: 18px; margin-left: -15px; margin-bottom: 20px;}

#service-form label { width: 200px; }
#service-form li { padding: 2px 0;}
#service-form fieldset { border: 1px solid #FFDFAF; padding: 1em;}
#service-form fieldset input,
#service-form fieldset textarea { width: 200px; padding: 2px; }
#service-form fieldset legend { display: none; }

/** Google Maps **/
#google-maps-replace { height: 400px; width: 100%; margin: 0px auto; z-index: 99; }
#search-google-maps { width: 100%; background: url(img/resellers_bar.gif); height: 54px; overflow: auto;  margin: 0 auto;}
#search-google-maps li { float: left; line-height: 54px; margin-left: 20px; color: #fff;  }
#search-google-maps li input { border: none; background: #FFF; padding: 2px; margin-left: 10px; }
#search-google-maps button { color: #FF9900; border: none; background: #fff; padding:1px 2px; margin:0; line-height: normal; font-size: 1em; }
#google-navigation { margin-top: 110px; }

#address-list { margin-top: 20px; }
#address-list li { width: 320px; float: left; margin-bottom: 20px;}

object { border:medium none; height:580px; overflow:hidden; position:relative; width:680px; z-index:1; }

#social-media-bar {
	float: left; margin-top: -3px;
}

#social-media-bar li {
	float: left; padding: 0 3px;
}
