/* BASIS ELEMENTEN */
body 
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 0.7em;
	padding									: 0px;
	margin									: 0px;
	color									: #000;
	background 								: #017AD3 url(../img/body_bg.jpg) top left repeat-x;
}

a:link, a:visited, a:active
{
	color									: #000;
	text-decoration							: underline;
}

a:hover
{
	text-decoration							: none;
}


h1
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1.2em;
	font-weight								: bold;
	color									: #fff;
	line-height								: 1em;
	padding									: 6px 0px 9px 0px;
	margin									: 0px 20px 0px 38px;
	text-align 								: center;
	background-color 						: #f93;
}

h2
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1.7em;
	font-weight								: bold;
	color									: #fff;
	line-height								: 1em;
	padding									: 0px;
	margin									: 0 0 50px 0;
}

h3
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1em;
	font-weight								: bold;
	color									: #000;
	padding									: 0px;
	margin									: 0px;
}

/* logo klikbaar */
h1.header	{
	position								: absolute;
	top										: 20px;
	left									: 13px;
	margin									: 0;
	padding									: 0;
	background								: none;
}

h1.header a	{
	display									: block;
	height									: 105px;
	width									: 115px;
	text-indent								: -9000px;
	overflow								: hidden;
}

/* ACHTERGRONDEN -----------------------------------------------------------------------------------
 */
.wrapper
{
	background 								: white url(../img/wrapper_bg.jpg) top left no-repeat;
	width 									: 994px;
}
/* STRUCTUUR ---------------------------------------------------------------------------------------
 */
.flash
{
	position 								: absolute;
	top 									: 0px;
	left 									: 0px;
	z-index 								: 99;
}

#div_over_flash {	
	position								: absolute;
	left									: 307px;
	top										: 185px;
	background								:  url(../img/logo_over_flash.jpg) no-repeat;
	width									: 137px;
	height									: 134px;
}

.foto
{
	width 									: 194px;
	float 									: left;
}
.contentwrap
{
	width 									: 535px;
	_height									: 420px;
	min-height								: 420px;
	float 									: left;
}
.content
{
	margin 									: 42px 10px 30px 40px;
	line-height 							: 1.6em;
	position								: relative;
}
/* NAV TOP RECHTS ----------------------------------------------------------------------------------
 */
.navtop
{
	height 									: 84px;
	color 									: #D6E9F6;
	font-size 								: 0.9em;
}
.navtop ul
{
	float 									: right;
	list-style-type							: none;
	margin 									: 17px 10px 0px 0px;
	padding									: 0px;
}

.navtop ul li
{
	float 									: left;
}

.navtop ul li a.romazo	{
	display									: block;
	height									: 24px;
	width									: 101px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../img/romazo.gif) no-repeat;
}

/* NAV HOOFDMENU -----------------------------------------------------------------------------------
 */
.navmenu
{
	clear 									: both;
	height 									: 45px;
}
.navmenu ul
{
	list-style-type 						: none;
	margin 									: 0px 0px 0px 268px;
	padding 								: 0px;
	clear 									: both;
}

.navmenu ul li
{
	float 									: left;
}

.navmenu ul li a,.navmenu ul li a:link,.navmenu ul li a:active,.navmenu ul li a:visited
{
	display 								: block;
	background-repeat 						: no-repeat;
}

.navmenu ul li a span
{
	display 								: none;
}

/* CSS NAV HOOFD MENU  ITEMS -------------------------
*/
.navmenu ul li.link1 a
{
	width 									: 95px;
	height 									: 23px;
	background-image						: url(../img/link1_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link2 a
{
	width 									: 115px;
	height 									: 23px;
	background-image 						: url(../img/link2_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link3 a
{
	width 									: 101px;
	height 									: 23px;
	background-image 						: url(../img/link3_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link4 a
{
	width 									: 148px;
	height 									: 23px;
	background-image 						: url(../img/link4_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link4a a
{
	width 									: 72px;
	height 									: 23px;
	background-image 						: url(../img/link4a_bg.jpg);
	background-position 					: top left;
}


.navmenu ul li.link5 a
{
	width 									: 95px;
	height 									: 22px;
	background-image						: url(../img/link5_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link6 a
{
	width 									: 115px;
	height 									: 22px;
	background-image 						: url(../img/link6_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link7 a
{
	width 									: 101px;
	height 									: 22px;
	background-image 						: url(../img/link7_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link8 a
{
	width 									: 148px;
	height 									: 22px;
	background-image 						: url(../img/link8_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link9 a
{
	width 									: 72px;
	height 									: 22px;
	background-image 						: url(../img/link9_bg.jpg);
	background-position 					: top left;
}

.navmenu ul li.link10 a
{
	width 									: 104px;
	height 									: 22px;
	background-image 						: url(../img/link10_bg.jpg);
	background-position 					: top left;
}

/* CSS NAV HOOFD MENU  HOVERS -------------------------
*/
.navmenu ul li.link1 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link2 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link3 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link4 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link4a a:hover{ background-position 	: bottom left;}
.navmenu ul li.link5 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link6 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link7 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link8 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link9 a:hover{ background-position 	: bottom left;}
.navmenu ul li.link10 a:hover{ background-position 	: left -23px;}
/* CSS NAV HOOFD MENU  ACTIVES -------------------------
*/
.navmenu ul li.link1_active a{ background-image : url(../img/link1_bg.jpg);background-position : bottom left;width : 95px;height : 23px;}
.navmenu ul li.link2_active a{ background-image : url(../img/link2_bg.jpg);background-position : bottom left;width : 115px;height : 23px;}
.navmenu ul li.link3_active a{ background-image : url(../img/link3_bg.jpg);background-position : bottom left;width : 101px;height : 23px;}
.navmenu ul li.link4_active a{ background-image : url(../img/link4_bg.jpg);background-position : bottom left;width : 148px;height : 23px;}
.navmenu ul li.link4a_active a{ background-image : url(../img/link4a_bg.jpg);background-position : bottom left;width : 72px;height : 23px;}
.navmenu ul li.link5_active a{ background-image : url(../img/link5_bg.jpg);background-position : bottom left;width : 95px;height : 22px;}
.navmenu ul li.link6_active a{ background-image : url(../img/link6_bg.jpg);background-position : bottom left;width : 115px;height : 22px;}
.navmenu ul li.link7_active a{ background-image : url(../img/link7_bg.jpg);background-position : bottom left;width : 101px;height : 22px;}
.navmenu ul li.link8_active a{ background-image : url(../img/link8_bg.jpg);background-position : bottom left;width : 148px;height : 22px;}
.navmenu ul li.link9_active a{ background-image : url(../img/link9_bg.jpg);background-position : bottom left;width : 72px;height : 22px;}
.navmenu ul li.link10_active a{ background-image : url(../img/link10_bg.jpg);background-position : left -23px ;width : 104px;height : 22px;}

/* NAV SUBMENU -------------------------------------------------------------------------------------
 */
.navsub
{
	width 									: 212px;
	float 									: left;
	padding 								: 53px 0px 0px 51px;
	text-align 								: center;
}

.navsub ul
{
	list-style-type 						: none;
	margin 									: 0px;
	padding 								: 0px 0px 40px 0px;
	background 								: url(../img/navsub_ul_bg.gif) top right repeat-y;
}

.navsub ul li
{
	background 								: url(../img/navsub_bg.gif) bottom right no-repeat;
}

.navsub ul li a,.navsub ul li a:link,.navsub ul li a:active,.navsub ul li a:visited
{
	color 									: #c93;
	text-decoration 						: none;
	display 								: block;
	width 									: 188px;
	padding 								: 7px 0px 7px 24px;
	height 									: 100%;
}

.navsub ul li a:hover
{
	background 								: url(../img/navsub_bg_active.gif) bottom right no-repeat;
}
	
.navsub ul li.navsub_active a,.navsub ul li.navsub_active a:link,.navsub ul li.navsub_active a:active,.navsub ul li.navsub_active a:visited
{
	color 									: #c93;
	text-decoration 						: none;
	font-weight 							: bold;
	background 								: url(../img/navsub_bg_active.gif) bottom right no-repeat;
}

/* FORM OBJECTEN 
------------------------------------------------------------------------------
*/

#contactformulier ol 
{
	list-style								: none;
	margin									: 0;
	padding 								: 0;
}

#contactformulier fieldset 
{
	border									: 0;
	margin									: 0;
	padding									: 0;
}

#contactformulier label 
{
	font-weight								: bold;
}

#contactformulier .button 
{
	margin									: 5px 0 0 0;
}

.input, .veld, .veldFout
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1em;
	border									: 1px solid #027cd2;
	background-color						: #fff;
	color									: #000;
	font-size								: 1em;
	padding									: 2px;
}

.veldFout 
{
	border									: 1px solid red;
}

.button
{
	border									: 1px solid #660815;
	background-color						: #027cd2;
	color									: #fff;
	font-weight								: bold;
	font-size								: 1em;
	padding									: 1px;
	cursor									: pointer;
}

#melding 
{
	color									: red;
	font-weight								: bold;
	margin									: 10px 0;
}

/*	SITEMAP
--------------------------------------------------------------------------------
*/
.sitemap 
{
	margin									: 2em 0 0 0;
}

.sitemap ul, .sitemap li
{
	margin									: 0;
	padding									: 0;
	list-style								: none;
}

.sitemap .laag0 
{
	margin									: 0.7em 0 0 0;
}

.sitemap .laag1
{
	margin-left								: 1.3em;
}

.sitemap .map 
{
	font-weight								: bold;
}

.sitemap .map a 
{
	text-decoration							: none;
}
	.sitemap .map a:hover 
	{
		text-decoration						: underline;
	}
	
.sitemap .pagina 
{
	margin									: 0 0 0 1em;
	padding									: 0 0 0 1em;	
	background-image						: url("../img/square.gif");
	background-position						: left 0.7em;
	background-repeat						: no-repeat;
}

/**	footer
--------------------------------------------------------------------------------
**/
#footer {
	margin					: 0;
	padding					: 1.5em 0 1em 20px;	
	font-size				: 0.9em;
	border-top				: solid 1px #017AD3;
	color					: white;
	line-height				: 1.6em;
	width 					: 974px;
}
#footer a {
	color					: white;
	text-decoration			: none;
}
#footer a:hover{
	text-decoration			: underline;
}

#footer a.fsitemap {
	float					: right;
	margin-right			: 10px;
}


/** configurator
--------------------------------------------------------------------------------
**/
#frame_configurator	{
	position				: absolute;
	z-index					: 100;
	top						: 150px;
	left					: -233px;
	border					: none;
}