/*********** BODY ***********/
html, form, p, a {
 margin: 0;
 padding: 0;
}

body {
 margin: 0;
 padding: 0;
 color: #626262;
 font-family: Myriad Pro, Arial, "Trebuchet MS", Helvetica, Tahoma, Verdana, "Lucida Grande", sans-serif;
 font-size: 14px;
 font-weight: normal;
 line-height: 1;
}

h1,h2,h3,h4,h5 {
 padding: 0;
 margin: 0;
}

ol, ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

img {
 border: none;
 margin:0;
 padding:0;
}

hr {
 clear:both;
 height:0;
 visibility: hidden;
 margin: 0;
 padding: 0;
}

div.clearfix {
 content: ".";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}

.hideme {
 display: none;
}

/*---------------------------------------------------------------- ALGEMENE LINKS */
a:active,a:link,a:visited {  
 color: #626262;
 text-decoration: none;	 
 font-weight: normal;
 outline: none;
}

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

/*---------------------------------------------------------------- SUPER WRAP */

body {

}

div#superwrap {
 width: 870px;
 margin: 0 auto;
}


/*--------------------------------------------------------------------- HEATHER */

div#headwrap {
 display:block;
 height:77px;
 margin: 20px 0 40px 0;
 background: url(../img/fvd/logo.gif) no-repeat;
}

h1 {
 font-size: 0;
 height:0;
 text-indent: -9999px;
}

/*--------------------------------------------------------------------- (SIDE)MENU */

#menu {
 float: right;
 margin: 26px 0px 0 0px;
 position: relative;
}

#menu li {
 float: left;
 padding: 0 0 0 44px;
 background: url(../img/fvd/mnu_icon.gif) 20px 4px no-repeat;
}

#menu li:first-child {
 background: none;
}

#menu li a {
 font-size: 15px;
}

#menu li a:hover, #menu li a.act {
 color: #99cc00;
 text-decoration: underline;
}

#menu li ul {
 display: none;
 clear: both;
 position: absolute;
}

#menu li:hover ul, #menu li.iehover ul {
 display: block;
}

#menu li li {
 clear: both;
 background: none;
 padding: 0 0 0 5px;
 margin-top: 3px;
}

#menu li li a {
 font-size: 13px;
 padding: 0 15px 0 0;
}

/*--------------------------------------------------------------------- CONTENT SETUP */

div.contentwrap {
 float: left;
 min-height: 432px;
 border: 2px solid #99cc00;
}

div.col {
 width: 368px;
 float: left;
 padding: 32px 32px 0 32px;
}

div.col h2 {
 font-size: 19px;
 color: #99cc00;
 margin-bottom: 15px;
}

div.contact em {
 display:block;
 width: 20px;
 float:left;
 font-style: normal;
 font-weight: bold;
 color: #99cc00;
}

div.contact strong {
 color: #99cc00;
}

div.col p {
 line-height: 18px;
 margin-bottom: 5px;
}

div.sideimg {
 display: block;
 width: 432px;
 height: 432px;
 float: right;
 border-left: 2px solid #99cc00;
}

div.contentwrap img {
 
}

/*--------------------------------------------------------------------- VOETJE */

div#voetje {
	 display: block;
	 height: 16px;
	 margin-top: 6px;
	 position: relative;
	}
	div#voetje em {
	 display: block;
	 width: 160px;
	 float: left;
	 margin: 3px 0 0 5px;
	 font-style: normal;
	 font-size: 13px;
	}


.socialmedia {
	 float: left;	
	}
	.socialmedia a {
	 display: block;
	 width: 16px;
	 height: 16px;
	 float: left;
	 margin-right: 5px;
	 text-indent: -9999px;
	}
	a.twitter {
	 background: url(../img/social/twitter.png) no-repeat;
	}
	a.hyves {
	 background: url(../img/social/hyves.png) no-repeat;
	}
	a.linked {
	 background: url(../img/social/linkedin.png) no-repeat;
	}
	a.blogspot {
	 background: url(../img/social/blogger.png) no-repeat;
	}
	a.facebook {
	 background: url(../img/social/facebook.png) no-repeat;
	}


a.promo-nlxx {
 background: url(../img/meerzien.gif) no-repeat;
}
a.promo-engxx {
 background: url(../img/wannaseemore.gif) no-repeat;
}

a.promo {
	 display: block;
	 width: 230px;
	 height: 230px;
	 text-indent: -9999px;
	 position: absolute;
	 right: 320px;
	 top: 101px;
	 z-index: 10;
	 background: url(../img/playbutton.png) no-repeat;
	}	


.language {
	 display:block;
	 width: 200px;
	 text-align: right;
	 position: absolute;
	 right: -2px;
	 top:0;
	}
	.language a {
	 margin-left: 6px;
	}


div#copyright {
 position: absolute;
 bottom: 10px;
 right: 10px;
 font-size: 12px;
}

/*--------------------------------------------------------------------- CONTENT STUFF */

div.green {
 background: #99cc00;
}

div.green h2,div.green p {
 color: #fff;
}

/*--------------------------------------------------------------------- FORM STUFF */

form#frmcnt {
 display:block;
 width: 380px;
 float: left;
}

form input {
 height: 18px;
 width: 220px;
 border: 1px solid #99cc00;
 margin: 0;
 padding-left: 3px;
 font-size: 13px;
 color: #999;
 float: left;
}

form img#btnsubm {
 float: left;
 margin-top: 1px;
 border: none;
}

span#loader {
 float: right;
 margin-top: 3px;
 visibility: hidden;
}

div#err {
 margin-top: 15px;
}

/*--------------------------------------------------------------------- INDEX HOME STUFF */
.home {
 width: 870px;
 position: relative;
}

.frstimg {
 display: block;
 margin:0;
 padding:0;
}

/*--------------------------------------------------------------------- CLIENT STUFF */

.clients ul {
 line-height: 18px;
}

.clients ul li {
 display: block;
 width: 180px;
}

.clients ul li a {
 display: block;
}


/*--------------------------------------------------------------------- SUBSCRIPTION STUFF */

div.confirmwrap {
 text-align: center;
 margin: 150px auto 0 auto;
}

div.confirmwrap h2 {
 font-size: 19px;
 color: #99cc00;
 margin-bottom: 20px;
}

div.confirmwrap p {
 margin-bottom: 20px;
}