@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; border: 0; }
body { background:url('images/bg_body.jpg') repeat-x top left #E98119; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 138%; color: #000 }
a { color: #E98019; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 { font-size: 16px; color: #333; font-weight: normal; margin: 0;}
h2 { margin: 10px 0 12px 0; padding: 0px; color: #E98019; font-weight: normal; font-size: 13px;}
h2 a, h3 a { text-decoration: none; }
h2 a:hover, h3 a:hover { text-decoration: underline; }
p.error { margin: 8px 0; color: #C00; }
span.red { font-size: 10px; color: #F00; }
div.clear { clear: both; }
/* CONTAINER */
div#outer { position: relative; margin: 0 auto; padding: 30px 0 0 0; width: 958px; min-height: 300px; _height: 300px; }

/* HEADER */
/*div#headerimg { position: absolute; top: 0px; left: 10px; width: 950px; height: 348px; overflow: hidden }*/
div#header { float: left; position: relative; width: 958px; height: 132px; background: url('images/bg_header.png') no-repeat top left; _background: url('images/bg_header.gif') no-repeat top left; }
div#header a#logo { position: absolute; top: 28px; left: 85px; width: 373px; height: 47px; }
div#header a#icon { position: absolute; top: 18px; left: 8px; width: 84px; height: 80px; }
div#header a.link { position: absolute; top: 9px; }
div#header a#multitrailer { left: 412px; }
div#header a#autoinrichting { left: 554px; }
div#header a#deautopoetser { left: 705px; }
div#header a#grce { display: block; top: 6px; left: 866px; width: 68px; height: 55px; overflow: hidden; }
div#header div.line { position: absolute; top: 5px; left: 540px; width: 1px; height: 14px; background: #B6B6B6; }
div#header div#line2 { left: 693px;}
div#header div#topnavigation { position: absolute; top: 97px; left: 0px; height: 35px; }
div#header div#topnavigation a { display: block; float: left; margin: 0px; padding: 12px 23px 0 23px; height: 23px; font-size: 13px; color: #FFF; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; background: url('images/bg_topnavigation_a.gif') no-repeat top right; }
div#header div#topnavigation a.active, div#header div#topnavigation a:hover { background: url('images/bg_topnavigation_a_active.gif') no-repeat top right; }
div#header div#topnavigation a#home { width: 88px; height: 35px; padding: 0px; background: url('images/bg_topnavigation_a_home.gif') no-repeat top left; }
div#header div#topnavigation a#home:hover { width: 88px; background: url('images/bg_topnavigation_a_home.gif') no-repeat bottom left; }

div#headerimg { display: block; float: left; padding: 10px 9px; width: 940px; height: 250px; overflow: hidden; background: #FFF; }
div#photos { height: 250px; overflow: hidden; }
/* CONTENT */
div#bodyblock { float: left; padding: 10px 9px; width: 940px; min-height: 300px; _height: 300px; background: #F4F4F4;}
div#bodyblock div#main { float: left; width: 940px; background: url('images/bg_main.gif') repeat-y top left; }
div#l-col { float: left; width: 205px; padding: 265px 0 0 0; margin: 0 12px 0 0; background: url('images/bg_l_col.jpg') no-repeat top left;}

/* BANNERS IN L-COL */
div.leftbanner { width: 183px; margin: 0 0 1px 0; padding: 12px 7px 7px 15px; color: #FFF; background: #3A3A3A; }
div.leftbanner h3 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 8px 0; }
div.leftbanner p { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10px; font-weight: normal; line-height: 146%; }
div.leftbanner a { color: #FFF; }
div.leftbanner img.right { padding: 0 0 0 5px; }

div#cont { float: left; position: relative; width: 723px; padding: 0 0 20px 0; }
div#cont p, div#cont h2, div#cont div { padding: 0 10px }
div#cont h1 { height: 24px; padding: 10px 10px 0 10px; margin: 0 0 15px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #333; font-weight: normal; background: url('images/bg_h1.gif') repeat-x top left; }
div#cont ul { list-style: none; margin: 15px 0px; padding: 0 10px; }
div#cont ol { margin: 15px 20px; padding: 0 10px;}
div#cont ul li { margin: 0 0 5px 0; line-height: 130%; background: url('images/bg_ul_li.gif') no-repeat 0 1px; padding: 0 0 2px 20px;}
div#cont ul ul li { margin: 0 0 0px 0; line-height: 130%; background: url('images/bg_ul_li2.gif') no-repeat 0 5px; padding: 0 0 2px 10px;}
div#cont ul ul { margin: 5px 0 5px 0 !important; }
div#cont div.page-left { padding: 0px; float: left; width: 450px; }
div#cont div.page-left div, div#cont div.page-right div, div#cont div.page-left p, div#cont div.page-right p, div#cont div.page-left h2, div#cont div.page-right h2 { padding: 0px; }
div#cont div.page-right { padding: 0px; float: left; width: 253px; text-align: center }

/* FOOTER */
div#footer { float: left; position: relative; width: 958px; height: 20px;text-align: center; padding: 145px 0px 0 0px; color: #000; font-size: 11px; background: url('images/bg_footer2.png') no-repeat top left; _background: url('images/bg_footer2.gif') no-repeat top left; }
div#footer a { color: #000; }
div#footer div#copyright { float: left; width: 748px; text-align: left; padding: 0 0 0 10px; }
div#footer div#webmaster { float: left; width: 190px; text-align: right; padding: 0 10px 0 0; }

div#footer div#banner1 { position: absolute; top: 0px; left: 8px; width: 205px; height: 120px; }
div#footer div#banner2 { position: absolute; top: 0px; left: 225px; width: 358px; height: 120px; overflow: hidden; }
div#footer div#banner3 { position: absolute; top: 0px; right: 8px; width: 358px; height: 120px; }
div#footer div#banner2 a { position: absolute; top: 0px; left: 0px; }

/* LOGIN PAGE */
div.loginpage { padding: 80px 0 0 40px;}
table.logintable { width: 100%; }
table.logintable td.label { width: 120px; height: 20px; }
table.logintable input.text { border: 1px solid #281D12; width: 150px; height: 17px; padding: 2px; font-size: 11px; voice-family: "\"}\""; voice-family: inherit; width: 146px; height: 13px;}
input.loginbtn { width: 70px; height: 18px; margin: 8px 0 0 120px; background: #281D12; color: #FFF; text-transform: uppercase; font-size: 10px; }

/* SITEMAP */
ul.sitemap li a { color: #000; }
ul.sitemap li li a { color: #333; }

/* PAGE TEMPLATES */
div#homelinks { display: block; margin: 42px 0 30px 0; }
div#homelinks * { padding: 0px; }
div#homelinks h3 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #FFF; font-weight: normal; margin: 12px 0;}
div#modellen-home { float: left; width: 510px; height: 245px; padding: 0 13px 0 20px; background: #3A3A3A; }
div#modellen-home div.model { float: left; width: 165px; padding: 0 5px 0 0; color: #FFF; }
div#modellen-home div.model h4 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #FFF; font-weight: normal; margin: 10px 0 5px 0; }
div#modellen-home div.model h4 a { color: #FFF; }
div#modellen-home div.model p { padding: 0 15px 0 0; }
div#overview-home { float: left; width: 144px; height: 245px; padding: 0 0px 0 11px; background: #828282; }
div#overview-home a { display: block; width: 90px; height: 22px; background: #CDCDCD; padding: 8px 0 0 43px; color: #393939; text-decoration: none; text-transform: uppercase; margin: 0 0 1px 0;}
div#overview-home a.motoren { background: url('images/icon_motoren.gif') no-repeat 7px 8px #CDCDCD; }
div#overview-home a.takeldienst { background: url('images/icon_takeldienst.gif') no-repeat 9px 6px #CDCDCD; }
div#overview-home a.accessoires { background: url('images/icon_accessoires.gif') no-repeat 13px 2px #CDCDCD; }
div#overview-home a.promoties { background: url('images/icon_promoties.gif') no-repeat 14px 4px #CDCDCD; }
div#overview-home a.maatwerk { background: url('images/icon_maatwerk.gif') no-repeat 14px 6px #CDCDCD; }
div#overview-home a:hover { background-color: #F3F3F3; }

/* LINKS PAGE */
/* LINKS PAGE */
table#links { text-align: center; }
table#links td.linkimage { width: 175px; vertical-align: middle; }
table#links td.linkimage img.link_img {	width: 100px; }

/* CONTACT PAGE */
td.icon { text-align: left; vertical-align: middle; width: 20px; height: 25px; padding: 0 0 0 10px; }
input.text { padding: 2px; margin: 0 0 5px 0; width: 200px; font-size: 10px; border: 1px solid #999; }
textarea.textarea {	font-size: 11px; }

/* DEALERS PAGE */
div#cont div.verdeler { border: 1px solid #666; background: #333; color: #FFF; padding: 10px; font-size: 10px; line-height: 130%; position: absolute; top: 100px; left: 450px; width: 190px; }

/* MODELLEN PAGE */
div#cont div.productitem { width: 683px; float: left; position: relative; margin: 10px 10px 10px 10px; _margin: 10px 5px; padding: 0 10px 20px 10px; border-bottom: 1px solid #D2D2D2; }
div.productitem div.productitemimage { float: left; padding: 0px; width: 120px; min-height: 100px; _height: 100px; text-align: center; }
div.productitem div.productitemtitle { float: left; width: 503px; position: relative; margin: 0 0 20px 0; padding: 0px; font-size: 13px; }
div.productitem div.productitemprice { position: absolute; top: 0px; right: 10px; width: 55px; text-align: right; height: 15px; color: #FFF; background: #3A3A3A; padding: 5px 20px 0 20px; }
div.productitem div.productitemtext { float: left; width: 503px; font-size: 11px; padding: 0px;}
div.productitem div.productitemtext a { text-transform: uppercase; font-size: 10px; color: #EA841F}

/* SCROLLIMAGES */
div#scrollimages { margin: 45px 0;}

/* Product Videos */
/*div#cont #VideoContainer { padding: 0px; border: 1px solid #ccc; }
div#cont #VideoContainer div { padding: 0px; }
div#cont #VideoContainer .currentVideo { background-color: #efefef; }
div#cont #VideoContainer .videoRow:hover { background-color: #efefef; }
#FeaturedVideo, #VideoList, #VideoSingle { float: left; }

#VideoList { padding-left: 5px; }

.VideoSeparator {
clear: both;
}

div#cont ul li.videoRow {
clear: both;
margin-bottom: 10px;
display: block;
height: 75px;
}

.previewImageContainer {
height: 30px;
width: 50px;
}

.videoRow img {
float: left;
padding-right: 5px;
}

.videoRowTitle {
font-weight: bold; padding: 0 0 0 10px;
}

.videoRowDescription {
background: url('images/VideoOverlay.png') no-repeat center center;
position: absolute;
left: 0;
height: 69px;
width: 92px;
top: 0;
}

.VideoOverlay {
background: url('images/VideoOverlay.png') no-repeat center center;
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
}

.VideoContentContainer {
position: relative;
margin-left: 3px;
padding-left: 92px;
}
*/
/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/
/*
.VideoPreviewSize {
width: 92px;
height: 69px;
}

.videoRowLength {
padding-left: 4px;
}

.videoRow, .videoRowTitle, .videoRow img, .videoRowLength {
cursor: pointer;
}

#VideoList ul {
position: relative;
overflow-y: auto;
padding:0;
margin: 0;
width: 350px;
height: 265px;
}
div#cont #VideoList ul li {
	padding: 0px; margin: 0px; background: none;	
}
#VideoSingle {
padding-left: 10px;
width:240px;
}

#VideoContainer {
padding: 5px 0 5px 5px;
height: 265px;
}

.HideElement {
display: none;
}



.VideoSingleTitle {
font-weight: bold; padding: 0 0 0 10px;
}

.VideoSingleDescription {
padding-top: 10px;
overflow-y: auto;
height: 220px;
padding-right:5px;
}

.Left #VideoMiddleContainer, .Right #VideoMiddleContainer {
display: none;
}

.Content #VideoSideContainer {
display: none;
}

#VideoSideContainer ul {
text-align: center;
}

#VideoSideContainer ul li {
margin-bottom: 5px;
}

.VideoSideDescription {
padding: 2px 10px;
}

.VideoImageContainer {
position: relative;
float: left;
}*/


/* CONTACTFORM */
input#spcheck { display: none }
table.contacttable { width: 500px; margin-left: 10px; }
table.contacttable td { vertical-align: top; }
table.contacttable td.label { width: 150px; }
table.contacttable input.text { font-family: Verdana, Geneva, sans-serif; font-size: 11px; border: 0px; background: url('images/bg_text.gif') repeat-x 0 15px; width: 300px; }
table.contacttable textarea.textarea { font-family: Verdana, Geneva, sans-serif; font-size: 11px; width: 304px; padding: 3px 0; line-height: 23px; height: 100px; border: 0px; background: url('images/bg_textarea2.gif') repeat-x 0 -3px; }
input.button { width: 100px; height: 20px; background: url('images/bg_button.gif') no-repeat top left; text-transform: uppercase; font-weight: bold; color: #FFF; margin: 0 0 25px 0 } 


div.photoalbum a { display: inline-block; margin: 0 5px 5px 0; border: 1px solid #666; }