/* CSS Document */
body,html {
	margin:0px;
	padding:0px;
	text-align:center;
}

/* ------------ intro ---------------------------------------------------------------------------------------------------------------------------*/

#nav-offscreen {
	width:200px;
	position:absolute;
	top:0px;
	z-index:-10;
}

#nav-offscreen a:link, #nav-offscreen a:visited, #nav-offscreen a:hover {
	text-indent:-99999px;
	display:block;
}

.intro {
	background: url(../img/bg-intro.jpg) no-repeat center top;
	margin:0px;
	padding:0px;
}

#flash {
	width:960px;
	height:430px;
	position:absolute;
	margin:60px 0 0 -486px;
	left:50%
}

#design {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#design a:link {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #669933;
	text-decoration:underline;
}

#design a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #505F42;
	text-decoration:underline;
}

#design a:hover {
	text-decoration:none;
}

/* ------------ content ---------------------------------------------------------------------------------------------------------------------------*/

.bg {
	background: #9CCB3B url(../img/bg.jpg) repeat-x left top;
	margin:0px;
	padding:0px;
}

#container-home {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../img/bg-content-home.png) repeat-y left top;
}

#container {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../img/bg-content.png) repeat-y left top;
}

h1 {
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color: #99CC33;
	text-align:left;
	padding-top:8px;
	padding-bottom:6px;
	margin:0px;
}

h2 {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top:4px;
	padding-bottom:4px;
	margin:0px;
}

h3 {
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color: #99CC33;
	text-align:left;
	padding-top:8px;
	padding-bottom:2px;
	margin:0px;
}

hr {
	border-bottom: 1px dotted #669933;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height:1px;
	padding-bottom:4px;
	padding-top:4px;
}

ol li {
	margin-bottom:12px;
	list-style: url(../img/li.jpg);
	text-align:left;
}

ol li.list2 {
	margin-bottom:8px;
	margin-left:25px;
	list-style: url(../img/li.jpg);
	text-align:left;
}

#content a:link {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #669933;
	text-decoration:underline;
}

#content a:visited {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #505F42;
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#news a:link {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #669933;
	text-decoration:none;
}

#news a:visited {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #505F42;
	text-decoration:underline;
}

#news a:hover {
	text-decoration:none;
}

#home-news a.block:link {
	text-decoration:none;
	color:#669933;
}

#home-news a.block:visited {
	text-decoration:none;
	color:#505F42;
}

#home-news a.block:hover {
	text-decoration:none;
	color:#505F42;
}

#home-news img {
	float:left; 
	margin-right:10px;
	border:#669933 solid 1px;
}


#news a.block:link {
	text-decoration:none;
	color:#669933;
}

#news a.block:visited {
	text-decoration:none;
	color:#505F42;
}

#news a.block:hover {
	text-decoration:none;
	color:#505F42;
}
.green {	
	color: #669933;
	text-decoration:underline;
}
.light {
	color: #99CC33;
}

.red { color: #ff0000; }
.white { color: #fff; }

.small {	
	font-size:10px;
	color:#666666;
}

#content {
	width:auto;
	position:relative;
	padding:30px 35px 0 45px;
	text-align:left;
}

#home-left {
	width:350px;
	float:left;
	position:relative;
	margin-bottom:40px;
}

#home-news {
	width:256px;
	float:left;
	position:relative;
	margin-bottom:40px;
	text-align:left;
	left:45px;
}

#home-right {
	width:200px;
	float:right;
	position:relative;
	right:15px;
	margin-bottom:40px;
}

*html #home-right {	left:5px; } /* targets IE6 only */

#bg-bottom {
	background: url(../img/bg-content-bottom.png) no-repeat left top;
	height:9px;
	margin-right: auto;
	margin-left: auto;
	width: 976px;
	behavior: url('../js/iepngfix.htc');  /* this makes the background image work with the iepngfix.htc */  
}

#adres {
	height:16px;
	margin-right: auto;
	margin-left: auto;
	width: 976px;
	text-align:center;
	color:#000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
	margin-bottom:4px;
}

#adres a:link, a:visited {
	color:#000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#adres a:hover {
	color:#EBF5D8;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#header {
	width:963px;
	height:115px;
	background: url(../img/header.jpg) no-repeat left top;
	right:1px;
	top:0px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#logo {
	width:182px;
	height:132px;
	position:absolute;
	margin: 5px 0 0 -470px;
	left:50%;
	z-index:20;
}

#left {
	width:420px;
	float:left;
	position:relative;
	margin-bottom:40px;
	padding-top:15px;
}

#right {
	width:420px;
	float:right;
	position:relative;
	margin-bottom:40px;
	padding-top:15px;
}

#double {
	width:840px;
	position:relative;
	margin-bottom:40px;
	padding-top:15px;
}

#news {width:750px; padding:0px; left:0px; float:left; position:relative; }
#news .item {display:block; clear:left; color:#000000; width:110px; float:left; margin:0px; padding-top:2px; }
#news .item2 {display:block; color:#000000; width:640px; float:left; margin:0px; padding-top:2px; }
#newsfoto { width:350px; float:right; text-align:right; padding-bottom:15px; }
#newstekst { width:480px; float:left; text-align:left; padding-bottom:15px; }

#ambassadeurs { width:420px; position:relative;}

#ambassadeurs .logo { float:left; position:relative; width:150px;}
#ambassadeurs .item { float:left; position:relative;}

#faq {padding-left:48px; width:800px;}
#faq .item {display:block; color:#000000; width:340px; float:left; margin:0px; padding-right:50px; }

#wedstrijd {
	width:230px;
	height:167px;
	background: url(../img/bg-wedstrijdbutton.jpg) no-repeat left top;
	margin-bottom:10px;
	text-decoration:none;
}

#home-right a.nolines:link, #home-right a.nolines:hover, #home-right a.nolines:visited {text-decoration:none; cursor:pointer; line-height:14px;}

#wedstrijd .txt { padding-top:30px; padding-left:13px; width:110px; text-decoration:none; color:#fff; line-height:14px; }

#fotos { margin-top:4px;}
#fotos .item { width:105px; float:left; text-align:center; margin-bottom:12px;}
#fotos .item a { outline:none;}

/* ------------ form ---------------------------------------------------------------------------------------------------------------------------*/

#contact {width:380px; padding:0px; left:0px; float:left; position:relative; }
#contact2 {width:460px; padding:0px; float:left; position:relative; text-align:left; }
#contact3 {width:480px; padding:0px; float:left; position:relative; text-align:left; }
#contact .item {display:block; clear:left; color:#000000; width:100px; float:left; margin:0px; padding-top:2px; }
#contact .item2 {display:block; color:#000000; width:270px; float:left; margin:0px; padding-top:2px; }

/*#form {width:840px; background:#E8F4D3; padding:20px; left:0px; float:left; position:relative; margin-top:10px; border:#7E001B solid 1px; }*/
#form {width:840px; background:#fff url(../img/bg-wedstrijd.jpg) no-repeat left top; padding:20px; left:0px; float:left; position:relative; margin-top:10px; /*border:#7E001B solid 1px;*/ }
#form .item {display:block; clear:left; color:#fff; width:170px; float:left; margin:0px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-top:2px; text-align:right; padding-right:10px; }
#form .item2 {display:block; color:#fff; width:350px; float:left; margin:0px; font:11px verdana,arial,sans-serif; padding-top:2px; }
#form .item3 {display:block; color:#fff; width:400px; float:left; margin:0px; font:11px verdana,arial,sans-serif; padding-top:14px; padding-left:80px; }
#form .box {display:block; clear:left; color:#fff; width:520px; float:left; margin:0px; font: 11px/17px Verdana, Arial, Helvetica, sans-serif; padding-bottom:20px; text-align:left; }

#form-top { background:#fff url(../img/bg-wedstrijd-top.jpg) no-repeat right bottom; width:828px; padding:25px; left:0px; float:left; position:relative; margin-top:10px; border:#6FCFEE solid 1px; }
#form-top ol li.list3 {
	margin-bottom:4px;
	list-style: url(../img/li2.jpg);
	text-align:left;
}
#form-top .red {
	color:#c21313;
	font-weight:bold;
}


#form-top h1 {
	color:#C80505;
	margin:0px;
	padding:0px;
	font: 30px/28px Arial, Helvetica, sans-serif;
}

.inputveld {
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 200px;
	border: 1px solid #CCCCCC;
	font: 12px Verdana, Arial, Helvetica;
	margin-bottom:2px;
}

.inputveld2 {
	color:#000000;
	background-color:#fff;
	height: 16px;
	width: 200px;
	border: 1px solid #fff;
	font: 12px Verdana, Arial, Helvetica;
	margin-bottom:2px;
}

.inputveldje {
	color:#000000;
	background-color:#ffffff;
	height: 16px;
	width: 50px;
	border: 1px solid #ffffff;
	font: 12px Verdana, Arial, Helvetica;
	margin-bottom:2px;
}

.textarea {
	font: 12px Verdana, Arial, Helvetica;
	color:#000000;
	background-color:#FFFFFF;
	height: 170px;
	width: 450px;
	border: 1px solid #CCCCCC;
	margin-top:6px;
}

.button1 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #99CC33;
	background-color: #99CC33;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	margin-left:0px;
	vertical-align:middle;
	color:#000000;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.button1b {
	padding: 2px;
	padding-bottom:4px;
	margin: 2px;
	height: 28px;
	width:140px;
	border: 1px solid #fff;
	background-color: #7F0000;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	margin-left:0px;
	vertical-align:middle;
	color:#fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.button2 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #666666;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #666666;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	vertical-align:middle;
	color:#eeeeee
}

/* ------------ navigatie ---------------------------------------------------------------------------------------------------------------------------*/

ul#nav {
	list-style:none;
	color:#ffffff;
	text-transform:uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-top:93px;
	padding-left:184px;
	position:relative;
	margin:0px;
}
ul#nav li {
	float:left;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	height:22px;
}
ul#nav li a {
	cursor:pointer;
	display:block;
	padding-right:10px;
	padding-left:10px;
	color:#ffffff;
	text-decoration:none;
	background: url(../img/dots.gif) no-repeat right center;
	padding-bottom:8px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

ul#nav li a:hover {
	cursor:pointer;
	display:block;
	padding-right:10px;
	padding-left:10px;
	color:#99CC33;
	text-decoration:none;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: url(../img/navon.jpg) no-repeat center 16px;
}

ul#nav li a.on {
	color:#99CC33;
	text-decoration:none;
	background: url(../img/navon.jpg) no-repeat center 16px;
}

ul#nav li a.taal {
	color:#ffffff;
	padding-left:190px;
	text-decoration:none;
}

ul#nav li a.taal:hover {
	color:#99CC33;
	padding-left:190px;
	text-decoration:none;
}

ul#nav li a.taal2 {
	color:#ffffff;
	padding-left:20px;
	text-decoration:none;
}

ul#nav li a.taal2:hover {
	color:#99CC33;
	padding-left:20px;
	text-decoration:none;
}

/* ---------------- dropdown -------------------------------------------------------------------------------------- */

#dropdown {
	width:170px;
	height:50px;
	position:absolute;
	margin:0 0 0 80px;
	left:50%;
	top:20px;
	z-index:20;
}


#corporate ul { /* all lists */
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align:left;
	z-index:25;
}

#corporate li {
	float: left;
	position: relative;
	width: auto;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 0px;
	list-style: none;
	display: inline;
	text-align:left;
	z-index: 25;
	padding-top: 2px;
	height:18px;
	width:160px;
	background: #ffffff url(../img/bg-dropdown.jpg) no-repeat right center;
	border:#000000 solid 1px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#corporate li a {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
}

#corporate li li {
	border:none;
}

#corporate li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#corporate li:hover ul, li.over ul {
	display: block;
	left: 0px;
	top:18px;
}

#corporate ul li a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 2px;
	height:12px;
	float: left;
	margin-left:0px;
	width:160px;
}


#corporate ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}


#corporate li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	float: left;
	z-index: 25;
	width:170px;
}

#corporate ul li li a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top:4px;
	width:203px;
	margin-top:0px;
	margin-left:0px;
	display:block;
	height:12px;
}

#corporate ul li li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-image: none;
}


#corporate ul li li a.subnav { color:#000000; padding-left:20px; }
#corporate ul li li a.subnav:hover { background-color:#99CC33; color:#000000;  padding-left:20px;}

#corporate li li#subnav, #corporate li li#subnav a {
	color:#000000;
	font-weight:bold;
	background: #99CC33;
}


/* ---------------- banner rotator -------------------------------------------------------------------------------------- */

#SlideItMoo_banners_outer { 
	display:block; 
	position:relative; 
	width:170px; 
	height:90px; 
	margin:10px 0 0 2px; 
	border:1px #CCCCCC solid; 
}
#SlideItMoo_banners_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:170px ; 
	height:90px ; 
	margin:0px auto 0px;  
}
#SlideItMoo_banners_items { 
	white-space:nowrap; 
	display:block; 
	position:relative; 
}
#SlideItMoo_banners_items a img { 
	border:none;
	cursor:default;
}