body { 
font-size : 12.5px; 
font-weight : normal; 
font-family : Verdana ; 
color : #000; 
background: #fff;
margin : 0 0 0 0;
	line-height : 1.4; 
} 
	body p { 
	line-height : 1.4; 
	overflow:hidden; 
	text-align: justify;
	} 

ul {
list-style-type:circle;
}

li { 
line-height : 1.5; 
}
 
h1 { 
font-size : 30px;
margin-top: 0;
font-family: Verdana; 
color : #525252; 
letter-spacing:1px;
} 

h2 { 
font-size : 20px;
font-family: Verdana;  
color : #A1A1A1; 
} 
h3 { 
font-size : 16px; 
font-family: Verdana;  
color : #b1b1b1; 
margin-top:2px;
} 

a.terug {
font-size:15px;
font:bold;
}


.top {
	background: url('OCSlogo_header.png') no-repeat;
	height:120px;
	font-size: 12px;
	font-family: Verdana;
	color: #a1a1a1;
	text-align:right;
	width:900px;
	margin : auto auto; 
	margin-top:5px;
	}
	.top a:link {
	color:#2468a5;
	font-size:12px;
	text-decoration:none;
	}

	.top a:visited {
	color:#2468a5;
	font-size:12px;
	text-decoration:none;
	}

	.top a:hover {
	color:#a1a1a1;
	}


#banner img { border: 3px solid #e5e5e5;}

.header { 
width : auto; 
background: #fff;
overflow: hidden;
} 

	#headerimg { 
	background : #ffffff; 
	width : 900px; 
	height : 125px;
	margin-left: auto;
	margin-right: auto;
	overflow : hidden;
	} 

	#headercloud {
	width: 900px;
	height: auto;
	margin : 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding-bottom:5px;
	}



.navigation { 
width : auto; 
margin : 0 auto; 
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
font-decoration:bold;
font-size: 13px;
font-family: Verdana;
text-align: center; 
background: #99cb34 url('topnavigationback.png') repeat-x;
color: #ffffff;
} 

	.navigation a:link {
	color:#fff;
	font-size:16px;
	padding:12px 12px;
	text-decoration:none;
	}

	.navigation a:visited {
	color:#fff;
	font-size:16px;
	padding:12px 12px;
	text-decoration:none;
	}

	.navigation a:hover {
	color:#484848;
	}


#nav { 
text-align : left; 
margin : 0 auto;
padding-bottom:5px; 
width : 900px;
color : #484848; 
border-bottom: 1px dotted #ccc;
} 

	#nav a:link{
	color:#2468a5;
	}

	#nav a:visited{
	color:#2468a5;
	}

	#nav a:hover{
	color:#686868;
	}

	#nav img{ 
	position:relative;
	vertical-align:top;
	padding:0;
	margin:0;
	}

.indexcontainer {
width:900px;
text-align:bottom;
height:300px;
margin:0 0;
overflow:hidden;
}

	

	#indexnews {
	width: 214px;
	height:277px;
	float: left;
	font-size:12.5px; 
	padding-left:2.5px;
	padding-right:2.5px;
	}
	
		#indexnews h1{
		padding:0 0 0 0;
		margin:0 0;
		font-size:18px;
		color:#525252;
		}

		#indexnews a:link {
		text-decoration:bold;
		font-size:13px;
		color:#2468a5;
		}

		#indexnews a:visited {
		text-decoration:bold;
		font-size:13px;
		color:#2468a5;
		}

		#indexnews a:hover {
		color:#686868;
		}
	
		#indexnews p{text-align:left; font-size:15px; font-weight:bold}
		#indexnews p a:link{text-align:left; font-size:15px; font-weight:bold}
		#indexnews p a:visited{text-align:left; font-size:15px; font-weight:bold}
		#indexnews p a:hover{text-align:left; font-size:15px; font-weight:bold}
	
	#indexproducten {
	width: 214px;
	height:277px;
	float: left;
	font-size:12.5px; 
	margin-left:8px;
	padding-left:2.5px;
	padding-right:2.5px;
	}

		#indexproducten h1{
		padding:0;
		margin:0;
		font-size:18px;
		color:#525252;
		}

		#indexproducten a:link {
		text-decoration:bold;
		font-size:13px;
		color:#2468a5;
		}

		#indexproducten a:visited {
		text-decoration:bold;
		font-size:13px;
		color:#2468a5;
		}

		#indexproducten a:hover {
		color:#686868;
		}

		
	#indexwaaromocs {
	width: 214px;
	height:277px;
	float: left;
	font-size:12.5px;
	margin-left:8px; 
	padding-left:2.5px;
	padding-right:2.5px;
	}

		#indexwaaromocs h1{
		padding:0;
		margin:0;
		font-size:18px;
		color:#525252;
		}

		#indexwaaromocs a:link {
		text-decoration:bold;
		font-size:13px;
		color:#99cb34;
		}

		#indexwaaromocs a:visited {
		text-decoration:bold;
		font-size:13px;
		color:#99cb34;
		}

		#indexwaaromocs a:hover {
		color:#686868;
		}


	#indexcontact {
	width: 214px;
	height:277px;
	float: left;
	font-size:12.5px; 
	margin-left:5px;
	padding-left:2.5px;
	padding-right:2.5px;

	}

		#indexcontact h1{
		padding:0;
		margin:0;
		font-size:18px;
		color:#525252;
		}

		#indexcontact a:link {
		text-decoration:bold;
		font-size:13px;
		color:#2468a5;
		}

		#indexcontact a:visited {
		text-decoration:bold;
		font-size:13px;
		color:#2468a5;
		}

		#indexcontact a:hover {
		color:#686868;
		}
		


.content { 
color : #000; 
width : 900px;
background:#ffffff; 
margin : auto auto; 
padding-top : 5px;
padding-bottom: 5px;
} 

#ontekst {
display: none;
}

.content a{
color:#2468a5;
text-decoration:none;
}

.content a:visited {
color:#2468a5;
text-decoration:none;
}

.content a:hover {
color:#686868;
text-decoration:none;
}


	#contentonecol {
	height:auto;
	width: 900px;
	float:left;
	margin-top:5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 15px solid #99CB34;
	border-bottom: 2px solid #99CB34;
	}
	
	#contact1 {
	height:auto;
	width: 450px;
	float:left;
	margin-top:5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

	#contact2 {
	height:auto;
	width: 450px;
	float:left;
	margin-top:5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

	#contact3 {
	height:auto;
	width: 900px;
	float:left;
	margin-top:5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	

	#contentleft {
	height:auto;
	width: 625px;
	float:left;
	margin-top:5px;
	margin-bottom:15px;
	padding-top: 5px;
	padding-bottom: 5px;

	}

		#contentleft a{
		color:#2468a5;
		text-decoration:none;
		}

		#contentleft a:visited {
		color:#2468a5;
		text-decoration:none;
		}

		#contentleft a:hover {
		color:#686868;
		text-decoration:none;
		}


 	#contentright {
	float:right;
	text-align:left;
	width:255px;
	margin-left:20px;
	margin-bottom:15px;
	margin-top:5px;
	padding-top: 5px;
	padding-bottom:10px;
	}

		#contentright a{
		color:#2468a5;
		text-decoration:none;
		}

		#contentright h1{font-size:14px; font-decoration:bold;}

		#contentright a:visited {
		color:#2468a5;
		text-decoration:none;
		}

		#contentright a:hover {
		color:#686868;
		text-decoration:none;
		}

	.imgdivleft{
	}

		.imgdivleft img{
		width:9em;
		float:left;
		clear:left;
		clear:bottom;
		margin-right:10px;
		}


.footer { 
background: #2468a5 url('footerback.png') repeat-x;;
width : auto;
height:auto; 
color : #fff;
margin-top:0px;
margin : 0 auto; 
padding-top : 15px;
padding-bottom:15px; 
padding-right:15px;
text-align: center;
font-size : 11px; 
} 


	.footer a {
	font-size: 11px;
	color: #ffffff;
	}

.clear{   
clear: both;
}