/*  Bruin: 9b918c,
	Donkerblauw: #122651
	Beige: #E3D3AA
	achtergrondkleur: #F3F6F7
	hover-kleur: #25358f
*/
body,#main,#header,#footer,table,p,a,div,input,textarea,  #content, #content td {font-family: Arial; font-size: 13px; color: #000000}
body {margin:0px; background-color:#f3f6f7; overflow-y:scroll}
body.wizard {background-color:#ffffff; overflow-y:hidden}

form {margin:0px}
ol, ul {margin:0px;padding:0px}
ol li, ul li {margin-left:18px;text-indent:0px;padding:0px}
.content ol li, .content ul li {margin-left:12px;}
.box li a {text-decoration:none}
.box li a:hover {text-decoration:underline}

/* Page framework */
#main {width:964px; left:50%; position:absolute; top:0px; margin-left:-482px }
#kader_content { }
#kader_content.breed { width:964px }
#kader_content.breed #links { width:964px !important }
#kader_content.breed #rechter_kolom { width:795px !important }
#kader_content.breed #container {background-image:none}

#pageheader { background-image:url(images/interface/header.gif); background-position:left bottom; background-repeat:no-repeat; width:964px; height:70px } 
#pageheader #payoff { position:relative; top: 52px; width:320px; left:140px; font-size:12px; color:#C8B270}
#pageheader #taal { color:#122651; left:660px; position:relative; top:55px; width:285px; text-align:right}
#pageheader #taal a { text-decoration:none; padding-left:24px; color:#9b918c}
#pageheader #taal a:hover {color:#25358f;text-decoration:underline}
#pageheader #taal a.active {color:#122651}
#pageheader #zoekvak {left:696px; position:relative; top:64px; height:21px; width:250px; text-align:right} 
#pageheader #zoekvak input.zoekterm {float:left; display:inline-block; height:21px; width:202px; border-right:0px; border-left:1px solid #cecece; border-top:1px solid #cecece; border-bottom:1px solid #cecece} 
#pageheader #zoekvak input.button {float:right; display:inline-block; height:21px; padding-bottom:2px; background-color:#e3d3aa; color:#122651; width:48px; font-size:12px; border:1px solid #e3d3aa} 

td.searchtitle {font-weight:bold}

div#links   { float:left; padding-left:15px; padding-bottom:20px; width:697px; background-color:#ffffff; background-image:url(images/interface/sh_rechts.gif);background-repeat:repeat-y;background-position:right}
div#links #linker_kolom   { width:150px; float:left}
.homepage div#links #linker_kolom   { width:260px}
.breed div#links div#rechter_kolom  { padding-right:20px }
div#links div#rechter_kolom { padding-left:14px;padding-right:17px; float:right}

div#rechts { position:absolute; left:50%; margin-left:210px; background-color:#ffffff; top:113px; width:272px; background-image:url("images/interface/sh_rechts.gif");background-repeat:repeat-y;background-position:right}
div#rechts div#container { height:100%; padding-bottom:18px; padding-left:4px; background-image:url("images/interface/hoekje_kaderrechts.gif"); background-repeat:no-repeat; background-position:1px bottom}
div#rechts div#container div.box div.content { width:249px}
div#kadercontent.breed div#rechts { background-color:transparent }

/* kaders helemaal rechts naast het beeld fixeren qua hoogte */
div#container div.box { width:249px !important}
div#container div.box .content {width:249px !important; height:57px; padding-top:8px}
div#container div.box .hoekje {left:249px !important; top:89px !important}
/* custom kaders mogen juist weer in hoogte varieren */
div#container div.custom .content{ height:auto !important; border-bottom:0px !important; padding-bottom:0px; margin-bottom:0px}
div#container div.custom .bottom { width:249px; padding-bottom:12px; height:19px; background-image:url("images/interface/content_bottom.gif"); background-repeat:no-repeat; margin-top:-9px; border-left:1px solid #9b918c; background-position:right bottom}

/* databas.niwo.nl overwrites */
h2.database { display:none }
td.content_rechts { display:none }
td p { margin-top:0px; padding-top:0px;margin-bottom:0px;padding-bottom:0px }
div.intro_spacer { height:12px; overflow:hidden }
table.zoekform .button  {padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px}

/* kolom onder het beeld (die weer in links en rechts is onderverdeeld) */
.homepage div#links #rechter_kolom   { width:421px }
.breed div#links #rechter_kolom #content {width:100%}
div#links #rechter_kolom #content { width:500px; border:1px solid #9b918c; border-bottom:0px; padding-left:10px; padding-top:10px; padding-right:10px; line-height:19px }
strong { font-weight:bold; color:#122651 }
div#links #rechter_kolom #header { background-image: url("images/interface/kader_top_links_grijs.gif"); background-repeat:no-repeat; background-position:left top; width:500px; height:32px; padding-left:12px; padding-top:7px}
.contentpage div#links #rechter_kolom #header { background-image: url("images/interface/kader_top_links_grijs_wide.png")}
div#links .bottom { width:100%; padding-bottom:12px; height:19px; background-image:url("images/interface/content_bottom.gif"); background-repeat:no-repeat; margin-top:-9px; border-left:1px solid #9b918c; background-position:right bottom}
div#links  #content, div#links #tabs_content  { width:100%; border:1px solid #9b918c; border-top:0px; border-bottom:0px; padding-left:10px; padding-top:10px; padding-right:10px; line-height:19px }
div#links #header { background-image: url("images/interface/kader_top_grijs_very_wide.png"); background-repeat:no-repeat; background-position:left top; width:664px; height:32px; padding-left:12px; padding-top:7px}
div#links #header.tabs { background-image: url("images/interface/kader_top_grijs_wide_tabs.png")}
h1 { padding:0px !important; margin:0px !important; font-weight:normal !important; font-size:15px !important; color:#122651 !important}

.submenu  { width:100%; margin-bottom:20px; }
.submenu div.indent {display:inline-block; float:left}
.submenu .menu_ssm a,.submenu .menu_sm a  {text-decoration:none;color:#000000}
.submenu .menu_sm { padding-bottom:6px }
.submenu .menu_ssm { padding-left:16px; padding-top:3px; padding-bottom:3px; background-image:url(images/interface/bullet2.png); background-repeat:no-repeat; background-position:3px 2px;} 
.submenu a.active { color:#25358f }
.submenu a:hover { color:#25358f }

#menu {padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:10px; background-color:#ffffff; background-image:url(images/interface/sh_rechts.gif);background-repeat:repeat-y; background-position:right}
#menu a {text-decoration:none}
#menu a:hover span.menu_item  {color:#25358f}
#menu span {padding-right:19px; font-size:15px; font-weight:bold}
#menu span.menu_item {color:#9b918c}
#menu span.menu_item_active {color:#122651}

.breed #footer {width:964px}
#footer { background-color:#FFFFFF;padding-left:14px;padding-right:16px;width:697px;background-position:top right;background-image:url(images/interface/sh_rechts.gif);background-repeat:repeat-y }
#footer div#left { display:inline}
#footer div#right { float:right; color:#122651; font-weight:bold; font-size:12px}
#footer a { color:#122651; font-weight:bold; font-size:12px; text-decoration:none}
#footer a:hover {color:#25358f; text-decoration:underline}
#footer span.divider { background:url("images/interface/divider.gif") no-repeat scroll center center #FFFFFF; width:20px; height:9px; display:inline-block }

.box { line-height:18px;margin-bottom:15px}
.box .hoekje {background-image:url("images/interface/hoekje_br.gif"); background-repeat:no-repeat; height:19px; left:100%; margin-left:-19px; margin-top:-19px; position:relative; top:174px; width:19px}
.box .header {background-repeat:no-repeat; font-weight:normal; font-size:15px; color:#122651; width:260px; height:32px; padding-left:12px; padding-top:7px}
.box .content {width:260px; padding:11px; border:1px solid #9b918c; height:142px; color:#000000; overflow:hidden;}
.box .content a {font-weight:bold; color:#122651; font-weight:bold; text-decoration:none}
.box .content a:hover {color:#25358f; text-decoration:underline}
.darkblue .header {background-image: url("images/interface/kader_top_links_dblauw.gif"); color:#ffffff !important}
.grijs .header {background-image: url("images/interface/kader_top_links_grijs.gif")}
.grijsrechts .header {background-image: url("images/interface/kader_top_rechts_grijs.gif")}
.beigerechts .header {background-image: url("images/interface/kader_top_rechts_beige.gif")}
.clean .content {border-top:0px; width:390px}
.clean .header {background-image: url("images/interface/blokje_open.gif"); width:390px; height:33px; padding-top:9px}
.clean .hoekje {top:175px}
.wide .header {width:664px;background-image:url("images/interface/kader_top_grijs_very_wide.png")}
.wide .content {width:664px; height:auto}

body.wizard div#container { }
body.wizard div#vraag {text-align:left; font-size:15px; color:#122651}
body.wizard div#antwoorden {text-align:left}
body.wizard div#antwoorden a {text-decoration:none; text-align:center; width:80px; height:24px; font-size:12px; color:#ffffff; font-weight:bold; background-color:#122651; display:inline-block; padding:6px; margin-right:20px; margin-top:20px}
body.wizard div#antwoorden a:hover {color:#000000; background-color:#cccccc}
body.wizard div#info {text-align:left; font-size:12px; color:#000000}
body.wizard div#info a {text-align:left; font-size:12px; color:#000000}

/* Homepage beelden */
#homepagebeeld {background-repeat:no-repeat; margin-bottom:15px; height:192px; width:664px}
#homepagebeeld img {height:192px; width:664px}
#vervolgpaginabeeld {background-repeat:no-repeat; margin-bottom:15px; height:89px; width:664px}
#vervolgpaginabeeld img {height:89px; width:664px}

div#bottomshadow {display:block; width:700px; height:12px; background-image:url("images/interface/sh_bottom.gif"); background-position:right top}
.breed div#bottomshadow {width:967px}

/* scroller interviews op homepage */
#scroll_container {height:112px;width:365px;overflow:hidden}
#scroll_container a {text-decoration:none}
#scroll_items { height:112px;width:100%;overflow:hidden;float:left;width:345px}
#scroll_items span.scroll_item {height:112px;width:100%;overflow:hidden;cursor:pointer}
#scroll_items span.scroll_item  img{ }
#scroll_items  a {font-weight:normal}
#scroll_arrows {float:right;width:20px;height:112px;display:inline;background-image:url("images/interface/arr_bg.gif");background-repeat:repeat-y;background-position:1px center}
#scroll_arrows img {height:12px;width:11px;border:0px}
#scroll_arrows div.top {position:relative;top:-5px}
#scroll_arrows div.bot {position:relative;top:100%;margin-top:-35px}
#scroll_arrows a  span#down {display:block;width:20px;height:20px;background:url(images/interface/arr_down_off.gif) no-repeat}
#scroll_arrows a:hover span#down {display:block;width:20px;height:20px;background:url(images/interface/arr_down_on.gif) no-repeat}
#scroll_arrows a  span#up {display:block;width:20px;height:20px;background:url(images/interface/arr_up_off.gif) no-repeat}
#scroll_arrows a:hover span#up {display:block;width:20px;height:20px;background:url(images/interface/arr_up_on.gif) no-repeat}
.placeholder {text-align:right; float:right; margin-left:8px;margin-right:8px; height:100px; width:100px; background-repeat:no-repeat; background-position:bottom right}
.placeholder img { position:relative; top:61px; border:0px }

div.faq div.listitem, div.faq div.listitem_ingeklapt { margin-bottom:0px}
div.faq div.listitem_ingeklapt div.details{ display:none }
div.faq div.listitem {}
div.faq div.vraag { padding-left:16px; cursor:pointer; background-position:left 4px; background-repeat:no-repeat; text-decoration:none; font-weight:bold}
div.faq div.listitem div.vraag { background-image:url(images/interface/faq_minus.gif) }
div.faq div.listitem div.details{ padding-left:16px; background-image:url(images/interface/faq_details.gif);background-position:-3px top; background-repeat:no-repeat}
div.faq div.listitem_ingeklapt {}
div.faq div.listitem_ingeklapt div.vraag { background-image:url(images/interface/faq_plus.gif); background-repeat:no-repeat }

#tabs { width:100%; height:27px; overflow:hidden }
#tabs ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	height:27px; 
	border-bottom:1px solid #9b918c;
}

#tabs ul li {
	display:inline;
	margin:0 5px 0 0;
	padding:0 0 5px;
	height:27px; 
}

#tabs li.active {}

#tabs a.tablink {
	display:inline-block;
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:12px;
	border-left:1px solid #9b918c;
	cursor:pointer;
	height:27px; 
}
  
#tabs a.tablink div {
	float:left;
	display:block;
	background:url(images/interface/tabright.gif) transparent no-repeat 100% -42px;
	padding:6px 14px 4px 10px;
	color:#000000;
	height:27px; 
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a.tablink div {float:none;}
/* End IE5-Mac hack */
#tabs a.tablink:hover div {
  background-position:100% 0px;
}
#tabs a.tablink:hover {
  background-position:left top;
}  
#tabs li.active a.tablink div { background-position:100% 0px;}
#tabs div.tab_inhoud {position:relative; display:none}

/* Generic clearfix */
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%}