@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg.jpg) repeat-x left top #FCCB46;
	color:#333;
}

img {
	border:none;
}

select {
	background-color:#35539D;
	color:#FFF;
	font-size:12px;
}

h1 {
	font-size:18px;
	color:#35539D;
}

a:link, a:visited
{
	text-decoration: underline;
	color:#C30;
}	

a:hover, a:active
{
	text-decoration: none;
	color:#C30;
}

/* ====================================== opbouw van de website in div's ===============================================*/

#maindiv {
 	width:864px;
	margin:auto;
	background-color:#FFF;
}


#header {
	background:url(images/header.jpg) no-repeat left top;
	height:312px;
}

#header1 {
	background:url(images/header1.jpg) no-repeat left top;
	height:200px;
}

#footer {
	background:url(images/footer.jpg) repeat-x left top;
	height:22px;
	color:#FFF;
	padding-top:4px;
	padding-left:10px;
}


#content {
	/*padding:10px;*/
	
}

#logo {
	background:url(images/logo.jpg) no-repeat left top;
	height:100px;
}


#vlag {
	padding-top:30px;
	padding-right:20px;
}

#nieuws {
	background:url(images/bg_nieuws.jpg) repeat-x left top #F0F0F0;
	padding:5px;
}

/* menu (opgeroepen met cms2 module) */

#bg_menu {
	padding:6px 0 0 7px;
}

#bg_menu ul {
	margin:0;
	padding:0;
	width:210px;
}

#bg_menu li {
	list-style:none;
	height:20px;
	background:url(images/bg_menu.jpg) repeat-x left top;
}

#bg_menu li:hover {
	background:url(images/bg_menu_over.jpg) no-repeat left top;
}

#bg_menu li a {
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	font-weight:normal;
	padding:3px 20px 3px 25px;
}	

#bg_menu li a:hover {
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	font-weight:normal;
	padding:3px 20px 3px 25px;
}

#bg_submenu {
	height:21px;
}

#bg_submenu ul {
	margin:0;
	padding:0;
}

#bg_submenu li {
	list-style:none;
	background:none;
	background-color:#5D5951;

}

#bg_submenu li:hover {
	list-style:none;
	background:none;
	background-color:#352F31;
}

#bg_submenu li a {
	padding-left:25px;
	color: #FFF;
	text-decoration: none;	
	font-weight:bold;
}

#bg_submenu li a:hover {
	padding-left:25px;
	color: #FFF;
	text-decoration: none;	
	font-weight:bold;
	text-decoration:underline;
}

/* dropdown css afblijven bert */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em; 
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 999;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 216px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}
