html,body {
margin:0;
padding:0;
background:url("../images/layout_items/lijn.gif") repeat-x;
font:12px Trebuchet MS, Verdana, sans-serif;

}

a {
text-decoration:none;
color:black;
}
	a:hover {
	color:#ff6600;
	}

#container {
position:relative;
width:920px;
height:670px;
margin:auto;
}


#header {
width:600px;
height:157px;
background:url("../images/layout_items/logoc.gif") 0 30px no-repeat;
}

#menu {
position:absolute;
top:87px;
width:918px;
height:25px;
border-bottom:2px solid #ff6600;
}
	#menu ul  {
	margin:0;
	padding:0;
	list-style:none;
	}
		#menu ul li {
		float:left;
		margin-right:29px;
		font-weight:bold;
		text-transform:uppercase;
		}

#content {
position:relative;
border-right:1px solid #ff6600;
border-left:1px solid #ff6600;
width:581px;
height:auto !important;
height:495px;
min-height:495px;
padding:10px;
text-align:justify;
}

	#content a {
	color:black;
	text-decoration:underline;
	}
		#content a:hover {
		color:#ff6600;
		}

	h1 {
	height:28px;
	border-bottom:1px solid #ff6600;
	width:580px;
	font-size:15px;
	margin:0;
	text-transform:uppercase;
	color:#ff6600;
	}

	h2 {
	font-size:14px;
	color:#ff6600;
	}

	h3 {
	font-size:12px;
	}

	img {
	border:none;
	}

	p {
	margin-top:10px;
	}

	input {
	font-size: 12px;
	border: 1px solid #ff6600;
	}

	#content ul#submenu {
	margin:1em 0 0 0;
	padding:0 0 .5em 0;
	list-style:none;
	border-bottom:1px solid #ff6600;
	}
		#content ul#submenu li {
		margin-left:20px;
		}
		#content ul#submenu li.active {
		list-style:url("../images/layout_items/rondje_pf.gif");
		}
			#content ul#submenu li a {
			font-weight:bold;
			font-size:12px;
			text-transform:uppercase;
			line-height:20px;
			padding-left:8px;
			text-decoration:none;
			}

div.oranjevak {
position:absolute;
background:#ff6600;
padding:10px;
color:white;
font-weight:bold;
}
	div.oranjevak h1 {
	height:28px;
	border-bottom:1px solid white;
	width:247px;
	font-size:15px;
	margin:0;
	text-transform:uppercase;
	color:white;
	}
	div.oranjevak h2 {
	color:white;
	}

	div.oranjevak a {
	color:white;
	text-decoration:none;
	}

	div.oranjevak a:hover {
	text-decoration:none;
	color:black;
	}

	div.oranjevak a:visited {
	text-decoration:none;
	color:#923a00;
	}

#diensten {
top:75px;
left:651px;
width:247px;
height:328px;
}
	#diensten img {
	display:block;
	margin-bottom:5px;
	}

#nieuws {
top:375px;
left:0;
width:247px;	
height:328px;
}

 .date {
 text-decoration:underline;
 }
 
#adresgegevens {
top:470px;
left:651px;
width:247px;	
min-height:81px;
}

	.oranjevak .roundedborder {
	position:absolute;
	background:url("../images/layout_items/oranjevakje_bovenkant.gif") no-repeat;
	height:5px;
	width:267px;
	top:0;
	left:0;
	}

	.oranjevak .roundedborder.bottom {
	background:url("../images/layout_items/oranjevakje_onderkant.gif") no-repeat;
	top:100%;
	}


#content_frontleft {
position:absolute;
border:1px solid #ff6600;
width:581px;
left:0;
top:157px;
height:152px;
padding:10px;
z-index:400;
}

#content_frontleft2 {
	position:absolute;
	width:581px;
	left:0;
	top:156px;
	height:152px;
	z-index:401;
}

#content_frontright {
position:absolute;
border:1px solid #ff6600;
width:581px;
left:316px;
top:470px;
height:152px;
padding:10px;

}

	#rw	 {
	height:115px;
	width:100%;
	top:0;
	margin-top:11px;
	margin-left: 3px;
	left:0;
	z-index: 1;
	overflow:hidden;
	}
		#rw img {
		padding-left: 5px;
		}

#tickertape {
position:absolute;
width:287px;
height:53px;
top:375px;
left:317px;
}

div div.roundedborder {
position:absolute;
background:url("../images/layout_items/contentvak_bovenkant.gif") no-repeat;
height:6px;
width:603px;
top:-2px;
left:-1px;
}
div div.roundedborder.bottom {
background:url("../images/layout_items/contentvak_onderkant.gif") no-repeat;
top:100%;
}


#footer {
width:918px;
height:25px;
border-top:2px solid #ff6600;
margin-top:55px;
padding-top:10px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
	#footer.frontpage {
	position:absolute;
	left:0;
	margin:0;
	top:690px;
	}
	#footer ul {
	margin:0 0 0 332px !important;
	margin:0 0 0 392px; /* For IE6 */
	width:650px;
	padding:0;
	list-style:none;
	}
		#footer ul li {
		float:left;
		margin-left:20px;
		}
/********************** TIJDELIJKE ACTIES ************************************/

#specialeactie {
position:absolute;
left:414px;
top:320px;
height:158px;
width:264px;
background-image:url("../images/layout_items/kersttakje.gif");
z-index:50;
}
/********************** CONTENT styles ************************************/

/* Hover effectje */
#rw               a:hover img,
table.portfolio   a:hover img,
#diensten         a:hover img,
#tickertape       a:hover img, 
table#referenties a:hover img {
opacity:0.6;
-moz-opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
	

/* SITEMAP pagina */
#content table#sitemap ul { margin:0 0 0 2px; padding:0 0  0 1em;}
#content table#sitemap ul li { font-weight:bold; }
#content table#sitemap ul li ul li { font-weight: normal; }

/* FAQ pagina */
#content dl#faq dd { margin:0 0 2em 0; }

/* PORTFOLIO pagina's */
#content table.portfolio {
margin:1em 0 3em 0;
width:583px;
}
	#content table.portfolio td {
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	line-height:20px;
	vertical-align:top;
	}

	#content table.portfolio td.kopjes {
	text-align:right;
	width:120px;
	padding-right:9px;
	padding-bottom:5px;
	}

	#content table.portfolio td.text {
	color:#ff6600;
	width:255px;
	padding-bottom:5px;
	}

	#content table.portfolio td.plaatje {
	text-align:right;
	width:189px;
	padding-bottom:5px;
	}

	#content table.portfolio td.balk {
	background:#ff6600;
	text-align:right;
	padding-right:1em;
	}
		#content table.portfolio td.balk a {
		color:white;
		}
			#content table.portfolio td.balk a:visited {
			color:#923a00;
			}
			#content table.portfolio td.balk a:hover {
			color:black;
			}

table { border: none; }

/* Backend tabellen */
table.data th {
background:gray;
}

table.data,
table.data td {
border-collapse:collapse;
border:1px solid black;
color:black;
}

.error {
color:red;
}