a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
	margin: 0;
	padding: 0;
}


html, body {height:100%;}
body {
	background:#FFF;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto;	
	min-width:960px;
	min-height:508px;
}  

img {border:0; vertical-align: bottom;}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



p, b, td, .content-text ul li {font-size:11px; line-height:1.3em;}
b {font-size:11px; font-weight:bold;}
h1 {font-size: 14px;}
h2, h3 {font-size: 12px;}
h1, h2, h3 {margin:10px 0 0 14px; height:20px;}
h1 {margin-bottom:2px;}
td h2 {margin-left:0;}

/* center horizonal & verticaly */
#outer-container {
	position:absolute;
	top:50%;
	margin-top:-232px;
	left:0;
	width:100%;
}

#container {
	position:relative;
	width:960px;
	height:100%;	
	margin:-16px auto 0 auto;
	overflow:hidden;
}

/*===================== navigatie =======================*/
#navigatie {
	position:relative;
	height:35px;
	width:848px;
	margin-left:57px;
	padding-top:55px;
}

#navigatie img {float:left; margin-top:-55px;}
	
	#navigatie ul {
		float:right;
		width:421px;
		height:19px;
		list-style:none;
		margin-top:-18px;
	}

/*#navigatie {
	position:relative;
	height:91px;
	width:848px;
	margin-left:57px;
}
	
	#navigatie ul {
		float:right;
		width:421px;
		height:19px;
		list-style:none;
		margin-top:-21px;
	}*/
	
		#navigatie li {float:left;}
		#navigatie li a {display:block; height:19px; text-indent:-9999px;}
		
			#OSMenu_liWerk, 
			#ctl00_OSMenu_liWerk {width:57px; background:url(../afbeeldingen/werk.gif) 0 19px;}
			
			#OSMenu_liWerk a:hover, 
			#OSMenu_liWerk.active, 
			#ctl00_OSMenu_liWerk a:hover, 
			#ctl00_OSMenu_liWerk.active {background:url(../afbeeldingen/werk.gif) 0 38px;}

			#OSMenu_liKlanten, 
			#ctl00_OSMenu_liKlanten {width:70px; background:url(../afbeeldingen/klanten.gif) 0 19px;}
			
			#OSMenu_liKlanten a:hover, 
			#OSMenu_liKlanten.active, 
			#ctl00_OSMenu_liKlanten a:hover, 
			#ctl00_OSMenu_liKlanten.active {background:url(../afbeeldingen/klanten.gif) 0 38px;}			

			#OSMenu_liBureau, 
			#ctl00_OSMenu_liBureau {width:67px; background:url(../afbeeldingen/bureau.gif) 0 19px;}
			
			#OSMenu_liBureau a:hover, 
			#OSMenu_liBureau.active, 
			#ctl00_OSMenu_liBureau a:hover, 
			#ctl00_OSMenu_liBureau.active {background:url(../afbeeldingen/bureau.gif) 0 38px;}		

			#OSMenu_liTeam, 
			#ctl00_OSMenu_liTeam {width:56px; background:url(../afbeeldingen/team.gif) 0 19px;}
			
			#OSMenu_liTeam a:hover,
			#OSMenu_liTeam.active, 
			#ctl00_OSMenu_liTeam a:hover, 
			#ctl00_OSMenu_liTeam.active {background:url(../afbeeldingen/team.gif) 0 38px;}

			#OSMenu_liNieuws,
			#ctl00_OSMenu_liNieuws {width:69px; background:url(../afbeeldingen/nieuws.gif) 0 19px;}
			
			#OSMenu_liNieuws a:hover,
			#OSMenu_liNieuws.active,
			#ctl00_OSMenu_liNieuws a:hover, 
			#ctl00_OSMenu_liNieuws.active {background:url(../afbeeldingen/nieuws.gif) 0 38px;}
			
			#OSMenu_liBlog,
			#ctl00_OSMenu_liBlog {width:50px; background:url(../afbeeldingen/blog.gif) 0 19px;}
			
			#OSMenu_liBlog a:hover, 
			#OSMenu_liBlog.active, 
			#ctl00_OSMenu_liBlog a:hover, 
			#ctl00_OSMenu_liBlog.active {background:url(../afbeeldingen/blog.gif) 0 38px;}			
			
			#OSMenu_liContract,
			#ctl00_OSMenu_liContract {width:50px; background:url(../afbeeldingen/contact.gif) 0 19px;}
			
			#OSMenu_liContract.active, 
			#OSMenu_liContract a:hover,
			#ctl00_OSMenu_liContract a:hover, 
			#ctl00_OSMenu_liContract.active {background:url(../afbeeldingen/contact.gif) 0 38px;}															

/*===================== default =======================*/				
#main-content {
	position:relative;
	height:auto;
	width:848px;
	margin:0 57px 50px 57px;
	overflow:hidden;
}

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

	.left-wrap {float:left; width:197px; margin-right:20px;}
	.right-wrap {float:right; width:197px;}
		
	.licht-groen, .beige, .lichtgroen-rechts, .beige-rechts {width:197px; height:197px;}
	.licht-groen, .beige {float:left; margin-right:20px;}
	.lichtgroen-rechts {float:right;}
	.weblog .licht-groen, .weblog .beige {margin-right:0}
	
	.licht-groen, .lichtgroen-rechts {background: url(../afbeeldingen/groen.gif) left bottom no-repeat;}
	.beige, .beige-rechts {margin-top:20px; background: url(../afbeeldingen/beige.gif) left bottom no-repeat;}
	.last-blok {margin-right:0;}
	.licht-groen img {float:right; /*margin:5px 10px 0 0;*/ display:inline;}
	
	/*stippel lijn */	
	.licht-groen .stippel, .lichtgroen-rechts .stippel, .team-info .stippel {
		float:left;
		margin:-2px 0 0 16px;
		width:163px; 
		height:11px;
		display:inline;
	}
	
	.licht-groen h2, .lichtgroen-rechts h2 .licht-groen p, .lichtgroen-rechts p, .team-info h2, .team-info p {color:#000;}	
	.licht-groen p, .lichtgroen-rechts p, .main-text p, .team-info p {padding:0 16px 0 16px;}
	
	/******************.main-text p {float:left;}***********/
	
	.beige-rechts {float:left; margin-top:20px;} /*raar gat...*/
		.beige-rechts img {width:197px; height:197px;}

/*===================== blog =======================*/

    /* blok top */
    .licht-groen-blog 
    {
        display:block;
        float:left;
        width:197px;
        height:197px;
        float:left;
        font-size:11px;
        line-height:1.3em;
		margin-right:20px;
        background: url(../afbeeldingen/groen.gif) left bottom no-repeat;
    }
        
	.licht-groen-blog img {float:right; /*margin:5px 10px 0 0;*/ display:inline;}

	.licht-groen-blog .stippel {
		float:left;
		margin:-2px 0 0 16px;
		width:163px; 
		height:11px;
		display:inline;
	} 
	
	.licht-groen-blog h2 {color:#000; margin-left:8px;}	
	.licht-groen-blog p {padding:0 16px 0 16px;}
	.licht-groen-blog ul {padding:0 16px 0 16px; list-style:none;}

    /* blok main*/
    
    div.blog-blok 
    {
        
        background-image:url(../afbeeldingen/beige-blog.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-color: #e2e3dc;
    }
    
	.blog-blok-inhoud {font-size:11px; line-height:1.3em; padding:0 16px; min-height: 357px;}
	.blog-blok-inhoud_vervolg {font-size:11px; line-height:1.3em; margin-left: 15px; }

	.blog-blok-inhoud a:link, .blog-blok-inhoud_vervolg a:link, .bureau-blok a:visited, .bureau-blok a:active {color:#000; text-decoration:underline;}
	.blog-blok-inhoud a:hover, .blog-blok-inhoud_vervolg a:hover {text-decoration:none;}
    .blog-blok-inhoud p, .blog-blok-inhoud_vervolg p {display:block; clear:both; margin-bottom: 10px; padding-left: 0px;}
	
	.blog-blok-bottom {
        background-image:url(../afbeeldingen/beige-blog-bottom.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        height: 27px;
	    }
	    
    /* blok bottom */
    .grijs-blog-bottom {
        width:197px;
        height:197px;
        float:left;
        font-size:11px;
        line-height:1.3em;
        margin-right:20px;
        margin-top: 20px;
        background: url(../afbeeldingen/beige.gif) left top no-repeat;
        overflow:hidden;
    }
	.grijs-blog-bottom img {float:right; /*margin:5px 10px 0 0;*/ display:inline;}

	.grijs-blog-bottom .stippel {
		float:left;
		margin:-2px 0 0 16px;
		width:163px; 
		height:11px;
		display:inline;
	} 
	
	.grijs-blog-bottom h2 {color:#000;}	
	.grijs-blog-bottom p {padding:0 16px 0 16px;}
	.grijs-blog-bottom ul {padding:0 16px 0 16px;  list-style:none;}

    /* miscellaneous blog styles */
    .blog-laatste-reacties {margin-left: 15px; line-height: 13px; padding-right:5px;}
    .blog-spacer {float:left; display: inline; height: 3px;}
    .blog-navigatie {margin: 10px 0 10px 15px;}
    .blog-clear {clear: both;}
	
	


/*===================== main =======================*/

	div.main-text {
		float:left;
		width:414px;
		min-height:100%;
		border:0px solid #333333;
		
	}
	
	.main-text p {margin-top:10px;}
	.main-text .stippel {float:left;}	
	.main-text h2  {
		color:#440077; 
		padding-left:16px; 
		background:url(../afbeeldingen/blok-paars.gif) left bottom no-repeat;
	}

/*===================== contact form =======================*/
table.show_design_border td p {width:100px;}
	td#sign-up p {width:380px; text-align:left; margin-bottom:10px;}
	td#sign-up input {margin:0 7px 0 15px;}
		
/*===================== lees meer icoon =======================*/
 .licht-groen div, .lichtgroen-rechts div, .pic-bloktop div, .team-bloktop div {position:relative;} /* voor position absolute lees meer img... */

	#main-content .lichtgroen-rechts .lees-meer,
	#klanten img.lees-meer,
	.licht-groen img.lees-meer {position:absolute; top:135px; right:8px;}
	
/*===================== blog =======================*/
	.weblog {background:url(../afbeeldingen/onsweblog-background.gif) 274px top repeat-y;}

/*===================== bureau =======================*/
	.bureau-blok {height:414px; background:url(../afbeeldingen/beige-groot.gif) left top no-repeat;}
	.bureau-blok a:link, .bureau-blok a:visited,  .bureau-blok a:active {color:#000; text-decoration:underline;}
	.bureau-blok a:hover {text-decoration:none;}

/*===================== team =======================*/
	h2.team {background:none;margin:85px 0 0 20px;}
	.team-info {float:right; width:197px; height:415px; background:url(../afbeeldingen/groen-stretch.gif) no-repeat;}
	#team-slider {float:left; width:848px;}
 	.paneltitel {float:left; padding-bottom:12px;} /* sifr ............*/
	
/*==================== nieuws =====================*/	
	img.nieuws-img	{float:right; margin:0;}
	.newslist, .bloglist {float:left; margin:10px 0 5px 17px;}
	#container .nieuwswrapper-blok {min-height:414px;}
	.img-bottom{ background:url(../afbeeldingen/beige-groot-bottom.gif) left bottom no-repeat;}
	.bloglist { font-size:11px; line-height:1.3em; }
/*==================== werk & klanten =====================*/
#werk {
	float:left;
	width:848px;
	margin:0 56px 0 56px;
	display:inline;
}

#container #klanten table p {font-size:1.1em; line-height:1.3em;}	
#klanten {
	position:relative;
	height:auto;
	width:848px;
	margin:0 57px 50px 57px;
	overflow:hidden;
}
	.volgende-case, .vorige-case {margin-top:18px;}
	.volgende-case {float:right;}
	.vorige-case {float:left;}
	
	p label input#helder {float:left;margin-left:-10px;}
	
	.pic-bloktop img, 
	.pic-blokbottom img, 
	.team-bloktop img, 
	.team-blokbottom img {float:left;margin:0 0 8px 0;}
	
	/*==================== klanten blokjes =====================*/
	.pic-blok, .pic-blok-last {width:200px; height:415px;}
	.pic-blok {float:left; margin-right:16px;}
	.pic-blok-last {float:right; margin-right:0px;}
	.pic-blokbottom {margin-top:20px;}		
	.pic-bloktop, .pic-blokbottom, .pic-blok-first {float:left; width:200px ;height:200px;}
	
	/*==================== werk klanten =====================*/
	.team-blok, .team-blok-last {width:200px; height:415px;}
	.team-blok {float:left; margin-right:15px;}
	.team-blok-first {
		float:left; 
		margin-right:15px;
		width:200px;
		height:415px;
	}
	.team-blok-last {float:right; margin-right:0px;}
	.team-blok-first .team-blokbottom {margin-top:20px;}
	.team-blokbottom {margin-top:17px;}
	.team-blokbottom-groot {float:left; margin-top:17px;}
	.team-bloktop, .team-blokbottom {float:left;width:200px;height:200px;}
			
	#klanten-team .werk-txt {background:url(../afbeeldingen/groen.gif) left top no-repeat;}
	#klanten-team .werk-txt img {float:left;margin:0 0 0 16px;}
	#klanten-team .werk-txt p {position:relative; padding:0 16px 0 16px;}
	#klanten-team img.pic-left {float:left;margin-left:8px;}

	#werk table table img, #werk table img {float:left; margin-top:0;}
	#werk table table img.werk-2col-img {float:left; margin-top:18px;}
	
/*==================== vacatures klanten =====================*/
.vacature_scroll {
	width: 407px;
	height: 414px;
	overflow-y: auto;
	overflow-x: hidden;
}