/*
Design by HKwebdesign.nl
H. van der Ven 2008 - 2009
Created for HKwebdesig.nl portfolio
*/
body {margin:0px; padding:0px; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin-left:auto; margin-right:auto;}
#outside_container {background:url(images/website_02.png) repeat-x #000000;}  
#container {background:url(images/website_01_01.png) no-repeat; min-height:800px; width:1100px; position:relative; overflow:auto;}
a, a:link, a:visited, a:hover, a:active {color:white;}
a:hover {color: #DBAA70;}
h1 {font-size:1.8em; font-weight:normal; margin-bottom:20px; color:#FFFFFF;}
* {margin:0; padding:0;}
/* ///////////////////
	Content
/////////////////// */
#content {padding-top:270px; padding-left:90px; width:875px; color:#674f5d; font-size:13px; line-height:20px;}
.column1, .column2, .recentclient {padding-top:25px; color:#AAAAAA; float:left; font-size:10px; line-height:1.6em; padding:5px; width:285px;}
.column3 {padding-top:25px; color:#AAAAAA; float:left; font-size:11px; line-height:1.6em; padding:3px; width:265px;}
.blog {padding-top:25px; float:left; font-size:11px; line-height:1.6em; padding:3px; width:587px; color:#AAAAAA;}
.column1 img, .column2 img, .column3 img, .recentclient img, .recentclientdetail img {border:1px solid #606060; margin-top:15px; outline-color:-moz-use-text-color; outline-style:none;outline-width:medium;}
.recentclientdetail a:hover img, .column1 a:hover img, .column2 a:hover img, .recentclient a:hover img {border: 1px solid #fff;	outline:none;} 
#content h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#dbaa70; margin:0px 0px 20px 0px; font-weight:normal;}
.recentclient h1, h1.clienttitle {color:#FFFFFF; font-size:1.2em; font-weight:bold; margin:5px 0 0; text-transform:uppercase;}
p.small {font-size:1em;}
p.recentworkdescription, p.servicedescription {border-bottom:1px solid #260E17; font-size:1.1em; line-height:1.8em; padding:6px 8px 20px 0; text-align:justify;}
p.recentworkingredients {padding:10px 0;}
span.recentworklinks {color:#FFFFFF;}
/* ///////////////////
	Contact formulier class
/////////////////// */
.contact_frm {padding-top:50px; width:276px;}
.contact_top {background:transparent url(images/contact_top.jpg) no-repeat scroll 0 0; height:10px;}
.contact_mid {padding:0 20px; background-color:#191417;}
.contact_bot {background:transparent url(images/contact_bottom.jpg) no-repeat scroll center bottom; height:8px;}
/* ///////////////////
	Menu / logo
/////////////////// */
#panel {position:absolute; top:251px; left:81px; background:url(images/website_03.png); width:856px; height:100px; color:#AAAAAA; padding-right:15px; padding-left:15px; padding-top:112px;}
#navigation {overflow:hidden; width:887px; height:70px; padding-left:80px; padding-top:154px; #padding-left:80px;}
#navigation ul li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none;}
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 {height:69px; width:177px; float:left;}
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover {height:69px; width:177px; float:left; background-color:#000000;}
#nav1.selected, #nav1.selected a:hover, #nav2.selected, #nav2.selected a:hover, #nav3.selected, #nav3.selected a:hover, #nav4.selected, #nav4.selected a:hover, #nav5.selected, #nav5.selected a:hover, #nav6.selected, #nav6.selected a:hover {background-color:#8C1F5B; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover 
{background-color:#000000; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
#navigation h1, #navigation span.supernav {color:#FFFFFF; display:block; font-size:2em; margin:0 0 4px; padding:0;}
#navigation span.subnav {color:#979797; font-size:1.1em;}
#navigation ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active {color:#FFFFFF; display:block; float:left; height:47px; text-decoration:none; 
width:130px;}
ul#menu li.selected span.subnav {color:#E8ADCA;}
/* ///////////////////
	Footer
/////////////////// */ 
#footer {border-top:1px solid #3f2324; padding:30px 50px 80px 50px; color:#674f5d; font-size:9px; line-height:14px; background-color:#11090a;}
#footer img {float:left; margin-right:10px;}
#footer span {display:block; float:left; width:250px;}
#footer a {color:#9e8292; text-decoration:none;}
#footer a:hover {color:#ffffff;}
/* ///////////////////
	Blog
/////////////////// */ 
div.feedburnerFeedBlock p.date {text-align:left; margin-left:0px; padding: 0; margin: 0;}	
div.feedburnerFeedBlock li div {text-align:left; margin-left:0px; padding: 0; margin: 0;}	
div.feedburnerFeedBlock ul {text-align:left; margin-left:0px; padding: 0; margin: 0;}	
div.feedburnerFeedBlock span.headline {text-align:left; margin-left:0px; padding: 0; margin: 0; font-weight:bold;}	
div.feedburnerFeedBlock ul li {list-style-type:none; text-align: left;	margin-left:0px; padding: 0; margin: 0;}
div.feedburnerFeedBlock p.feedTitle {font-weight:bold; font-size:1.8em; font-weight:normal; margin-bottom:20px;}