/* kleuren syndro stijl

rood: #cc3333;
blauw: #0099cc;
groen: #99cc00

*/


html {
	margin: 0; 
	height: 100%; 
	background-color: #FFFFFF;
} 
  
body {
	position: relative; 
	min-height: 100%; 
	width: 992px;
	margin: 0 auto;
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	font-size: 12px;
	color:#000000;
	background-image: url('../images/achtergrond.gif');
}
#top {
	position: relative;
	top: 0px;
	left: 0px;
	height: 112px;
	width: 992px;
	background-color:#FFFFFF;
}
#logo {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 295px;
	height: 65px;
}

#zoeken {
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	position: absolute;
	top: 55px;
	left: 20px;
	width: 295px;
	height: 65px;
}

#header {
	position: absolute;
	top: 110px;
	left: 0px;
	height: 170px;
	width: 992px;
	z-index:2;
	background-image: url('../images/header.gif');
}
#header-afbeelding {
	position: relative;
	top: 0px;
	left: 0px;
	height: 147px;
	width: 992px;
	z-index:1;
}
#menu {
	position: absolute;
	top: 257px;
	width: 740px;
	left: 0px;
	z-index:10;
	border: 0px solid black;
	
}

#content {
	padding-top: 55px;
	padding-left: 23px;
	padding-bottom: 70px;
	width: 665px;
	
}
#nieuws_kop {
	position: relative;
	top: 0px;
	left: 0px;

	font-family: Century Gothic, Verdana, Tahoma, Arial;
	font-size: 16px;
	color: #666600;
	font-weight: bold;
	z-index: 2;
}

#nieuws {
	float: right;
	padding-top: 0px;
	color: #666600;
	width: 220px;
	font-size:12px;
	
	line-height: 15px;
	padding-right:30px;
}

#footer {
	position: absolute; 
	bottom: 0;
	left: 0;
	width: 992px;
	padding: 5px 0px 0px 0px;
	height: 44px;
	background-image:url('../images/footer.jpg');
} 

#disclaimer {
	position:relative;
	top: 20px;
	left: 780px;
	width: 200px;
	font-size: 10px;
	text-align:right;
	border: 0px solid black;
}

#copyright {
	position:relative;
	top: 20px;
	left: 22px;
	font-size: 10px;
	text-align:left;
	width: 900px;
	border: 0px solid black;
}

#belmij{
position: absolute;
top: 300px;
right: 268px;
width: 150px;
height: 50px;
border: 0px solid black;
}

h1 {
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	font-size: 24px;
	font-weight:bold;
	
}
h2 {
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	line-height:18px;
	color: #333333;
	
}
h3 {
	padding: 0px;
	margin: 0px;
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	font-size:16px;
	font-weight: bold;
	padding-top: 8px;
	
}

.input {
	border: 2px solid #CADE8A;
	background-color:#F0F5E2;
	font-size:13px;
}

.button {
	border: 0;
	color: #FFFFFF;
	background-color:#95BD15;
}
form {
	margin: 0;
	padding-top: 5px;
}
img {
	border: 0;
}

#contactformulier{
	position: absolute;
	top: 378px;
	left: 363px;
}

a {
	color: #95BD15; 
}
a:link {
	font-weight: bold;
	color: #95BD15; 
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	text-decoration: none;	
	color: #95BD15;
}
a:active {
	color: #95BD15;
}
a:hover {
	color: #95BD15;
	text-decoration:underline;
}
.tabelkop {
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
	height:20px;
	text-align: center;
	background-color:#0094d0;
}

td.nowrap{ white-space: nowrap; }

.hoekjelinks{
	position: absolute;
	top: 0px;
	left: -1px;
	height: 20px;
	width: 25px;
	background-image:url('../images/hoekje_zoeken_links.jpg');
	border: 0px solid black;
}

.hoekjerechts{
	position: absolute;
	top: 0px;
	left: 641px;
	height: 20px;
	width: 25px;
	background-image:url('../images/hoekje_zoeken_rechts.jpg');
	border: 0px solid black;
}

#zoeken_result{
	width: 100%;
	left: 0px;
	position: relative;
}
	
a.footer:link {
	font-weight: bold;
	color: #000000; 
	text-decoration: none;
}

a.footer:visited {
	font-weight: bold;
	text-decoration: none;	
	color: #000000;
}
a.footer:active {
	color: #000000;
}
a.footer:hover {
	color: #000000;
	text-decoration:underline;
}

a.bloks:link {
	font-weight: normal;
	color: #FFFFFF; 
	text-decoration: none;
	cursor: pointer;
}

a.bloks:visited {
	font-weight: normal;
	text-decoration: none;	
	color: #FFFFFF;
	cursor: pointer;
}
a.bloks:active {
	color: #FFFFFF;
	cursor: pointer;
}
a.bloks:hover {
	color: #FFFFFF;
	text-decoration:none;
	cursor: pointer;
}

#frontpage {
	display: inline;
	list-style-type: none;
	
}

#frontpage li {
	display: block;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	width: 188px;
	line-height:18px;
	float: left;
	font-family: Century Gothic, Verdana, Tahoma, Arial;
	color: #FFFFFF;
	font-size: 13px;
	text-align: left;
}

/* Horizontaal CSS menu */

/* Opbouw menu */

	#nav, #nav ul {
		margin: 0px;
		padding:0px;
		
		
	}
	
	#nav li {
		display: block;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right:0px;
		margin-top: 0px;
		text-align: center;
		line-height: 20px;
		float: left;
		width: 120px;
		border: 0px solid black;
		height: 23px;		
	}
	
	#nav ul {
		position: relative;
		display: inline;
		list-style-type: none;
		float: left;
		margin: 0px;
		padding: 0px;
		border: 0px solid black;
		width: 120px;
		
		left: -1000px;
	}
	
	#nav li:hover ul, #nav li.ie_does_hover ul {
		left: auto;
		background-position: 0 0;
		
	}
	
	#nav a {
		padding: 0px 8px 0px 8px;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		font-weight: bold;
		white-space: nowrap;
		display: block;
		text-align: center;
		height: 23px;
		width: 84px;
		margin-top: 0px;
	}
	
	
	ul a{
		font-weight: bold;
		color: #F60;
		cursor: default;
		
		
	}
	
	ul ul {
		border:0px solid black;
	}
	
	ul ul li{
		background-color: #95BD15;
		
		
		border-left: 0;
	}

/* mous overs */

	/* css voor li hoofdmenu */
	#nav li a:link, #nav li a:visited{
		font-weight: normal;
		color: #FFFFFF;
		white-space: nowrap;
		cursor: pointer;
		z-index: 5;
		text-align: center;
		width: 99px;
		height: 22px;
	}
	
	#nav li a:hover, #nav li a:active{
		font-weight: normal;
		color: #FFFFFF;
		white-space: nowrap;
		display: block;
		background-color: #636F0D;
		border-top: 0px solid #636F0D;
		border-bottom: 0px solid #636F0D;
		text-align: center;
		height: 22px;
		width: 99px;
		margin-top: 0px;
		
		cursor: pointer;
		
	}
	
	/* css voor li submenu */
	ul li #sub a:link, ul li #sub a:visited{
		display: block;
		text-align: justify;
		font-weight: normal;
		border: 0px solid black;
		color: #FFFFFF;
		white-space: nowrap;
		margin-left: 0px;
		padding: 0px 0px 1px 8px;
		cursor: pointer;
		border-top: 1px solid #95BD15;
		border-bottom: 1px solid #95BD15;
		height: 18px;
		width: 120px;
	}
	
	ul li #sub a:hover, ul li #sub a:active{
		display: block;
		font-weight: normal;
		color: #FFFFFF;
		padding: 0px 0px 1px 8px;
		margin: 0px;
		white-space: nowrap;
		background-color: #636F0D;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		cursor: pointer;
		height: 18px;
		width: 120px;
	}
	
	ul li #sub {
		border: 0px solid purple;
		padding: 0px 0px 3px 0px;
		margin: 0px;
		line-height: 16px;
		height: 18px;
		width: 120px;
	}
	/* Als er op het item geklikt is */
	.menu_hold a{
			font-weight: bold;
			color: #FFFFFF;
			white-space: nowrap;
			background-color: #636F0D;
			border-top: 0px solid #636F0D;
			border-bottom: 0px solid #636F0D;
			cursor: pointer;
	}
	
	/* fix voor submenu style */
	.menu_hold_fix a{
		display: block;
		font-weight: normal;
		color: #FFFFFF;
		white-space: nowrap;
		cursor: pointer;
		background-color: #95BD15;
		border-top: 0px solid #95BD15;
		border-bottom: 0px solid #95BD15;
	}
	/* eind mouse overs */


/* IE only hack \*/
	* html ul li, * html ul ul li{
		border-bottom: 3px solid #FFF;
		
	}
	
	* html ul ul li{
		border-top: 0px;
	}
	

/* Einde IE only hack */ 

/* Css portfolio */

.portfolio_tabel{
	border-collapse: collapse;
	border: 0px solid black;
	width: 100%;
}

.portfolio_foto{
	width: 150px;
	border: 0px solid black;
}

.portfolio_omschrijving{
	font-size: 10px;
	border: 0px solid black;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
} 

.portfolio_titel{
	font-weight: bold;
	color: #99cc00; 
	font-size: 12px;
	padding-bottom: 5px;
	border: 0px solid black;
}

.portfolio_link{
	border-bottom: 1px dotted #CCCCCC;
	text-align: right;
}

a.portfolio:link {
	font-weight: bold;
	font-size: 11px;
	color: #0099cc; 
	text-decoration: none;
}

a.portfolio:visited {
	font-weight: bold;
	text-decoration: none;	
	color: #0099cc;
}
a.portfolio:active {
	color: #0099cc;
}
a.portfolio:hover {
	color: #0099cc;
	text-decoration:underline;
}