body{
	margin: 				0;
	padding: 				0;
	background-image: 		url(images/bodyback.gif);
	background-position: 	bottom right;
	background-repeat: 		repeat-y;
	width: 					970px;
}
div{ 

}
div#container{
	width: 					970px;
	position: 				absolute;
	top: 					0;
	right: 					0;
	bottom: 				0;
	
}
div#header{
	width: 					290px;
	height: 				92px;
	position: 				absolute;
	top: 					0px;
	right: 					52px;
	background-image: 		url(images/header.png);
}
div#border_right{
	position: 				absolute;
	top: 					0px;
	right: 					0px;
	bottom: 				0px;
	z-index: 				8;
	width: 					9px;
	background-color: 		#fff;
	border-left: 			1px solid #949494;
}
div#slogan{
	width: 					40px;
	position: 				absolute;
	top: 					0px;
	bottom: 				0px;
	right: 					11px;
	z-index: 				2;
	border-left: 			1px solid white;
	background-color: 		#333333;
	background-image: 		url(images/slogan.gif);
	background-position:	center center;
	background-repeat: 		no-repeat;
}
div#content_wrapper{
	width: 					883px;
	position: 				absolute;
	top: 					162px;
	left: 					0;
	padding-left: 			33px;
	padding-bottom: 30px;

}
div#content{
	width: 					567px;
	margin-right: 33px;
	font: 					normal normal 400 11px Verdana, monospace;
	line-height: 			16px;
	color: 					#666666;
	float: 					left;
}
div#copy{
	width: 					850px;
	height: 				40px;
	position: 				relative;
	float: 					left;
	font: 					normal normal 400 11px Verdana, monospace;
	line-height: 			17px;
	padding-top: 1px;
	
	color: 					#999999;
	margin-right: 			33px;
	margin-top: 			33px;
	padding-left: 45px;
	background-image: 		url(images/copyright.gif);
	background-position:	top left;
	background-repeat: 		no-repeat;
}
div#news{
	margin-top:	 			0px;
	width: 					846px;
	float: 					left;
}


div#navigation{
	text-align: right;

	width: 100%;
	height: 33px;
	position: absolute;
	top: 92px;
	z-index: 7;
	background-image: url(images/nav_back.gif);
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
div#navigation_mirror{
	width: 100%;
	height: 33px;
	position: absolute;
	top: 127px;
	z-index: 1;
	background-image: url(images/navigation_mirror.gif);
	border-bottom: 1px solid #fff;
}
div#content_head{
	width: 340px;
	height: 28px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
}

div#contact{
	font: normal normal 400 11px Verdana, monospace;
	line-height: 16px;
	color: #666666;
	float: right;
	margin-right: 33px;
	padding-left: 33px;
	width: 213px;
	border-left: 1px dotted #6b9338;
	min-height: 230px;
}
div#contactgegevens{
	width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/contactgegevens.gif);
}div#laatstenieuws{
	width:200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/laatstenieuws.gif);
}div#contentmanagement{
	width:200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/contentmanagement.gif);
}div#nieuwewebsite{
	width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/toeaaneennieuwewebsite.gif);
}

a{
	color: #64b73a;
}
a:hover{
	text-decoration: none;
	color: #666666;
}
a.more{
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	font-size: 11px;
	margin-bottom: 4px;
}a.more:hover{
	background-image: url(images/arrow_on.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	font-size: 11px;
	margin-bottom: 4px;
}
div#navigation ul{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 67px;
	list-style: none;
	margin: 0;
	padding: 0;
}
div#klantvriendelijkewerkwijze{
	
		width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/klantvriendelijkewerkwijze.gif);

	
}div#anderemogelijkheden{
	
		width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/anderemogelijkheden.gif);

	
}div#onzediensten{
	
		width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/onzediensten.gif);

	
}div#achterreactormedia{
	
		width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/achterreactormedia.gif);

	
}div#specialeaanbieding{
	
		width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/specialeaanbieding.gif);

	
}div#routecontact{
	
		width: 200px;
	height: 28px;
	padding-bottom: 7px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-image: url(images/koppen/zijbalk/route.gif);

	
}
div#navigation ul li {
	width: 106px;
	height: 67px;
	float: left;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}
div#navigation ul li a {
	padding: 0 0;
	padding: 0 11px;
	display: block;
	height: 100%;
	background: url(images/navigatie/knop-sprite.jpg) no-repeat;
}
div#navigation ul li#home {
	border-width: 0;
}
div#navigation ul li#home a {
	background-position: 0px 0px;
	width: 107px;
	height: 67px;
}

div#navigation ul li#reactormedia a:hover, .home div#navigation ul li#reactormedia a {
	background-position: 0px -67px;
}
div#navigation ul li#webdesign a:hover, .home div#navigation ul li#webdesign a {
	background-position: 0px -134px;
}
div#navigation ul li#vormgeving a:hover, .home div#navigation ul li#vormgeving a {
	background-position: 0px -201px;
}
div#navigation ul li#portfolio a:hover, .home div#navigation ul li#portfolio a {
	background-position: 0px -268px;
}
div#navigation ul li#contact a:hover, .home div#navigation ul li#contact a {
	background-position: 0px -335px;
}
div#navigation ul li a span{
	visibility: hidden;
}
div#navigation ul li#reactormedia a {
	background-position: 0px -469px;
	width: 107px;
	height: 67px;
}
div#navigation ul li#webdesign a {
	background-position: 0px -536px;
	width: 107px;
	height: 67px;
}

div#navigation ul li#vormgeving a {
	background-position: 0px -603px;
	width: 107px;
	height: 67px;
}
div#navigation ul li#portfolio a {
	background-position: 0px -670px;
	width: 107px;
	height: 67px;
}
div#navigation ul li#contact a {
	background-position: 0px -737px;
	width: 107px;
	height: 67px;
	border-right: 1px solid #6b9338;
}

div#navigation a{
	text-decoration: none;
}
table#portfolio{
	
	width: 565px;
	
	
}
td.portfolio{
	width: 180px;
	height: 240px;
}
input.contact{
	font: 					normal normal 400 11px Verdana, monospace;
	color: 					#666666;
border: 0;
border-left: 1px solid #64b73a;	
border-bottom: 1px solid #64b73a;	
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
padding: 3px;
	width: 250px;
}
textarea.contact{
	font: 					normal normal 400 11px Verdana, monospace;
	color: 					#666666;
border: 0;
border-left: 1px solid #64b73a;	
border-bottom: 1px solid #64b73a;	
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
padding: 3px;
	width: 250px;
	height: 120px;
}
a.dictionary{
	border-bottom: 1px dotted black;
	cursor: pointer;
	color: #666666;
}
ul{
	margin-left: 0;
	padding-left: 17px;
	list-style-image: url(images/li.gif);
	
}

li{
	
	margin: 0;
	padding: 0;
	
}
p#copyright{
font: normal normal 400 9px Verdana, monospace;	
		color: 					#cccccc;

	
}
p#copyright a{
	
	color: #cccccc;
	
}