@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:url(images/bg.jpg) repeat-x; background:#a8daf0 url(images/bg2.jpg) repeat-x; height:100%; }

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

h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; color:#11a5dc !important; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; }

h2 { font-size:30px; padding-bottom:.5em; line-height:1em; color:#11a5dc;  }
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; color:#333; }

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

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

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


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

#main_container_top, #main_container_bottom { height:16px; width:100%; background:no-repeat; }
#main_container_top { background:url(images/main-top4.png) no-repeat; }
#main_container { background:url(images/main.png) repeat-y; padding:0 8px 8px; }
#main { overflow:auto; min-height:500px; background:url(images/mid.png) no-repeat 0 209px; }
#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:752px;}


#header {
	height:189px;
	height:209px;
	background:url(images/header4.png) no-repeat;
/*	position:relative;*/
}

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

#header h1 a {
/*	background:red;*/
/*	opacity:.5;*/
	display:block;
	position:absolute;
	top:8px;
	left:20px;
	width:490px;
	height:163px;
	text-indent:-9999px;
}

#navhead {
	overflow:hidden;
	position:absolute;
	right:20px;
	margin-top:2px;
}

#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:#b1d235;
	position:absolute;
/*	bottom:0;*/
	top:181px;
/*	
	border-left:3px solid white;
	border-right:3px solid white;
	overflow:hidden;
	width:746px;
	height:44px;
*/
}

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

#navmain a {
	display:block;
	width:100px;
	height:44px;
	background:url(images/menu.png) no-repeat;
	text-indent:-9999px;
}

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



#navmain .nav_nieuws a { width:112px;background-position:0 0; }
#navmain .nav_nieuws a:hover { background-position:0 -44px; }
#navmain .nav_nieuws a.active, #navmain .nav_nieuws a.active:hover { background-position:0px -88px !important; }

#navmain .nav_methodiek a { width:150px;background-position:-112px 0; }
#navmain .nav_methodiek a:hover { background-position:-112px -44px; }
#navmain .nav_methodiek a.active, #navmain .nav_methodiek a.active:hover { background-position:-112px -88px; }

#navmain .nav_bestellen a { width:133px;background-position:-262px 0; }
#navmain .nav_bestellen a:hover { background-position:-262px -44px; }
#navmain .nav_bestellen a.active, #navmain .nav_bestellen a.active:hover { background-position:-262px -88px; }

#navmain .nav_training a { width:119px;background-position:-395px 0; }
#navmain .nav_training a:hover { background-position:-395px -44px; }
#navmain .nav_training a.active, #navmain .nav_training a.active:hover { background-position:-395px -88px; }

#navmain .nav_referenties a { width:149px;background-position:-514px 0; }
#navmain .nav_referenties a:hover { background-position:-514px -44px; }
#navmain .nav_referenties a.active, #navmain .nav_referenties a.active:hover { background-position:-514px -88px; }

#navmain .nav_shop a { width:89px;background-position:-663px 0; }
#navmain .nav_shop a:hover { background-position:-663px -44px; }
#navmain .nav_shop a.active, #navmain .nav_shop a.active:hover { background-position:-663px -88px; }


#navcontent {
/*	background:gray;*/
	width:226px;
	margin:20px 8px 16px 20px;
	float:left;
	display:inline;
}

#navcontent ul {
	overflow:hidden;
	background:white;
	border:1px solid #e0f2fa;
	padding-bottom:40px;
}

#navcontent li {
	display:inline;
}

#navcontent a {
	text-decoration:none;
	display:block;
	margin:0 16px;
	padding:12px 4px 12px 8px;
	font-size:14px;
	color:#51b6e2;
	border-bottom:1px solid #e0f2fa;
	white-space:nowrap;
	overflow:hidden;
}

#navcontent .news_items a {
	white-space:normal;
/*	overflow:hidden;*/
}

#navcontent a:hover {
/*	color:#51b6e2;*/
	color:#11a5dc;
}

#navcontent #activepage a, #navcontent #activepage a:hover {
	color:#11a5dc;
	background:url(images/active_rond.gif) no-repeat 4px center;
	padding-left:16px;
}

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

#content b {
	color:#111;
}

#content a {
/*	text-decoration:none;*/
	color:#8ea82a;
	color:#49a3cb;
	color:#285b71;
}

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

#content a.external {
	background:transparent url(images/external1.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_rond.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 .ast { color:#b1d235; }

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

.news_lees_verder { white-space:nowrap; }

.news_date {
color:#8ecce7;
font-style:italic;
font-family:Georgia;
}

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

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

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

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; }