/* - - - - - - - - - - - - - - - - - - - - -
Title: Duolight
Author: Clicksite, http://www.clicksite.nl
URL: /css/screen.css

Created: Dec 24, 2009
Modified: Jan 06, 2010
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:53px 0px 0px 0px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9ca3a9; background:url(../images/bg.gif) #001321 top left repeat-x}
a {color:#f2951f; text-decoration:none;}
a:hover {color:#f2951f; text-decoration:underline;}
img {border:none;}
a img {border:none;}


/* ******************  titles  *************** */
div#content h1 {font-family: Arial, Helvetica, sans-serif; color: #f2951f; font-size:18px; font-weight: normal; margin:32px 0px 18px 0px;}
div#content h2 {font-family: Arial, Helvetica, sans-serif; color: #f2951f; font-size:14px; font-weight: normal; margin:32px 0px 0px 0px;}
div#content h2.white {color:#fff; margin: 0px 0px 5px 0px; font-size:18px;}
div#contentwide h1 {font-family: Arial, Helvetica, sans-serif; color: #f2951f; font-size:18px; font-weight: normal; margin:32px 0px 18px 0px;}
div#contentwide div.product h2 {font-family: Arial, Helvetica, sans-serif; color: #f2951f; font-size:14px; font-weight: normal; margin:32px 0px 0px 0px;}
div#contentwide h2 {font-family: Arial, Helvetica, sans-serif; color: #f2951f; font-size:14px; font-weight: normal; margin:32px 0px 0px 0px; width:500px; float: left;}

div#contentwide div.product h2 {font-family: Arial, Helvetica, sans-serif; color: #f2951f; font-size:14px; font-weight: normal; margin:0px 0px 5px 0px; width:auto; float:none;}
div#sidebar h2 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size:18px; font-weight: normal; margin:0px 0px 18px 0px;}

/* ******************  navigation  *************** */
div#headcontainer ul#nav {width:540px; margin: 34px 0px 0px 66px; float:left; display: inline}
div#headcontainer ul#nav li {list-style-type:none; color:#f2951f; font-size:14px; float:left; padding: 0px 20px 0px 15px; background:url(../images/nav_li.gif) no-repeat center right; }
div#headcontainer ul#nav li.nobg {background:none;}
div#headcontainer ul#nav li a {color:#f2951f; text-decoration: none;}
div#headcontainer ul#nav li a:hover {color:#fff; text-decoration: none;}
div#headcontainer ul#nav li a.active {color:#fff; text-decoration: none;}

/* ******************  containers  *************** */
div#headcontainer {width:794px; margin: 0 auto;}
div#headcontainer div#logo {width:168px; height: 69px; float: left; margin: 0px 0px 43px 20px; display: inline;}

/* header */
div#headcontainer div#header {width: 782px; height:210px; border: 6px solid #fff; float:left;}
div#headcontainer div#header div#image {width:584px; height:210px;float:left;}
div#headcontainer div#header ul#subnav {float:left; height:210px;}
div#headcontainer div#header ul#subnav li {list-style-type: none; font-size:12px;}
div#headcontainer div#header ul#subnav li a {height: 24px; width:166px; background:url(../images/subnav_li-bg.gif) repeat-x top left; padding:11px 0px 0px 32px; display: block; color:#f2951f; text-decoration: none; }
div#headcontainer div#header ul#subnav li a:hover {height: 24px; width:166px; background:url(../images/subnav_li_hover-bg.gif) repeat-x top left; padding:11px 0px 0px 32px; display: block; color:#fff; text-decoration: none;}
div#headcontainer div#header ul#subnav li a.active {height: 24px; width:166px; background:url(../images/subnav_li_hover-bg.gif) repeat-x top left; padding:11px 0px 0px 32px; display: block; color:#fff; text-decoration: none;}

/* content */
div#headcontainer div#content {width:540px; float:left; margin: 0px 30px 0px 20px; display: inline;}
div#headcontainer div#content p.sub {color:#fff; line-height: 16px;}
div#headcontainer div#content p {color:#9ca3a9; line-height: 16px; margin: 0px 0px 16px 0px;}
div#headcontainer div#content ul li {list-style-type:none; list-style-position: inside; padding: 0px 0px 10px 10px; background:url(../images/li_bg.gif) no-repeat 0px 5px; line-height: 16px;}
div#headcontainer div#content .imgright {float:right; padding: 0px 0px 0px 10px;}
div#headcontainer div#content .imgleft {float:left; padding: 0px 10px 0px 0px;}
div#headcontainer div#content div#actueel {height:150px; margin:50px 0px 0px 0px; padding:10px; background:url(../images/product_bg.gif) repeat-x top left;}

/* contentwide */
div#headcontainer div#contentwide {width:780px;  float:left; margin: 0px 30px 0px 20px; display: inline;}
div#headcontainer div#contentwide .column1 {width:350px; float: left; margin: 0px 50px 0px 0px;}
div#headcontainer div#contentwide .column2 {width:350px; float: left;}
div#headcontainer div#contentwide p.sub {color:#fff; line-height: 16px;}
div#headcontainer div#contentwide .column1 h3 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:12px; font-weight: normal; margin:12px 0px 0px 0px;}
div#headcontainer div#contentwide .column2 h3 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:12px; font-weight: normal; margin:12px 0px 0px 0px;}
div#headcontainer div#contentwide .imgright {float:right; padding: 0px 0px 0px 10px;}

/* contentwide - product */
div#headcontainer div#contentwide div.product {width:720px; float:left; margin: 0px 0px 20px 0px; padding:15px; background:url(../images/product_bg.gif) repeat-x top left;}
div#headcontainer div#contentwide div.product img {padding:3px; border:1px solid #f2951f; margin: 0px 0px 0px 20px; float:right;}
div#headcontainer div#contentwide div.product p {color:#9ca3a9; line-height: 16px; margin: 0px 0px 16px 0px;}
div#headcontainer div#contentwide div.product a {text-decoration: underline; color:#f2951f;}

/* sidebar */
div#headcontainer div#sidebar {width:178px; float:left; background-color: #f2951f; margin: 12px 0px 0px 0px; padding: 21px 0px 0px 20px; display: inline;}
div#headcontainer div#sidebar p {color:#f1d4af; padding: 0px 0px 20px 0px;}
div#headcontainer div#sidebar p strong {color:#ffffff;}
div#headcontainer div#sidebar ul {margin: 0px 0px 20px 0px;}
div#headcontainer div#sidebar ul li {color:#f1d4af; list-style-position: inside; list-style-type: none; line-height: 16px; padding: 0px 0px 0px 10px;  background:url(../images/sidebar_li-bg.gif) no-repeat 0px 5px;}
div#headcontainer div#sidebar ul li a {color:#f1d4af; text-decoration: none;}
div#headcontainer div#sidebar ul li a:hover {color:#fff; text-decoration: underline;}
div#headcontainer div#sidebar a {color:#fff; text-decoration: underline;}

/* footer */
div#headcontainer div#footer {width:754px; height:46px; float:left; padding: 0px 20px 0px 20px; margin-top:30px; background:url(../images/footer_bg.gif) repeat-x top left;}
div#headcontainer div#footer p {padding: 14px 0px 0px 0px; font-size:11px; float: left;}
div#headcontainer div#footer img {float:right; padding:8px 0px 0px 15px;}

/* ******************  form  *************** */
form {width:500px; float: left;}
form dt {margin: 0; padding:10px 24px 10px 0px; width:110px; float:left; clear:both; margin-bottom:2px; color:#9ca3a9; font-weight:normal; text-align:left;}
form dd {margin:0; padding: 7px 0px 3px 3px; float:left; width:358px; margin-bottom:2px;}
form .form-inline {display: inline;}
label {cursor: pointer;}
.form_submit {background-color: #f2951f; font-size:12px; color:#fff; padding: 4px;}
.form_text {background-color:#001321; border:1px solid #2f5571; color:#fff; font-family: Arial, Helvetica, sans-serif; width: 60%; padding:4px 4px 4px 6px;}
.form_textarea {background-color:#001321; border:1px solid #2f5571; color:#fff; font-family: Arial, Helvetica, sans-serif; height:106px; width: 93%; padding:4px 4px 2px 6px; font-size:11px;}

/* ****************** spotlight ****************** */

#spotlight {
	width:125px;
	height:125px;
	position:absolute;
	top:180px;
	left: 50%;
	margin-left:-380px;
	z-index:100;
}

#spotlight img a {
	border:none;
	outline:none;
}