/* BASIS ELEMENTEN */

*
{
	margin									: 0px;
	padding									: 0px;
}

body 
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	padding									: 0px;
	margin									: 0px;
	color									: #646464;
	text-align								: center;
	background								: url(../img/bg.jpg) center top repeat-y;
	background-color						: #FBFBFB;
}

body, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link, a:visited, a:active
{
	color									: #3c93d8;
	text-decoration							: underline;
}
	a:hover
	{
		text-decoration							: none;
	}

h1
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1em;
	color									: #686868;
	line-height								: 1em;
	padding									: 0px;
	margin									: 0px;
}

p
{
	line-height								: 1.8em;
	font-size								: 0.7em;
	font-family								: Arial, Helvetica, sans-serif, "Trebuchet MS"
}

/* GESPECIFICEERDE ELEMENTEN */

.bold
{
	font-weight								: bold;
}

/* ACHTERGRONDEN */

#wrapper
{
	text-align								: left;
	margin									: 0 auto;
	width									: 770px;
	position 								: relative;
}

#header_1
{
	float									: left;
	width									: 230px;
	height									: 129px;
	margin-bottom							: 5px;
}
	#header_1 h1
	{
		padding									: 129px 0 0 0;
		width									: 230px;
		overflow								: hidden; 					/* verbergt tekst */
		height									: 0px !important; 			/* Internet explorer */
		height							/**/	: 129px; 					/* Firefox */
		background								: url(../img/header_1.jpg) left top no-repeat;
		background-color						: #85c5f9;
	}
	
#header_2
{
	position								: relative;
	float									: left;
	width									: 540px;
	height									: 129px;
	margin-bottom							: 5px;
}
	#header_2 h2
	{
		padding									: 129px 0 0 0;
		width									: 540px;
		overflow								: hidden; 					/* verbergt tekst */
		height									: 0px !important; 			/* Internet explorer */
		height							/**/	: 129px; 					/* Firefox */
		background								: url(../img/header_2.jpg) left top no-repeat;
		background-color						: #85c5f9;
	}

#taalkeuze
{
	position								: absolute;
	top										: 10px;
	right									: 10px;
	width									: 20px;
}
	#taalkeuze img
	{
		border									: none;
	}

#content_bg
{
	margin-top								: 5px;
	margin-left								: 5px;
	width									: 530px;
	float									: left;
	background								: url(../img/content_bg.jpg) top left no-repeat;
}

#content
{
	padding									: 35px 0px 0px 45px
}
	#content p
	{
		padding-bottom							: 10px
	}
	#content h1
	{
		width									: 100%;
		padding-bottom							: 45px;
		background								: url(../img/titel_bg.jpg) left top repeat-x;
	}	
	#content p
	{
		padding-right							: 20px;
	}

#adres_bg
{
	border-left								: 1px solid #D1D1D1;
	border-top								: 1px solid #D1D1D1;
	border-bottom							: 1px solid #D1D1D1;
	background								: url(../img/adres_bg.jpg) left top repeat-x;
	margin-top								: 45px;
}

#adres_content
{
	border-left								: 1px solid #FFF;
	border-top								: 1px solid #FFF;
	padding									: 20px 5px 15px 25px;
}
	#adres_content p
	{
		color									: #A7A7A7;
		line-height								: 1.6em;
	}	
	#adres_content a
	{
		color									: #A7A7A7;
		text-decoration							: underline;
	}	
	#adres_content a:hover
	{
		color									: #A7A7A7;
		text-decoration							: none;
	}


#icons_bg
{
	border-left								: 1px solid #D1D1D1;
	border-top								: 1px solid #D1D1D1;
	border-bottom							: 1px solid #D1D1D1;
	background								: url(../img/adres_bg.jpg) left top repeat-x;
	margin-top								: 10px;
}

#icons_content
{
	border-left								: 1px solid #FFF;
	border-top								: 1px solid #FFF;
	padding									: 3px 5px 3px 25px;
}

#footer
{	
	clear									: both;
	background-color						: #EDEDED;
	border									: 1px solid #D1D1D1;
	width									: 760px;
	padding-right							: 10px;
	text-align								: right;
	margin-top								: 50px;
	color									: #646464;
}
	#footer a
	{
		color									: #646464;
		text-decoration							: underline;
	}	
	#footer a:hover
	{
		color									: #646464;
		text-decoration							: none;
	}

#staander_1
{
	position								: absolute;
	z-index									: 100;
	bottom									: 0px;
	left									: 150px;
	width									: 85px;
	height									: 305px;
}

#staander_2
{
	position								: absolute;
	z-index									: 100;
	bottom									: 0px;
	left									: 155px;
	width									: 75px;
	height									: 305px;
}

#staander_3
{
	position								: absolute;
	z-index									: 100;
	bottom									: 0px;
	left									: 145px;
	width									: 125px;
	height									: 305px;
}

#staander_4
{
	position								: absolute;
	z-index									: 100;
	bottom									: 0px;
	left									: 145px;
	width									: 135px;
	height									: 305px;
}



/* MENUS */

#menu_bg
{
	clear									: both;
	width									: 100%;
	height									: 41px;	
	background								: url(../img/menu_bg.jpg) left top repeat-x;
}

#menu
{
	height									: 41px;
	list-style								: none;
	display									: inline;
	overflow								: hidden;
}
	#menu li
	{
		list-style								: none;
		display									: inline;
	}	
	#menu a
	{
		float									: left;
		padding									: 41px 0 0 0;
		overflow								: hidden;
		height									: 0px !important; 
		height 							/**/	: 41px; 					/* for IE5/Win only */
	}		
	#menu a:hover
	{
		background-position						: 0 -41px;
	}	
	#menu a:active, #menu a.selected
	{
		background-position						: 0 -41px;
	}	


/* SUB MENU */

#submenu_bg
{
	margin-top								: 5px;
	float									: left;
	width									: 230px;
	border-right							: 1px solid #D1D1D1;
	min-height: 370px;
}
	* html #submenu_bg { /** IE Only **/
		height: 370px;
	}

#subnav
{
	font-size								: 0.7em;
	list-style								: none;
	display									: block;
	color									: #b0b0b0;
	font-weight								: bold;
}
	#subnav ul
	{
		width									: 100%;
		list-style								: none;
		display									: block;
	}	
	#subnav li
	{
		list-style								: none;
		display									: block;
		width									: 100%;
		margin-bottom							: 3px;
	}	
	#subnav a
	{
		width									: 194px;
		background								: url(../img/subnav_0.jpg) top left repeat-x;
		border-left								: 1px solid #D1D1D1;
		border-top								: 1px solid #D1D1D1;
		border-bottom							: 1px solid #D1D1D1;
		display									: block;
		padding									: 6px 3px 6px 32px;
		text-decoration							: none;
		color									: #b0b0b0;
		font-family								: Arial, Helvetica, sans-serif;
		background-color						: #e8e8e8;
	}	
	#subnav a:hover, #subnav a.selected	
	{
		color									: #757575;
	}		
	#sub_active a, #sub_active a:hover
	{
		color									: #FFF;
		background								: url(../img/subnav_2.jpg) top left repeat-x;
		border-left								: 1px solid #3c93d8;
		border-top								: 1px solid #3c93d8;
		border-bottom							: 1px solid #3c93d8;
		background-color						: #6caee3;
	}


/* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN */
#contactformulier ol {
	list-style								: none;
}
#contactformulier fieldset {
	border									: 0;
	margin									: 0;
	padding									: 0;
}
#contactformulier textarea, 
#contactformulier .input {
	width									: 300px; 
}
#contactformulier textarea {
	overflow								: auto;
}
#contactformulier #Plaats {
	width									: 239px;
}
#contactformulier #Postcode {
	width									: 52px;
}
#contactformulier #Melding {
	color									: #e70509; 
	width									: 300px; 
	display									: none;
	font-style								: italic;
}
.input {
	border									: 1px solid #646464;
	color									: #646464;
	font-size								: 1.0em;
	padding									: 2px 2px 2px 2px;
}
.foutMarkerOff {
	display									: none;
}
.foutMarkerOn {
	color									: #ff2222;
	display									: inline;
}
.button {
	border									: 1px solid #085c8d;
	color									: #0c3d5a;
	cursor									: pointer;
	padding									: 1px 3px 0px 3px;
	margin									: 5px 0;
	font-size								: 11px;
	background-color						: #bddffc;
	font-family								: Arial, Helvetica, sans-serif, "Trebuchet MS";
}
#contactformulier label 
{
	line-height								: 1.8em;
	font-weight								: bold;
	color									: #333333;
}


/* --------------------------- 	*/
/* offerte						*/
/* --------------------------- 	*/
#offerte	{
	margin					: 0;
	padding					: 0;
}

#offerte fieldset p, #offerte p	{	
	font-size: 1em;
	line-height				: 1.6em;
}

#offerte fieldset	{
	padding					: 5px 0;
	border					: solid 2px #333;
	border-left				: 0;
	border-right			: 0;
	border-bottom			: 0;
	margin-top				: 5px;
}

#offerte legend	{
	color					: #333;
	font-weight				: bold;
	margin-bottom			: 5px;
}

#offerte hr	{
	color					: #999;
	background				: #999;
	height					: 1px;
	border					: solid 0px #999;
	padding					: 0;
	margin					: 10px 0; 
	_margin					: 1px 0; 
}

#offerte small	{
	line-height				: 1.3em;
	font-weight				: normal;
}

#offerte dt	{
	display					: block;
	float					: left;
	width					: 140px;
	clear					: both;
	font-weight				: bold;
	padding-top				: 2px;
}

#offerte dd	{
	margin-left				: 140px;
	padding-bottom			: 1px;
}

#frm_p_bouwlagen, #frm_b_afschotting_uitvoeringen	{
	width					: 320px;
}

#frm_p_vloertype	{
	width					: 320px;
}

#frm_b_opmerkingen	{
	width					: 290px;
	height					: 70px;
}

#offerte label.error	{
	color					: #f00;
}