@charset "utf-8";
* {
margin:0;
padding:0;
}

body {
background:#fffc01 url("../img/bg.jpg");
background-repeat:repeat-x;
background-position:center top;
background-attachment:fixed;
font-family:"century gothic";
font-size:12px;
color:#026331;
}

#rondom {
background:transparent url("../img/bg.png");
width:1170px;
float:left;
margin-bottom:10px;
}

#rondom2 {
width:1170px;
margin:40px auto 40px auto;
}

#wrapper {
background:transparent url("../img/bg2.png") no-repeat;
background-position:right bottom;
width:1130px;
min-height:100px;
padding:20px;
float:left;
}

#header {
width:1130px;
position:relative;
}

#banner {
position:absolute;
top:0;
left:250px;	
}
#banner img {
border:0;	
}

#searchdiv {
float:right;
}

#searchbar {
	background: transparent url(../img/searchbar.png);
	background-repeat: no-repeat;
	width: 109px;
	height: 19px;
	font-family: Century Gothic, Arial;
	font-size: 11px;
	border: 0px;
	padding: 0px 5px 0px 20px;
	margin-right:5px;
}

.searchbutton {
	width: 20px;
	height: 20px;
	background: transparent url("../img/go.png");
	border: 0px;
	vertical-align:middle;
	margin-top:-2px;
}

.sitemap {
color:#026331;
font-size:10px;
text-decoration:none;
}

#menu {
width:1130px;
border-width:1px 0px 0px 0px;
border-style:solid;
border-color:#026331;
height:16px;
font-family:"century gothic";
font-size:14px;
letter-spacing:4px;
text-transform:capitalize;
color:#026331;
padding-top:4px;
}

#content {
width:1130px;
margin:20px 0px 20px 0px;
float:left;
}

#left {
width:580px;
margin:0 35px 0 0;
float:left;
line-height:20px;
}

#home1 {
text-transform:uppercase;
font-size:20px;
padding:30px 10px 10px 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:url("../img/home1.png") no-repeat;
margin:9px 18px 18px 0;
width:261px;
height:134px;
float:left;
color:#807b00;
}

#home2 {
text-transform:uppercase;
font-size:20px;
padding:30px 10px 10px 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:url("../img/home2.png") no-repeat;
margin:9px 0 18px 0;
width:261px;
height:134px;
float:left;
color:#804600;
}

#home3 {
text-transform:uppercase;
font-size:20px;
padding:30px 10px 10px 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:url("../img/home3.png") no-repeat;
margin: 0px 18px 0 0;
width:261px;
height:144px;
float:left;
color:#338000;
}

#home4 {
text-transform:uppercase;
font-size:20px;
padding:30px 10px 10px 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:url("../img/home4.png") no-repeat;
margin:0;
width:261px;
height:144px;
float:left;
color:#989268;
}

#right {
width:255px;
float:right;
padding-top:29px;
}

#nieuwsheader {
width:245px;
height:21px;
background:transparent url("../img/nieuwsheader.png") no-repeat;
background-position:right;
border-width:1px 0px 1px 0px;
border-style:solid;
border-color:#026331;
color:#ffffff;
text-align:right;
padding-right:10px;
text-transform:uppercase;
font-size:16px;
}

#nieuws {
font-size:11px;
padding:10px;
width:235;
min-height:200px;
background:transparent url("../img/nieuwsbg.png") repeat-x;
}

#nieuws a, #sideNews a {
text-decoration:none;
color:#026331;
}

#sideNews h1 {
font-size:12px;
font-weight:bold;
display:inline;
}

#footer {
float:left;
width:1130px;
height:20px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#026331;
font-size:12px;
letter-spacing:2px;
text-align:left;
padding-bottom:10px;
}

#webbol {
width:1110px;
height:20px;
font-size:10px;
text-align:right;
padding-right:60px;
}

#webbol a{
color:#fd9a19;
text-decoration:none;
}

/*
	Webbol Internet Marketing - cssMenu
*/

/* margins e.d. resetten */
.cssMenu {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100000000;
}

/* normale menu */
ul.cssMenu {
	text-transform: capitalize;
	display: block;
	float: left;
}

/* submenu's standaard onzichtbaar */
ul.cssMenu ul {
	display: none;
	visibility:hidden;
}

/* nieuwe submenu-<ul> uitklappen bij mouseover */
ul.cssMenu li:hover > ul {
	display: block;
	visibility:visible;
}

/* style van submenu ul */
ul.cssMenu ul {
	position: absolute;
	left: 0px; /* IE7 */;
	top: 100%; /* IE7 */
}

/* style submenu */
ul.cssMenu ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

/* geen ul-li bullet list */
ul.cssMenu, ul.cssMenu ul {
	list-style: none;
}

/* submenu <ul> */
ul.cssMenu ul {
	text-align: left;
	white-space: nowrap;
}

/*
	Het beste is om alleen zaken hieronder aan te passen tenzij noodzakelijk
*/

/* submenu */
ul.cssMenu ul {
	padding:0px;
	margin:0px;
	background:transparent url("../img/menubg.gif") repeat-y;
	letter-spacing:1px;
}

ul.cssMenu li {
	background:transparent url("../img/menubg.gif") repeat-y;
	background-position: -4px 0px;
	margin-right:10px;
}

/* zorgen dat de achtergrond van het hoofditem blijft staan */
ul.cssMenu li:hover {
	background-color:#fd9a19;
}

/* submenu's andere mouse-over geven */
ul.cssMenuSub li:hover {
	background:transparent url("../img/menubg.png");
	color: white;
}

ul.cssMenuSub li {
	background:transparent url("../img/bg.png");
}


ul.cssMenu li a{
	display: inline-block;
	line-height:20px;
	height: 20px;
	padding-left: 0px;
	padding-right: 30px;
	color: #026331;
	text-decoration: none;
}
ul.cssMenuSub li a{
	display: inline-block;
	line-height:20px;
	height: 20px;
	padding-left: 22px;
	padding-right: 12px;
	color: #026331;
	text-decoration: none;
}
#aanmeldform {
float:left;	
}
.error {
padding:20px;
width:300px;
min-height:30px;
color:red;
background:#FCC;
margin-top:20px;
float:left;
clear:both;
margin-bottom:20px;
border:1px solid red;
}
.succes {
padding:20px;
width:300px;
min-height:30px;
color:green;
background:#FFC;
margin-top:20px;
float:left;
clear:both;
margin-bottom:20px;
border:1px solid green;
}