/* MAIN SETTINGS */

*{
	margin: 0;
	padding: 0;
	outline: 0;
}

html,
body{
	background: #162322;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

#container{
	overflow: hidden;
}

#iframe_wiki{
	width: 95%;
	border: 0px solid #ffffff;
	padding: 18px 18px 18px 24px;
	min-height: 500px;
}


/* FRAME SETTINGS */

#header,
#page,
#footer{
	width: 972px;
	margin: 0 auto;
	overflow: hidden;
}

/* Adjust container background en elements with a class */
.header{
	padding: 32px 0;
	background: #e7e6dd;
}

.page{
	background: #e7e6dd;
}

.footer{
	background: #162322;
	border-top: 1px solid #505a59;
	padding: 8px 0;
	color: #ccc;
	font-size: 11px;
	line-height: 18px;
}

/* PAGES */

#documentatie_pagina .page #c{
	background: #285364;
}

#download_pagina #column_1{
	width: 926px;
	padding: 12px 0 0 0;
	margin: 24px;
	border-bottom: 0px;
	clear: both;
}


/* CHARACTERS */

h1{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #336576;
	margin: 12px 0;
}

h2{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #336576;
	margin: 12px 0;
/* 	color: #5cb94d; */
}

h3{
	font-size: 18px;
	font-weight: normal;
	color: #fd582c;
	line-height: 36px;
	margin: 12px 0 0 0;
}

h4{
	font-size: 11px;
	color: #336576;
	font-weight: bold;
	line-height: 18px;
}

h5{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

a{
	color: #1a8ad2;
	text-decoration: none;
}

a:hover{
	color: #1a8ad2;
	text-decoration: underline;
}

#content{
	font-size: 14px;
	line-height: 22px;
	min-height: 400px;
}

#content ul, ol{
	margin-left: 25px;
}

#no_summons ul{
	margin-left: 0px;
	list-style: none;
}

#subtitle,
#comments{
	color: #999;
	font-size: 12px;
	padding: 8px 0 8px 0;
}

#tags,
#posted{
	font-size: 11px;
	padding: 0;
	line-height: 18px;
}

/* COLUMN */

#column_1{
	border-bottom: 1px dotted #ccc;
/* 	Total width is 972px */
/* 	background: #fff6cc; */
	width: 908px;
	margin: 0 24px;
	padding: 8px;
	float: left;
}

#column_2{
	width: 438px;
	padding: 24px;
	float: left;
}

#column_1_3{
/* 	Total width is 324px */
	width: 276px;
	padding: 24px;
	float: left;
}

#column_2_3{
/* 	Total width is 648px */
	width: 600px;
	padding: 24px;
	float: left;
}

#column_1_6{
/* 	Total width is 162px */
	width: 146px;
	padding: 8px;
	float: left;
}



/* NAVIGATION */

#nav{
/* 	Total width is 755px */
	height: 43px;
	float: right;
}

#nav ul{
	list-style: none;
	float: right;
	background: #53b84d url('../images/bg_menu_l.jpg') left -43px no-repeat;

}

#nav ul li{
	overflow: hidden;
	display: block;
	float: left;
}

#nav ul li a{
	border-right: 1px solid #257824;
	cursor: pointer;
	color: #fff;
	line-height: 43px;
	padding: 16px;
	background: #53b84d url('../images/bg_menu_l.jpg') -100px -43px no-repeat;
}

#nav ul li a:hover{
	background: #098d3f url('../images/bg_menu_l.jpg') -100px 2px no-repeat;
	text-decoration: none;
}

#nav ul li .current{
	background: #098d3f url('../images/bg_menu_l.jpg') -200px 2px no-repeat;
}

#nav ul .last a{
	border: 0px;
	background: url('../images/bg_menu_r.jpg') no-repeat right -41px;
}

#nav ul .last a:hover{
	border: 0px;
	background: #098d3f url('../images/bg_menu_r.jpg') no-repeat right 2px;
}

#nav ul .last .current{
	border: 0px;
	background: #098d3f url('../images/bg_menu_r.jpg') no-repeat right 2px;
}

#nav ul .first a{
	background: url('../images/bg_menu_l.jpg') no-repeat left -41px;
}

#nav ul .first a:hover{
	background: #098d3f url('../images/bg_menu_l.jpg') no-repeat left 2px;
}

#nav ul .first .current{
	background: #098d3f url('../images/bg_menu_l.jpg') no-repeat left 2px;
}



/* HEADER */

#logo{
	float: left;
}


/* PAGE */

#page{
	background: #fff;
}

p{
	margin: 0 0 0px 0;
}


/* DOCUMENTATIE PAGINA CONTENT */

#twitter{
	font-size: 12px;
}

#bericht{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

#documentatie_pagina #container #page #content #bericht ul{
	list-style: none;
	padding: 0 0 18px 24px;
}

#documentatie_pagina #container #page #content #bericht ul li:before {
	content: "\2013 \0020";
}

#documentatie_pagina #container #page #content #bericht ol{
	list-style-position: inside;
	padding: 0 0 18px 24px;
}

#vorige{
	float: left;
	padding: 0 0 24px 0;
}

#volgende{
	float: right;
	padding: 0 0 24px 0;
}

#button{
	padding: 5px;
}


/* AANMELDEN */

#aanmelden{
	display: block;
	overflow: hidden;
	margin: 24px 0;
}

#aanmelden a{
	color: #fff;
	text-transform: uppercase;
	width: 186px;
	display: block;
	text-align: center;
	padding: 16px 0;
	margin: 0 16px 0 0;
	float: left;
}

#aanmelden a:hover{
	text-decoration: none;
}

.aanmelden{
	background: url('../images/btn/aanmelden1.jpg') no-repeat;
}

.informatie{
	background: url('../images/btn/informatie2.jpg') no-repeat;
}

#column_aanmelden ul{
	list-style-image: url('../images/streep.jpg');
	list-style-position: inside;
}

#column_aanmelden ul li{
	line-height: 32px;
}

#column_aanmelden p{
	margin: 0 0 16px 0;
}

#column_aanbeveling{
	margin: 24px 0;
	padding: 0 24px 24px 24px;
	width: 460px;
	float: right;
}	

.italic{
	font-style: italic; 
	color: #1a8ad2;
	font-size: 11px;
	line-height: 40px;
	margin: 0;
}

.ref h1{
	font-size: 18px;
}

.ref p{
	font-size: 12px;
	font-style: italic;
}

/* NIEUWS */

#nieuws{
	width: 276px;
	overflow: hidden;
	margin-bottom: 36px;	
}

#nieuws p{
	font-size: 12px;
	overflow: hidden;
}

#nieuws a:hover{
	text-decoration: none;
}

#nieuws ul{
	font-size: 12px;
	list-style: none;
	float: left;
	width: 268px;
	overflow: hidden;
}

#nieuws ul li{
	padding-bottom: 10px;
}

#nieuws a:hover{
	text-decoration: underline;
}

#nieuws span{
	display:block;
	line-height:14px;
	padding:9px 0 9px 8px;
	background: url('../images/bg_block_l.jpg') left top no-repeat;
}

#nieuws h3{
	display:block;
	float:left;
	font-size:12px;
	height:32px;
	margin: 0;
	padding: 0 5px 0 0;
	text-decoration:none;
	color: #fff;
	background: url('../images/bg_block_r.jpg') right top no-repeat;
	font-weight: bold;
	width: 270px;
}

/* WHY */

#why{
	list-style: none;
	width: 195px;
	padding: 16px;
	float: left;
	line-height: 20px;
	margin-left: 0px;
}

#why a{
	margin: 16px 0;
	display: block;
}

#why img{
	width: 32px;
	float: left;
	padding: 4px 8px 0 0;
}

/* SLIDESHOW  */

#leftc{
	position: relative;
	float: left;
	height: 8px;
	width: 8px;
	background: url('../images/leftc.png') top left no-repeat;
	z-index: 999;
}

#rightc{
	position: relative;
	float: right;
	height: 8px;
	width: 8px;
	background: url('../images/rightc.png') top right no-repeat;
	z-index: 999;
}

#slideshow{
	background: #fff;
	height: 363px;
	margin: 0 0 24px 0;
	padding: 0;
}

#slide{
	position: absolute;
	width: 972px;
	border-bottom: 1px solid #257824;
}

#slide_nav{
	position: absolute;
	width: 972px;
	top: 444px;
}

#slide_nav ul{
	list-style: none;
}

#slide_nav ul li{
	float: left;
	text-align: center;
}

#link{
	display: block;
	height: 32px;
	overflow: hidden;
}

#topic{
	display: block;
	height: 14px;
	overflow: hidden;
}

#slide_nav ul .active #topic{
	background:url('../images/topic.gif') center top no-repeat;
	height: 14px;
	z-index: 999;
}

#slide_nav ul li #link a{
	display: block;
	line-height: 32px;
	color: #257824;
	width: 162px;
	background: #53b84d url('../images/white_dot.jpg') repeat-y right;
}

#slide_nav ul li #link a:hover{
	background:  #098d3f url('../images/white_dot.jpg') repeat-y right;
	text-decoration: none;
	color: #fff;
}

#slide_nav ul .last_topic #link a{
	background:  #53b84d;
}

#slide_nav ul .last_topic #link a:hover{
	background:  #098d3f;
	color: #fff;
}

#slide_nav ul .active #link a{
	background:  #098d3f url('../images/white_dot.jpg') repeat-y right;
	color: #fff;
}

#slide_nav ul .active #link a:hover{
	background:  #098d3f url('../images/white_dot.jpg') repeat-y right;
	color: #fff;
}

/* PAGE NAVIGATION */

#pageheader{
	width: 972px;
	overflow: hidden;
}

#pagetitle{
	background: #285364 url('../images/bg_pagetitle.jpg') no-repeat;
	padding: 24px 24px 0 24px;
}

#pagetitle #title h1{
	color: #fff;
	margin: 0px;
}

#title{
	color: #fff;
	font-size: 11px;
	padding: 8px 0 24px 0;
}

#page_nav{
	overflow: hidden;
}

#page_nav ul li{
	list-style: none;
}

#page_nav ul li{
	float: left;
	overflow: hidden;
	height: 36px;
	background: #53b84d;
}

#page_nav ul a{
	color: #257824;
	line-height: 37px;
	padding: 11px 14px;
	border-right: 1px solid #257824;
}

#page_nav ul .current{
	background: #fff;
	color: #999;
}

#page_nav ul .current:hover{
	background: #fff;
	color: #999;
	text-decoration: none;
	cursor: default;
}

#page_nav ul .first a{
	background: #53b84d url('../images/bg_subnav_l.jpg') left top no-repeat;
}

#page_nav ul .first a:hover{
	background: #53b84d url('../images/bg_subnav_l.jpg') left top no-repeat;
}

#page_nav ul .first .current{
	background: #fff url('../images/bg_subnav_l_current.jpg') left top no-repeat;
}

#page_nav ul .first .current:hover{
	background: #fff url('../images/bg_subnav_l_current.jpg') left top no-repeat;
}

#page_nav ul .last a{
	background: #53b84d url('../images/bg_subnav_r.jpg') right top no-repeat;
	border: 0px;
}

#page_nav ul .last a:hover{
	background: #53b84d url('../images/bg_subnav_r.jpg') right top no-repeat;
	border: 0px;
}

#page_nav ul .last .current{
	background: #fff url('../images/bg_subnav_r_current.jpg') right top no-repeat;
	border: 0px;
}

#page_nav ul .last .current:hover{
	background: #fff url('../images/bg_subnav_r_current.jpg') right top no-repeat;
	border: 0px;
}

/* PRODUCTS */

blockquote{
	color: #c19725;
	background: #fef8cf;
	border: 1px solid #efd48d;
	overflow: hidden;
	margin-bottom: 24px;
}

blockquote strong{
	margin: 0 8px;
	line-height: 24px;
}

#specs #column_1_3{
	color: #1A8AD2;
}
#specs{
	width: 972px;
/* 	font-size: 11px; */
}

#specs #bericht{
	padding: 0 0 24px 0;
	margin: 0;
	border: 0px;
}

#specs h1{
	margin-top: 0;
}

#specs ul{
	list-style-position: inside;
	padding: 8px;
}

#specs span{
	display:block;
	line-height:14px;
	padding:9px 0 9px 8px;
	background: url('../images/bg_block_l.jpg') left top no-repeat;
}

#specs h3{
	display:block;
	float:left;
	font-size:12px;
	height:32px;
	margin: 0;
	padding: 0 5px 0 0;
	text-decoration:none;
	color: #fff;
	background: url('../images/bg_block_r.jpg') right top no-repeat;
	font-weight: bold;
	width: 270px;
}

#product{
	background: #FAFAFA url('../images/bg_product_footer.jpg') bottom no-repeat;
}

#product_header{
	background: #53B84D url('../images/bg_product_header.jpg') no-repeat;
}

#product_content{
	color: #1a8ad2;
	overflow: hidden;
	-moz-border-radius: 6px;
}

#product_content h1{
	padding: 8px 12px;
	margin: 0;
	color: #fff;
	border-bottom: 1px solid #098D3F;
	text-shadow: -1px -1px 1px #098D3F;
}

#product_content h2{
	border-top: 1px solid #53B84D;
	color: #fff;
	background: #098D3F;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
	padding: 0 12px;
}

#product_content ul{
	border-bottom: 0px;
	padding: 12px;
	height: 190px;
}

#product_content ul li{
	list-style-position: inside;
	font-size: 12px;
}

#download a{
	color: #999;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 11px;
	padding: 0 0 0 8px;
}

#download a:hover{
	color: #666;
	text-decoration: underline;
}

#download{
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 12px 0 12px 12px;	
}

#download a.download{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	width: 186px;
	display: block;
	text-align: center;
	padding: 6px 0;
	margin: 0 0px 0 0;
	float: left;
}

#download a.download:hover{
	text-decoration: none;
}

.download{
	background: url('../images/btn/download.jpg') no-repeat;
}

#schema{
	padding: 12px 0 0 0; 
}

#schema table td{
	padding: 6px 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

tbody{
	background: #ffffff;
}

.center{text-align: center;}

.green{color: #53B84D; font-size: 18px;}

.red{ color: red; font-size: 18px;}

.blue{color: #1A8AD2; text-align: center;}

/* FOOTER */

#footer a{
	color: #ccc;
}

#footer h5 a{
	color: #fff;
}

#footer #column_1_6 ul{
	list-style: none;
}

#footer #column_1_6 ul li{
	display: block;
}

#footer #copyright{
	color: #6d6d6d;
}

#footer #copyright a, h5{
	color: #6d6d6d;
}

#footer #copyright img{
	padding: 16px 0;
}

.shadow {
  box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
}