/*

CSS by www.nedfinity.com  

*********************************************
* Nedfinity 2009 � All rights reserved	
* Web:		http://www.nedfinity.com 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Ambert van Unen & Tom van der Hoek
*********************************************/


body {background-image:url(../_images/backgroundrepeat.gif);  clear:both; display:block; position:relative; height:100% ;background-repeat:repeat-x; font-size: 11px; text-align:left; font-family: tahoma, arial, verdana, helvetica, sans-serif; line-height:20px; /* standaard lettertype instellingen */ color:#495C34; /* standaard tekst kleur */ }
#container { position:relative; width: 997px; margin:  0 auto; clear:both;}
html, body { height:100%; margin:0;
padding:0; }

a:link, 
a:visited,
a:active 
{ 
    color:#495C34; 
    text-decoration:none;
}

a:hover 
{ 
    text-decoration:underline; 
}

h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight:normal;}
h2 { font-size:15px; color:#495c34; text-transform:uppercase; margin:0 0 8px 0;}
h3 { font-size:24px; line-height:30px; color:#495c34; margin:0 0 15px 0;}
h4 { font-size:17px; line-height:16px; color:#fff;  display:block; font-weight:bold; padding:0; text-transform:uppercase; }
h5 {  }

img { border: 0px; }
hr { margin:5px 0 5px 0; border:#c5c7c8 1px solid; }
p { padding:0 0 12px 0; }

/* Hoofdpagina CSS*/

/* Topmenu */

.logo5wss{position:relative; top:18px; height:64px; width:110px; left:18px;}

.menu{position:absolute; text-align:left; left:130px;text-align:center; top:104px; height:41px; }

.menu ul{position:relative; list-style:none; margin:0px; padding:0px; height:13px; top:0px; left:17px; z-index:8888;}
.menu ul li{ position:relative; z-index:8888; float:left; height:41px; line-height:29px;background-image:url(../_images/but_repeatx.png); background-repeat:repeat-x;}

.menu ul li a,
.menu ul li a:link,
.menu ul li a:active,
.menu ul li a:visited
{
    text-align:left;
    padding:0 20px;	
	text-decoration:none; 
	font-size:13px;
	color:#495c34;
	text-transform:uppercase;
}
.menu ul li:hover{
    background-image:url(../_images/but_repeatxHover.png);
}

.menu ul li.selected{
    background-image:none;
    background-color:#ABD071;
    height:34px;
}

.menu ul li.selectedNoSubs{
    background-image:url(/_images/nosub.gif);
    background-color:#ABD071;
    height:40px;
}

.menu ul li a:hover.hover{background-image:url(../_images/but_schaduwl.gif); background-repeat:repeat-x; height:41px; display:inline-block;}

/*
.menu{position:absolute; width:530px; left:230px;text-align:center; top:103px; height:79px;}
.menuhome{position:relative; height:60px; float:left; z-index:2; left:7px; background-image:url(../_images/but_home.png); height:40px; width:111px;}
.menuservices{position:relative; height:40px; float:left; background-image:url(../_images/but_services.png); width:132px; z-index:3;}
.menuservices:hover{position:relative; height:40px; float:left; background-image:url(../_images/but_serviceshover.png); z-index:1; width:132px;}
.menucompany{position:relative; height:40px; float:left; width:147px; background-image:url(../_images/but_company.png); z-index:2; left:-8px;}
.menucompany:hover{position:relative; height:40px; float:left; width:147px; background-image:url(../_images/but_serviceshover.png); z-index:1;}
.menucontact{position:relative; height:40px; float:left;z-index:2; left:-8px; background-image:url(../_images/but_contact.png); height:40px; width:126px;}
*/
/*ul ul{position:absolute; height:29px; left:34px; top:131px; left:258px; z-index:1;}*/

.submain ul
{
    position:relative;
    list-style:none; 
    padding:0;
    margin:0;
    height:13px;
    display:inline-block;
}

.submain ul li
{
    float:left;
    color:#fff;
}

.submain ul li:hover
{
    background-image:none;
    height:25px;
}


.submain ul li a,
.submain ul li a:link,
.submain ul li a:active,
.submain ul li a:visited
{
    display:inline-block;
    line-height:25px;
    padding:0 10px;
    text-align:center;
	text-decoration:none; 
	font-size:11px;
	color:white;
	margin:0;
}

.submain ul li a:hover,
.submain ul li.subselected a
{
    color:#495c34;
}

.submain ul li a.index{z-index:15;}

.submenu
{
    position:absolute;
    top:138px;
    left:169px;
    height:25px;
    display:none; 
}

.subleft
{
    position:relative;
    float:left;
    width:17px;
    height:25px;
    background-image:url(../_images/submenuhoekleft.gif);
}

.submain
{
    position:relative;
    float:left;
    height:25px;
    background-color:#ABD071;
}

.subright
{
    position:relative;
    float:left;
    width:17px;
    height:25px;
    background-image:url(../_images/submenuhoekrechts.gif);
}

/* Middenmenu */

.afbwissel{position:relative; height:309px; width:729px; background-repeat:no-repeat; left:-3px; float:left; margin-right:8px; margin-left:1px; background-image:url(../_images/contentborder.gif);}
.afbborder{position:absolute; z-index:2;} 
.afbcontent{position:absolute; top:4px; left:4px; z-index:1;} 

/* - billboard - */

.BillBoardContent
{
    position:relative;
    margin:25px 0 0 0;
    width:224px;
    height:205px;
    overflow:auto;
}

.wservices
{
    position:relative; 
    margin:1px 0 5px 0; 
    float:left; 
    height:303px; 
    width:230px;
    overflow:hidden; 
    z-index:5; 
    background-image:url(../_images/rechterimgborder.gif);
}

.wservices .banner
{
    margin:0;
    width:230px;
    height:260px;
}

.wservices h4
{
    display:block;
    width:232px;
    height:29px;
    padding:16px 0 0 18px;
    color:#fff;
}

.wservices ul h4
{
    text-align:left;
    font-size:15px;
    margin:2px 0;
    padding:0;
    color:#495C34;
}

.wservices ul
{
    position:absolute;
    color:#495C34;
    left:30px;
    margin:0;
    padding:0;
    font-size:15px;
    text-transform:uppercase;
    list-style-image:url(../_images/liststar.gif);
}

.wservices ul li
{
    height:25px;  
}

.rechterimgborder{position:absolute; z-index:2;} 
.rechterimg{position:absolute; top:43px; left:4px; z-index:0; width:230px; height:263px; z-index:1;}

/* - extra module - */

.ExtraModule
{
    position:absolute;
    top:160px;
    width:433px;
    height:260px;
    overflow-y:auto;
    overflow-x:hidden;
}

/* - slogan - */

.Slogan
{
    position:absolute;
    top:23px;
    width:400px;
    text-align:right;
    right:40px;
}

h6 
{
    font-size:50px;
    display:none;
}

/* - jobs - */

.JobWrapper
{
    position:relative;
    width:410px;
    height:120px;
    margin:0 0 20px 0;
}

.JobWrapper h3
{
    position:absolute;
    top:14px;
    left:0;
    font-size:16px;
}

.JobWrapper .Picture
{
    position:absolute;
    top:10px;
    left:10px;
    width:70px;
    height:100px;
    overflow:hidden;
}

.JobWrapper .Content
{
    position:absolute;
    left:0;
    top:35px;
}

.JobWrapper .morelink
{
    position:absolute;
    left:0;
    top:54px;
}

.JobitemWrapper .Picture
{
    float:left;
    width:100px;
    height:160px;
    margin:0 15px 0 0;
}

/* footer */
.footerdiv{position:absolute; left:75px; top:734px;}
.footermenu{position:relative; text-align:center; width:800px; background-image:url(../_images/footermenu.gif); background-repeat:no-repeat; height:36px; background-position:center; font-size:11px;}
.footercontent a{position:relative;  text-decoration:none; color:#929e7f;}
.footercontent{position:relative;  text-decoration:none; color:#929e7f; top:5px;}
.footertekst{position:relative;  text-align:center; width:800px; top:12px;}

.footerblokjes{position:relative; text-align:center; width:800px; padding-bottom:25px; top:40px;}


.middengedeelte{position:relative; margin-top:134px; display:block; clear:both;}


/* Contentpagina CSS (gebruikt header en footer van hoofdpagina CSS */
.footerdivCP{position:absolute; left:75px; top:734px;}
.backupCP{position:relative; background-image:url(../_images/CPcontent.gif); background-repeat:no-repeat; height:176px; width:236px; float:left; margin-bottom:11px; margin-top:3px;}
.backupCPcontent{position:relative; margin: 5px 12px 5px 12px;  height:150px;}

.contactCP{position:relative;  background-image:url(../_images/submenucontact.gif); background-repeat:no-repeat; height:170px; width:230px; float:left; margin:15px 0 0 4px;}

.menuCP{position:relative; background-image:url(../_images/CPmenu.gif); background-repeat:no-repeat; width:238px; height:493px; float:left; margin-right:6px; margin-left:-2px;}
.menuCPcontent{position:relative; padding:19px 22px 5px 19px;}

.menuCPcontent ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

.menuCPcontent ul ul
{
    padding:0 0 0 15px;
}

.menuCPcontent ul li li
{
    background-image:url(/_images/overArrow.gif);
    background-repeat:no-repeat;
    padding:0 0 0 10px;
}

.menuCPcontent li.subselected > a,
.menuCPcontent li.subselected > a:link,
.menuCPcontent li.subselected > a:active
{
    font-weight:bold;
}

.tekstvakCP
{
    position:relative;  
    background-image:url(/_images/CPtekstvak.gif); 
    background-repeat:no-repeat; 
    height:493px; 
    width:487px; 
    float:left; 
    margin-right:9px;
 }
 
 
.tekstvakCPcontent
{
    position:relative; 
    margin: 19px 22px;
    height:457px; 
    padding:0 15px 0 0;
    overflow-y:auto;
    overflow-x:hidden;
}

/* - forms - */

.AjaxLoader img
{
    display:block;
    margin:0 0 0 70px;
}

.Fields
{
    position:relative;
    float:left;
    width:192px;
}

.Row
{
    clear:both;
}

.Row label
{
    float:left;
    position:relative;
}

.Row .Element
{
    position:relative;
    float:right;
}

.Fields input[type=text],
.Fields textarea
{
    padding:3px;
}

.Fields input,
.Fields textarea
{
    border:1px solid #89a65a;
    font-size:13px;
    color:#495C34;
    font-family:Tahoma, Arial, Helvetica, Verdana, Sans-Serif; 
}

.m
{
    width:187px;
}

textarea
{
    height:70px;
}

.Button
{
    display:block;
    color:#fff !important;
    text-align:center;
    text-transform:uppercase;
    font-size:11px;
    width:71px;    
    height:22px;
    line-height:22px;
    border:none;
    background-color:#89a65a;
    cursor:pointer;
    margin:7px 0 0 0;
}

.Button:hover
{
    background-color:#7b9452;
    text-decoration:none;
}

.tekstvakCPcontent .Fields
{
    width:350px;
    z-index:7777;
}

.tekstvakCPcontent .m
{
    width:250px;
}

.tekstvakCPcontent .Row .Element
{
    margin:2px 0;
}

/* Modal box */

.ModalOverlay
{
    position:absolute;
    top:0;
    z-index:8888;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.80;
    filter:alpha(opacity=80);
    -ms-filter:"alpha(opacity=80)";
    -khtml-opacity:.80;
}

.Modal
{
    position:relative;
    z-index:9999;
    width:350px;
    height:90px;
    margin:0 auto;
    top:20px;
    color:#000;
    background-color:#fff;
    text-align:center;
    padding:30px 0 0 0;
    border:2px solid #ccc;
}

.Modal .Buttons
{
    position:relative;
    width:179px;
    margin:20px auto 0 auto;
}

.Modal .Buttons a,
.Modal .Buttons a:link,
.Modal .Buttons a:active,
.Modal .Buttons a:visited
{
    display:block;
    width:70px;
    line-height:19px;
    font-size:9px;
    background-color:#000;
    color:#fff;
    border:1px solid #ccc;
    float:left;
    cursor:pointer;
    margin:0 7px;
    text-transform:uppercase;
    text-align:center;
}

.Modal .Buttons a:hover
{
    background-color:#272727;
    text-decoration:none;
}

/* - boxes - */

.BoxWrapper
{
    position:relative;
    float:left;
    height:170px;
    width:1000px;
}

.Box
{
    position:relative; 
    background-image:url(../_images/submenu.gif); 
    background-repeat:no-repeat; 
    height:170px; 
    width:230px;
    overflow:hidden; 
    float:left;
    z-index:9999;
    margin:13px 16px 0 0; 
}

.Box .Background
{
    position:absolute;
    width:228px;
    height:168px;
    top:1px;
    left:1px;
    background-image:url(/_images/ContactMall.png);
}

.Box .Overlay
{
    position:absolute;
    width:228px;
    z-index:5555;
    height:60px;
    bottom:1px;
    left:1px;
    background-image:url(/_images/ContactOverlay.png);
}

.boxcontent
{
    padding:20px;
    width:190px;
}

.boxcontent .Text
{
    width:136px;
    height:100px;
    overflow:auto;
    position:absolute;
    top:43px;
    font-size:11px;
    left:88px;
    line-height:17px;
}

.boxcontent .supertext
{
    line-height:17px !important;
    margin:0 0 12px 0;
}

.boxcontent .subtext
{
    font-size:9px;
}

.boxcontent .Picture
{
    overflow:hidden;
    margin:7px 0 0 0;
    width:59px;
    height:89px;
}

.boxcontent .morelink
{
    display:block;
    font-weight:bold;
    color:#89a65a;
    margin:5px 0 0 0;
}

.boxcontent h2
{
    height:20px;   
    width:195px;
    overflow:hidden;
}

.morelink a,
.morelink a:link,
.morelink a:active
{
    color:#89a65a;
    text-decoration:underline;
}

.morelink a:hover
{
    text-decoration:none;
}

.boxcontent h4
{
    display:block;
    text-align:center;
    font-size:14px;
}

.boxcontent .ContactText
{
    position:relative;
    top:80px;
    width:204px;
    height:45px;
    z-index:5555;
    color:#fff;    
    overflow:auto;
}

.boxcontent .ContactText a,
.boxcontent .ContactText a:link,
.boxcontent .ContactText a:active
{
    color:#fff;
    text-decoration:underline;
}

.boxcontent .ContactText a:hover
{
    text-decoration:none;
}

.boxcontent .ContactText p
{
    margin:0;
    padding:0;
    line-height:15px;
}

/* - slideshow - */

.afbwissel ul.nav
{
    position:absolute;
    list-style:none;
    margin:0;
    padding:0;
    height:9px;
    top:180px;
    right:-29px;
    width:150px;
    z-index:8888;
}

.afbwissel ul.nav li
{
    float:left;
}

.afbwissel ul.nav li a,
.afbwissel ul.nav li a:active,
.afbwissel ul.nav li a:visited,
.afbwissel ul.nav li a:focus
{
    display:block;
    width:50px;
    height:9px;
    background-image:url(/_images/SlShNavBall.png);
    background-repeat:no-repeat;
}

.afbwissel ul.nav li a:hover,
.afbwissel ul.nav li a.activeSlide
{
    background-image:url(/_images/SlShNavBallHover.png);
}

#banner .Overlay
{
    position:absolute;
    width:722px;
    height:101px;
    background-image:url(/_images/SlShTrans.png);
    bottom:0;
}

#banner h4
{
    position:absolute;
    top:30px;
    left:25px;
    font-size:24px;
}

#banner .Content
{
    position:absolute;
    top:220px;
    left:15px;
    width:490px;
    font-size:12px;
}

#banner li a,
#banner li a:link,
#banner li a:active
{
    position:absolute;
    bottom:41px;
    right:33px;
    display:block;
    width:141px;
    height:29px;
    background-image:url(/_images/SlShButton.gif);
    text-align:center;
    text-transform:uppercase;
    font-size:15px;
    line-height:29px;
    color:#fff;
}

#banner li a:hover
{
    text-decoration:none;
}

/* - languageselector - */

.LanguageSelector
{
    position:absolute;
    top:106px;
    right:35px;
    width:54px;
    height:27px;
}

.Dutch {
    position:absolute;
    left:0;
}

.English {
    position:absolute;
    left:27px;
}

.Dutch a,
.Dutch a:link,
.Dutch a:active {
    display:block;
    width:27px;
    height:27px;
    background-image:url(/_images/flag-nl.gif);
}

.Dutch a:hover {
    background-image:url(/_images/flag-nl-over.gif);
}

.Dutch a.selected {
    background-image:url(/_images/flag-nl-sel.gif);
}

.English a,
.English a:link,
.English a:active {
    display:block;
    width:27px;
    height:27px;
    background-image:url(/_images/flag-en.gif);
}

.English a:hover {
    background-image:url(/_images/flag-en-over.gif);
}

.English a.selected {
    background-image:url(/_images/flag-en-sel.gif);
}

/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
------------------------------------------------------------ */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

ul#banner {
	position:relative;
	width:722px;
	height:303px;
	padding:0;
	margin:0;
	list-style:none;
	left:3px;
	top:2px;
	overflow:hidden;
	z-index:2;
}
ul#banner li {
	margin:0;
	padding:0;
	padding:0;
	margin:0;
}