/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
font-size:32px;
font-weight:normal;
}

h1 {
font-size:20px;
font-weight:normal;
}

h3 {
font-size:14px;
color:#ff8600;
}

a:link, a:hover,a:visited, a:active { text-decoration:underline; color:#ff8600; font-weight:bold; }

/*------------------------------------
***** Standaard
------------------------------------*/

html {
height:100%;
}

body {
	background-color:white;
	background-image:url(../images/shaduw-bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	line-height:1.3;	
}

#zakelijk, #vervolg {
	background-image:url(../images/shaduw-bg-kl.png);
}

	#wrapper {
		position: relative;
		width: 977px;
		margin: 0 auto;
	}
	
					#bord {	
						/* position:relative;
						width: 100%;  */
						position: absolute; 
						bottom: 21px;
						z-index:999; 
						left: 0px; 
						overflow:hidden;						
						}
	
	
/*------------------------------------
***** topmenu
------------------------------------*/
		
		#top {
			position:relative;
			height:23px;
			width:977px;		
			}
			
			#top ul {
			position:relative;
			left:0;
			top:0;
			overflow:auto;
			float:right;		
		}
		
			#top ul li {
				position:relative;
				float:left;
				height:23px;
				padding-left:5px;
				padding-right:5px;
				font-size:10px;
				border-left:black solid 1px;
			}
			
		    #top ul li.active,#top ul li:hover {
					
			}
			
			  #top ul li.first { border:none; }
			
				#top ul li a { position:relative; color:#000;  text-decoration:none; top:7px;}
				

/*------------------------------------
***** hoofdmenu
------------------------------------*/
		
		#menu {
			position:relative;
			height:32px;
			width:304px;
			left:25px;
			top:15px;
			}
			
				#menu ul {
							position:relative;
							left:0;
							top:0;
							width:304px;
							height:32px;
						}
						
							#menu ul li {
								position:relative;
								float:left;
								width:94px;
								height:22px;
								margin-left:4px;
								margin-right:3px;
								top:10px;
							}
							
							.menu1 { background-color:#ff8600;}
							.menu2 { background-color:#001a2b;}
							.menu3 { background-color:#969696;}
							
							#menu ul li.active, #menu ul li:hover  { top:0px; height:32px; }
							
							  #menu ul li.first {  }
							
								#menu ul li a { position:relative; width:94px; height:22px;color:#000; text-decoration:none;}
			
			
		#nav { 
			position:relative;
			height:27px;
			width:977px;
			top:15px;
			}
			
				#nav ul {
				position:relative;
				height:26px;
				left:3px;
				top:0;
				overflow:auto;		
			}
			
					#nav ul li {
						position:relative;
						float:left;
						height:23px;
						padding-left:5px;
						padding-right:5px;
						font-size:10px;
						
					}
					
					#nav ul li.active,#nav ul li:hover { border-bottom:#ff8600 solid 3px;}
					
					  #nav ul li.first {  }
					
						#nav ul li a { position:relative; color:#000;  text-decoration:none; top:9px;}
						
/*------------------------------------
***** beeld + logo
------------------------------------*/


	  #header { position:relative; height:196px; width:977px; top:15px;}
	  
	  	#beeld { position:absolute; float:left; width:760px; height:189px; z-index:1;}
		#logo { position:absolute; float:left; width:210px; height:189px; left:760px; margin-left:7px; z-index:1;}
		#schaduw { position:absolute; 
			float:left;
			height:50px;
			width:977px;
			z-index:99;
			background:url(../images/shaduw.png);
			background-repeat:no-repeat;
			background-position:top;
		}
		

/*------------------------------------
***** middenstuk
------------------------------------*/
		
		
		#main {
		position:relative;
		width:977px;
		top:15px;
		margin-top:18px;
		background:white;
		background-image:url(../images/mainbg.png);
		background-repeat:repeat-y;
		overflow:auto;
		z-index:9;
		}
		
		#maindetail {
		position:relative;
		width:977px;
		top:15px;
		margin-top:18px;
		background:white;
		background-image:url(../images/mainbgdetail.png);
		background-repeat:repeat-y;
		overflow:auto;
		z-index:9;
		}
		
		#zakelijk #main { padding-bottom:10px;}
		
			#col1 {
				position:relative;
				width:248px;
				border-right:1px solid #ff8600;
				float:left;
	
			}
			
				.leftblok {
					position:relative;
					width:228px;
					border-bottom:black solid 1px;
					margin-top:10px;
					padding-bottom:10px;
				}
				
				#zakelijk .leftblok a:link {
					color:#001a2b;
					}
				
				
					.leftblok.twitter {
						height:150px;
						background-image:url(../images/twitter-bg.png);
						background-position:bottom;
						background-repeat:no-repeat;
						height:295px;
						border:0;
					}
					
									
					#zakelijk .leftblok.twitter {
						background-image:url(../images/zakelijk-twitter-bg.png);
					}
					
					#zakelijk .leftblok.twitter {
						color:white;
						
					}
					
					#leeg { height:300px; width:200px;}
					
				
			#mid {
				position:relative;
				width:450px; 
				margin-left:20px;
				float:left;
			}
			
			
			
				#mid td { vertical-align: top; }
				
					#keuzepaketten {
					background:#ffe7cc;
					border-bottom:1px solid black;
					border-top:1px solid black;
					padding:10px;
					padding-bottom:0px;
					margin-top:10px;
					}
					
					#keuze {
					background:#ffe7cc;

					padding-left:0px;
					padding-right: 5px;
					padding-top:10px;
					padding-bottom:10px;
					margin-top:10px;
					}					
					
					.keuzepakket { margin-left:17px;}
					
					/* contact */										
					
					#vestiging {
					background:#EDEDED;

					padding-left:0px;
					padding-right: 5px;
					padding-top:10px;
					padding-bottom:10px;
					margin-top:10px;
					}	
					
					#vestiging h2{color:#FF8600; font-size: 13px; font-weight: bold; text-transform:uppercase;}
					
					#vestiging img{
						margin-right: 5px;
					}		
										
					.vestigiging { margin-left:17px; float:left;}			
					
					.clear{
					clear:both;
					}
					.medewerker{
					width: 210px;
					height:150px;

					float:left;
					margin-top: 10px;
					margin-right: 10px;
					}		
					
					.medewerker .photo{
					width: 100%;
					
					
					
					}
					.medewerker span.name{
					font-weight: bold;
				
					}
					
					.medewerker span.description{
					float:left;
					}
					
					.medewerker span.email{
					float:left;
					}
					
					/* Vestiging info contact */										
					.vestiginginfo{
					width: 210px;
					height: 100px;
		
					float:left;
					margin-top: 10px;
					margin-right: 10px;					
					}	
					
					.vestiginginfo span.name{
					float:left;
					color:#FF8600;
					font-size:13px;
					font-weight:bold;
					text-transform:uppercase;					
					}	
										
					.vestiginginfo span{
					float:left;
					clear:both;
					}
						
					/* form */							
					.form{
					width: 100%;

					}
					
					.form_row {
					padding:2px;
					}
					
					label{
					display:block;
					float:left;
					margin-right:1em;
					text-align:left;
					width:15em;					
					}
					
					input.contactinput, textarea.contactinput
					{
					color: #781351;
					background: #ECEEEE;
					border: 1px solid #ECEEEE;
				
width:227px;
					
					}
					
					input[type=checkbox]{
					width: 15px;
					height: 15px;
			
		

					}
					
					
					
					
					#email-form-service{
					height: 40px;
					}
					
					.register_submit{
					width: 100%;
					margin-top: 10px;
			
					}
					
					.register_submit input{
					float:right;
					margin-left: 10px;	
					}
					
					.register_submit span.required{
					color:#FF8600;
					
					}
					
					input.contactsubmit
					{
					color: #fff;
					background: #001A2B;
					border: 1px solid #001A2B;						

					}
					
					input.contactreset
					{
					color: #000;
					background: #FF8600;
					border: 1px solid #FF8600;									
					}					 					
						
					#loginblok {
						position:relative;
						width:433px;
						background:#ededed;
						padding:7px;
						}
						
						#loginblok .inloggen { position:relative; float:right; }
						
						#loginblok a:link {color:#939393; font-size:11px; text-decoration:none;}
			
			/*------------------------------------
***** middenstuk
------------------------------------*/
			
			#middetail {
				position:relative;
				width:700px; 
				margin-left:20px;
				float:left;
			}
			
				#middetail h1 {
					margin:0;
					font-size:22px;
					color:#ff8500;
					font-weight:bold;
					width:440px;
					float:left;
					}
					
				#navtop {
				position:relative;
				float:right;
				width:250px;
				text-align:right;
				}
				
			#middetail ul {
				position:relative;
				height:26px;
				left:0px;		
				top:7px;
				width:700px;		
				clear:both;
				border-bottom:solid 1px black;	
			}
			
					#middetail ul li {
						position:relative;
						float:left;
						height:23px;
						padding-left:5px;
						padding-right:5px;
						font-size:10px;
						
					}
					
					#middetail ul li.active,#middetail ul li:hover { border-bottom:#ff8600 solid 3px;}
					
					  #middetail ul li.first {  }
					
						#middetail ul li a { position:relative; color:#000;  text-decoration:none; top:9px;}
			#det1 {
			position:relative;
			float:left;
			width:283px;
			margin-top:20px;
			}
			
				#det1 .openhuis { position:relative; background-color:#FF8600; color:white; padding: 3px 10px 3px 10px;}
			
			#det2 {
			position:relative;
			float:left;
			width:230px;
			margin-top:20px;
			margin-left:14px;
			}
			
				#det2 p {margin-top:0;}
				
			#det3 {
			position:relative;
			float:left;
			width:160px;
			margin-left:10px;
			margin-top:20px;
			}
			
				#det3 a { position:relative; margin-top:10px; padding:2px 0px 2px 15px; width:150px; display:block; background:#ff8600; color:white; text-decoration:none;}

			/*------------------------------------
***** middenstuk
------------------------------------*/
	
				#col3 {
				position:relative;
				float:left;
				border-left:1px solid #ff8600;
				margin-left:20px;
				padding-left:27px;				
			}
			
			    .formblok {
					margin-top:10px;
					position:relative;
					background:#ff8600;
					padding-top:10px;
					padding-bottom:10px;
					padding-left:8px;
					color:white;
					font-weight:bold;
					width:202px;
					}
				
				#zakelijk .formblok { background:#001a2b;}
					.formblok .but { background:url(../images/btn-ga.png); height:19px; width:37px; }
				
				.rss { float:right;}
				#nieuws {
					position:relative;
					width:210px;
					margin-top:30px;
					}
				  
				  .nieuwsbericht .nieuwsthumb { position:relative;float:left; padding-right:5px; padding-bottom:5px;}
					.nieuwsbericht {
						position:relative;
						width:210px;
						margin-top:10px;
						border-bottom:black solid 1px;
						}
					  .nieuwsbericht p { margin-top:4px;}
						
						.nieuwsbericht h2 { color:#ff8600; }
						#zakelijk .nieuwsbericht h2 { color:#001a2b; }
					


/*------------------------------------
***** Footer
------------------------------------*/

#footer {
	position:relative;
	width:977px;
	clear:both;
	top:15px;
	text-align:right;
	margin-top:20px;
	}
	

	
	#footer img {position:relative; margin-right:25px;}
	
	#bottom {
	position:relative;
	width:977px;
	height:35px;
	border-top:black 1px solid;
	margin-top:14px;
	}
	
	#footer ul {
			position:relative;
			left:0;
			top:0;
			overflow:auto;
			float:right;	
			margin-top:14px;	
		}
		
			#footer ul li {
				position:relative;
				float:left;
				height:23px;
				padding-left:5px;
				padding-right:5px;
				font-size:10px;
				
				border-left:black solid 1px;
			}
			
		    #footerul li.active,#footer ul li:hover {
					
			}
			
			  #footer ul li.first { border:none; }
			
				#footer ul li a { position:relative; color:#000;  text-decoration:none; top:7px;}


/*------------------------------------
***** Forms
------------------------------------*/
.form-row select { background-image:none; position:static; color:##000000; height:22px; width:295px; padding: 0 24px 0 8px;
	
	font: 12px/21px arial,sans-serif;}
#reageer-persoonsgegevens-gender-container { display:none;}	
	
.select {
	position: absolute;
	width: 195px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #000;
	font: 12px/21px arial,sans-serif;
	background: url(../images/select.gif) no-repeat;
	overflow: hidden;
}

#zakelijk .select {
	background: url(../images/zakelijk-select.gif) no-repeat;
}
				
.but {
	background:#ff8600;
	border:1px solid black;
	color:white;
	float:right;	
	}
	
#zakelijk .but {
	background:#000;
	}
	
	.formitems { height:23px;}
	
	
.formblok .but { position:relative; background:url(../images/btn-ga.png); height:19px; width:37px; float:right;}
#zakelijk .formblok .but { background:url(../images/zakelijk-btn-ga.png);}

.formblok input { position:relative; background-color: #fff; border:none; height:19px; width:140px; margin-right:10px; float:left;}
.formblok p { position:relative; width:auto;}




/*------------------------------------
***** Twitter
------------------------------------*/


#twitter-ticker{
	width:200px;
	height:250px;
	background:#ff8600;
	color:#666666;
	display:none;
	/*
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	*/
	text-align:left;
	margin-top:10px;
}

#tweet-container{
	height:230px;
	width:auto;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	background:url(img/top_bar.png) repeat-x;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;
	/*
	-moz-border-radius:6px 6px 0 0;
	*/
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	
	border-bottom:1px solid #F0F0F0;
	background:url(img/transparent.png);
	
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}

.tweet a, .tweet a:visited {
	color:#000;
	text-decoration:none;
	outline:none;
}

#zakelijk .tweet a, #zakelijk .tweet a:visited {
	color:#fff;
}

a:hover{
	text-decoration:underline;
}

#loading{
	margin:100px 95px;
}


/*tooltip*/

#text {margin:50px auto; width:500px}
.hotspot {color:#FF8600;  cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat; z-index: 1000;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#FF8600; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}