* {
    margin: 0;
    padding: 0;
    border:0;
}

html, body { 
  height: 100%; /* Required */
  width:100% 
}
body {
    margin: 0px;
    background: url(/imgs/bg.png) #E9EFF3 repeat-x left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#888;
}

a {
    color:#0184bd;
    text-decoration:none;
}

table{
	border-collapse:collapse;
}

th,td{
    text-align:left;
    padding:2px 3px 3px 3px;
}

label{
	cursor:pointer;
}

input[type="radio"]{
    border:none;
}

#ideal{
	display:none;
	padding-top:2px;
}

.messageboxerror{
    color:red;
}

a.active,
a:hover,
#speedlink a:hover,
#speedlink a.active,
.submitB:hover {
    color:#00b1ff;
    text-decoration:none;
}
a:focus {
    outline: none;
}

input,select,textarea{
    outline:none;
    font-size:12px;
    padding:1px;
    border:1px #bbb solid;
}

.submitB{ 
    border:none; 
    padding:0; 
    margin:0; 
    color:#0184bd;
    text-decoration: none;
    background-color:transparent; 
    cursor:pointer;
}

p {
	margin:0;
	padding:0;
    margin-bottom: 10px;
    line-height:17px;
}

img {
    border:0px;
}

input,select,textarea {
    outline:none;
    margin:0px;
    padding:2px;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size:21px;
	color:#0098db;
	border-top:1px #ddd solid;
    line-height: 30px;
    font-weight:normal;
    padding:7px 0 2px 0;
}

h1.webshop{
    border:0px;
    padding: 0 0 10px 0;
}

h2 {
	font-size:14px;
	color:#0098db;
    padding:8px 0 5px 0;
}

h2.hline {
    font-size:13px;
	color:#999;
	border-bottom:1px solid #ddd;	
	margin-left:2px;
}

h2.home {
    font-size:14px;
    padding-top:0px;
}

h3 {
	font-size:13px;
	color:#0098db;
    padding:5px 0;
}

h4 {
    font-size:13px;
	color:#000;
	padding:0px;
    margin:0px;
    margin-bottom:3px;
}

table {
	margin:0px;
	padding:0px;
}

table.pers {
	width:549px;
	margin-top:-13px;
	font-size:11px;
}

.summary{
	width:100%;
	border-collapse:collapse;
}

.summary td{
	padding:3px 2px;
}

p {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
    line-height:20px;
}

p.mission {
    font-size:14px;
    color:#00b1ff;
    font-weight:bold;
    padding:5px 20px 15px 20px; 
}

hr.line {
  background: url(/imgs/dots.gif) repeat-x;
  height:1px;
  border:0px;
}

fieldset { 
    border:1px #888 solid;
}

#container{
	width:100%;
}

#header {
	width:994px;
	height:100px;
    padding-top:10px;
	position:relative;
}

#content {
	width:994px;
 	margin:auto;
    padding:0px !important;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* For IE */
}

/* HEADER */

#name {
	margin-top:20px;
	background: url(/imgs/logo.png) no-repeat;
	height:39px;
	width:247px;
	float:left;
	padding-bottom:20px;
    margin-left:10px;
}

#name1 {
	margin-top:20px;
	background: url(/imgs/logo1.png) no-repeat;
	height:39px;
	width:235px;
	float:left;
	padding-bottom:20px;
    margin-left:10px;
}

#name2 {
	margin-top:20px;
	background: url(/imgs/logo2.png) no-repeat;
	height:39px;
	width:483px;
	float:left;
	padding-bottom:20px;
    margin-left:10px;
}

#name a,#name1 a,#name2 a {
    display:block;
    height:39px;
    cursor:pointer;
}

#speedlink {
	float:right;
	height:15px;
	text-align:right;
	color:#999;
	font-size:11px;
}

#speedlink a {
	color:#666;
	margin-left:10px;
	margin-right:10px;
}

#logo {
	position:absolute;
	background: url(/imgs/crest.png);
	height:175px;
	width:132px;
	z-index:9;
	margin-left:855px;
}

#menuloopbaan,#menuduurzaamondernemen,#menuonderneming,#menupers {
	float:left;
	height:300px;
	min-height:300px;
	width:994px;	
}

#menuhome {
	float:left;
	height:399px;
	width:994px;	
	background: url(/imgs/hhome.jpg);
}

#menuloopbaan {
	background: url(/imgs/hloopbaan.jpg);
}

#menuduurzaamondernemen {
	background: url(/imgs/hduurzaam.jpg);
}

#menuonderneming {
	background: url(/imgs/honderneming.jpg);
}

#menupers {
	background: url(/imgs/hpers.jpg);
}

#shadow {
	float:left;
	height:9px;
	width:994px;
	background: url(/imgs/shadow.png);	    
}

#menucolor {
	float:left;
	height:45px;
	width:994px;    
	background-color: #eaf1f6;	
}

#menu {
	width:970px;
	height:36px;
	margin:auto;
	margin-top:10px;
	background: url(/imgs/menu.png);
}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
    font-size:13px;
}
 
.nav {
  z-index: 100;
}

.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display: block;
  padding-left:11px;
  padding-right:11px;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration: none;
  color: #000;
}
 
.nav li a:hover {
  background: #fff;
  color: #0098db;	
 
}
#nav-one li:hover a, 
#nav-one li.sfHover a{
  background: #fff;
  color: #0098db;
}

#nav-one li a.active,#nav-one li a.active:link{
  color: #0098db;
 }

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #fff;
  color: #000;	
  padding:0px;
  margin:0px;
  padding-bottom:2px;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #fff;
  color: #0098db;
}
 
.nav ul {
  background: #fff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 36px;
}
.nav ul li {
  border: 0;
  float: none;
  padding:1px 10px 5px 10px;
}

.nav ul li.first {
  padding:6px 10px 6px 10px;
}

.nav ul a {
  border-bottom: 0;
  padding-right: 20px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;}

.nav li.mline,td.line {
  background: url(/imgs/dots.gif) repeat-x;
  height:1px;
  margin:0 8px 0 8px;
}

.nav li.single a:hover {
  color: #0098db !important;
  background:none !important;		
}

.nav li.hline {
	padding-top:31px;
	width:2px;
	background: url(/imgs/seperator.gif) no-repeat left 0px;	
}

#breadcrumb {
	float:left;
	width:994px;
	height:46px;
	background: url(/imgs/headerbottom.png) no-repeat;
}

#breadcrumbtext {
	width:965px;
	margin-left:15px;
	margin-top:12px;
	font-size:11px;
	color:#0098db;
}

#breadcrumbtext a {
	color:black;
}

#breadcrumbtext a:hover {
	color:#00b1ff;
}

.breadc {
	color:#888;
	margin-left:2px;
	margin-right:2px;
}

.breadsep {
	color:#bbb;
	margin-left:3px;
	margin-right:3px;	
}

#main {
    float:left;
    width:994px;
    padding-top:20px;
	background-color:#fff;
	padding-bottom:15px;
}

#maincontent {
    width: 960px;
    min-height:250px;
    margin-bottom:5px;
    margin:auto;
}

#wholecontent {
    width:930px;
    margin-bottom:5px;
    margin:auto;
    padding-left:5px;
    min-height:250px;
}

#leftmenu {
    text-align:left!important;
    float:left;
    width:170px; 
    padding-left:5px;
}

#rightpage {
    float:left;
    width:750px;
    padding-top:10px;
}

.clear {
	clear:both;
}

#leftmenu ul {
    padding:0px;
    margin:0px;
}

#leftmenu li.mline {
  background: url(/imgs/dots.gif) repeat-x;
  height:1px;
}

#leftmenu li {
    width:155px;
    margin-bottom:8px;
    list-style:none;
    text-align:left;
    display:block;
}

#leftmenu a {
    color:black;
}

#leftmenu a:hover, #leftmenu a.active{
    color:#0098db;    
}

.box {
	float:left;
	margin-right:2%;
}

.sidebox {
    float:left;
    width: 185px;
}

.sideboxtitle{
    background-color:#cfdaeb;
    padding:3px;
	color:#0184bd;
    font-weight:bold;
    padding-left: 5px;
}

.sideboxtext {
    background-color:#ebeff8;
    padding:5px;
}

/** FOOTER **/

#footer {
    clear:both;
    width:944px;
    height:66px;
	background: url(/imgs/footer.png) no-repeat;
    padding:7px 25px 0 25px;
    font-size:12px;
}

#fleft {
    float:left;
    width:50%;
    text-align:left;
}

#fright{
    float:left;
    width:50%;
    text-align:right;
}

.textsmall a {  
	display:none;
}
 
.textbig a {  
    background:url(/imgs/textsize.png) no-repeat top;
    width:24px;
    height:13px;
    display:block;
    float:right;
}

.textbig a:hover {
    background-position:bottom;
}

/* Client gedeelte */

#signin_menu {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#fff;
	position:absolute;
	width:212px;
	z-index:100;
	text-align:left;
	padding:12px;
    padding-right:18px;
	top: 24.5px; 
	right: 0px; 
	margin-top:118px;
	margin-right:12px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
    border:1px #ACE solid;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:207px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.articles table{
	width:100%;
	text-align:left;
	border-collapse:collapse;
}

.articles th{
	color:#0085bf;
	font-size:12px;
    line-height:20px;
    padding:3px;
    border-top:1px solid #0085bf;
    border-bottom:1px solid #0085bf;
}

.articles td{
    line-height:20px;
	font-size:12px;
    padding:3px;
}

.articles a{
	text-decoration:none;
}

.tooltip-target{
	cursor:pointer;
}

.tooltip-content {
	display: none;        /* required */
	position: absolute;   /* required */
	padding: 10px;
	border: 1px solid black;
	background-color: white;
}

.left{
    float:left;
    width:400px;
}

.right{
    float:left;
    width:325px;
    padding-left:15px;
    text-align:center;
}

.half{
    float:left;
    width:435px;
    padding:0 15px;
}

.half h2{
    padding-top:0px;
}

.part{
    float:left;
    width:100%;
    padding-left:20px;
    padding-bottom:10px;
}

.partl{
    float:left;
    width:100%;
    min-height:340px;
}

.four{
    float:left;
    width:185px;
}

.orderdata{
    width:100%;
}

.orderdata table{
    width:850px;
}

#minilogin{
    float:right;
    margin:5px 20px 0 0;
}
    
#minicart{
    float:right;
    margin:5px 20px 0 0;
    padding-left:20px;
    border-left:1px #aaa solid;
}

#minicart p{
    padding:0px;
    margin:0px;
    text-align: left;
}

#minicart span{
    font-weight:bold;
    font-size:12px;
    color:#666;
}

#minilogin p,#minicart p{
    padding:0px;
}

.cart{
    float:left;
    padding-top:10px;
}

.cart td{
    line-height:17px;
    padding-bottom:3px;
}

.confbox{
	float:left;
	width:460px;
}

.confwhole{
	float:left;
	width:920px;
}

.btn span{background:transparent url('/imgs/btn_next.jpg') no-repeat 0 0;display:block;line-height:24px;padding:0 7px 0 14px;color:#fff!important;font-size:13px;font-weight:bold;cursor:pointer;}
.btn{background:transparent url('/imgs/btn_next.jpg') no-repeat top right;display:inline-block;float:left;height:24px;margin-right:6px;padding-right:20px;text-decoration:none;border:0px;cursor:pointer;}
.btnback span{background:url('/imgs/btn_back.jpg') no-repeat top left;display:block;line-height:24px;padding:0 7px 0 14px;color:#fff!important;font-size:13px;font-weight:bold;cursor:pointer;}
.btnback,.btnback:active{background:url('/imgs/btn_back.jpg') no-repeat top right;display:block;float:left;height:24px;line-height:24px;margin-right:6px;padding-right:6px;border:none;cursor:pointer;}
.btn:hover span,.btnback:hover span{background-position:0 -24px;text-decoration:none;}
.btn:hover,.btnback:hover{background-position:right -24px;text-decoration:none;}

div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
    padding-top:25px;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

.productbox{float:left;list-style:none;border:1px solid #fff;width:181px;margin:6px 0 0 4px;height:250px;padding-top:4px;text-align:center;}
.productbox:hover{border:1px solid #d5d5cb;cursor:pointer;}
.imgbox{text-align:center;height:208px;}
.imgbox img{vertical-align:middle;vertical-align:50%}
.productdetails{text-align:center;font-size:11px;}
