body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}

body{
	/* Setting default text color, background and a font stack */
	color:#444444;
	font-size:13px;
	background: url(../images/achtergrond.png) #f2f2f2;
	background-position: center top;
	background-repeat: no-repeat ;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

#logo {
	width: 301px ;
	height: 150px ;
	background: url(../images/logo.png);
	position: absolute ;
	top: 8px ;
	left: 50% ;
	margin-left: -460px ;
}

#header {
	width: 100% ;
	height: 125px ;
	background: url(../images/header.png) ;
}
/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
	z-index: 100 ;
	width: 920px !important;
}

.slide img {
	z-index: 100 ;
}

#slides .description {
	text-align: left ;
	width: 500px ;
	position: relative ;
	z-index: 999 ;
	left: 400px ;
	top: 20px ;
	display: block ;
	height: 0px ;
}

p { 
	text-align: justify;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height: 20px ;
	font-weight:normal;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../img/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../img/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../img/divider.png) no-repeat right;
}

li a{
	display:block;
	background:url(../img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}

.normal {
	font-weight: normal ;
}

/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:0px;
	text-align: right ;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}

.blok h1,
.slide h1 {
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	text-align: left ;
}

label {
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	width: 500px ;
	height: auto ;
	text-align: right ;
	float: left ;
	margin-right: 10px ;
	margin-top: 2px ;
	padding-right: 25px;
	display: block ;
	vertical-align: top ;
	border: 1px solid #fbfbfb ;
}

label.required {
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	width: 500px ;
	height: auto ;
	text-align: right ;
	display: block;
	float: left ;
	margin-right: 10px ;
	margin-top: 2px ;
	padding-right: 25px;
}

.vul {
	display: inline-block ;
	width: 20px ;
	height: 20px ;
}


input[type=submit]{
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	margin: 5px ;
	margin-top: 0px ;
	width: 140px ;
	height: 20px ;
	
	color: #444444 ;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:14px;
	padding-top: 2px ;
	padding-left: 2px ;
	padding-right: 2px ;
	
	margin-left: 355px ;
}

p img {
	vertical-align: middle ;
}

span.filler {
	display: block;
	height: 8px ;
	width: 100% ;
}

input[type=submit]:hover {
	border: 1px solid #AAAAAA ;
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 0px #AAAAAA;
	-webkit-box-shadow:0 0 0px #AAAAAA;
	box-shadow:0 0 0px #AAAAAA;
	
	cursor: pointer ;
}

input[type=checkbox] {
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	margin: 5px ;
	margin-top: 2px ;
	width: 20px ;
	height: 20px ;
	
	color: #444444 ;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:14px;
	padding-top: 2px ;
	padding-left: 2px ;
	padding-right: 2px ;
	margin-right: 240px ;
}

input[type=text] {
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	margin: 5px ;
	margin-top: 2px ;
	width: 250px ;
	height: 20px ;
	
	color: #444444 ;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:14px;
	padding-top: 2px ;
	padding-left: 2px ;
	padding-right: 2px ;
}

.ster {
	position: relative ;
	top: -90px ;
}

.top {
	position: relative ;
	top: -97px ;
}

textarea {
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	margin: 5px ;
	margin-top: 2px ;
	width: 250px ;
	height: 100px ;
	
	color: #444444 ;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:14px;
	padding-top: 2px ;
	padding-left: 2px ;
	padding-right: 2px ;
}


#content {
	margin:15px auto;
	text-align:justify;
	width:935px;
	position:relative;
	margin-top: 0px ;
	left: 50% ;
	margin-left: -460px ;
	margin-bottom: 10px ;
	display: block;
	height: auto ;
}


#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
	margin-top: 0px ;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

.blok {
	width: 279px ;
	height: 382px ;
	display: block ;
	float: left ;
	margin-right: 10px ;
	
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	padding: 10px ;
	background: #f2f2f2 ;
}

.blok_groot_rechts {
	width: 279px ;
	min-height: 460px ;
	display: block ;
	float: left ;
	margin-right: 10px ;
	
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	padding: 10px ;
	background: #fbfbfb ;
}

.blok_groot {
	width: 590px ;
	min-height: 460px ;
	display: block ;
	float: left ;
	margin-right: 10px ;
	
	border: 1px solid #ffffff ;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	padding: 10px ;
	background: #fbfbfb ;
}

#footer {
	display: block ;
	height: 20px ;
	width: 100% ;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	font-size: 11px ;
}

#footer p a {
		text-decoration: none ;
		color: #444444 ;
		font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	font-size: 11px ;
	font-weight: normal ;
}
#footer p {
	display: block ;
	margin-top: 5px ;
	margin-bottom: 10px ;
	text-align: center ;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	font-size: 11px ;
	font-weight: normal ;
}

#top {
	width: 550px ;
	position: relative ;
	left: 50% ;
	margin-left: -75px ;
}

#top ul {
	position: relative ;
	left: -10px ;
}

#top ul li {
	width: auto ;
	padding-left: 5px ;
	padding-right: 5px ;
	background: none ;
}

#top ul li a {
	background: none ;
	border: none ;
}

/* Validatie */

/* Form Elements */
				
				
				
				label.error {
					background-color:	#ecd0ce;
					border:				1px solid red;
				}				
				
				label input.error {
					border:				2px solid red;
				}				
				#formsubmit {
					width:				150px;
				}

/* Info pop up classes */
				.infopop {
					display:			none;
					position:			absolute;
					left:				513px;
					top:				-11px;
					background:			transparent url(../images/popBox.gif) no-repeat top left;
					line-height:		40px;
					color:				white;
					font-size:			1.2em;
					width:				270px;
					height:				62px;
					line-height:		62px;
					text-indent:		30px;
				}
				
				.errorpop {
					background-image:	url(../images/popBoxWarning.gif);
				} 
				
.ref_links {
	display: block ;
	width: 60% ;
	float: left ;
	margin-bottom: 10px ;
}

.ref_rechts {
	display: block ;
	width: 60% ;
	float: right ;
	margin-bottom: 10px ;	
}

.kaartje { width: 277px ; margin-top: 10px ;}

#fancybox-overlay { background: #000000 !important; opacity:0.8 !important; filter:alpha(opacity=80) !important ; }

h3 {
	text-transform: uppercase ;
	padding-bottom: 0px ;
	border-bottom: 1px solid #444444 ;
	width: 100% ;
	margin-bottom: 10px ;
}

.blok_groot_rechts h1,
.blok_groot h1 {
	text-transform: uppercase ;
	padding-bottom: 0px ;
	border-bottom: 1px solid #444444 ;
	width: 100% ;
	margin-bottom: 10px ;
	font-size: 16px ;
	text-align: left ;
}

a.portfolio { 
	margin: 2px ;
}

#facebook,
#linkedin,
#twitter,
#hyves {
	width: 24px ;
	height: 24px ;
	display: block ;
	float: left ;
	margin: 2px ;
}

/*
#facebook { background: url(../img/facebook.png);}
#twitter { background: url(../img/twitter.png);}
#linkedin { background: url(../img/linkedin.png);}
#hyves { background: url(../img/hyves.png);}
*/
.slide {
	float: left !important;
	width: 930px !important ;
	height: 400px ;
}

.slide h1 {
	margin-left: 415px ;
	margin-right: 20px ;
	margin-top: 30px ;
	width: 100% ;
	text-align: left ;
}

.slide p {
	margin-left: 415px ;
	margin-right: 20px ;
}

#evertoys {
	background: url(../images/4evertoys.png) ;
}

#agriculture {
	background: url(../images/agriculture.png) ;
}

#luxerious {
	background: url(../images/luxerious.png) ;
}

#dakraamofferte {
	background: url(../images/dakraamofferte.png) ;
}

#flutastic {
	background: url(../images/flutastic.jpg) ;
}

#veritat {
	background: url(../images/veritat.jpg) ;
}

#rss {
	background: url(../images/roest-safety-solutions.jpg) ;
}

#gallery { overflow: hidden !important; width: 930px !important ; }

#sitemap { height: 0px; display: block; overflow: hidden;}

.foto { float: right ; margin-left: 10px; margin-bottom: 5px ;}