@charset "UTF-8";
/* CSS Document */

@font-face {
	  font-family: "Avenir";
	  src: url("../css/AvenirBlack.otf");
}

body {
	margin:0 auto;
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

h1 {
	color:#fff;
	font-family:Avenir, Arial, Verdana, sans-serif;
	font-size:22px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	font-weight:normal;
}

h2 {
	color:#3f7fc5;
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	font-weight:normal;
}

h3 {
	color:#ccc;
	font-family:Avenir, Geneva, Arial, Verdana, sans-serif;
	font-size:22px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	font-weight:normal;
}

p, td, li {
	color:#666666;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:18px;
	vertical-align:top;
	}

p a {
	color:#3f7fc5;
	text-decoration:none;
	/*border-bottom:1px solid #3f7fc5;*/
}

p a:hover {
	text-decoration:none;
	border-bottom:1px dashed #3f7fc5;
}

#header {
	width:973px;
	margin: 0 auto;
	left: 50%;
	margin-left: -486px; /* - (width/2) */
	position: relative;
}

#home {
	width:976px;
	margin: 0 auto;
	left: 50%;
	margin-left: -486px; /* - (width/2) */
	position: relative;
}


#content {
	width:973px;
	margin: 0 auto;
	left: 50%;
	margin-left: -486px; /* - (width/2) */
	position: relative;
}


#werk p {
	line-height:23px;
	}

#werk img {
	border:5px #F6F6F6 solid;
	}
	
#werk a {
		padding-left:16px; background-image:url(../img/link.jpg); background-repeat:no-repeat; background-position:2px 3px;
	}	

#products {
	width:973px;
	margin: 0 auto;
	left: 50%;
	margin-left: -486px; /* - (width/2) */
	position:relative;
	float:left;
	height:160px;
	margin-top:20px;
}

#footer {
	width:973px;
	margin: 0 auto;
	left: 50%;
	margin-left: -486px; /* - (width/2) */
	position:relative;
	float:left;
	height:160px;
	margin-top:20px;
}

#footer a, #landingpage a {
	display:block;
	padding:2px 2px 2px 20px;
	color:#999;
	text-decoration:none;
	height:16px;
	background-image:url(../img/linkdark.jpg); 
	background-repeat:no-repeat; 
	background-position:1px 6px;
}

#footer a:hover, #landingpage a:hover {
	color:#666;
	background-image:url(../img/link.jpg); 
}


.homeitem {
	width:319px;
	height:200px;
/*	background:url(../img/black_bar.jpg) repeat-x top center;
*/	margin-right:7px;
	float:left;
	font-family: Geneva, Arial, Verdana;
	line-height:34px; 
	margin-top:25px;
}

.homeitem a {
	text-decoration:none;
	color:#498BF9;
}

#menu a {
	display:block;
	color:#3f93d0;
	font-family:Avenir, Geneva, Arial, Verdana, sans-serif;
	font-size:11px;
	text-decoration:none;
	height:32px;
	line-height:33px;
	padding:0 10px 0 10px;
	letter-spacing:1px;
	float:left;
	margin:5px 2px 0 2px;

}

#menu a.active, #menu a.active:hover  {
	color:#777;
	background-color:#dedfe4;
}

#menu a:hover {
	color:#fff;
	background:#3f93d0;
}

.button_small {
	display:block;
	background-image:url(../img/button_small.jpg);
	background-position: right;
	background-repeat:no-repeat;
	width:248px;
	height:32px;
	padding-right:30px;
	color:#666666;
	text-decoration:none;
}


.button_small:hover {
	color:#333333;
	background-image:url(../img/button_small_hover.jpg);
}


.homeimg {
	margin:15px 7px 15px 0;
	background-repeat:no-repeat; 
	width:319px; 
	height:165px;
	float:left;
	}

.homeimg:hover {
	  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
	}
	

.veld {
	background-color:#E9E9E9;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#878787;
	font-size:11px;
	padding:6px;
	margin:3px 0 5px 0;
}

.button {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#489ed7;
	color:#ffffff;
	display:block;
	padding:4px 4px 4px 4px;
	width:100px;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	border:none;
}

.button:hover {
	background-color:#347bb1;
}


td input, td textarea, td select {
	border:0px;
	background-color:#ddd;
	width:200px;
	}

#actie a {
	width:230px;
	height:40px;
	display:block;
	padding-left:20px;
	background:url(../img/header.jpg) repeat-x bottom center;
	float:right;
	font-family: Avenir, Geneva, Arial, Verdana;
	line-height:43px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	letter-spacing:1px;
	margin:10px 8px 20px 0;
	border:solid #E8E8E8 4px;
}

#actie a:hover {
	background:none;
	background-color:#333333;
	}
	
#sitemap a {
	text-decoration:none;
	color:#999999;
	line-height:20px;
}

#sitemap a:hover {
	color:#000;
}

a img {
	border:0px;
	background-image:none;
	}
	
textarea {
	font-size:12px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
}

.tweet_text {
	line-height:12px;
}


#homepanel {
	background:url(../img/home_kader.png) no-repeat;
	height:186px;
	width:228px;
	position:absolute;
	top:0px;
	left:-19px;
	opacity:0.95;
}

#homepanel #home_kop {
	color:#fff;
	font-family:Avenir, Arial, Verdana, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	margin:30px 0 0 20px;
}
	
#homepanel #home_tekst {
	color:#ffffff;
	margin:10px 0 0 20px;
	width:180px;
}

#homepanel #home_link {
	background:url(../img/home_link.png) no-repeat left center;
	padding-left:23px;
	display:block;
	height:30px;
	margin:5px 0 0 14px;
	color:#ffffff;
	line-height:30px;
	font-weight:bold;
	text-decoration:none;
}



/* STEPCAROUSEL */


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 646px; /*Width of Carousel Viewer itself*/
height: 235px; /*Height should enough to fit largest content's height*/
margin:0 0 0 0;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 646px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}