/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - Screen Stylesheet
 * Author:		Jeroen Bijnens
 * Date:		00/00/09
 * Last Edit:	00/00/00 Jeroen Bijnens
 * ----------------------------------------------------------
 * Lazydog webdesign
 * www.lazydog.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }
.last{margin-right:0px !important;}
.clear{clear:both;}

/* General elements
---------------------------------------------------------- */
textarea, body{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ background: url(../images/layout/bg.png) #FFF repeat-x left top; width:100%; height:100%; position:relative;}
html, body{height:100%;}

.clear{ clear:both; }
a:focus{ outline:none; }
::selection{ background:#0099E3; color:#FFF; }
::-moz-selection{ background:#0099E3; color:#FFF; } 

/* Container
---------------------------------------------------------- */ 
div#container{ margin:0 auto -420px; position:relative; width:900px; min-height: 100%; height:auto !important;}
div.push{height:420px; z-index:-10;}


/* Header
---------------------------------------------------------- */
div#header{height:412px; overflow:hidden; position:relative; width:900px;}
div#header img.logo{position:absolute; left:10px; top:41px;}
div#header img.slogan{position:absolute; right:0px; top:34px;}
div#header ul.coordinates{ color:#6f6f6f; font-size:11px; position:absolute; top:5px; right:0px;}
div#header ul.coordinates li{ float:left; margin-left:10px; }
div#header ul.nav{height:30px; position:absolute; right:10px; top:75px; width:330px}
div#header ul.nav li{ color:#FFF; font-size:22px; float:left; margin:0 14px;}
div#header ul.nav li.last{ margin-right:0; }
div#header ul.nav li a{ color:#FFF; font-size:22px; float:left; text-decoration:none;}
div#header ul.nav li a:hover, div#header ul.nav li a.active{ color:#ffd200; }
div#header div.eyecatcher{background:url(../images/layout/eyecatcher.png) no-repeat left top; position:absolute; left:0px; height:300px; top:113px; width:900px;}
div#header div.eyecatcher div.intro{ line-height:18px; position:absolute; right:38px; top:33px; height:165px; width:338px;}
div#header div.eyecatcher div.intro h1{ color:#FFF; font-size:30px; margin-bottom:10px;}
div#header div.eyecatcher ul.nav_cat{ position:absolute; right:20px; top:202px; height:55px; line-height:55px;}
div#header div.eyecatcher ul.nav_cat li{ float:left; margin:0px 9px;}
div#header div.eyecatcher ul.nav_cat li a{ float:left; color:#FFF; font-size:18px; height:55px; line-height:55px; text-decoration:none; text-transform:uppercase;}
div#header div.eyecatcher ul.nav_cat li a:hover, div#header div.eyecatcher ul.nav_cat li a.active{ background:url(../images/layout/nav_cat_hover.png) no-repeat center bottom;}
div#header div.eyecatcher a.more{ background:url(../images/layout/btn_overons.png) no-repeat left top; height:33px; display:block; float:right; position:absolute; top:160px; right:25px; text-indent:-9999px; width:143px;}
div#header div.eyecatcher a.more:hover{background-position:left bottom;}

	/* slider */
	.slideshow{position:absolute; left:42px; top:44px;}	
	.slideshow img{ width:448px; height:216px; overflow:hidden; float:left; margin-bottom:60px;}													





/* Content
---------------------------------------------------------- */
div#content{background:#FFF; overflow:hidden; padding:0 15px 0 22px; width:843px; margin:0 9px 20px; }
div#content h1{color:#333333; font-size:30px; font-weight:normal; margin-bottom:10px;}
div#content h2{color:#333333; font-size:22px; font-weight:normal; margin-bottom:5px;}
div#content div.subnav{float:left;  margin:0px 30px 30px 0px; width:190px; overflow:hidden;}
div#content div.subnav ul li{height:30px; border-bottom:1px solid #CCC; display:block;}
div#content div.subnav ul li a{color:#000; display:block; width:190px; font-size:14px; height:30px; text-decoration:none; padding:0 5px; line-height:30px;}
div#content div.subnav ul li a:hover, div#content div.subnav ul li a.active{ background:#ebb702; line-height:30px;}
div#content div.home{float:left; width:510px; line-height:17px;} 
div#content div.const{float:left; width:610px;; line-height:17px;}
div#content div.thumbs{float:right; width:304px;; line-height:17px; overflow:hidden;}
div#content div.thumbs2{float:right; width:615px;; line-height:17px; overflow:hidden;}
div#content div.contact{float:left; width:475px; line-height:17px;} 
div#content div.contactgeg{ float:right; margin-top:0px; width:320px; line-height:17px;}
div#content img.home{ border:1px solid #E8E8E8; float:right; margin-top:45px; padding:3px;}
div#content a{color:#000;}
div#content a:hover{color:#ffc600;}

div#content ul.ref li{ background:url(../images/layout/bullet.png) no-repeat left center; padding-left:26px; margin-left:10px; line-height:24px;}

	
/* Footer
---------------------------------------------------------- */
div#footer{ background:url(../images/layout/footer_bg.png) repeat-x #fff bottom left; height:420px; z-index:99999;}
div#footer div.footer_text{ background:url(../images/layout/footer_text_bg.png) no-repeat 0 173px; margin:0 auto; width:900px; height:320px;}
div#footer ul.categories{ background:url(../images/layout/categories.png) no-repeat left top; height:238px; width:845px; overflow:hidden; margin:0px 27px;}
div#footer ul.categories li{ color:#b1b0b0; float:left; padding:20px 20px 0 25px; width:165px; line-height:18px;}
div#footer ul.categories li span{ color:#333333; display:block; font-size:24px; margin-bottom:8px;}
div#footer ul.categories li a.more{ background:url(../images/layout/more_bg.png) no-repeat left 2px; display:block; padding-left:15px; color:#ffc600; margin-top:10px;  text-decoration:underline; margin-left:-5px; position:relative;}
div#footer ul.categories li a.more:hover{text-decoration:none;}
div#footer ul.footer_links{ overflow:hidden; height:82px; width:900px; position:relative;}
div#footer ul.footer_links li{float:left; height:80px; width:292px;}
div#footer ul.footer_links li a{display:block; text-indent:-9999px; background:url(../images/layout/footer_links.png) no-repeat 0 0; height:80px;}
div#footer ul.footer_links li.tel a{ background-position:0 0; width:292px; height:80px;}
div#footer ul.footer_links li.fax{width:290px;}
div#footer ul.footer_links li.fax a{background-position:-293px; width:290px; height:80px;}
div#footer ul.footer_links li.mail a{ background-position:-582px 0; width:290px; height:80px; cursor:pointer;}

div#footer div.copyright{  color:#FFF; margin:0 auto; width:900px; text-align:center; position:relative; width:900px; height:45px; margin-top:55px;}
div#footer div.copyright a.site-kick{ background:url(../images/layout/site-kick.png) no-repeat left top; height:41px; width:145px;  display:block; text-indent:-9999px; position:absolute; right:0px; bottom:0px;}
div#footer div.copyright a.site-kick:hover{background-position:left bottom;}



	
/* contactform
---------------------------------------------------------- */
form.default{width:510px;}
form.default div.entry{margin-bottom:10px; clear:both; overflow:hidden;}
form.default label{margin-bottom:4px; float:left; width:90%;}
form.default input{border:1px solid #333333; width:90%; height:28px; line-height:25px; float:left; padding:2px 3px 0px 3px;}
form.default textarea{ border:1px solid #333333; float:left; height:140px; width:90%; font-size:12px; padding:2px 3px 0px 3px;}
form.default div.buttons span{font-size:11px; float:left; }
form.default div.buttons button{border:none; background:url(../images/layout/btn_Verzenden.png) no-repeat left top; float:right; height:31px; width:145px; display:block; text-indent:-9999px; margin-right:50px; margin-top:20px;}
form.default div.buttons button:hover{background-position:left bottom;}




/* LIGHTBOX */
.thumb-img {
	border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
	position:relative; 
	width:150px; height:150px;
	margin:10px; padding:6px;
	background:#FFF;
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%; 
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:150px; height:10px; bottom:6px; left:6px;
	background:#FFF;
	
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
.thumb-zoom {
	background:url(images/search.png) no-repeat;
	position:absolute; width:22px; height:22px;
	right:10px; bottom:7px;
}