@charset "utf-8";


/* Copyright Webton Internetdesign 2010 */
/* In opdracht van Joosting */

body{
	margin: 0;
	background: url(../images/bg-website.jpg) center top no-repeat #010101;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	font-size: 13px;
}

a, a img{
	border: 0;
	outline: none;
}

/* ---------- pagina opbouw ---------- */
#wrapper{
	margin: 0 auto;
	width: 960px;
}

#header{
	margin: 15px 0;
	width: 960px;
}

	#logo{
		float: left;
		height: 139px;
		width: 309px;
	}
	
	#slogan{
		float: left;
		width: 651px;
	}
	
#beeldwissel{
	background: url(../images/beeldwissel-1.jpg);
	height: 294px;
	margin: 33px 0 50px 31px;
	width: 886px;
}

.accentlijn{
	border: 1px #978046 solid;
	width: 958px;
}

#menu{
	margin: 15px 0;
	width: 960px;
}

#content-home{
	background: #ebebea url(../images/logo-content.jpg) right top no-repeat;
	margin: 0 0 15px 0;
	width: 910px;
	padding: 25px;
}

#content-home a{

	color:#000;
	
}
#content-producten{
	background: #ebebea url(../images/logo-content.jpg) right top no-repeat;
	margin: 0 0 15px 0;
	width: 910px;
	padding: 25px;
}

#footer{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	margin: 10px auto 10px auto;
}

#footer a{	
	color: #FFF;
	text-decoration: none;
}

/* ---------- navigatie ---------- */
#nav{
	margin: 0;
	padding: 0;
}

#nav li{
	float: left;
	display: inline;
	border-right: 2px solid #c1c2bf;
	margin: 0;
	padding: 0 8px 0 8px;
	line-height: 15px;
}

	#nav li.lastItem{
		border-right: 0px;
	}

#nav li a{
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
}

#nav li a:hover, #nav li a.active{
	color: #978046;
	text-decoration: none;
	font-size: 18px;
}

/* ---------- subnavigatie ---------- */
#subnav{
	margin: 0 0 0 -8px;
	padding: 0;
}

#subnav li{
	float: left;
	display: inline;
	border-right: 1px solid #6f7072;
	margin: 0;
	padding: 0 8px 0 8px;
	line-height: 12px;
}

	#subnavnav li.lastItem{
		border-right: 0px;
	}

#subnav li a{
	color: #6f7072;
	text-decoration: none;
	font-size: 12px;
}

#subnav li a:hover, #subnav li a.active{
	color: #000;
	text-decoration: none;
}

	#subnav li.lastItem{
		border-right: 0px;
	}


/* ---------- tekststijlen ---------- */
#content-home p{
	width: 490px;
	line-height: 20px;
}

#content-producten p{
	width: 550px;
	line-height: 20px;
}

#content-home h1{
	margin: 0;
	padding: 0;
	font-size: 18px;
}

#content-producten h1{
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 18px;
}

#content-home h2, #content-producten h2{
	margin: 30px 0 0 0;
	padding: 0;
	font-size: 15px;
}

.floatRight{
	float: right;
}
		

/* ---------- clearfix ---------- */
.clear {
  min-height:0;
}

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

* html .clear {
  height:1%;
}