@charset "UTF-8";
/* CSS Document */
p {
	margin:0px;
	padding:0px; 
	}

h1
{
	text-decoration:none;
	color: #000;
	font-size: 21px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
	margin:0;
	padding:0;
	padding-bottom:7px;
	padding-top:7px;
}



h2
{
	text-decoration:none;
	color: #e83c3c;
	font-size: 21px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
	margin:0;
	padding:0;
	padding-bottom:7px;
	padding-top:7px;
}


h3
{
	text-decoration:none;
	color: #000000;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
}

.kopstijl
{
	text-decoration:none;
	color: #000;
	font-size: 21px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
	margin:0;
	padding:0;
	padding-bottom:7px;
	padding-top:7px;
}


body
{
	line-height:16px;
	margin:0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

a{
	color: #ed3336;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#999999;
}


img, fieldset { display:block; border:0px;}
	:focus { -moz-outline-style: none;}
	

body
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #424242;
	line-height:18px;
	margin:0 auto;
	background: #d5e03c url(images/bg.jpg) repeat;
}


#wrap
{
	margin: 0 auto;
	width: 900px;
	height:576px;
}

#header
{
	width: 900px;
	height: 222px;
	margin: 0 auto;
	background:url(images/header.jpg) no-repeat;
	float:left;
	position:relative;
}

#content
{
	width: 900px;
	height: 354px;
	margin: 0 auto;
	float:left;
	background:url(images/content.jpg) no-repeat;
}

#rechts
{
	width: 170px;
	height: 600px;
	margin: 0 auto;
	float:left;
	padding-top: 40px;
	padding-left:50px;
}

#links
{
	width: 865px;
	height: 334px;
	margin: 0 auto;
	float:left;
	padding-left: 45px;
	padding-top:25px;
	position:relative;
}

#tekst
{
	width:250px;
	height:330px;
	float:left;
	padding-right: 10px;
	overflow: hidden;
	position:relative;
}

#tekst2
{
	width:250px;
	height:330px;
	float:left;
	padding-right: 10px;
	margin-left:28px;
}

#tekst3
{
	width:250px;
	height:330px;
	float:left;
	padding-right: 10px;
	overflow: hidden;
	margin-left:28px;
}

#naam{
	width:258px;
	height:22px;
	float:left;
	margin-top:129px;
	margin-left:44px;
	display:inline;
	color:#000000;
}

#snelmenucontact{
	width:530px;
	height:37px;
	position:absolute;
	left: 57px;
	top: 173px;
	font-size:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:9px;
	padding-left:6px;
	
}

#snelmenucontact a{
	color: #000;
	text-decoration:none;
}

#snelmenucontact a:hover {
	text-decoration:none;
	color:#ed3336;
}


.button {width:50px; padding:0px !important /*Non-IE6*/; padding:0 /*IE6*/; background:none; border:solid 0px  #FFFFFF; text-align:center; color: #000; font-size:17px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.button:hover {cursor:pointer; color:#ed3336;}
.textbox {border:1px solid #FFFFFF;}


.homelinker{
position:absolute;
	left: 685px;
	top: 239px;
	width:90px;
	height:37px;
	font-size:17px;
	padding-top:9px;
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.homelinker a{
	color: #000;
	text-decoration:none;
}

.homelinker a:hover {
	text-decoration:none;
	color:#ed3336;
}


#beeld{
	position:relative;
	width:306px;
	height:221px;
	overflow:hidden;
	float:right;
}

#beeld2{
	width:306px;
	height:221px;
	overflow:hidden;
	position: absolute;
	background-image: url(images/img.png);
	top:0;
	left:0;
}

#nieuws
{
	width:580px;
	height:120px;
	float:left;
	padding-top: 10px;
	padding-left: 10px;
}


#menuvak
{
	width:900px;
	height:28px;
	float:left;
	display: inline;
	background:url(images/menu.jpg) no-repeat;
	text-align:right;
}

#hoofdmenu
{
	width:900px;
	height:28px;
	float:left;
	display: inline;
	background:url(images/menu.jpg);
	text-align:left;
}


#footer
{
	width: 900px;
	height: 20px;
	margin: 0 auto;
	float:left;
	background:url(images/footer.jpg) no-repeat;
	display: inline;
}

#line
{
	width:900px;
	margin: 0 auto;
	height:20px;
	text-align:right;
	font-size:10px;
	float:left;
	color:#777;
}

#line a
{
	color:#777;
	text-decoration:none;
}

#line a:hover
{
	color:#777;
	text-decoration:underline;
}



#menu{
	width:233px;
	float:left;
	position:absolute;
	left:0;
	top:10px;
}

#menu ul {
	list-style:none;
	text-align: left;
	padding:0px;
}

#menu li { /*Abstand vom letzten Unterpunkt zum n�chsten Hauptpunkt */
	margin-bottom:0px;
	display:block;
	color: #000000;
	line-height: 20px;	
}

#menu li a {
	height:22px;
	text-decoration:none;
	color:#333333;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 5px;
	background:url(images/menu.jpg) no-repeat;
	
}

#menu li a:hover{
	color:#ed3336;
}

#menu li a.current, #menu li a.menu-current {
	color:#ed3336;
		

}
#menu ul ul {
    font-size:12px;
		width:100%;
		line-height: 20px;
}

#menu ul ul ul {
	font-size:12px;
		width:100%;
		line-height: 20px;
}

#menu ul ul a {
    font-size:12px;
	margin-bottom:0px;
	display:block;
	color:#000000;
	line-height: 20px;
}

#menu ul ul a.current, #menu ul ul a.menu-current {
    font-size:12px;
	margin:0;
	font-weight:normal;
		line-height: 20px;
	}




#menu ul ul ul a {
    font-size:12px;
	height:18px;
	margin:0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp*/

#navContainer {
height:50px; 
display:block;
clear:both;
padding-right:0px;
padding-top:0px;
margin-top:-9px;
float:right;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;
	height: 30px;
	border: 0;
	padding:0;
	margin:  0px 0 0 10px;
}
#nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #6d9a0b; text-align: center; font-weight: normal; background-color:#cee; background: transparent url(img/navbgli.jpg) no-repeat;}
#nav ul li a {display: block;  padding: 14px 19px 12px 19px; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none;font-style:normal; font-weight:bold; font-size:17px; background: transparent url(img/navbglia.jpg) no-repeat right top;}
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, {color: #f45148;}



/*Current page Customisations*/


/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 180px; margin: -10px 0 0 -10px; display: none; text-transform: none;  font-size: 100%; background:#fff; }
#nav .menu li ul li {width: 180px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; background: transparent url(img/menuebg.gif) repeat-y;}
#nav .menu li ul li a {width: 150px; font-size:12px;  padding: 6px 10px 4px 20px; color: #333; font-weight: normal; background: transparent; border-bottom:#CCCCCC dotted 1px;}

#nav .menu li ul .ultop {width: 180px; height:32px; text-align: left; font-size: 2px; margin: 0; padding: 0; line-height: 0.3em; background: transparent url(img/menuebg-top.gif) no-repeat;}
#nav .menu li ul .ulbot {width: 180px; height:22px; text-align: left; font-size: 2px; margin: 0; padding: 0; line-height: 0.3em; background: transparent url(img/menuebg-bot.gif) no-repeat;}

/* 3 up Child menu */
#nav .menu li ul li ul {margin: 0px 0 0 -30%; z-index: 9999;}
#nav .menu li ul li ul .ultop {height:12px;  background: transparent url(img/menuebg-top2.gif) no-repeat;}
#nav .menu li ul li ul .ulbot {background: transparent url(img/menuebg-bot.gif) no-repeat;}



/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background:#f5f5f5; color:#000; font-weight:bold;}
#nav .menu li ul a.menu-parent { background: transparent url(img/menuebghi.gif); color:#000}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances */

/*#nav .menu li ul li ul li	{width: 160px;}
#nav .menu li ul li ul li a 	{ width: 130px;}*/

/* 4rd Child Menu Appreances 
#nav .menu li ul li ul li ul	{  width: 9em; background: transparent url(img/menue-bg.png) repeat;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}*/

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}