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

@font-face {
    font-family: 'SpecialEliteRegular';
    src: url('../fonts/specialelite-webfont.eot');
    src: url('../fonts/specialelite-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/specialelite-webfont.woff') format('woff'),
         url('../fonts/specialelite-webfont.ttf') format('truetype'),
         url('../fonts/specialelite-webfont.svg#SpecialEliteRegular') format('svg');
}

html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:;
	margin: 0;
	padding: 0;
	background-image:url(../images/bg_top.jpg);
	background-position: 0 -9px;
	background-repeat:repeat-x;
}
#bottom { width: 100%; clear: both; background-color:#999; }
.clearfix { width: 90%; clear: both; height: 1px; }
.clearleft { width: 100%; clear: left; height: 1px; }
#wrapper { 	position: relative;	margin: auto;	width: 1060px;	height: auto; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; }
#socialmedia { position: absolute; margin: 200px 0; }
#topnav_left h1 { font-size: 4px; color: 000; padding: 0; margin: 0;}
#topnav { width: 1045px; height: 36px; padding: 0 0 15px 15px; background-color: #000;background-image:url(../images/bg_nav_right.jpg); background-position: top right; background-repeat:no-repeat;}
#topnav a:link, #topnav a:visited, #topnav a:active {color: #fff; font-family:Arial, Helvetica, sans-serif; padding: 10px; font-size: 15px; text-decoration:none;}
#topnav a:hover {color: #c00; text-decoration:none;}
#topnav_right { float: right; width: 716px; padding: 17px 0 0 29px; height: 33px; border-left: 1px dotted #fff;}
#topnav_right_home { float: right; width: 716px; padding: 17px 0 0 29px; height: 33px; border-left: 1px dotted #fff;}
#topnav_left { width: 284px; height: auto;padding: 15px 0 0 0px; }

#content { width: 100%; height: auto; padding: 0 0 0 0; margin: 0 0 50px 0;}
#content_vervolg { width: 100%; height: auto; padding: 0 0 0 0; margin: 0 0 25px 0;}

#logo { width: 320px; height:  204px; }
.portfolio_home { width: 700px ; margin: 10px 0 0 20px; clear: left;}
.portfolio { width: 690px; height: 380px; float: left;}
.banner_zwart { padding:0; border-bottom: 1px dotted #3CF; width:95%;  color: #000; font-weight: bold; font-family: 'Courier new'; font-size: 18px; }
.banner_portfolio { padding:5px 5px 5px 18px; width:95%;  color: #000; font-weight: bold; font-family: 'Courier new'; font-size: 18px; }
.banner_portfolio a:link, .banner_portfolio a:visited, .banner_portfolio a:active { color: #000; font-weight: normal; font-family: 'Courier new'; font-size: 14px; text-decoration: none;}
.banner_portfolio a:hover{ color: #3cf; font-weight: normal; font-family: 'Courier new'; font-size: 14px; }
.banner_pakket_w{ background-image:url(../images/pakket_w.jpg); background-position: -4px 0; background-repeat:no-repeat; padding: 10px 10px 20px 50px; color: #333; font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.banner_pakket_p{ background-image:url(../images/pakket_p.jpg); background-position: -4px 0; background-repeat:no-repeat; padding: 10px 10px 20px 50px; color: #333; font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.banner_pakket_wa{ background-image:url(../images/pakket_wa.jpg); background-position: -4px 0; background-repeat:no-repeat; padding: 10px 10px 20px 50px; color: #333; font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.banner_pakket_s{ background-image:url(../images/pakket_s.jpg); background-position: -4px 0; background-repeat:no-repeat; padding: 10px 10px 20px 50px; color: #333; font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.banner_pakket_z{ background-image:url(../images/pakket_z.jpg); background-position: -4px 0; background-repeat:no-repeat; padding: 10px 10px 20px 50px; color: #333; font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.banner_pakket_seo{ background-image:url(../images/pakket_seo.jpg); background-position: -2px 0; background-repeat:no-repeat; padding: 10px 10px 15px 50px; color: #333; font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.banner_pakket_seo h2 { color: #333;font-family: 'Courier new'; font-size: 15px; padding: 0 0 00; margin: 0;}

#nieuws { width: 300px; height: 65px; padding: 10px 0 0 20px; color: #000; font-family: 'Courier new'; font-weight: bold;}

#rightcolum { border-left: 1px dotted #ccc; float: right; width: 335px; height: auto; margin: 0 0px 0 0; padding: 215px 0 15px 0; background-image:url(../images/top_foto_rechts2.jpg); background-repeat:no-repeat; background-position: 0 0;}
#rightcolum_vervolg { border-left: 1px dotted #ccc; float: right; width: 335px; height: auto; margin: 0 0px 0 0; padding: 215px 0 15px 0; background-image:url(../images/top_foto_rechts.jpg); background-repeat:no-repeat; background-position: 0 0;}
#rightcolum_portfolio { border-left: 1px dotted #ccc; float: right; width: 335px; height: auto; margin: 0 0px 0 0; padding: 25px 0 15px 0; background-image:url(../images/top_foto_rechts3.jpg); background-repeat:no-repeat; background-position: 0 0;}
#rightcolum a:link, #rightcolum a:visited, #rightcolum a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: bold;	color:#3cF; text-decoration:none;}
#rightcolum a:hover { color: #000; }
#leftcolum a:link, #leftcolum a:visited, #leftcolum a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: bold;	color:#3cF; text-decoration:none; }
#leftcolum a:hover { color: #000; }
.add_rightcolum{ width: 80%; height: auto;padding: 10px 10px 10px 30px; margin: 0 0 4px 0; line-height:18px; }
.add_rightcolum a:link, .add_rightcolum a:visited, .add_rightcolum a:active { font-size: 12px; color: #999; font-weight: normal; text-decoration: none; }
.add_rightcolum a:hover {  font-size: 12px; color: #000; font-weight: normal; text-decoration: none; }

#add_leftcolum { width: 275px; height: auto ;padding: 0 10px 5px 5px; margin: 15px 0 5px 20px; border-right: 1px dotted #ccc; font-size: 11px; }
#add_leftcolum2 { width: 275px; height: auto ;padding: 0 10px 5px 5px; margin: 15px 0 5px 20px; border-right: 1px dotted #ccc; font-size: 12px;  line-height: 19px;}
#subnav { width: 277px; height: auto ;padding: 15px 10px 15px 25px; margin: 0 0 5px 0; border-right: 1px dotted #ccc; font-size: 12px; line-height:18px;background-color: #3cf;}
#subnav a:link, #subnav a:visited, #subnav a:active { text-transform: uppercase; font-size: 11px; color: #fff; font-weight: normal; text-decoration: none; }
#subnav a:hover {  font-size: 12px; color: #000; font-weight: normal; text-decoration: none; }

#leftcolum { width:720px; height: auto; margin: 0; padding: 0;}
#leftcolum .block { width: 300px; padding:0 ; margin: 20px 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}
#leftcolum .block a:link, #leftcolum .block a:visited, #leftcolum .block a:active { font-size: 12px;
	font-weight: bold;	color:#3cF; text-decoration:none;}
#leftcolum .block a:hover { color: #000; }
#leftcolum_right { float: right; width: 355px; min-height: 250px;  padding: 0 20px 10px 20px; background-image:url(../images/top_blauwe_tab.jpg); background-repeat:no-repeat;}
#leftcolum_right_vervolg { float: right; width: 355px; height: auto; padding: 0 20px 10px 20px; background-image:url(../images/top_blauwe_tab.jpg); background-repeat:no-repeat;}
#leftcolum_right_rood { float: right; width: 355px; height: auto; padding: 0 20px 10px 20px; background-image:url(../images/top_rode_tab.jpg); background-repeat:no-repeat;}
#leftcolum_right_portfolio { float: right; width: 355px; height: auto; padding: 0 20px 10px 20px; background-image:url(../images/top_groene_tab.jpg); background-repeat:no-repeat;}
#leftcolum_right_groen { float: right; width: 355px; height: auto; padding: 0 20px 10px 20px; background-image:url(../images/top_groene_tab.jpg); background-repeat:no-repeat;}
#leftcolum_right_oranje{ float: right; width: 355px; height: auto; padding: 0 20px 10px 20px; background-image:url(../images/top_oranje_tab.jpg); background-repeat:no-repeat;}
#leftcolum_left { width: 317px; height: auto;  background-image:url(../images/top_logo.jpg); background-repeat:no-repeat;}

#leftcolum .block ul li {margin: 0 0 0 -15px; padding: 0; }
#leftcolum .block li {list-style-type: circel; }

.article_right ul li {margin: 0 0 0 -25px; padding: 0; }
.article_right li {list-style-type: circel; }


.comments_portfolio { float: left; width: 281px; position: relative; padding: 10px; border: 1px solid #eee; background-color:#F9F9F9; margin: 10px 0 10px 0;}
.comments_portfolio_middle { float: left; width: 281px; position: relative;  padding: 10px; border: 1px solid #eee; background-color: #F9F9F9; margin: 10px 45px 10px 45px; }

.comments_portfolio a:link, .comments_portfolio a:visited, .comments_portfolio a:active { color: #000; font-weight: normal; text-decoration:none;}
.comments_portfolio a:hover { color: #3CF; font-weight: normal; text-decoration:none;}
.comments_portfolio_middle a:link, .comments_portfolio_middle a:visited, .comments_portfolio_middle a:active { color: #000; font-weight: normal; text-decoration:none;}
.comments_portfolio_middle a:hover { color: #3CF; font-weight: normal; text-decoration:none;}

.article_right { float: right; width: 285px; height: auto; padding: 10px 20px 0 30px; border-left: 1px dotted #ccc ;line-height: 18px;}
.article_right_vervolg {  float: right; width: 285px; height: auto;padding: 10px 20px 0 30px; border-left: 1px dotted #ccc ;line-height: 18px;}
.wrap_content_top { width: 100%;height: auto; padding: 0 0 15px 0;}
.wrap_content_bottom {width: 100%; height: auto; padding: 10px 0 15px 0; margin: 10px 0 0 0;background-color:#F3F3F3; border-top: 1px dotted #eee; background-image:url(../images/bg_box.jpg); background-position: top left; background-repeat:repeat-x;}
.wrap_content_bottom a:link, .wrap_content_bottom a:visited, .wrap_content_bottom a:active {font-size: 12px; color: #3CF; font-weight: normal; text-decoration: none; }
.wrap_content_bottom a:hover { font-size: 12px; color: #000; font-weight: normal; text-decoration: none; }

#producten_vervolg {  width: 700px; height: auto; padding: 10px 0 0 25px; }
#producten_vervolg .block_producten_vervolg{ width: 330px; display: block; padding: 0 10px 25px 0 ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}
#producten_vervolg . block_producten_vervolg { float: left; }

#producten {  width: 700px; height: auto; padding: 10px 0 0 25px; }
.titel_producten { background-color: #eee; color:#900;font-family: 'Courier new'; font-size: 18px; padding: 5px 5px 5px 15px; margin: 0 0 10px 0; font-weight: bold;}
.block_producten, .block_producten_midden { float: left;}

.portfolio_overzicht {  width: 1025px; height: auto; padding: 10px 0 0 25px; }
.block_portfolio, .block_portfolio_middle { float: left; width:261px; display: block; padding: 20px; border: 1px dotted #ccc; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.portfolio_overzicht .block_portfolio { }
.portfolio_overzicht .block_portfolio_middle {  margin: 0 45px 0 45px;}

#producten .block_producten{ width: 210px; display: block; padding: 0 10px 25px 0 ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}
#producten .block_producten_midden { width: 180px; display: block; padding: 0 20px 25px 15px ; border-right: 1px dotted #ccc;border-left: 1px dotted #ccc; margin: 0 20px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}
.titel_blauw h2 { color:#3CF;font-family: 'Courier new'; font-size: 18px; padding: 0; margin: 0;}
.titel_blauw { color:#3CF;font-family: 'Courier new'; font-size: 16px; font-weight: bold;}
.titel_rood { color:#900;font-family: 'Courier new'; font-size: 18px; padding: 0 0 5px 0; margin: 0 0 10px 0; font-weight: bold;}
.titel_zwart{ color:#333;font-family: 'Courier new'; font-size: 16px; margin: 0 0 10px 0; font-weight: bold;}
.titel_zwart h2 { color:#333;font-family: 'Courier new'; font-size: 16px;  margin: 0 0 30px 2px;}
.titel_vervolg { width: auto; height: 20px; margin: 55px 0 10px 0; color:#3CF;font-family: 'Courier new'; font-size: 15px; font-weight: bold;}
.blauw { font-size: 12px; color: #000; font-weight: normal; text-decoration: none; padding: 0 5px;}
.kopje { color:#000; font-size: 15px; font-weight: bold;}
.kopjekleiner { color:#000; font-size: 13px; font-weight: bold;}
.kopjeKleinwit{ color:#fff; font-size: 12px; font-weight: bold; text-transform: capitalize; }
/*/// FOOTER ///////////////////*/
#footer_wrap { background-color:#999; background-image:url(../images/bg_footer.jpg); background-repeat:repeat-x; background-position: top left; padding: 10px 0 0 0;width: 100%; height: auto; color: #fff;}
#footer { height: auto; margin: auto; width: 1020px; padding: 20px; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}
.footer_right, .footer_left { line-height: 20px; }
.footer_right { float: right; width: 285px; padding: 0 0 0 30px; border-left: 1px dotted #ccc;}
.footer_left { width: 700px; height: auto; }
.footer_left_right { float: right; width: 340px; margin: 0 27px 0 0; padding: 0 0 0 40px; border-left: 1px dotted #ccc;}
.footer_left_left { float: left; width: 250px; padding: 0 0 0 15px; }
#footer a:link, #footer a:visited, #footer a:active { line-height: 25px; font-size: 12px; color: #FFF; font-weight: normal; text-decoration: none; }
#footer a:hover { font-size: 12px; color: #3cf; font-weight: normal; text-decoration: none; }
.kopje_footer { width: auto; font-size: 13px; text-transform: uppercase; color: #fff; font-family:'Courier new'; line-height:20px; margin: 0 0 10px 0; }