/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 
ul, ol{
		padding:0px;
		margin:0px;
		}
li{
		padding:0px;
		margin:0px;
		}
div		{
		line-height: 22px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align: left;
		}
td		{
		line-height: 22px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align: left;
		}
img{
		border:0px;
		}
/***************************************************************** 
BODY EN BOX DECLARATIONS
*****************************************************************/ 

body	{
		background: #f5f5f5;
		text-align: center;
		margin: 0px; 
		padding: 0px; 
		scrollbar-arrow-color: #5b859b;
		scrollbar-track-color: #eaece2;
		scrollbar-3dlight-color: #d8dbcd;
		scrollbar-face-color: #fff;
		scrollbar-highlight-color: #fff;
		scrollbar-darkshadow-color: #fff;
		scrollbar-shadow-color: #dbdbdb;
		}
#container{
		position:absolute;
		background: url(../images/bg_repeat.gif) #FFFFFF;
		width:996px;
		left: 50%; 
		margin-left: -498px; /* half of the width */
}
#hoofdmenu{
		padding:0px 6px 0px 6px;
		background:#E23504 url(../images/bg_repeat.gif) repeat-y;
}
#home_content{
		position:relative;
		width:996px;
		height:560px;
		padding:0px 0px 0px 6px;
}
#home_intro_txt{
		float: left;
		width:383px;
		height:407px;
		left:6px;
		background:url(../images/home_backgrnd_txt.gif) no-repeat;
}

	#home_intro_txt p {
		padding: 10px 20px 5px 20px;
		margin:0px;
		color: #FFFFFF;
	}
	
	#home_intro_txt h1 {
		padding:20px 20px 5px 20px;
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:normal;
		color:#e23504;
	}
	
#home_filmpje{
		position:absolute;
		width:607px;
		height:407px;
		top:0px;
		left:383px;
		background:url(../images/home_landkaart.gif) no-repeat #FFFFFF;
}
#filmpje{
		position:absolute;
		top:120px;
		left:155px;
}
#home_slider{
		position:absolute;
		top:409px;
		width:984px;
		height:153px;
		left:6px;
		padding:0px;
}
#programmas_content{
		position:relative;
		width:984px;
		height:501px;
		left:6px;
		background:url(../images/bg_programmas.gif) #459fc2;
}
#programma1{
		position:absolute;
		width:432px;
		height:111px;
		top:61px;
		left:50px;
}
#programma2{
		position:absolute;
		width:432px;
		height:111px;
		top:201px;
		left:50px;
}
#programma3{
		position:absolute;
		width:432px;
		height:111px;
		top:342px;
		left:50px;
}
#programma4{
		position:absolute;
		width:432px;
		height:111px;
		top:61px;
		left:507px;
}
#programma5{
		position:absolute;
		width:432px;
		height:111px;
		top:201px;
		left:507px;
}
#programma6{
		position:absolute;
		width:432px;
		height:111px;
		top:342px;
		left:507px;
}
#prog_afbeelding{
		position:absolute;
		width:151px;
		height:99px;
		top:6px;
		left:6px;
}
#prog_beschrijving{
		position:absolute;
		width:260px;
		height:108px;
		top:3px;
		right:0px;
		padding-right:5px;
}
#prog_pulldown{
		position:absolute;
		width:260px;
		height:20px;
		top:76px;
		right:0px;
		z-index:2;
}

#afbeelding{
		padding:0px 6px 0px 6px;
		background:#E23504 url(../images/bg_repeat.gif) repeat-y;
}
#floaty{
		position:absolute;
		top:220px;
		left:20px;
		width:205px;
		padding:0px 0px 0px 0px;
		z-index:3;
}
#zoeken{
		background:url(../images/zoeken.gif) no-repeat;
		height:79px;
		width:205px;
}
#download{
		height:79px;
		width:205px;
}
#intro_txt{
		width:974px;
		background: #9c9c9c url(../images/bg_intro_txt.jpg) repeat-x;
		margin-left:6px;
		padding:0px 0px 0px 10px;
		min-height: 68px;
		_height: 68px;
}

#intro_txt a{
	color: #FFFFFF;
}

#content {
		min-height: 550px;
		_height: 550px;
}
#foto {
	position: relative;
	float: right;
	padding-top: 24px;
}

#footer{
		background:url(../images/footer.gif);
		height:69px;
		clear:both;
}
#footer_left{
		float:left;
		padding:20px 0px 0px 30px;
}
#footer_right{
		float:right;
		padding:20px 30px 0px 0px;
}

/***************************************************************** 
FONT DECLARATIONS
*****************************************************************/ 	
p {
		padding:10px 20px 5px 256px;
		margin:0px;
		}
#intro_txt p{
		padding:0px 20px 15px 240px;
		margin:0px;
		color:#FFFFFF;
		}
		
h1 {
	padding:20px 20px 5px 240px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#e23504;
}
.home h1{
padding:20px 20px 5px 20px;
}
/***************************************************************** 
LINKS
*****************************************************************/ 

A 							{ text-decoration:none; color:#00274f;}
A:link						{ text-decoration:underline; color:#00274f;}
A:visited					{ text-decoration:underline; color:#00274f;}
A:active					{ text-decoration:underline; color:#00274f;}
A:hover						{ text-decoration:none; color:#00274f;}

/***************************************************************** 
LIST DECLARATIONS
*****************************************************************/ 

#hoofdmenu ul{
	height: 34px;
	border-bottom: #FFFFFF solid 1px;
	list-style: none;
	background-color: #f3481a;
}
#hoofdmenu li{
	float:left;
	text-indent: -5000px;
}
#hoofdmenu li.button7{
	float:right;
}
#hoofdmenu li a{
	display: block;
	outline: none; /* FIX voor FIREFOX, deze geeft een border om de link */
	height: 34px;
}

#hoofdmenu li.button1 a{ background: url(../images/button1.gif) no-repeat left top; width: 60px; }
#hoofdmenu li.button2 a{ background: url(../images/button2.gif) no-repeat left top; width: 159px; }
#hoofdmenu li.button3 a{ background: url(../images/button3.gif) no-repeat left top; width: 100px; }
#hoofdmenu li.button4 a{ background: url(../images/button4.gif) no-repeat left top; width: 82px; }
#hoofdmenu li.button5 a{ background: url(../images/button5.gif) no-repeat left top; width: 186px; }
#hoofdmenu li.button6 a{ background: url(../images/button6.gif) no-repeat left top; width: 64px; }
#hoofdmenu li.button7 a{ background: url(../images/button7.gif) no-repeat left top; width: 166px; }

#hoofdmenu li.button1 a:hover, #hoofdmenu li.active1 a { background: url(../images/button1.gif) no-repeat left bottom; }
#hoofdmenu li.button2 a:hover, #hoofdmenu li.active2 a { background: url(../images/button2.gif) no-repeat left bottom; }
#hoofdmenu li.button3 a:hover, #hoofdmenu li.active3 a { background: url(../images/button3.gif) no-repeat left bottom; }
#hoofdmenu li.button4 a:hover, #hoofdmenu li.active4 a { background: url(../images/button4.gif) no-repeat left bottom; }
#hoofdmenu li.button5 a:hover, #hoofdmenu li.active5 a { background: url(../images/button5.gif) no-repeat left bottom; }
#hoofdmenu li.button6 a:hover, #hoofdmenu li.active6 a { background: url(../images/button6.gif) no-repeat left bottom; }
#hoofdmenu li.button7 a:hover, #hoofdmenu li.active7 a { background: url(../images/button7.gif) no-repeat left bottom; }



/**************/

.submenu_bg {
	background: #f3481a;
}

#submenu{
		padding:0px 0px 0px 0px;
		margin-bottom:10px;
		list-style-type:none;
		width:191px;
		padding:0px 0px 0px 0px;
		}
#submenu ul{
		padding:10px 0px 0px 0px;
		margin:0px;
}
#submenu li{
		padding:0px;
		margin:0px;
		list-style-type:none;
}
#submenu a{
		display:block;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:underline;
		font-size:11px;
		padding: 2px 0 1px 20px;
		margin:0px;
		background:url(../images/bullet_blok.gif) no-repeat 10px 11px;
}
#submenu ul.contrast a{
		color:#000000;
		background:url(../images/bullet_blok_black.gif) no-repeat 10px 11px;
}
#submenu ul a:hover, #submenu ul a.active, #submenu ul.contrast a:hover,#submenu ul.contrast a.active{
		color:#000000;
		background:url(../images/bullet_blok_black.gif) no-repeat 10px 11px #FFFFFF;
		}
#submenu ul li ul{
		padding:0px 0px 10px 0px;
		margin:0px;
}
#submenu ul li ul li a{
		display:block;
		font-weight:normal;
		color:#FFFFFF;
		text-decoration:underline;
		font-size:11px;
		padding-left:25px;
		margin:0px;
		background:url(../images/bullet_stripe.gif) no-repeat 15px 14px;
}
#submenu ul.contrast li ul li a{
		color: #000;
		background:url(../images/bullet_stripe_black.gif) no-repeat 15px 14px;
}



#submenu ul li ul li a:hover, #submenu ul li ul li a.active,#submenu ul.contrast li ul li a:hover, #submenu ul.contrast li ul li a.active{
		background:url(../images/bullet_stripe_black.gif) no-repeat 15px 14px #f5f5f4;
		color:#000000;
		}
		
#submenu li .sub_projecten {
	padding-left: 15px;
	font-weight: bold;
	color: #FFFFFF;
}



#download a, #download a:hover, #download a:active{
		margin:0px;
		padding:0px;
		}
#zoeken a, #zoeken a:hover, #zoeken a:active{
		margin:0px;
		padding:0px;
		}

#content ul, ol {
	padding:10px 20px 15px 286px;
	margin:0px;
}
#content h3 {
	margin:20px 0px 15px 256px;
	font-size: 14px;
}

/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 

form { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
option { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 

#content table {
	padding: 0px;
	margin:10px 20px 15px 256px;
	border-collapse: collapse;
	width: 550px;
	/*
	border-right: solid 1px black;
	border-bottom: solid 1px black;*/
}

#content table tr {
	margin:0px;
	padding:0px;
	/*border-right: solid 1px black;
	border-bottom: solid 1px black;*/
}

#content table tr td {
	margin:0px;
	padding:0px;
	/*border-left: solid 1px black;
	border-top: solid 1px black;*/
}

#content table tr td p {
	margin:0px;
	padding:0px 5px 0px 5px;
}


.case {
	width: 984px;
	margin: 15px 0 0 6px;
	position:relative;
	background-color: #999999;
	color: white;
}
.case p {
	padding-top:0px;
}
.case h3 {
	margin: 0;
	padding-top: 20px;
}
.case p+h3 { /* voor opera, firefox */
	margin: 0;
	padding-top: 0;
}


/***************************************************************** 
IMAGE DECLARATIONS
*****************************************************************/ 

#foto img {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	display: block;
}