/* Exodus 20.15 - http://www.biblegateway.com/passage/?search=exodus%2020.15;&version=8; */
/* NOTE: Don't even try to f*ck up the CSS nor the HTML or you will be eaten by a big fat bad guy! */


/* v1.0 | 20080212 */
/* ----------(  BROWSER RESET	  )---------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* horizontale lijsten */
.Horizontal {}
.Horizontal ul {}
.Horizontal ul li {list-style:none; display:inline-block;}
.Horizontal ul li a { text-decoration:none;}


/* verticale lijsten */
.Vertical {}
.Vertical ul {}
.Vertical ul li {list-style:none; display:block;}
.Vertical ul li a{ text-decoration:none;}

/* ----------(  GENERAL  )---------------- */

    * {
        padding:0;
        margin:0;
    }
    a{
        outline:none;
		text-decoration:none;
        color:#a1abbb;
    }
    body {
        font-size:12px;
        font-weight:normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#fff;
		background:#32373d url(images/BGhtml.jpg) top left repeat-x;
		height:100%;
    }

/* -------(  FORCE SCROLLBAR IN FX/SF  )------- */

    html { 
        min-height: 100%; 
        margin-bottom: 1px;
		background:#1E2329;
		
    }

/* ----------(  MAIN LAYOUT  )---------------- */
    /*********** common Classes *************/
    .center {
        margin:0 auto;
        width:985px;
		clear:both;
		overflow:hidden;
    }
	
	.cufon_loading {visibility:hidden;}
	
	#wrapper_header {margin:5px 0 0; position:relative;}
	
    h1 a {
        text-indent:-9999px;
        width:252px;
        height:246px;
        display:block;
		float:left;
		margin:27px 0 0;
    }
	
	#langmenu {position:absolute; top:14px; left:252px; z-index:1000;}
	#langmenu ul {}
	#langmenu ul li {float:left;}
	#langmenu ul li a {
		display:block; 
		width:25px; 
		height:25px; 
		background:url(images/langBtnInactive.jpg) top left no-repeat;
		margin:0 10px 0 0;
		line-height:1.9em;
		padding:0 0 0 .4em;
	}
	
	#langmenu ul li a:hover, #langmenu ul li a.current {
		background:url(images/langBtnActive.jpg) top left no-repeat;
		color:#BDD73C;
	}
	
	#cycle_wrapper {
		display:block; 
		width:730px; 
		height:247px; 
		float:left; 
		margin:27px 0 0; 
		overflow:hidden; 
		position:relative;
	}
	
	#imgkader {position:absolute; top:0; left:0; z-index:100;}
	
	#imgcycle p {margin:18px 0 0 8px;}
	
	.cycleBoxheader {display:block; float:left; width:230px; height:225px; overflow:hidden; margin:15px 0 0 8px;}
	.cycleBoxheader a {
	}
	
	.headerlink {width:230px; height:225px; position: absolute; top:43px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; }
	.headerlink1 {z-index:500;width:230px; height:225px; position: absolute; left:265px; }
	.headerlink2 {z-index:501;width:230px; height:225px; position: absolute; left:495px; }
	.headerlink3 {z-index:502;width:230px; height:225px; position: absolute; left:725px; }
	
	.headerlink1 a {display:block; width:230px; height:225px; text-indent:-99999em;
	overflow:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	}
	.headerlink2 a {display:block; width:230px; height:225px; text-indent:-99999em;
	overflow:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;  }
	.headerlink3 a {display:block; width:230px; height:225px; text-indent:-99999em;
	overflow:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;  }
	
	
	
    
    /* Top navigatie */
    
    #mainnav {
		margin-top:10px;
        list-style:none;
        float:left;
		height:35px;
    }
    
    #mainnav li {float:left;background: url(images/btnnonactiveleft.png) top left no-repeat; padding:0 0 0 10px;}
    
    #mainnav li a {
      	font-size:1.2em;
        font-weight:bold;
		height:35px;
        color:#75797e;
        text-decoration:none;
      	display:block;
        float:left;
		line-height:35px;
		padding:0 30px 0 20px;
		text-transform:lowercase; 
		text-align:center;
		background: url(images/btnnonactiveright.png) top right no-repeat;
		}
    
    #mainnav li.current ,#mainnav li:hover.current  {
		color:#fff;
		background: url(images/btnactiveleft.png) top left no-repeat;
	}
	
	#mainnav li.current a, #mainnav li.current a:hover {
		color:#fff;
		background: url(images/btnactiveright.png) top right no-repeat;
	}
	
	#mainnav li:hover {
        color:#bdd73c;
		background: url(images/btnhoverleft.png) top left no-repeat;
    }
	
    #mainnav li a:hover {
        color:#bdd73c;
		background: url(images/btnhoverright.png) top right no-repeat;
    }
    
    /* Content */
    
    #wrapper_content  {
		margin:45px 0 30px;
		overflow:hidden;
    }
	
	#wrapper_content h2 {
		font-weight:normal;
        padding-bottom:10px;
        font-size:1.7em;
        color:#bdd73c;
		border-bottom:1px solid #75797e;
		padding:0 0 10px 0;
	}
	
	#content  {
		margin:0 45px 0 0;
        float:left;
		width:610px;
    }
    
    #content h2 {}
	#content h3 {color:#BDD73C; font-size:1.3em; margin:0 0 8px; }
    #content h3 a {color:#BDD73C;  }
	#content h5 {color:#777B7F; font-size:1.2em;}
    
    #content p {
		margin:20px 0 20px 0;
		line-height:1.4em;
		text-align:justify;
   }
   
    #content p img {
	float:left;
	margin:0 12px 8px 0;
	border:4px solid #282d33;
	}
	
	#content p a {color:#FFF; border-bottom:#FFF 1px solid; text-decoration:none;  padding-bottom:1px; }
	#content p a:hover {border-bottom:#BDD73C 1px solid; padding-bottom:1px; color:#BDD73C;}
    
    #content ul {margin:20px 0 0 20px;  }
    #content ul li {margin:0 0 10px 10px; background:transparent url(images/listbullet.jpg) no-repeat scroll left top; display:block; min-height:20px; padding-left:20px; line-height:1.3em; }
	#content ul li a { color:#FFF; border-bottom:#FFF 1px solid;  padding-bottom:1px; }
	#content ul li a:hover { border-bottom:#75797E 1px solid; padding-bottom:1px; color:#75797E;}
	
	#content ol {}
	#content .producttable {clear:both; display:block; width:608px; margin:25px 0 25px 1px; }
	#content .producttable td {border:1px solid #777B7F; padding:5px;}
	
    
    /* sidebar */
    
    #sidebar {
		margin:0 0 0;
        float:left;
		width:320px;
    }
    
   	#sidebar h2 { margin:0 0 0 60px;}
   
    #sidebar .portfolio { background:url(images/fototoestel.jpg) top left no-repeat; margin:0 0 10px;}
	#sidebar .kalender {margin:0 0 20px 0px;}
	
	#sidebar #scrollable {
		background:url(images/BGportfolio.jpg) top left no-repeat; 
		display:block;
		height:150px;
		margin:15px 0 10px;
	}
	
	#sidebar .news {background:url(images/inkpot.jpg) top left no-repeat; margin:0 0 40px 0;}
	#sidebar .nieuwsbrief {background:url(images/nieuwsbrief.jpg) top left no-repeat;
 margin:0 0 25px 0; padding:10px; color:#A1ABBB;}
 
 	#sidebar .nieuwsbrief h2 {margin-bottom:15px;}
	
	#sidebar .nieuwsbrief div.bg{ background-color:#282c31; padding:5px;}
    
    #sidebar ul {}
    
    #sidebar li {
      
    }
    
    #sidebar li a {
      
    }
    
    #sidebar li a:hover {
     
    }
    
    #sidebar li a.visit {
       
    }
	
	.menu_sidebar {}
	.menu_sidebar #submenu {font-size:1.1em; }
	.menu_sidebar #submenu li {margin:0; padding:0;}
	.menu_sidebar #submenu li a {
		padding:7px 15px ; 
		display: block;
		color:#1E2329; 
		cursor:pointer; 
		margin:0;
		background:#777B7F;
		border:1px solid #32373D;
	}
	.menu_sidebar #submenu li a:hover, .menu_sidebar #submenu li.current li a:hover {color:#fff; }
	.menu_sidebar #submenu li li {margin:0; padding:0;}
	.menu_sidebar #submenu li li a {padding:7px 15px 7px 35px;}
	.menu_sidebar #submenu li.current a, .menu_sidebar #submenu li.current li.current a {color:#BDD73C; }
	.menu_sidebar #submenu li.current li a {color:#1E2329; }
	
	/*news partial*/
	table.newslist {margin:20px 0 0; }
	table.newslist tr {height:27px; padding:0; border:3px solid #32373D;}
	table.newslist tr td.newsdatum {width:50px; background:#282c31; padding:7px 0px; border-right:3px solid #32373D; text-align:center; color:#a9b3c4; }
	table.newslist tr td.newstitle {
		margin:0 0 0 5px;
		padding:7px 7px ;
		color:#a9b3c4;
		width:250px;
	}
	
	table tr td.newstitle a:hover {color:#BDD73C;}
	
	#sidebar .leesmeer {float:right; margin:10px 0 0;}
	#sidebar .leesmeer:hover {color:#BDD73C; }
	
	/*news view*/
	.news_item {margin: 20px 0 20px;}
	.news_item .terug:hover {color:#BDD73C; border-bottom:1px solid #BDD73C; padding:0 0 5px;}
	
	#content .news_item p {margin:10px 0 10px;}
	
	/*agenda view*/
	.agenda_item {margin: 20px 0 20px;}
	.agenda_item .terug:hover {color:#BDD73C; border-bottom:1px solid #BDD73C; padding:0 0 5px;}
	
	#content .agenda_item p {margin:10px 0 10px;}
	
	h4.datumTitle {margin:10px 0 5px 0; color:#A1ABBB;}
	.agenda_lijst_item {margin:10px;}
	#content .agenda_lijst_item p {margin:0 0 15px;}
	
	#content .pager ul {}
	#content .pager ul li {list-style:none; float:left;}
	#content .pager ul li span {}
	#content .pager ul a:hover {}

	
	
    
    /* footer */
    
   #footer_wrapper {background:#1E2329 url(images/BGfooter.jpg) top left repeat-x; position:relative; bottom:0;}
   #footer {
        background:url(images/footerLeave.jpg) top left no-repeat;
		overflow:hidden;
    }
    
    #footer #innerFooter {
       height:113px;
	   margin:45px 0 0 75px;
	   line-height:1.4em;
    }
	
	#footer #innerFooter ul.mainNav {float:right;text-transform:uppercase; margin-top:15px; font-size:1.2em;}
	#footer #innerFooter ul.mainNav a {}
	#footer #innerFooter ul.mainNav a:hover {border-bottom:1px solid #BDD73C; padding-bottom:3px;color:#BDD73C;}
	
	#footer #footeradres {float:left;}
	
	#footeradres a {color:#BDD73C;}
	
	#externelogo {float:right;}
    
	#externelogo a { margin:0 0 0 20px;}
	
   	#footer #CET {
   		background:url(images/CertifiedEuropean.jpg) top left no-repeat;
		display:block;
		width:123px;
		height:38px;
		float:right;
		}
   
    #footer #wax {
        margin-top:8px;
        padding-left:40px;
        line-height:32px;
        text-decoration:none;
        background:url(../images/wax_interactive_logo_transparent.png) left center no-repeat;
        height:35px;
        display:none;
        float:right;
    }
	
	#footer #btnShare{
		position:absolute;
		top:-25px;
		margin-left:-75px;
	}
	
	a#wax:hover {color:#BDD73C;}
	
/*--------------------/* opmaak templates /*--------------------*/
/*<-------------------->< SITEMAP ><-------------------->*/
ul.sitemap {font-size:16px; margin:0 0 0 50px;}
ul.sitemap li {}
ul.sitemap li a {margin:0 10px 0 0; }
#content ul.sitemap li a:hover {border:none;}
#content ul.sitemap li ul {font-size:12px; margin:5px 0 0 20px;}
ul.sitemap li ul li {}
ul.sitemap li ul li a {}
ul.sitemap li ul li a:hover {}

/*<-------------------->< DIENSTEN ><-------------------->*/
.Ltable table { line-height:1.3em;}
.Ltable table tr { vertical-align:text-top; padding:0 0 10px; }
.Ltable table tr td { padding:10px 5px 15px 5px; }
.Ltable table tr td img {float:left; margin:0 12px 8px 0; border:4px solid #282d33;}

/*<-------------------->< PRODUCTEN ><-------------------->*/
#content .prodlijst div.product {overflow:hidden; margin:10px 0 15px 0; padding:5px; display:block; width:600px;}
#content .prodlijst div.product span {float:left;}
#content .prodlijst span.prodimg { width:90px; margin:0 10px 10px 0;}
#content .prodlijst span.prodtext { width:300px; margin:0 20px 0 10px;}
#content .prodlijst span.prodprijs { width:165px;margin:10px 0 10px; font-weight:bold; font-size:1.2em; }
#content .prodlijst span.aantprod {margin:0 0 10px; display:block; width:170px;}
input.winkelmandje {background:url(images/shoppingcar.png) top left no-repeat; display:block; width:40px; height:40px; cursor:pointer; border:none; margin:0 0 0 0;}
.leverbaar {font-size:0.9em; color:#BDD73C; display:block; width:170px; text-align:left;}
#content .prodlijst span.prodcolumnright {width:170px;}

/*<-------------------->< PROFESSIONALS ><-------------------->*/
#content #inlogbox {width:350px; padding:5px; line-height:1.2em; margin:10px 0 0;}
#content #inlogbox .inlogform {margin:10px 0 0;}
#content #inlogbox .inlogform .td-label {color:#BDD73C; padding:0 10px 0;}
#content #inlogbox .inlogform .field { display:block; margin:0 0 10px 0; 
background:#CCCCCC;
border:2px solid #999999;
color:#32373D;
padding:2px 5px;}

.toCart a:hover{
	color:#bdd73c;
}

#homebutton{
	position:absolute;
	width:25px;
	height:25px;
	left:210px;
	top:14px;
}

#homebutton a{
	display:block;
	width:25px;
	height:25px;
	background:url(../images/home.png);
	outline:none;
}