/* - - - - - - - - - - - - - - - - - - - - -
Title: Modul Nederland
Author: brightworks (http://www.brightworks.nl)
URL: /css/screen.css

Created: Aug 01, 2008
Modified: Sep 03, 2008
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:0; padding:18px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background-color:#dd541f; background-image:url("../images/bg.gif"); background-repeat:no-repeat; text-align:justify;}
a {color:#ffffff; text-decoration:underline;}
a:hover {color:#ffffff; text-decoration:none;}
img {border:none;}
.clear {clear:both;}

/* titles */
div#content h1 {font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; text-transform: uppercase; color:#364da0; letter-spacing: -0.5px; margin: 0px 0px 15px 0px;}
div#content h1 a {float:left;}
div#content h1 span.price {float:right;}
div#sidebar h1 {font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; text-transform: uppercase; color:#fff; letter-spacing: -0.5px; margin: 0px 0px 15px 16px;}
div#sidebar h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:normal; margin: 0px 0px 5px 16px;}
div#content div.product h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:normal; margin:9px 0px 0px 0px;}
div#content div.product-full h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f15c23; font-weight:normal; margin:5px 0px 3px 0px; float:left;}
dt strong {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f15c23; font-weight:normal; font-size:12px; line-height:12px;}

/* ******************  navigation  *************** */
ul#nav {float:right; line-height:normal; height:30px; padding:20px 0px 0px 0px; margin:0;}
ul#nav li {float:left; margin:0; padding:0px 0px 0px 0px; list-style-type:none; font-size:13px;}
/*ul#nav li span {display: in-line;}*/
ul#nav li span.buttonleft {float:left; width:7px; height:30px; background:url("../images/nav/nav_left.png") no-repeat left top; margin:0; padding:0;}
ul#nav li span.buttonright {float:left; width:7px; height:30px; background:url("../images/nav/nav_right.png") no-repeat left top; margin:0; padding:0;}
ul#nav li span.buttondivider {float:left; width:2px; height:30px; background:url("../images/nav/li_divider.gif") no-repeat left top; margin:0; padding:0;}
ul#nav li a {float:left; margin:0; height:21px; font-size:1px; cursor:pointer; text-decoration:none; color:#fff; padding:9px 10px 0px 10px; background:url("../images/nav/nav_bg.gif") repeat-x left top;}
ul#nav li:hover a, ul#nav li.over a, ul#nav li a:hover {color:#fff; text-decoration:none;}
ul#nav li:hover span.buttonleft, ul#nav li.over span.buttonleft, ul#nav .active span.buttonleft {background-image:url("../images/nav/nav_left-hover.png");}
ul#nav li:hover span.buttonright, ul#nav li.over span.buttonright, ul#nav .active span.buttonright {background-image:url("../images/nav/nav_right-hover.png");}
ul#nav li:hover a, ul#nav li.over a, ul#nav li a:hover, ul#nav .active a {background-image:url("../images/nav/nav_bg-hover.gif");}

ul#nav li ul.subnav {z-index:100; position:absolute; display:none; overflow:visible; width:180px; height:30px; margin:30px 0 0 0; padding:0; background-color:transparent;}
ul#nav li ul.subnav li {float:left; width:180px; margin:0; padding:0px 0px 0px 0px; list-style-type:none; font-size:13px; background-color:transparent;}
/*ul#nav .active ul.subnav {background-color:#ffffff;}*/
ul#nav li ul.subnav li span.buttonsubbottomleft {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_bottom_left2.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li span.buttonsubbottomright {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_bottom_right2.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li span.buttonsubbottom {float:left; width:166px; font-size:1px; height:10px; background-color:#364da0; margin:0; padding:0;}
ul#nav li ul.subnav li:hover span.buttonsubbottomleft, ul#nav li ul.subnav li.over span.buttonsubbottomleft {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_hover_bottom_left.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li:hover span.buttonsubbottomright, ul#nav li ul.subnav li.over span.buttonsubbottomright {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_hover_bottom_right.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li:hover span.buttonsubbottom, ul#nav li ul.subnav li.over span.buttonsubbottom {float:left; width:166px; font-size:1px; height:10px; background-color:#596CB0; margin:0; padding:0;}
ul#nav li ul.subnav li span.buttonsubdividerwrapper {float:left; width:160px; height:2px; margin:0; padding:0 10px 0 10px; background-color:#364da0;}
ul#nav li ul.subnav li span.buttonsubdivider {float:left; width:160px; font-size:1px; height:2px; background:url("../images/nav/dropdown-divider.gif") repeat-x left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li a {float:left; width:160px; background-image:none ! important; background-color:#364da0;}
ul#nav li ul.subnav li a.last {width:160px; height:9px; font-size:1px; background-image:none; background-color:#364da0;}
ul#nav li ul.subnav li:hover a, ul#nav li ul.subnav li.over a, ul#nav li ul.subnav li a:hover {background-color:#596CB0 ! important;}
ul#nav li:hover ul.subnav, ul#nav li.over ul.subnav {display:block;}


/* ******************  containers  *************** */
div#headcontainer {width:794px; margin:0 0 0 81px;}
div#headcontainer img.logo {float:left;}
div#headcontainer div#header {float:left; width:565px; height:241px; margin:20px 0px 20px 0px;}
/* --- content --- */
div#headcontainer div#left {width:565px; float:left;}
div#headcontainer div#content {width:565px; float:left; margin:0;}
div#headcontainer div#content p {line-height:14px; margin:0px 0px 10px 0px; text-align: justify;}
div#headcontainer div#content img{border:3px solid #fff; margin:0px 5px 5px 5px}

/* --- sidebar --- */
div#headcontainer div#sidebar {width:195px; float:left; margin:20px 0px 0px 33px; background: url('../images/sidebar_top.gif') no-repeat #ce4c1a; padding:22px 0px 0px 0px;}
div#headcontainer div#sidebar ul li {list-style-type: none; margin:0px 0px 4px 0px; padding:0px 0px 0px 16px; width:159px}
div#headcontainer div#sidebar ul li a {background: url('../images/li_bg.gif') no-repeat; color:#fff; text-decoration: none; display:block; height:19px; padding:5px 0px 0px 10px;}
div#headcontainer div#sidebar ul li a:hover {background: url(../images/li_bg-h.gif) no-repeat; color:#fff; text-decoration: none; display:block; height:19px; padding:5px 0px 0px 10px;}
div#headcontainer div#sidebar p {line-height:16px; margin: 10px 0px 0px 16px;}
div#headcontainer div#sidebar div#contact {border-top:1px solid #e26b3e; padding:22px 0px 20px 0px; margin:22px 0px 0px 0px; background:url('../images/contact_bg.gif') bottom no-repeat;}

div#headcontainer div#content p.contact {width:250px; float:left;}


div#headcontainer div#content div.product {width:117px; height:144px; float:left; margin:10px 5px 10px 0px; padding:10px 10px 0px 10px; background-image:url("../images/product_bg2.png"); background-repeat: no-repeat;}
* html div#headcontainer div#content div.product {margin:0px 5px 10px 0px;}
div#headcontainer div#content div.product.lastProduct {width:117px; height:144px; float:left; margin:10px 0px 10px 0px; padding:10px 10px 0px 10px; background-image:url("../images/product_bg2.png"); background-repeat: no-repeat;}
* html div#headcontainer div#content div.product.lastProduct {margin:0px 0px 10px 0px;}
div#headcontainer div#content div.product-img {width:115px; height:115px;}
div#headcontainer div#content div.product-img a img {border-width:0px; margin:0;}
div#headcontainer div#content div.product a {position: relative;}
div#headcontainer div#content div.product p {line-height:16px; margin:3px 0px 6px 0px;}
div#headcontainer div#content div.product .introduction {height:50px;}

div.product-full p {float:left; color:#4e4e4e;}
div.product-full-img {float:left; width:400px; height:320px;}
div.product-full-description {float:left; color:#4e4e4e; width:130px; height:320px; margin:0; padding:20px 5px 5px 5px;}
div.product-full-description div {float:left; margin:0; padding:0;}
.divider {clear:both; height:3px; background-image: url('../images/divider.gif'); background-repeat: repeat-x; margin: 0; padding: 0;}

/* pagenav */
ul#pagenavigation {margin:10px 0px 10px 7px; padding:0; float:left;}
ul#pagenavigation li {list-style-type:none; line-height:18px; float:left; margin:0px 4px 0px 0px; color:#fff; font-weight:bold;}
ul#pagenavigation li a {color:#fff; font-weight:bold; display:block; text-decoration:none; padding:1px 6px 0px 6px; border:1px solid #fff; color:#fff;  border:1px solid #c64424; color:#fff;}
ul#pagenavigation li a:hover {background: url("../images/pagenav_bg.gif") repeat-x 0 0; border:1px solid #fff; color:#fff; font-weight:bold; display:block; text-decoration:none; padding:1px 6px 0px 6px;}

div#lastpage {float:left; font-weight:normal; color:#972a00; margin:12px 0px 0px 1px; line-height:18px;}
div#selecteer {float:right; margin:11px 3px 0px 0px; padding:0; color:#fff;}
ul#pagenavigation li .active {background: url("../images/pagenav_bg.gif") repeat-x 0 0; border:1px solid #fff; color:#fff;}

/* ******************  form  *************** */
form dt {margin: 0; padding:10px 24px 10px 0px; float:left; width:120px; clear:both;  margin-bottom:2px; color:#fff; font-weight:bold; text-align:left;}
form dd {margin:0; padding: 7px 0px 3px 0px; float:left; width:368px;  margin-bottom:2px;}
form .form-inline {display: inline;}
label {cursor: pointer;}

.submit {background:url(../images/submit_bg.gif); border:1px solid #192b6a; color:#fff; font-family: Arial, Helvetica, sans-serif; padding:3px;}

/* MESSAGE */
#message {padding:10px; margin:0px 0px 20px 0px; border:1px solid #7ca622; width:auto; color:#7ca622; clear:both;}
#message li {list-style-position:inside;}

#bglogo {display:block; position:fixed; right:0; bottom:0; background: url(../images/bg_logo.gif) no-repeat 0 0; width:341px; height:342px; z-index:0;}


/* --- form / error --- */
.form_text {background-color:#e66b3b; border:1px solid #c03f0d; color:#fff; font-family: Arial, Helvetica, sans-serif; width: 294px; padding:4px 4px 4px 6px;}
.form_text_error {background-color:#ffa0a0; border:1px solid #ff0000; color:#ff0000; font-family: Arial, Helvetica, sans-serif; width: 294px; padding:4px 4px 4px 6px;}

.form_textarea {background-color:#e66b3b; border:1px solid #c03f0d solid #d4501d; color:#fff; font-family: Arial, Helvetica, sans-serif; height:106px; width: 100%; padding:4px 4px 2px 6px; font-size:11px;}
.form_textarea_error {background:#ffa0a0; border:1px solid #ff0000; color:#ff0000; font-family: Arial, Helvetica, sans-serif; height:106px; width: 100%; padding:4px 4px 2px 6px; font-size:11px;}

ul#error {color:#ff0000; margin:0px 0px 15px 0px; border:1px solid #ff0000; padding:10px; background-color:#ffa0a0; clear:both; width:90%;}
ul#error li {list-style-position:inside; line-height:18px;}
ul#error li.fault {font-size:18px; list-style-type:none; padding:0px 0px 5px 12px;}

/* ******************  footer  *************** */
div#footer .copyhidden {text-indent:-6000px;	visibility: hidden; display:none;}


/*loading*/
div#loading {position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html div#loading { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* GOOGLE MAPS */
div#header div#mapoverlay {float:left; width:561px; height:242px; padding: 4px 0 0 4px; background: url('../images/map.png') no-repeat left top; background-color:transparent;}
div#header div#map {float:left; overflow:hidden; width:557px; height:234px; font-family:Arial, Helvetica, sans-serif; border: 0px solid #aeaeae; color:#777;}

/* Nieuwsbrieven */
ul#nieuwsbrieven li {list-style-type: circle; list-style-position: inside; margin:0px 0px 5px 0px; }
ul#nieuwsbrieven li a {text-decoration: none;}
ul#nieuwsbrieven li a:hover {text-decoration: underline;}

/*div#shadowbox {background-color: #fff;}
div#shadowbox_title  {background-color:#364da0;	height:35px; color:#fff; padding:7px 0 5px 10px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height: 35px; font-weight:bold;}
div#shadowbox_body {background-color: #fff; border:none;}
div#shadowbox_content p { color:#838383;}*/