@charset "utf-8";
/* CSS Document */

/* Website structuur */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#opmaak p{
		font-family:Arial, Helvetica, sans-serif;
		color: #CCC;
		font-size:12px;
		line-height: 20px;
		margin-top: 5px;
		}
.grey p{
		font-family:Arial, Helvetica, sans-serif;
		color: #CCC;
		font-size:12px;
		line-height: 20px;
		margin-top: 5px;
		}
#opmaak h1{
		margin-top: 10px;
		margin-bottom: 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14pt;
		letter-spacing: -1pt;
		color: #CCC;
		font-weight: bold;
}
#opmaak h2{
		margin-top: 10px;
		margin-bottom: 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14pt;
		letter-spacing: -1pt;
		color: #CCC;
		font-weight: bold;
}

#home {}
#home p{
		font-family:Arial, Helvetica, sans-serif;
		color: #575757;
		font-size:12px;
		line-height: 18px;
		margin-top: 5px;
		}
#home h2{
		margin-top: 10px;
		margin-bottom: 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14pt;
		letter-spacing: -1pt;
		color: #554a44;
		font-weight: bold;
}

#home_float {
	width: 275px;
	padding-left: 10px;
	padding-right: 25px;
	float: left;	
	}
	
#home_float p{
		font-family:Arial, Helvetica, sans-serif;
		color: #575757;
		font-size:13px;
		line-height: 20px;
		}

#home_float2 {
	width: 410px;
	padding-left: 10px;
	padding-right: 25px;
	float: left;	
	}
#home_float2 p{
		font-family:Arial, Helvetica, sans-serif;
		color: #CCC;
		font-size:13px;
		line-height: 20px;
		}	
	

#home_links {
	width: 480px;
	padding-left: 10px;
	padding-right: 30px;
	float: left;	
	}
	
#home_rechts {
	width: 340px;
	padding-left: 20px;
	padding-right: 0px;
	float: left;	
	}

#top {
	position: relative;
	width: 950px;
	margin: 0px auto;
	}
	#top_logo {
	margin-left: 25px;
	margin-top: 15px;
	width : 550px;
	float:left;
	}
	#top_button {
	margin-right: 25px;
	margin-top: 38px;
	width : 200px;
	float: right;
	}
	#top_menu{
	margin-left: 110px;
	margin-top: 10px;
	width : 600px;
	float: left;
	word-spacing:30px;
	}
		/* Tekst layout */
		#top_menu A 			{color: #6a594f; font-weight:bold; font-family: Tahoma, Arial, Helvetica; text-decoration: none; font-size: 15pt;}
		#top_menu A:visited		{color: #6a594f; font-weight:bold; font-family: Tahoma, Arial, Helvetica; text-decoration: none; font-size: 15pt;}
		#top_menu A:hover 		{color: #8e8681; font-weight:bold; font-family: Tahoma, Arial, Helvetica; text-decoration: none; font-size: 15pt;}
		#top_menu A:active		{color: #6a594f; font-weight:bold; font-family: Tahoma, Arial, Helvetica; text-decoration: none; font-size: 15pt;}

		
#banner {
	width: 100%;
	background-image: url(../img/banner_home_back.gif);
	height: 229px;
	margin-top: 10px;
}
	#banner_glow {
	background-image: url(../img/banner_home_glow.gif);
	height: 184px;
	width: 665px;
	margin-left: 285px;
	position: absolute;
	}
	#banner_content{
	position: relative;
	width: 950px;
	margin: 0px auto;
	}
		/* Tekst layout */
		#banner_content H1{
		color:#FFFFFF;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 28px;
		margin: 0px;
		}
		
		#content_left H1{
		color:#6a594f;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 0px
		}
		.maintext{
		margin-top: 0px;
		}
		
	#banner_formulier{
	position: relative;
	width: 950px;
	margin: 0px auto;
	}	
		/* Tekst layout */
		#banner_formulier_waar{
		margin-right: 15px;
		margin-top: 10px;
		width : 385px;
		float: left;
		}
				/* Tekst layout */
				#banner_formulier_waar h3 {
				margin-left: 100px;
				margin-top: 10px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				}
				#banner_formulier_waar p {
				margin-left: 100px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:12px;
				padding: 10px
				}
				#banner_formulier_waar label {
				width: 85px;
				padding: 7px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:14px;
				text-align:right;
				display: block;
				float: left;
				font-weight:bold;
				}
				#banner_formulier_waar select {
				width: 250px;
				padding: 5px;
				font-family:Arial, Helvetica, sans-serif;
				color:#6a594f;
				font-size:13px;
				float: left;
				font-weight:bold;
				border: solid #4fa8ca 2px;
				}
		
		#banner_formulier_wat{
		margin-right: 15px;
		margin-top: 10px;
		width : 250px;
		float: left		
		}
				#banner_formulier_wat h3 {
				margin-left: 80px;
				margin-top: 10px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				}
				#banner_formulier_wat label {
				width: 65px;
				padding: 7px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:14px;
				text-align:right;
				display: block;
				float: left;
				font-weight:bold;
				}
				#banner_formulier_wat select {
				width: 150px;
				padding: 5px;
				font-family:Arial, Helvetica, sans-serif;
				color:#6a594f;
				font-size:13px;
				float: left;
				font-weight:bold;
				border: solid #4fa8ca 2px;
				}
		#banner_formulier_budget{
		margin-right: 15px;
		margin-top: 10px;
		width : 250px;
		float: left		
		}
				#banner_formulier_budget h3 {
				margin-left: 80px;
				margin-top: 10px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				}
				#banner_formulier_budget label {
				width: 65px;
				padding: 7px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:14px;
				text-align:right;
				display: block;
				float: left;
				font-weight:bold;
				}
				#banner_formulier_budget select {
				width: 150px;
				padding: 5px;
				font-family:Arial, Helvetica, sans-serif;
				color:#6a594f;
				font-size:13px;
				float: left;
				font-weight:bold;
				border: solid #4fa8ca 2px;
				}
		
		#banner_formulier_button {
			height: 40px;
			width: 192px;
			margin-left: 720px;
			margin-top: 20px;
			position: absolute;
		}
		
#banner_vervolg {
	width: 100%;
	background-image: url(../img/banner_vervolg_back.gif);
	height: 90px;
	margin-top: 10px;
	padding-top:10px;
}		

#content{
	position: relative;
	width: 950px;
	margin: 0px auto;
	}
	#content hr{
                border: 0;
                width: 100%;
                height: 2px;
                color: #d5d5d5;
                background-color: #d5d5d5;
                clear: both;
                margin-top: 10px;
                margin-bottom: 10px;
	}
	#content_left {
	width: 310px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;	
	}
		/* Tekst layout */
		#content_left p {
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
		font-size:12px;
		line-height: 18px;
		}
                /* overzicht */
		#content_over hr {
                border: 0;
                width: 100%;
                height: 2px;
                color: #d5d5d5;
                background-color: #d5d5d5;
                clear: both;
                margin-top: 10px;
                margin-bottom: 10px;
		}
                #content_over img {
                padding: 5px;
		}

	#content_right {
	width: 610px;
	padding-left: 10px;
	float: left;	
	}
	#content_right_uitgelicht {
	/*background-color:#FFFF00;*/
	width: 560px;
	height: 250px;
	}
			.stepcarousel{
			position: relative; /*leave this value alone*/
			border: 1px solid #FFFFFF;
			overflow: scroll; /*leave this value alone*/
			width: 560px; /*Width of Carousel Viewer itself*/
			height: 255px; /*Height should enough to fit largest content's height*/
			}
			.stepcarousel img {
			border: solid #41a6d1 3px; 
			}
			
			.stepcarousel .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
			}
			
			.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 10px; /*margin around each panel*/
			width: 540px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
			}
					.stepcarousel p {
					font-family:Arial, Helvetica, sans-serif;
					color: #554a44;
					font-size: 12px;
					line-height: 18px;
					}
			.stepcarousel .panel_sub{
			position: relative;
			padding: 0px 0px 0px 0px;
			float: left;
			/* display: inherit inline; */
			font-size: 12px;
			width: 250px;
			margin-left: 10px;
			}

			.stepcarousel .panel_sub2{
			position: relative;
			padding: 0px 0px 0px 0px;
			float: right;
			/* display: inherit inline; */
			font-size: 12px;
			width: 250px;
			margin-left: 10px;
			}
			
	#inschrijf_form {
	width: 610px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;	
	}

		#inschrijf_form h3 {
		margin-top: 0px;
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
		}
			#inschrijf_form label {
			width: 120px;
			padding: 7px;
			font-family:Arial, Helvetica, sans-serif;
			color:#554a44;
			font-size:14px;
			text-align:right;
			display: block;
			float: left;
			font-weight:bold;
			}
			#inschrijf_form  .txt_alg{ 
			width: 350px;
			padding: 5px;
			font-family:Arial, Helvetica, sans-serif;
			color:#6a594f;
			font-size:13px;
			float: left;
			font-weight:bold;
			border: solid #8e8681 2px;
			}
			#inschrijf_form  .drp_alg{ 
			width: 350px;
			padding: 5px;
			font-family:Arial, Helvetica, sans-serif;
			color:#6a594f;
			font-size:13px;
			float: left;
			font-weight:bold;
			border: solid #8e8681 2px;
			}
			#inschrijf_form  hr{
			color: #8e8681;
			background-color: #CCCCCC;
			height: 2px;
			border: 0;
			}
			#inschrijf_form p {
			font-family:Arial, Helvetica, sans-serif;
			color: #554a44;
			font-size:12px;
			line-height: 18px;
			}	
			.knop {
		        display:inline;
                        float:left;
			}
                        .cancel {
                        display:inline;
                        float:left;
                        height:25px;
                        align: center;
                        padding: 0px 10px;
                        }
                        .verborgen
                        {
                        display:none;
                        }
                             /* Tekst layout */
                            .cancel a  		{color: #ff0000;	text-decoration: none; padding: 2px 2px 2px 2px}
                            .cancel a:visited	{color: #ff0000;	text-decoration: none; padding: 2px 2px 2px 2px}
                            .cancel a:hover 	{color: #ffffff; 	background:#ff0000; padding: 2px 2px 2px 2px}
                            .cancel a:active 	{color: #ff0000;	text-decoration: none; padding: 2px 2px 2px 2px }

                        .wwverg {
                        align: right;
                        text-align: right;
                            }
                            /* Tekst layout */
                            .wwverg A 		{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px }
                            .wwverg A:visited	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px}
                            .wwverg A:hover 	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: underline; font-size: 12px}
                            .wwverg A:active	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px}

		
	#inschrijf_toelichting {
	width: 310px;
	padding-left: 10px;
	float: left;	
	}
		/* Tekst layout */
		#inschrijf_toelichting p {
		font-family:Arial, Helvetica, sans-serif;
		color: #7f7b78;
		font-size:12px;
		line-height: 20px;
		}	
		#inschrijf_toelichting h3 {
		margin-top: 6px;
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
		}
		#inschrijf_toelichting hr {
                border: 0;
                width: 100%;
                height: 2px;
                color: #d5d5d5;
                background-color: #d5d5d5;
                clear: both;
                margin-top: 5px;
                margin-bottom: 5px;
		}

	
#bottom{
	position: relative;
	width: 950px;
	margin: 0px auto;
	margin-top: 15px;
	padding-left: 20px
	}
	#bottom_line {
	color: #8e8681;
	background-color: #8e8681;
	height: 3px;
	border: 0;
	}
	.bottom_menu {
	width: 227px;
	padding-left: 10px;
	float: left;
	}
		/* Tekst layout */
		.bottom_menu A 			{color: #6a594f; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;}
		.bottom_menu A:visited		{color: #6a594f; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;}
		.bottom_menu A:hover 		{color: #8e8681; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;}
		.bottom_menu A:active		{color: #6a594f; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;}
		
		.bottom_menu p {
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
		font-size:12px;
		line-height: 18px;
		}	

#main_content{
	width: 610px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	}
	
#main_content hr {
        border: 0;
        width: 100%;
        height: 1px;
        color: #d5d5d5;
        background-color: #d5d5d5;
        clear: both;
        margin-top: 5px;
        margin-bottom: 5px;
		}

/* Tekst layout algeneem */

p {
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
		font-size:12px;
		line-height: 16px;
		}
h4 {
		margin-top: 6px;
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
		font-size:14px;
}		
h3 {
		margin-top: 6px;
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
}

h2 {
		margin-top: 14px;
		font-family:Arial, Helvetica, sans-serif;
		color: #554a44;
}
A 		{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px }
A:visited	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px}
A:hover 	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: underline; font-size: 12px}
A:active	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px}

.maps {
	border: 3px solid #4fa8ca; 
	}
	
.zoek {
			width: 886px;
			padding: 5px;
			margin-bottom: 5px;
			font-family:Arial, Helvetica, sans-serif;
			color:#6a594f;
			font-size:13px;
			float: left;
			font-weight:bold;
			border: solid #42a6d1 2px;
				}
#uploadoverzicht img {
	margin: 5px;
	border: solid 2px #4fa8ca;
	}

#objectfoto {
	width: 175px;
	float:left;
	margin-top: -25px;
	z-index: 100;
	}	
	#objectfoto img {
	margin: 0px;
	border: solid 2px #4fa8ca;
	z-index: 100;
	}

#objecttop {
	width: 350px;
	float:left;
	margin-top: -25px;
	z-index: 100;
	}

#objectsearch {
	width: 550px;
	float:left;
	z-index: 100;
	}
	#objectsearchpro {
	width: 250px;
	float:left;
	z-index: 100;
	}
#objectfotosearch {
	width: 175px;
	float:left;
	z-index: 100;
	}
	#objectfotosearch img {
	margin: 0px;
	border: solid 2px #4fa8ca;
	z-index: 100;
	}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
#fotooverv img {
	margin: 5px;
	border: solid 2px #4fa8ca;
	}

#objectmenu {
		padding: 5px;
		width: 290px;
		border: solid  #F5F5F5 4px;
		}
				#objectmenu hr {
                border: 0;
                width: 100%;
                height: 1px;
                color: #F5F5F5;
                background-color: #F5F5F5;
                clear: both;
                margin-top: 10px;
                margin-bottom: 10px;
		}
#mapsbox {
	width: 400px
	} 	
#mapsbox img{	
	margin: 5px;
	border: solid 2px #4fa8ca;
	float: left;
}
#mapsbox p{	
	/* margin-top: 5px; /**/
}
#mapsbox A 			{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 16px }
#mapsbox A:visited	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 16px}
#mapsbox A:hover 	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: underline; font-size: 16px}
#mapsbox A:active	{color: #4fa8ca; font-family: Arial, Helvetica; text-decoration: none; font-size: 16px}

#imagethumb {
	padding-left: 10px;
	float: left;
	}