@charset "UTF-8";
/* CSS Document */

html{height:100%;}

body{
	height:100%;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background-image:url(/images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

div#container{
	width:910px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

div#header{
	width:910px;
	height:266px;
	float:left;
	
	background-image:url(/images/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

div#menu_container{
	width:910px;
	height:38px;
	float:left;
	
	background-image:url(/images/background_menu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

div#menu_items{
	width:852px;
	height:26px;
	
	margin-left:30px;
	margin-top:3px;
}

div#content_container{
	width:900px;
	float:left;
	background-color:#FFF;
	margin-left:5px;
}

div#container_left{
	width:625px;
	float:left;
}

div#container_right{
	width:265px;
	float:right;
}

div#container_text{
	width:601px;
	float:right;
}

h1{font-family:"Century Gothic", Arial, Verdana; font-size:18px; text-transform:uppercase;}
h2{font-family:"Century Gothic", Arial, Verdana; font-size:15px; text-transform:uppercase;}
h3{font-family:"Century Gothic", Arial, Verdana; font-size:14px; text-transform:uppercase;}
h4{font-family:"Century Gothic", Arial, Verdana; font-size:12px; text-transform:uppercase;}
h5{font-family:"Century Gothic", Arial, Verdana; font-size:10px; text-transform:uppercase;}

a:link, a:active, a:visited{color:#000; text-decoration:underline; font-weight:bold;}
a:hover{text-decoration:none;}

/*/////////////////////////////////////////////*/
/*                 Tekstvelden                 */
/*/////////////////////////////////////////////*/

div.slogan{
	font-family:"Century Gothic", Arial, Verdana;	
	color:#888;
	font-size:24px;
	margin-left:22px;
	margin-bottom:20px;
}

div.slogan a:link, div.slogan a:visited, div.slogan a:active{font-weight:bold; color:#bc231b; text-decoration:none;}
div.slogan a:hover{text-decoration:underline;}
span.slogan_klein{font-size:14px;}

div.grey_container{width:601px; background-color:#efefef; float:left; margin-bottom:10px;}
div.grey_top{background-image:url(/images/grey_top.gif);	width:601px; height:18px; float:left;}
div.grey_bottom{background-image:url(/images/grey_bottom.gif); width:601px; height:18px;	float:left;}
div.grey_text{width:560px; margin-left:22px; line-height:24px; color:#666;}
div.grey_image{float:right;}
div.grey_image img{border:0px;}

div.grey_text a:link, div.grey_text a:active, div.grey_text a:visited{color:#666; text-decoration:underline; font-weight:bold;}
div.grey_text a:hover{text-decoration:none;}
div.grey_text h1 a:link, div.grey_text h1 a:active, div.grey_text h1 a:visited{text-decoration:none;}
div.grey_text h1 a:hover{text-decoration:underline;}
div.grey_text input{border:1px solid #CCC; padding:3px; width:300px; font-family:Arial, Helvetica, sans-serif;}
div.grey_text textarea{border:1px solid #CCC; width:550px; height:200px; padding:3px; font-family:Arial, Helvetica, sans-serif;}
div.grey_text ul li{list-style-type:disc;}
div.grey_text table{border:0px; width:560px;}
div.grey_text table img{border:0px;}
div.grey_text table td.centreer{text-align:center;}
div.grey_text table tr.donker{background-color:#CCC;}

div.green_container{width:601px; background-color:#d6f0b2; float:left; margin-bottom:10px;}
div.green_top{background-image:url(/images/green_top.gif); width:601px; height:30px; float:left;}
div.green_bottom{background-image:url(/images/green_bottom.gif); width:601px; height:30px;	float:left;}
div.green_text{width:520px; margin-left:42px; line-height:24px; color:#639d12;}
div.green_text h1{}
div.green_text a:link, div.green_text a:active, div.green_text a:visited{color:#639d12; text-decoration:underline;}
div.green_text a:hover{text-decoration:none;}

div.red_container{width:601px; background-color:#f4cece; float:left; margin-bottom:10px;}
div.red_top{background-image:url(/images/red_top.gif); width:601px; height:30px; float:left;}
div.red_bottom{background-image:url(/images/red_bottom.gif); width:601px; height:30px;	float:left;}
div.red_text{width:520px; margin-left:42px; line-height:24px; color:#9d1212;}
div.red_text h1{}
div.red_text a:link, div.red_text a:active, div.red_text a:visited{color:#9d1212; text-decoration:underline;}
div.red_text a:hover{text-decoration:none;}


/*/////////////////////////////////////////////*/
/*                   Widgets                   */
/*/////////////////////////////////////////////*/

div#webbeheer_container{width:241px; float:left; background-image:url(/images/webbeheer_middle.gif); margin-bottom:10px;}
div#webbeheer_top{width:241px; height:34px; float:left; background-image:url(/images/webbeheer_top.gif);}
div#webbeheer_text{width:200px; float:left; padding-left:15px; font-weight:bold; color:#606060;}
div#webbeheer_text input{width:200px; border:0px; padding:3px;}
a#webbeheer_button{width:86px; height:23px; float:right; background-image:url(/images/webbeheer_inloggen.gif); margin-top:10px; margin-right:10px;}
div#webbeheer_bottom{width:241px; height:39px; float:left; background-image:url(/images/webbeheer_bottom.gif);}

div#adres_container{width:241px; float:left; background-image:url(/images/adres_middle.gif); margin-bottom:10px;}
div#adres_top{width:241px; height:22px; float:left; background-image:url(/images/adres_top.gif);}
div#adres_text{width:200px; float:left; padding-left:15px; font-weight:bold; color:#606060; text-align:center;}
div#adres_text a:link, div#adres_text a:active, div#adres_text a:visited{color:#606060;}
div#adres_text a:hover{text-decoration:none;}
div#adres_bottom{width:241px; height:22px; float:left; background-image:url(/images/adres_bottom.gif);}

div#websitevandedag_container{width:241px; height:208px; float:left; background-image:url(/images/websitevandedag_background.jpg); margin-bottom:10px; color:#d99918; text-align:center;}
div#websitevandedag_container h2{line-height:10px;}
div#websitevandedag_text{width:241px; text-align:center; float:left; }
div#websitevandedag_image{width:241px; text-align:center; float:left;}
div#websitevandedag_image img{border:0px;}
div#websitevandedag_top{width:241px; height:10px; float:left;}

div#websitetip_container{width:241px; float:left; background-image:url(/images/websitetip_middle.gif); text-align:center;}
div#websitetip_top{width:241px; height:19px; float:left; background-image:url(/images/websitetip_top.gif);}
div#websitetip_bottom{width:241px; height:19px; float:left; background-image:url(/images/websitetip_bottom.gif);}
div#websitetip_text{text-align:center; color:#000; width:220px; padding:0px 10px 0px 10px;}
div#websitetip_text ul{list-style-type:none; width:180px; list-style-position:outside;}
div#websitetip_text li{margin-left:-40px;}
div#websitetip_container h2{color:#d99918;}
div#websitetip_container a:link, div#websitetip_container a:visited, div#websitetip_container a:active{color:#d99918; font-weight:bold; text-decoration:none;}
div#websitetip_container a:hover{text-decoration:underline;}
div#websitetip_leesmeer{width:230px; float:left; text-align:right; padding-right:10px;}

div#footer{width:910px; height:200px; background-color:#FFF; float:left; background-image:url(/images/footer_background.gif); margin-top:10px;}
div#belangrijke_links{ color:#808080; margin-left:30px;}
div#footer_content{width:850px; margin-left:50px;}
div.footer_column{width:220px; float:left; line-height:22px;}
div.footer_column a:link, div.footer_column a:visited, div.footer_column a:active{color:#808080; text-decoration:none;}
div.footer_column a:hover{text-decoration:underline;}

/*///////////////////////////////////////*/
/*            extra stijlen              */
/*///////////////////////////////////////*/

table#product_overzicht td{border-top:1px solid #999;}

table#portfolio{text-align:center; margin-left:-10px;}
table#portfolio tr{}
table#portfolio td{border:0px solid #ccc;}
table#portfolio td:hover{border:0px solid #999; background-color:#FFF;}
table#portfolio td a:link, 
table#portfolio td a:visited, 
table#portfolio td a:active{color:#666; text-decoration:none; display:block; float:left; height:100%; width:100%; padding-top:3px; cursor:pointer;}
table#portfolio td.inactief:hover, table#portfolio td.inactief{border:0px; background-color:#efefef;}

table#portfolio td:hover a:link, 
table#portfolio td:hover a:visited, 
table#portfolio td:hover a:active
table#portfolio td:hover a:hover{display:block; color:#333; text-decoration:none; display:block; float:left; height:100%; width:100%; padding-top:3px; cursor:pointer;}

table#portfolio2{margin-left:-10px;}
table#portfolio2 td{padding-top:10px; padding-bottom:10px;}

table#tarieven{}
table#tarieven td{border-right:1px solid #CCC; border-bottom:1px solid #666; padding:3px; text-align:center;}
table#tarieven td.donker{background-color:#9C6; color:#030; font-weight:bold;}
table#tarieven td.producten{text-align:left;}

div.vraag a:link, div.vraag a:active, div.vraag a:visited{text-decoration:none; font-weight:bold;}
div.antwoord{border-bottom:2px solid #666;}
div.antwoord a:link, div.antwoord a:active, div.antwoord a:visited{font-weight:normal;}

body.foutpagina a:link, body.foutpagina a:active, body.foutpagina a:visited{color:#000; font-weight:bold;}

/*///////////////////////////////////////*/
/*                menu                   */
/*///////////////////////////////////////*/
a#button_home:link, a#button_home:active, a#button_home:visited{background-image:url(/images/button_home.jpg); width:106px; margin-right:1px;}
a#button_home:hover{background-position:0px -26px;}

a#button_overons:link, a#button_overons:active, a#button_overons:visited{background-image:url(/images/button_overons.jpg); width:105px; margin-right:1px;}
a#button_overons:hover{background-position:0px -26px;}

a#button_producten:link, a#button_producten:active, a#button_producten:visited{background-image:url(/images/button_producten.jpg); width:106px; margin-right:1px;}
a#button_producten:hover{background-position:0px -26px;}

a#button_portfolio:link, a#button_portfolio:active, a#button_portfolio:visited{background-image:url(/images/button_portfolio.jpg); width:105px; margin-right:1px;}
a#button_portfolio:hover{background-position:0px -26px;}

a#button_referenties:link, a#button_referenties:active, a#button_referenties:visited{background-image:url(/images/button_referenties.jpg); width:106px; margin-right:1px;}
a#button_referenties:hover{background-position:0px -26px;}

a#button_faq:link, a#button_faq:active, a#button_faq:visited{background-image:url(/images/button_faq.jpg); width:106px; margin-right:1px;}
a#button_faq:hover{background-position:0px -26px;}

a#button_vacatures:link, a#button_vacatures:active, a#button_vacatures:visited{background-image:url(/images/button_vacatures.jpg); width:105px; margin-right:1px;}
a#button_vacatures:hover{background-position:0px -26px;}

a#button_contact:link, a#button_contact:active, a#button_contact:visited{background-image:url(/images/button_contact.jpg); width:106px;}
a#button_contact:hover{background-position:0px -26px;}

span.alt{display:none}
a.menu_item{height:26px; float:left;}

/*///////////////////////////////////////*/
/*                popup                  */
/*///////////////////////////////////////*/

body.popup{background-image:none; background-color:#FFF;}
body.popup div#header{
	width:601px;
	height:165px;
	background-image:none;
	background-repeat:no-repeat;
	background-color:#FFF;
		
	float:left;
}
body.popup img{border:1px solid #666;}

body.popup div#footer{background-image:url(/images/popup/footer.jpg); height:114px; width:601px; float:left;}
body.popup div#footer_text{margin-left:10px; width:480px; font-weight:bold; font-size:10px;}


/*///////////////////////////////////////*/
/*             	portfolio                */
/*///////////////////////////////////////*/

ul#portfolio_navigatie{padding:20px 15px 0; margin:0; width:530px; float:left; list-style:none; background:url(/images/portfolio_menu_bg.gif) bottom left repeat-x; height:27px;}
ul#portfolio_navigatie li{float:left; margin:0px; padding:0px; list-style:none; height:27px; margin:0 1px; }
ul#portfolio_navigatie li a{float:left; display:block;text-decoration:none;  height:27px; line-height:27px; background:url(/images/portfolio_nav_links.jpg) no-repeat; outline:none;}
ul#portfolio_navigatie li a span{background:url(/images/portfolio_nav_rechts.jpg) top right no-repeat; float:left; display:block; padding:0 10px; cursor:pointer;}
ul#portfolio_navigatie li.current a, ul#portfolio_navigatie li.current a:hover{background:url(/images/portfolio_nav_links.jpg) center left no-repeat;}
ul#portfolio_navigatie li.current a span, ul#portfolio_navigatie li.current a:hover span{background:url(/images/portfolio_nav_rechts.jpg) center right no-repeat;}
ul#portfolio_navigatie li a:hover{background:url(/images/portfolio_nav_links.jpg) bottom left no-repeat;}
ul#portfolio_navigatie li a:hover span{background:url(/images/portfolio_nav_rechts.jpg) bottom right no-repeat;}

ul.portfolio_websites{padding:0px; margin:0 3px; width:552px; float:left;}
div.grey_text ul.portfolio_websites li{list-style:none; width:552px; height:250px; overflow:hidden; background:url(/images/portfolio_item_bg.jpg) no-repeat; margin:20px 0;}

ul.portfolio_websites li a.thumb{margin:1px; display:inline; overflow:hidden; float:left; outline:none;}
ul.portfolio_websites li a.thumb img{border:0px; width:298px; height:248px; overflow:hidden; display:inline;}
ul.portfolio_websites li div.site_info{width:210px; float:right; margin:0 1px; padding:20px 20px; height:210px; position:relative; display:inline; overflow:hidden;}
ul.portfolio_websites li div.site_info h2{color:#ee5e56; padding:0 0 5px; margin:0 0 15px; width:210px; text-transform:none; border-bottom:1px solid #999; font-size:18px; font-weight:400; font-family:Arial, Helvetica, sans-serif;}

ul.portfolio_websites li div.site_info table{width:210px;}
a.bezoek_website{width:115px; height:25px; text-indent:-9999px; overflow:hidden; background:url(/images/bezoek_website_btn.jpg) no-repeat; display:block; outline:none; position:absolute; bottom:20px; right:20px;}