/* CSS Document KNIP-OOG */
* {
margin : 0;
padding : 0;
}
/********** CONTAINER *********/
body{
	background-color:#FFFFFF;
}
#box{
	width:950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/layout/achtergrond.jpg);
}
/********** LOGO ************/
.logo {
	display: block;
	height: 42px;
	width: 225px;
	text-decoration: none;
	text-indent: -9999pt;
	position: absolute;
	top: 17px;
	border:0px;
	margin-left:725px;
}
.vierkant {
	display: block;
	height: 34px;
	width: 13px;
	text-decoration: none;
	text-indent: -9999pt;
	position: absolute;
	top: 43px;
	border:0px;
}
.vierkant2 {
	display: block;
	height: 13px;
	width: 60px;
	text-decoration: none;
	text-indent: -9999pt;
	position: absolute;
	top: 22px;
	border:0px;
	}
/********** HEADER **********/
#header{
	width:950px;
	height:65px;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}
/********** header text in grijze balk **********/
#headertext h1{
	height: 26px;
	width: 225px;
	margin-left: 733px;
	color: #CCCCCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	top: 111px;
	position: absolute;
	letter-spacing: normal;
	font-weight: normal;
}
/********** MENU 1 in grijze balk ************/
#menu{
	height:28px;
	width:930px;
	margin: 0px 0px 0px 20px;
	background-color: #ff9900;
}
#navigation{
	display:inline;
	float:left;
}
#navigation li {
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
display: inline;
float: left;
}
#navigation a {
	color: #fff;
	font-family:Arial, Verdana Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	text-decoration:none;
	padding: 7px 7px 6px 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#navigation .first{
margin-left:5px
}
#navigation a:hover{
	color:#333333;
}
#navigation a.active {
	background: #fff;
	color:#333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9900;	
}
#navigation a.active_first {
	background: #FFFFFF;
	color:#333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9900;
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;		
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */

/********** MENU 2 in gele balk ************/
#menu2{
	display: block;
	height:38px;
	width:930px;
	margin: 0px 0px 0px 20px;
	background-image: url(../images/layout/bg_header.gif);
	background-repeat: repeat-x;
}
#navigation2{
display: block;
	height:38px;
	width:930px;
display:inline;
float:left;
}
#navigation2 ul {list-style: none; padding: 0;margin: 0;}

#navigation2 li {
list-style: none;
white-space: nowrap;
display: inline;
float: left;
}

#navigation2 a {
	margin: 0;
	color: #CCCCCC;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display: block;
	float: left;
	text-decoration:none;
	white-space: nowrap;
	margin-top: 6px; 
	margin-left: 0px;
	padding: 6px 15px 5px 7px;
}

#navigation2 .first{
margin-left:5px
}
#navigation2 a:hover{
	color: #FF9900
}
#navigation2 a.active {color:#ff9900}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation2 a span {float: none;}
/* End IE5-Mac hack */

/********** Images *******/
.img img{
	border:0px;
}
.img1 img{
	margin: 28px 0px 0px 20px;
	border:0px;
}
.img2 img{
	border:0px;
	margin: 6px 0px 0px 20px;
}
.img5 img{
border:0px;
}
.img5 a:link, .img5 a:visited{
	display:block;
	border:1px solid #cccccc;
	padding:4px;
	text-decoration:none;
	background-color: #FFFFFF;
	float: left;
	margin: 5px 0px 5px 0px;
	}
.img5 a:hover, .img5 a:active{
	border:1px solid #333333;
	background-image: url(../images/layout/gele_lijn.gif);
	background-repeat: repeat;
}
/********** Linkerkant *******/
#left{
	float:left;
	width:150px;
	background-color: #fff;
	padding: 0px;
}
/********** TEXT ************/
#tekst{
	float:left;
	width:500px;
	margin-left: 40px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	line-height:17px;
	font-size:12px;
	color:#333333;
	padding: 14px 13px 13px 0px;
}
#tekst p{
	padding: 8px 0px 4px 0px;
}
#tekst h1{
	font-size:18px;
	color:#ff9900;
	font-weight:bold;
	padding: 12px 0px 8px 0px;
}
#tekst h2{
	font-size:14px;
	color:#ff9900;
	font-weight:bold;
	padding:6px 0px 0px 0px;
}
#tekst a, a:active, a:visited{
	color:#333333;
	text-decoration: underline;
}
#tekst a:hover{
	color:#ff9900;
	text-decoration: none;
}

.style2{
	color:#ff9900;
	font-weight: bold;
}
.style3{
	color:#ffffff;
	font-weight: bold;
}
.style4{
	color:#333333;
	font-size:11px;
	background-position: bottom;
	margin-bottom: 0px;
}
/********** Rechterkant *******/
#right{
	float:right;
	width:225px;
	padding: 14px 5px 14px 10px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	line-height:15px;
	color:#FFFFFF;
	height: auto;
}
#right p{
	padding: 4px 0px 2px 0px;
	}
#right h1{
	padding: 12px 0px 2px 0px;
	font-size:18px;
	line-height:20px;
	font-style: normal;
	font-weight: normal;
}
#right h2{
	padding: 6px 0px 0px 0px;
	font-size:12px;
	line-height:17px;
	font-weight: bold;
}
#right a, a:visited{
	color:#ffffFF;
	text-decoration: underline;
}
#right a:hover{
	color:#333333;
	text-decoration: none;
}
.project, .project2{
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	height: 110px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D4D0C8;
}
.project2{
	height: auto;
}
.onderschrift{
	font-size:11px;
}
.onderschrift a, .onderschrift a:visited{ 
	text-decoration:underline;
	color: #FFFFFF;
}
.onderschrift a:hover, .onderschrift a: active{
	color:#333333;
	text-decoration:none;
}
.leesmeer{
	font-size:11px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:right;
	float:right;
}
.leesmeer a{ 
	text-decoration:none;
	color: #555555;
}
.leesmeer a:active{
	text-decoration: underline;
	color: #cccccc;
}
.leesmeer a:hover{
	color:#cccccc;
	text-decoration: underline;
}
/********** contactform *******/
#tekst form {
	display: block;
	width: 200px;
	margin-left: 8px;
}
.input { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	display: block;
	width: 200px;
}
.submitbutton {
	border : 1px solid #666;
	padding : 1px 11px 2px 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#Submit {
	width : 71px;
	height : 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	border : 1px solid #666;
	padding : 1px 11px 2px 11px;
	background-color: #dadbda;
}
.textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	display: block;
	width: 200px;
}

/********** LISTS **********/
#list ol{
padding-left:30px;
}
#list ol li{
padding:4px 0 10px 0;
}
#list ul{
list-style:none;
padding-left:0px;
}
#list ul li{
	padding:1px 0px;
	background-image:url(../images/layout/bullet.gif);
	background-position:0px 6px;
	padding-left:15px;
	background-repeat:no-repeat;
}
#list_right ol{
padding-left:30px;
}
#list_right ol li{
padding:4px 0 10px 0;
}
#list_right ul{
list-style:none;
padding-left:2px;
}
#list_right ul li{
	background-image:url(../images/layout/bullet_wit.gif);
	background-position:0px 6px;
	padding-left:10px;
	background-repeat:no-repeat;
	color: #FFFFFF;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
}
/********** FOOTER **********/
#footer{
	clear:both;
	width:930px;
	text-align:right;
	height:17px;
	background-image: url(../images/layout/bg_footer.gif);
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 20px;
}
#footer p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	color:#333333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer a, a:visited, a:active{
	color:#333333;
	text-decoration: underline;
}
#footer a:hover{
	color:#ff9900;
	text-decoration: none;
}
/********** CLEARFIX **********/
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;

}