/* -----------------------------   reset   ---------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }
.clear{clear:both;font-size:0px;line-height:0px;height:0px;}
strong {font-weight:700;}

/* -------------------------   general layout   ----------------------------- */

body {background:#ddd; font-family: "Lucida sans Unicode", Arial, "Trebuchet MS", sans-serif; color:#444540; width:100%; text-align:center; }
#home {background:#ddd url(images/bg_home.jpg) top center no-repeat;}
#general {background:#ddd url(images/bg_general.jpg) top center no-repeat;}
#container {margin:0px auto; width:980px; text-align:left; }

#logo {float:left; width:236px;}
#langcontainer {float:left; width:744px; height:80px;}
#langcontainer ul li {float:right;}
#langcontainer ul li a {display:block; height:35px; width:32px; text-align:center; text-decoration:none; line-height:35px; color:#999; background:#1f1f1f; font-size:0.9em; border-left:1px solid #121212; font-size:0.7em;  }
#langcontainer ul li a:hover {color:#fff; background:#383838;}
#langcontainer ul li a#currentlang {color:#fff; background:#6dbab6 url(images/bg_lang.jpg) top left repeat-x;}

#navcontainer {float:left; width:744px; height:152px;}
#navcontainer ul li {float:right; margin-left:18px;}
#navcontainer ul li a {display:block; height:25px; padding:0 7px; text-align:center; text-decoration:none; line-height:23px; color:#ddd; text-transform:uppercase; font-size:0.75em; }
#navcontainer ul li a:hover {color:#fff; background:#3b3c38; height:23px; }
#navcontainer ul li a#currentpage {color:#fff; background: #538e8a; height:23px; }

#content_wrapper {padding-top:30px;}



/* -------------------------   styles and type   ---------------------------- */

@font-face {
    font-family: 'FuturaCondensedNormalRegular';
    src: url('font/futura-condensed-normal-webfont.eot?') format('eot'),
         url('font/futura-condensed-normal-webfont.woff') format('woff'),
         url('font/futura-condensed-normal-webfont.ttf') format('truetype'),
         url('font/futura-condensed-normal-webfont.svg#webfontxjRs2YDa') format('svg');
    font-weight: normal;
    font-style: normal;
}

.Futura {font-weight: normal; font-style: normal; line-height:normal; font-family: 'FuturaCondensedNormalRegular', sans-serif; font-size-adjust: 0.49; }

h1 {font-size:1.6em; margin-bottom:25px; color:#538e8a;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;} 
p {font-size:0.75em; line-height:160%;}
p a {color:#538e8a;}
p a:hover {}


#topcoordinaten {padding-top:10px;}
#topcoordinaten p {color:#b2b2b2; line-height:200%;}
#topcoordinaten p span {color:#538e8a;}


#footer p {color:#666;}
#footer p a {color:#666;}
#footer p a:hover {color:#71c1bd;}


/* -----------------------------    home     -------------------------------- */


#descriptionbar {width:550px;}
#descriptionbar h1 {color:#ededed;}
#descriptionbar p {color:#999; line-height:180%; margin-bottom:0.75em; font-family: "Lucida sans Unicode", Arial, sans-serif;  }
#descriptionbar p a {color:#76cac6;}
#descriptionbar div.cta {margin:25px 0 120px 0;}
#descriptionbar div.cta a {display:block; padding:4px 0; background:#538e8a; color:#fff; font-size:0.75em; width:240px; text-transform:uppercase; text-decoration:none; text-align:center;}
#descriptionbar div.cta a:hover {background:#68b3ae;}

#home_recentewagens h1 {margin-bottom:40px;}
#home_recentewagens h1 span {float:right; margin-top:6px;}
#home_recentewagens h1 span a {color:#fff; font-size:0.625em; text-decoration:none; background:#538e8a; padding:3px 57px; border:1px solid #6993ac;}
#home_recentewagens h1 span a:hover {text-decoration:underline; background:#68b3ae;}

ul#home_recentlist li {float:left; margin-right:12px; margin-bottom:30px;}
ul#home_recentlist li.last {margin-right:0;}
ul#home_recentlist li a {display:block; border:10px solid #ebebeb; border-bottom:0; background:#ebebeb; width:216px; text-decoration:none; color:#222; font-size:0.75em;}
ul#home_recentlist li a:hover {border:10px solid #f5f5f5; border-bottom:0; background:#f5f5f5; }
span.recent_titel {font-size:1em; font-weight:700; text-transform:uppercase; width:216px; height:22px; overflow:none; display:block; padding:8px 0 0 0; }
span.recent_details {font-size:0.875em; text-transform:uppercase; width:216px; height:50px; overflow:none; display:block; padding:8px 0 0 0; }
span.recent_fichelink {background:#fff; font-size:1em; color:#538e8a; text-transform:uppercase; width:216px; display:block; text-align:center; padding:7px 0;}
ul#home_recentlist li a:hover span.recent_fichelink {background:#68b3ae; color:#fff;}

#home_diensten {float:left; width:450px; padding:60px 0 50px 0;}
#home_diensten p {margin-bottom:0.75em;}
#home_diensten ul {margin:32px 0;}
#home_diensten ul li {line-height:150%; margin-bottom:11px; background:url(images/bullet.jpg) 6px 7px no-repeat; padding-left:30px; font-size:0.75em;}

#home_gegevens {float:left; width:425px; padding:60px 0 50px 100px;}
#home_gegevens a {color:#538e8a;}
#home_gegevens a:hover {color:#4e8783; background:#ebebeb;}
#home_gegevens a.map {font-size:0.75em;}

iframe#home_map {width:420px; height:220px; border:2px solid #bfbfbf; margin:25px 0 8px 0; } 


/* -----------------------------   wagens    -------------------------------- */

#general_wagens {padding-top:45px;}
#general_wagens h1 {margin-bottom:45px;}

ul#general_wagenlist {overflow:auto;}
ul#general_wagenlist li {float:left; margin-right:12px; margin-bottom:45px;}
ul#general_wagenlist li.last {margin-right:0;}
ul#general_wagenlist li a {display:block; border:10px solid #ebebeb; border-bottom:0; background:#ebebeb; width:216px; text-decoration:none; color:#222; font-size:0.75em;}
ul#general_wagenlist li a:hover {border:10px solid #f5f5f5; border-bottom:0; background:#f5f5f5; }
span.recent_titel {font-size:1em; font-weight:700; text-transform:uppercase; width:216px; height:22px; overflow:none; display:block; padding:8px 0 0 0; }
span.recent_details {font-size:0.875em; text-transform:uppercase; width:216px; height:50px; overflow:none; display:block; padding:8px 0 0 0; }
span.recent_fichelink {background:#fff; font-size:1em; color:#538e8a; text-transform:uppercase; width:216px; display:block; text-align:center; padding:7px 0;}
ul#general_wagenlist li a:hover span.recent_fichelink {background:#68b3ae; color:#fff;}


/* -----------------------------   detail    -------------------------------- */

#detail_left {float:left; width:450px; padding:60px 0 50px 0;}

#detail_left h2 {width:450px; display:block; color:#538e8a;} 
#detail_left h2.bijkomend {margin:30px 0 15px 0;} 

#detail_left p a.action {display:block; text-transform:uppercase; color:#fff; text-decoration:none; width:215px; text-align:center; padding:2px 0; background:#538e8a; margin-top:30px;}
#detail_left p a.action:hover {background:#6dbab6 url(images/bg_lang.jpg) top left repeat-x;}



#detail_left ul {margin:30px 0;}
#detail_left ul li {line-height:150%; margin-bottom:11px; font-size:0.75em; border-bottom:1px solid #c9c9c9;}

#detail_left ul.detail_opties li {float:left; width:215px;}
#detail_left ul.detail_opties li.odd {padding-left:20px;}

#detail_right {float:left; width:485px; padding:60px 0 50px 40px;}
#detail_right a {color:#538e8a;}
#detail_right a:hover {color:#4e8783; background:#ebebeb;}

ul.detailpics {border:1px solid #f2f2f2; background:#ebebeb; padding:0 15px  15px  15px; display:block; overflow:auto; width:93%;}
ul.detailpics li {float:left; margin:15px 15px 0 0; }
ul.detailpics li.odd { margin-right:0px; }
ul.detailpics li a  {display:block;}
ul.detailpics li a img {border:1px solid #c2c2c2;}

#detail_right ul.navbuttons {float:right;  background:#538e8a; margin-bottom:45px; }
#detail_right ul.navbuttons li {float:left; border-right:1px solid #acbdbc;}
#detail_right ul.navbuttons li a {display:block; font-size:0.75em; color:#fff; text-decoration:none; width:80px; text-align:center; padding:7px 0;}
#detail_right ul.navbuttons li a:hover {background:#6dbab6 url(images/bg_lang.jpg) top left repeat-x;}

ul.navbuttons {float:right; }
ul.navbuttons li {float:left; border-right:1px solid #acbdbc;}
ul.navbuttons li a {display:block; font-size:0.75em; color:#fff; text-decoration:none; width:80px; text-align:center; padding:7px 0;  background:#538e8a;}
ul.navbuttons li a:hover {background:#6dbab6 url(images/bg_lang.jpg) top left repeat-x;}

#detail_right ul.navbuttons li a.inactive {color:#666; background:#d1d1d1;  cursor:default;}
#detail_right ul.navbuttons li a.inactive:hover {color:#666; background:#d1d1d1; cursor:default;}

ul.navbuttons li a.inactive {color:#666; background:#d1d1d1;  cursor:default;}
ul.navbuttons li a.inactive:hover {color:#666; background:#d1d1d1; cursor:default;}



/* -----------------------------   diensten    -------------------------------- */

#diensten_left {float:left; width:600px; padding:45px 100px 50px 0;}
#diensten_left p {width:600px; margin-bottom:15px;}

#diensten_left ul {margin:32px 0;}
#diensten_left ul li {line-height:150%; margin-bottom:11px; background:url(images/bullet.jpg) 6px 7px no-repeat; padding-left:30px; font-size:0.75em;}



#diensten_right {padding:45px 0 0 0;}


#diensten_left div.dienst {margin:30px 0;}
#diensten_left div.dienst h2 {color:#538e8a; font-size:1.2em; margin-bottom:10px;}
#diensten_left div.dienst p {margin-bottom:15px;}
#diensten_left div.dienst a.left {padding:10px; display:block; float:left; margin:0 20px 10px 0; border:1px solid #f2f2f2; background:#ebebeb; }




/* -----------------------------   contact   -------------------------------- */


iframe {width:648px; height:400px; border:1px solid #807a70; margin:25px 0 15px 0; } 
div.val, input.val {display:none;}

#contactform {margin:30px 0 50px 0; display:block;}
#contactform fieldset {border:1px solid #f2f2f2; background:#ebebeb; padding:15px; font-size:0.75em; display:block;}
#contactform input {border:1px solid #bfbfbf; background:#ddd; margin:0 20px 6px 0; font-size:9pt; width:250px; padding:5px; color:#383632;}
#contactform input.formbutton {color:#fff; font-size:10pt; text-decoration:none; background:#6dbab6 url(images/bg_lang.jpg) top left repeat-x; padding:5px 18px; border:1px solid #6993ac; cursor:pointer; width:150px;}
#contactform textarea {border:1px solid #bfbfbf; background:#ddd; font-size:9pt; width:390px; height:120px; padding:10px; overflow:auto; color:#383632; font-family: "Trebuchet MS","Lucida sans Unicode",Arial,sans-serif;}

#contact_left {float:left; width:450px; padding:60px 0 50px 0;}




/* -----------------------------   footer   -------------------------------- */

#footercontainer {background: #242424;  }
#footer {text-align:center; margin:0px auto; width:980px; height:100px; overflow:hidden; padding-top:50px; }