@import url("klanten.css");
@import url("contact.css");
@import url("event.css");
@import url("prijzen.css");
@import url("search.css");


/****COLORS*****/

#blue { color:#00305C; }

#green { color:#658300; }
#orange { color:#F95600; }
#geel { color:#FFDB43; }


/**************/

/*SITE*/
* {margin:0; padding:0;list-style:none;outline:0;}
html {overflow-y: scroll;}
body {text-align:center; font: 13px/18px Arial,Verdana,Helvetica,sans-serif; background:#d7d9ce;}
a {color:#658300; text-decoration:none;}
a:hover {text-decoration:underline;}
#active a, #activepage a {cursor: default;background:#F95600;}
/*span {visibility:hidden;}*/
.pointer {cursor: default}
img {border:0}
hr {height:0;border:0;border-top:1px solid #d7d9ce;}
small {font-size:11px;}


/*CONTAINER*/
#container {text-align:left; margin:30px auto 0; width:768px;}



/*CONTAINER MAINS*/
#main_container_top, #main_container_bottom {height:16px; width:100%; background:no-repeat;}
#main_container_top {background:url(../images/interface/maintoproundgreen.png);}
#main_container {background:url(../images/interface/main.png); padding:0 12px 8px;}
#main {height:auto; width:100%;}
#main_container_bottom {background:url(../images/interface/mainbottomround3d.png);height:26px; }



/*HEADER*/
#header {width:720px; height:114px; background:white url(../images/interface/header_bg.jpg) no-repeat; padding:0 12px; position:relative;}
#header .brand {width:173px; height:185px; float:left; padding-left:0px; background:url(../images/interface/logo.png) no-repeat; position:absolute;top:-40px;left:4px;}
#header .brand a, .brand a:hover {display: block; height:173px; width:185px; text-decoration:none; }
#header .brand span {visibility:hidden;}
#header .navhead {width:512px; height:80px; float:right; position:relative; overflow:hidden;}


#header .navhead ul {position:absolute; top:8px; right:-8px;}
#header .navhead ul a {color:white;}
#header .navhead ul #activepage a, #header ul #activepage a:visited {background:white;text-decoration:none;}
#header .navhead li {font-size:11px; color:white; float:left; padding:0 8px; border-right:white 1px solid;}




/*NAV MAIN 2*/
#navmain2 {
	position:relative;left:12px;
	float:right;
	
}

#navmain2 ul {
	height:30px;
	background:url(../images/interface/tin_menu.png) no-repeat; width:563px;
}
#navmain2 li {
display: inline;
float: left;
}
#navmain2 li a {
text-indent:-9999px;
color:yellow;
height:30px;
display: block;
overflow: hidden;
border-bottom:4px solid white;
}

#navmain2 li.nieuws a {width:80px;}
#navmain2 li.methodiek a {width:109px;}
#navmain2 li.bestellen a {width:100px;}
#navmain2 li.training a {width:95px;}
#navmain2 li.referenties a {width:116px;}
#navmain2 li.shop a {width:63px;}


#navmain2 li.nieuws a:hover {border-bottom:4px solid #F95600;}
#navmain2 li.methodiek a:hover {border-bottom:4px solid #F95600;}
#navmain2 li.bestellen a:hover {border-bottom:4px solid #F95600;}
#navmain2 li.training a:hover {border-bottom:4px solid #F95600;}
#navmain2 li.referenties a:hover {border-bottom:4px solid #F95600;}
#navmain2 li.shop a:hover {border-bottom:4px solid #F95600;}


#navmain2 li.nieuws a#active {background:url(../images/interface/tin_menu.png) no-repeat 0 -30px; }
#navmain2 li.methodiek a#active {background:url(../images/interface/tin_menu.png) no-repeat -80px -30px; }
#navmain2 li.bestellen a#active {background:url(../images/interface/tin_menu.png) no-repeat -189px -30px; }
#navmain2 li.training a#active {background:url(../images/interface/tin_menu.png) no-repeat -289px -30px; }
#navmain2 li.referenties a#active {background:url(../images/interface/tin_menu.png) no-repeat -384px -30px; }
#navmain2 li.shop a#active {background:url(../images/interface/tin_menu.png) no-repeat -500px -30px; }






/*PORTAL LOGIN*/
#login {position:relative;position:fixed;}
#login a {text-indent:-9999px;width:29px;height:126px;background:url(../images/interface/portal_login.png);position:absolute;top:30px;left:760px;}




/*PICTURE*/
#picture {
	height:200px;
	width:744px;
/*	margin-left:-24px;	
	position:relative;
	left:-24px;	*/
/*	background:url(../images/fotos/foto_1_groot.jpg) no-repeat;*/
	border-bottom:4px solid white;
}



/*NAV CONTENT*/
#navcontent {
font: 12px/20px Arial,Verdana,Helvetica,sans-serif;
text-transform:uppercase;
float:right;
width:224px;
overflow:hidden;
padding-bottom:32px;
1outline:4px solid white;
}
#navcontent ul {background:white url(../images/nav_content_bottom.gif) no-repeat bottom;background:;padding-bottom:32px;}
#navcontent li a, .navgap {
display:block;
padding:8px 8px 8px 20px;
/*background:url(../images/nav_line.gif) repeat-x left bottom;*/
}
#navcontent li a:hover {
background:white;
text-decoration:none;
border-left:8px solid #658300;
padding-left:12px;
}
#navcontent li#activepage a, #navcontent li#activepage a:hover {
background:#658300;
color:white;
text-decoration:none;
padding-left:12px;
border-left:8px solid #658300;
}

#navcontent .nav_head {padding:30px 0 9px 20px;}



/*CONTENT*/
#content {
	color:#2E2E2E;
	float:left;
	width:465px;
	min-height:500px;
	padding-bottom:32px;
	border-bottom:0px solid #DDE4EE;
	border-right:1px solid #d7d9ce;
	padding-right:25px;
	padding-left:24px;
	background:white;
	padding-top:16px;
	
	position:relative;
	outline:0px solid blue;
}
#content a {
	text-decoration: underline;
/*	color:#4a5917;*/
/*	color:#324200;*/
	color:#475C00;
}

#content a:hover {
	text-decoration: underline;
	color: #F95600;
}

#content a.external {
	background:transparent url(../images/external.png) no-repeat right center;
	padding-right:13px;
}

#content b {
	color:#1F1F1F;
}

#content img, p {
/*	color:#404040;	*/
	margin-bottom:18px;
}

#content blockquote {
	font-style: italic;
}

#content blockquote a {
	text-decoration:none;
	color:#2E2E2E;
}

blockquote .succesverhalen p {
	padding-top:1em;
}

h1, h2, h3, h4 {font:normal 24px/1em Arial,Verdana,Helvetica,sans-serif;color:#658300;margin-bottom:0;text-transform: uppercase;}
h1 {
	font-weight:bold;
	letter-spacing:-1px;
	padding-bottom:8px;
	
	padding:10px 12px 8px;
	margin-left:-12px;
	color:#658300;
	font-size:40px;
	background:white;
	outline:0px solid gray;
	
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	
	position:absolute;
	top:-1.4em;
	white-space:nowrap;
}
h2 {
	font-size:18px;
	font-weight:bold;
	padding:32px 0 8px 0;
}
h3 {
	font-size:16px;
	padding:16px 0 8px 0;
}
h4 {
/*	color:#F95600;	*/
	font-size:13px;
}
#content .note {
	padding:16px 20px;
	background:#FFDB43 url(../images/asterisk.gif) no-repeat 6px 8px;
	color:black;
	font-style:italic;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .note a {
	color:black;
}

#content .inschrijf {
	width:190px;
	position:absolute;
	top:8em;right:0;
	background-image:none;
}
#content span {
	visibility:visible;
}

#content span.name, span.ast {
	color:#F95600;
}

#content span.nowrap {
	white-space:nowrap;
}

#content ul li {
	padding:0 0 6px 24px; background: url(../images/interface/bullet.gif) no-repeat 8px 7px;
}
#content ul li ol li {
	background:none;
	padding-left:0;
}
#content ol li {
	margin:0 0 6px 24px;
	list-style:decimal;
}
#content ol { margin:1em 0;}
#content ul { margin:1em 0;}
.img_right {float: right;padding-left: 16px;}
.img_left {float: left;padding-right: 16px;}

#content dl.news {border-bottom:1px dashed #658300;padding:0 0 16px 0; margin-bottom:16px;}
#content dl.news:hover {/*background:#FAFBFC;cursor1:pointer;*/}


dt.news_head {
	font:bold 16px/1em Arial,Verdana,Helvetica,sans-serif;color:#658300;margin-bottom:8px;text-transform:uppercase;
}
dt.news_head a {
	text-decoration:none !important; color:#658300 !important;
}
dt.news_date {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	clear:both;
	padding-top:16px;
	color:#F95600;
}
.more_news, .more_news a {
	text-align:center;margin-bottom:-24px;color:#658300;
}

.more_news .select {
	font-weight:bold;color:#F95600;
}

.news_lees_verder {
	text-decoration:none !important;
	display:block;
	margin-top:.5em;
}

dl.tree h4 {
	color:#2E2E2E;
}

dl.tree dt a {
	font:bold 16px/2em Arial,Verdana,Helvetica,sans-serif;color:#00305C;text-transform:uppercase;
	text-decoration:none;
}

dl.tree dt.download_head {
	font:normal 13px/1em Arial,Verdana,Helvetica,sans-serif;color:#3A5875;
}

dl.tree dd.download_link {
	margin-bottom:20px;
}

#content dl.tree a.external {
	background:none;
}

#content dl.tree a.pdf {
	padding:0 20px 10px 0; background:url(../images/pdf.gif) right top no-repeat;
}


dl.faq {padding:16px 0 32px 0;border-bottom:1px dashed #DDE4EE;}

dl.doelgroep {width:480px;color:#404040;margin-bottom:18px;}
.doelgroep dt {width:300px;float:left;padding-left:24px;background: url(../images/bullet.gif) no-repeat 8px 5px;}
.doelgroep dd {width:150px;float:right;}


#content .interview dt {
	font:normal 13px/1em Arial,Verdana,Helvetica,sans-serif;margin-bottom:0;text-transform:uppercase;color:#3A5875;
}
#content .interview dd {
	font-style:italic;
	margin-bottom:18px;
}

#acties { border-bottom:1px dashed #d7d9ce; margin-bottom:2em; }

#acties, #reactie, #doorsturen { display:none; }

ul li#actie_redactie { background: url(../images/icons/pen.gif) no-repeat 0 1px; }

ul li#actie_door { background: url(../images/icons/envelop.gif) no-repeat 0 1px; }

ul li#actie_print { background: url(../images/icons/printer.gif) no-repeat 0 1px; }

ul li#actie_abo { background: url(../images/icons/feed.gif) no-repeat 0 1px; }




/*COLOMN FIX*/
.fix, #fix {clear: both;}



/*FOOTER*/
#footer {
	font: normal 11px/16px Arial,Verdana,Helvetica,sans-serif;
	height:75px;
	width:720px;
	margin-top:32px;
	padding-top:8px;
	border-top:0px solid #DDE4EE;
	background: url(../images/interface/footer.png) no-repeat 24px 8px;
	display:none;
}

#footer span, #copyright span {display:none;}

/*COPYRIGHT*/
#copyright {
	font: normal 11px/18px Arial,Verdana,Helvetica,sans-serif;
	height:50px;
	width:496px;
	text-align:left;
	margin: 0 8px;
/*	padding:8px 0 0 256px;*/
	
	padding-top:8px;
	text-align:center;
	width:752px;
}
#copyright a {
	color:black;
}





/******************************/

fieldset {
	display:none;
}

#quick {
	display:none;
	clear:both;
	margin:0 11px;
	padding-top:20px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
}

#quick h4 {
	font-size:14px;
	margin:0 13px 0 13px;
	padding:16px 0 6px;
	border-top:1px solid #ddd;
	color:#111;
}

#quick ul {
	margin:0 13px 0 13px;
	overflow:hidden;
	position:relative;
	height:1.5em;
}

#quick li {
	background: no-repeat left center;
	padding-left:18px;
/*	position:relative;*/
	position:absolute;
	white-space:nowrap;
}

#quick a { color:black; text-decoration:none; }

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

#quick span { font-size:11px; /*font-style:italic;*/ color:gray; }