@import url("home.css");
@import url("klanten.css");
@import url("contact.css");
@import url("contact_ref.css");
@import url("event.css");
/*@import url("training.css");*/
@import url("tree.css");
@import url("search.css");

/*SITE*/
* {margin:0; padding:0;list-style:none;outline:0;}
html {overflow-y: scroll;}
body {text-align:center; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; background:#FAFBFC url(../images/background.png) repeat-x fixed;}
a {color:#00305C; text-decoration:none;}
a:hover {text-decoration:underline;}
#active a, #activepage a {cursor: default;background:#00305C;}
/*span {visibility:hidden;}*/
.pointer {cursor: default}
img {border:0}
hr {height:0;border:0;border-top:1px solid #DDE4EE;}


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



/*CONTAINER MAINS*/
#main_container_top, #main_container_bottom {height:16px; width:100%; background:no-repeat;}
#main_container_top {background:url(../images/maintopround.png);}
#main_container {background:url(../images/main.png); padding:8px 24px;}
#main {height:auto; width:720px;}
#main_container_bottom {background:url(../images/mainbottomround.png);}



/*HEADER*/
#header {width:100%; height:128px; background:#FFF;}
#header .brand {width:131px; height:100%; float:left; padding-left:32px; background:url(../images/logo_nahw.png) no-repeat 32px;}
#header .brand a, .brand a:hover {display: block; height:100%; width:100%; text-decoration:none;}
#header .brand span {visibility:hidden;}
#header .navhead {width:512px; height:100%; float:right; position:relative; overflow:hidden;}
#header blockquote{ visibility:hidden;}
#header blockquote p { font: lighter 1.1em/16px Georgia, "Times New Roman", Times, serif; font-style:italic; text-indent: 2em; color: #333333; margin:1em .5em .5em 0;}
#header h1 { font: normal 1em/16px Arial, Helvetica, sans-serif;color:#00305C;}
#header li {font-size:11px; color:#00305C; background:#FFF; float:left; padding:0 8px; border-right:#000 1px solid;}
#header ul {position:absolute; bottom:0; right:-8px;}
#header ul #activepage a, #header ul #activepage a:visited {background:white;text-decoration:none;}

#header .quote1 {background: url(../images/quote1.png) no-repeat;}
#header .quote2 {background: url(../images/quote2.png) no-repeat;}
#header .quote3 {background: url(../images/quote3.png) no-repeat;}
#header .quote4 {background: url(../images/quote4.png) no-repeat;}
#header .quote5 {background: url(../images/quote5.png) no-repeat;}
#header .quote6 {background: url(../images/quote6.png) no-repeat;}
#header .quote7 {background: url(../images/quote7.png) no-repeat;}
#header .quote8 {background: url(../images/quote8.png) no-repeat;}
#header .quote9 {background: url(../images/quote9.png) no-repeat;}

#header .banner a {display:block; text-decoration:none; background: url(../images/ogodag_banner2.png) no-repeat 30px 10px; width:510px; height:107px; display:none;}



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



/*NAV MAIN*/
#navmain {
height: 32px;
font: 14px/32px Arial,Verdana,Helvetica,sans-serif;
text-transform: uppercase;
letter-spacing:0;
position:relative;
background:white;
margin:16px 0;
}

#navmain ul {
position:absolute; left:-16px; background:#EC7A08 url(../images/nav_bg.png) bottom left repeat-x; width:752px;
}
#navmain li {
display: inline;
float: left;
}
#navmain li a {
padding: 0 14px;
color:#FFF;
display: block;
overflow: hidden;
}
#navmain li a:hover {
background:#00305C;
text-decoration: none;
}



/*NAV CONTENT*/
#navcontent {
font: 12px/20px Arial,Verdana,Helvetica,sans-serif;
text-transform:uppercase;
float:left;
width:224px;
overflow:hidden;
padding-bottom:32px;
}
#navcontent ul {background:#DDE4EE url(../images/nav_content_bottom.gif) no-repeat bottom;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;
border-left:8px solid #00305C;
padding-left:12px;
}
#navcontent li#activepage a, #navcontent li#activepage a:hover {
background:#00305C;
color:white;
text-decoration:none;
padding-left:12px;
border-left:8px solid #00305C;
outline:1px solid #00305C;
}

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



/*CONTENT*/
#content {
	color:#2E2E2E;
	float:right;
	width:480px;
	min-height:300px;
	padding-bottom:32px;
	border-bottom:0px solid #DDE4EE;
	background:white;
}

#content a {
	text-decoration: underline;
}

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

#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;
}
h1, h2, h3, h4 {font:normal 24px/1em Arial,Verdana,Helvetica,sans-serif;color:#00305C;margin-bottom:0;text-transform: uppercase;}
h1 {
	font-weight:bold;
	letter-spacing:-1px;
	padding-bottom:8px;
}
h2 {
	font-size:18px;
	font-weight:bold;
	padding:32px 0 8px 0;
}
h3 {
	font-size:16px;
	padding:16px 0 8px 0;
}
h4 {
	color:#3A5875;
	font-size:13px;
}
q {
	font-style:italic;
}
#content .note {
	padding:16px 20px;
	background:#DDE4EE url(../images/asterisk.gif) no-repeat 4px 12px;
	color:#00305C;
	font-style:italic;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .inschrijf {
	width:190px;
	position:absolute;
	top:8em;right:0;
	background-image:none;
}


span.name, span.ast {
	visibility:visible;
	color:#3A5875;
}

#content ul li {
	padding:0 0 6px 24px; background: url(../images/bullet.gif) no-repeat 8px 7px;
}
#content ul li ol li {
	background:none;
}
#content ol li {
	margin-left:3em;;padding:0 0 .5em .5em;list-style:decimal;
}

#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 #DDE4EE;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:#00305C;margin-bottom:8px;text-transform:uppercase;
}
dt.news_head a {
	text-decoration:none !important;
}
dt.news_date {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	clear:both;
	padding-top:16px;
	color:#3A5875;
}
.more_news, .more_news a {
	text-align:center;margin-bottom:-24px;
/*	color:#3A5875;*/
	padding:2px;
}
.more_news b {
	color:#3A5875;
	cursor:default;
}

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


dl.tree span {
	visibility:visible;
}

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

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

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

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 7px;}
.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 #DDE4EE; 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, Helvetica, sans-serif;
	height:50px;
	width:720px;
	margin-top:32px;
	padding-top:8px;
	border-top:0px solid #DDE4EE;
	background: url(../images/itp_partners.png) no-repeat 240px 8px;
	display:none;
}

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

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

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

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

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