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

html {overflow-y: scroll; height:100%;}
body {/*text-align:center;*/ font: 13px/18px Arial,Helvetica,Verdana,sans-serif; background:#ffc71e; background:#023049; background:#ffc71e url(images/bg.jpg) repeat-x 0 35px; height:100%; }

h2, h3, h4, h5, h6 { color:#023049; text-transform:uppercase; line-height:1.25em;}

h2 a, h3 a, h4 a, h5 a, h6 a { border:0 !important;}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { border-bottom:2px solid #ffc71e !important; }

h2 { font-size:30px; padding-bottom:.5em; line-height:1em; }
h3 { font-size:19px; padding-bottom:.5em; }
h4 { font-size:16px; padding-bottom:.5em; }
h5 { font-size:14px; padding-bottom:.5em; }
h6 { font-size:12px; padding-bottom:.5em; }

p { margin-bottom:1.5em; }

a { color:#023049; outline:none; }
a:hover { text-decoration:none; }

hr { height:0; border:0; border-top:1px solid #284F64; }

.img_right {float: right;padding-left: 16px;}
.img_left {float: left;padding-right: 16px;}

#container { width:768px; margin:1em auto; position:relative; padding-top:2em;/* overflow:hidden;*/ }

#main_container_top, #main_container_bottom { height:16px; width:100%; background:no-repeat; }
#main_container_top { background:url(images/main-top.png) no-repeat; }
#main_container { background:url(images/main.png) repeat-y; padding:0 12px 8px; }
#main { overflow:auto; min-height:500px; background:url(images/mid.png) no-repeat 17px 188px; }
#main_container_bottom { background:url(images/main-bottom.png) no-repeat; height:26px; }

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


#header {
	height:188px;
	background:url(images/header.png) no-repeat;
}

#header a { text-decoration:none; }
#header a:hover { text-decoration:underline; }

#header h1 a {
/*	background:red;*/
/*	opacity:.5;*/
	display:block;
	position:absolute;
	top:85px;
	left:14px;
	width:740px;
	height:140px;
	text-indent:-9999px;
}

#navhead {
	overflow:hidden;
	position:absolute;
	top:.5em;
	right:12px;
}

#navhead ul {
	position:relative;
	right:-1px;
}

#navhead li {
	border-right:1px solid black;
	display:inline;
	float:left;
}

#navhead a {
	color:black;
	font-size:11px;
	padding:8px;
}

#navmain {
	font-size:20px;
	background:#023049;
}

#navmain li {
	display:inline;
	float:left;
}

#navmain a {
	display:block;
	width:100px;
	height:43px;
	padding:0 8px;
	background:url(images/menu3.png) no-repeat;
	text-indent:-9999px;
}

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



#navmain .nav_nieuws a { width:90px;background-position:0 0; }
#navmain .nav_nieuws a:hover { background-position:0 -43px; }
#navmain .nav_nieuws a.active { background-position:0 -86px; }
#navmain .nav_nieuws a.active:hover { background-position:0 -129px; }

#navmain .nav_methodiek a { width:125px;background-position:-106px 0; }
#navmain .nav_methodiek a:hover { background-position:-106px -43px; }
#navmain .nav_methodiek a.active { background-position:-106px -86px; }
#navmain .nav_methodiek a.active:hover { background-position:-106px -129px; }

#navmain .nav_bestellen a { width:120px;background-position:-247px 0; }
#navmain .nav_bestellen a:hover { background-position:-247px -43px; }
#navmain .nav_bestellen a.active { background-position:-247px -86px; }
#navmain .nav_bestellen a.active:hover { background-position:-247px -129px; }

#navmain .nav_training a { width:106px;background-position:-383px 0; }
#navmain .nav_training a:hover { background-position:-383px -43px; }
#navmain .nav_training a.active { background-position:-383px -86px; }
#navmain .nav_training a.active:hover { background-position:-383px -129px; }

#navmain .nav_referenties a { width:140px;background-position:-505px 0; }
#navmain .nav_referenties a:hover { background-position:-505px -43px; }
#navmain .nav_referenties a.active { background-position:-505px -86px; }
#navmain .nav_referenties a.active:hover { background-position:-505px -129px; }

#navmain .nav_shop a { width:67px;background-position:-661px 0; }
#navmain .nav_shop a:hover { background-position:-661px -43px; }
#navmain .nav_shop a.active { background-position:-661px -86px; }
#navmain .nav_shop a.active:hover { background-position:-661px -129px; }


#navcontent {
	width:228px;
	margin:16px 10px;
	float:left;
	display:inline;
}

#navcontent ul {
	overflow:hidden;
}

#navcontent li {
	display:inline;
}

#navcontent a {
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:8px 4px 8px 12px;
	font-size:14px;
}

#navcontent a:hover {
	border-left:4px solid #ffc71e;
	padding-left:8px;
	background:white;
	background:rgba(255,255,255,.65);
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

#navcontent #activepage a {
	border-left:4px solid #ffc71e;
	padding-left:8px;
}

#content {
	width:456px;
	margin:24px 20px;
	float:right;
	color:#333;
	clear:right;
	display:inline;
}

#content b {
	color:#111;
}

#content a {
	text-decoration:none;
	border-bottom:2px solid #ffc71e;
}

#content a:hover {
	text-decoration:none;
	border-bottom:none;
}

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

#content a img {
	display:block;
}

#content ul {
	margin-bottom:1em;
}

#content ul li {
	background:url(images/bullet.gif) no-repeat .5em .5em;
	padding:0 0 .5em 1.5em;
}

#content ol {
	list-style:decimal;
	margin:0 0 1em 1.5em;
}

#content ol li {
	padding:0 0 .5em 0;
}

#content ul ol li {
	background:none;
}

#content .ast { color:#ffc71e; }

.news_item_content { border-bottom:1px dashed #d7d9ce; margin-bottom:1.5em; }

.news_lees_verder { white-space:nowrap; }

.news_date {
color:#5B7889;
font-style:italic;
font-family:Georgia;
}

.more_news, .more_news a { text-align:center; margin:0; }

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

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

#acties a { border:none; text-decoration:underline; }

ul#actiemenu li { padding-left:26px; }

ul li#actie_reactie { 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; }


#footer { clear:both; }

#copyright { text-align:center; margin:.5em 0 1em;}

#copyright a { text-decoration:none; color:black; }
#copyright a:hover { text-decoration:underline; }


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

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

#quick ul {
	margin:0 9px 0 9px;
	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; }