/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*United Knowledge 2008 - Keizersgracht 74 - 1015 CT Amsterdam - tel. 020-5218300
// http://www.unitedknowledge.nl
// Auteur: Hans Kreuger
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*Contentpagina wijzigingen t.o.v. standaard css:
-#subnavigatie items 30 px korter
-kolommen 40px smaller (170px, brede kolom 340px)
-achtergrondplaatjes kolommen 756px breed
-inputvelden in content nu in % //generiek, ook in standaard.css
-div#contentboxDossier 560px
-div#inhoudbox 776px
-#footer 776px
-#hoofdnavWrapperPayOffpagina achtergrond
-#hoofdnavigatieBox 776px
-div#navigatie 776px
-#payOffWrapper 776px
-#payOffBox 776px
-#logoWrapper achtergrond
-#logoBox 776px
-#huishoudbox achtergrond
-ul#hoofdMenu z-index: 1; 

Homepagina extra wijzigingen:
#inhoudWrapper_payOff achtergrond
div#contentLinksHomepage 165px
div#contentRechtsHomepage 165px
div#onderwerpenHomeWrapper 175px, margin-right: -165px
div#HomeTongOnderwerpen 160px
div#HomeTongOnder 160px
div#contentBreedHomeTong 350px, margin: 50px 10px auto 28px;
-ul#hoofdMenu z-index: 1; 


*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/



div#contentbox { /* normale pagina's 4 kolomgrid */
	/*width: 940px;*/
	width: 776px;
	position: relative; /* voor HomeTongOnderwerpen */
	margin: 0;
}
div#contentboxDossier { /* kolom links buiten conentbox //content komt voor menu */
	float: right;
	/*width: 700px;*/
	width: 560px;
	margin: 0;
	display: inline;
}

div#kolom1 {
	float: left;
	width: 210px;
	margin: auto 20px auto 28px;
	padding: 0; 
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
	display: inline;
}
#subnavigatieKolom {
	float: left;
	width: 230px;
	margin: auto 20px auto 8px;
	padding: 0; 
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
	display: inline;
}
div#contentLinksHomepage { /* 1e kolom homepage */
	float: left;
	/*width: 210px;*/
	width: 165px;
	margin: auto 20px auto 28px;
	padding: 0; 
	margin-top: 50px;
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
	display: inline;
}

div#kolom2 {
	float: left;
	width: 210px;
	margin-right: 20px;
	padding: 0;  
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
}
div#contentRechtsHomepage { /* 2e kolom homepage */
	float: left;
	/*width: 210px;*/
	width: 165px;
	margin-right: 10px; /* ruimte voor tongmenu */
	padding: 0;  
	margin-top: 50px;
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
}
div#contentBreed, div.zoekpaginalinks, div.docpaginalinks {
	float: left;
	/*width: 440px;*/
	width: 340px;
	margin-right: 20px;
	padding: 0; 
	/*overflow: hidden;*/ /* voor te brede content <-IE7 //staat uit wegens de Activiteitenkalender */
}
div#contentBreedHomeTong {
	float: left;
	margin: 50px 10px auto 28px;
	overflow: hidden;
	padding: 0;
	width: 350px;
	display: inline; /* < IE7 */
}
div#contextKolom, div.zoekpaginarechts, div.docpaginarechts {
	float: left;
	/*width: 210px;*/
	width: 170px;
	padding: 0;
	overflow: hidden; /* voor te brede content <-IE7 */
	margin-right: -210px; /* IE5.5 //voor als er een 4e kolom is */
}
div#onderwerpenHomeWrapper { /* homepage met tongmenu */
	float: left;
	/*width: 220px;*/ /* bredere kolom voor tongmenu */
	width: 175px; /* bredere kolom voor tongmenu */
	padding: 0; /* IE5.5 boxmodel 10px aanpassen */
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #fff;
	/*margin-right: -210px;*/ /* IE5.5 */
	margin-right: -165px; /* IE5.5 */
	margin-top: -50px;
}
div#HomeTongOnderwerpen { /* homepage met tongmenu */
	padding: 100px 10px 0 10px; /* IE5.5 boxmodel 10px aanpassen */
	overflow: hidden; /* voor te brede content <-IE7 */
	/*width: 200px;*/
	width: 160px;
}

div#HomeTongOnder {
	padding: 10px 10px 0 10px;
	/*width: 200px;*/
	width: 160px;
}
* html div#HomeTongOnderwerpen, * html div#HomeTongOnder { /* IE5.5 boxmodel */
  width: 220px;
  w\idth: 200px;
}

#kolom4 {
	float: right;
	margin: 0 12px auto auto;
	padding: 0;
	width: 210px;
	display: inline; /* dubbele margin bug <-IE7 */
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
}
#contextHome {
	float: right;
	/*margin: 0 12px auto auto;*/
	margin: 0 28px auto auto;
	padding: 0;
	margin-top: 50px;
	/*width: 210px;*/
	width: 165px;
	display: inline; /* dubbele margin bug <-IE7 */
	overflow: hidden; /* voor te brede content <-IE7 */
}
#kolom4Dossier {
	float: right;
	margin: 0 30px auto auto;
	padding: 0;
	width: 210px;
	display: inline; /* dubbele margin bug <-IE7 */
	overflow: hidden; /* voor te brede content <-IE7 */
	background: #ccc;
}
#footer {
	clear: both;
	padding-top: 12px;
	height: 70px;
	background: url(/images/bg_footer-800.gif) bottom no-repeat;
}



/* pagina content */
#sublijn {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 10px;
	left: 0;
	top: 166px;
	z-index: 1;
	background: url(/images/bg_links_rechts_topkleur_800.gif) repeat-y scroll center top;
}
#sublijn_payoff {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 10px;
	left: 0;
	top: 196px;
	z-index: 1;
	background: url(/images/bg_links_rechts_topkleur_800.gif) repeat-y scroll center top;
}
#inhoudWrapper { /* container voor inhoud */
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 176px;
	background: url(/images/bg_links_rechts_blank_800.gif) repeat-y scroll center top;
}
#inhoudWrapper_payOff { /* container voor inhoud */
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 206px;
	background: url(/images/bg_links_rechts_blank_800.gif) repeat-y scroll center top;
	z-index: 1;
}
* html #inhoudWrapper_payOff { /* TEST */
	left: -194px;
}


#inhoudBox {
	margin: 0 auto 0 auto;
	/*width: 956px;*/
	width: 776px;
	text-align: left;
}
* html #inhoudBox { /* IE5.5 en IE6 */
	padding-left: 2px; padd\ing-left: 3px;
}	






*:first-child+html #inhoudBox { /* IE7 */
	padding-left: 3px;
}

/* logo bzk */
#logoWrapper { /* container voor logo */
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 21px;
    background: url(/images/bg_logo-800.gif) no-repeat top center;   
}
#logoBox {
    margin: 0 auto 0 auto;
    width: 776px;
    height: 95px;
}   
#logoBox img {
    margin-top: 8px;
}

/* payOff */
#payOffWrapper {
	position: absolute;
	width: 100%;
	left: 0;
	top: 116px;
}
#payOffBox {
	margin: 0 auto 0 auto;
	/*width: 920px;*/
	width: 742px;
	height: 30px;
	padding-left: 20px;
}	



	
/* hoofdmenu */
#wrapper { /* container voor hoofdnav */
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 116px;
	background: url(/images/bg_links_rechts_kleur.gif) repeat-y top center;
}
#hoofdnavWrapperPayOffpagina{ /* container voor hoofdnav */
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 146px;
	background: url(/images/bg_links_rechts_kleur-800.gif) repeat-y top center;
}

/* algemene lijstopmaak hoofdNavigatie */
#hoofdnavigatieBox {
	margin: 0 auto 0 auto;
	/*width: 956px;*/
	width: 776px;
	height: 60px;
	height: 50px;
	position: relative; /* voor zoekmenu */
}	

div#navigatie {
	margin: 0 auto 0 auto;
	/*width: 956px;*/
	width: 776px;
}

ul#hoofdmenu {
	z-index: 1; /* voor 800res pagina's */
}


/* huishoud menu */
#huishoudboxWrapper { /* container voor hoofdnav */
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 6px;
}
/* algemene lijstopmaak in de kop */
#huishoudbox {
	margin: 0 auto 0 auto;
	/*width: 920px;*/
	width: 742px;
}


.navigatieOnder {
	margin: 0 auto 0 auto;
	height: 10px;
	width: 906px;
	background: #9966FF;
	clear: both;
}


/* subnavigatie */
/*** positionering navigatie ****/
div#subnavigatie {margin: 0 0 0 7px; padding-top: 50px;}

/* positionering navigatie */
#subnavigatie ul {float: left; width:209px; list-style:none; margin:0; padding: 0;}

/* positionering navigatie */
#subnavigatie li {float: left; width:189px; margin:0; padding:0; }

/**** nivo1 geselecteerd ****/
#subnavigatie ul li.act {background: url(/images/li-act-bg-ro.gif) 0 0; padding: 3px 0 5px 31px; width: 189px; w\idth: 158px;}

/**** nivo2 geselecteerd ****/
#subnavigatie ul li.open li.act, #subnavigatie ul li.openact li.act {background: url(/images/li-act-bg-ro.gif) 10px 0; padding: 3px 0 5px 41px; width: 148px;}
* html #subnavigatie ul li.open li.act {background: url(/images/li-act-bg-ro.gif) 10px 0; padding: 3px 0 5px 41px; width: 189px; w\idth: 148px;}

/**** nivo1 link 800****/
#subnavigatie li a {float: left; color: #000; /*width: 100%; */background:url(/images/li-act-bg.gif)  0 0 no-repeat; display:block; text-decoration: none; display:block; width: 189px; w\idth: 158px; line-height:1.25em; padding:3px 0 5px 31px;}


/**** nivo1 link hover ****/
#subnavigatie a:hover { background: url(/images/li-act-bg-ro.gif) 0 0 no-repeat; }

/**** nivo1 open link // ****/
#subnavigatie li.open a { background: url(/images/li-act-bg-open.gif) 0 -0.1em no-repeat; display:block; text-decoration: none; width: 158px; line-height:1.25em; padding:3px 0 5px 31px;}
#subnavigatie li.open a:hover { background: url(/images/li-act-bg-open-ro.gif) 0 -0.1em no-repeat; display:block; text-decoration: none;width: 189px; w\idth: 158px; line-height:1.25em; padding:3px 0 5px 31px;}

/**** nivo1 open geselecteerd // ****/
#subnavigatie ul li.openact span{background: url(/images/li-act-bg-open-ro.gif) 0 0; padding: 3px 0 5px 31px; /*width: 198px;*/ display: block;}

/**** nivo1 open geselecteerd nivo2 link // ****/
#subnavigatie li.openact ul li a { background: url(/images/li-act-bg-nivo2.gif) 0 0 no-repeat; padding: 0 0 0 11px; width: 178px;}
#subnavigatie li.openact ul li span { background: none;}

/**** nivo1 open geselecteerd nivo2 link hover // ****/
#subnavigatie li.openact ul li a:hover { background: url(/images/li-act-bg-nivo2-ro.gif) 0 0 no-repeat; padding-left: 11px; width: 189px; w\idth: 178px;}

/**** nivo1 open nivo 2 link // ****/
#subnavigatie li.open ul li a { background: url(/images/li-act-bg-nivo2.gif) 0 0 no-repeat; padding-left: 41px; width: 148px;}

/**** nivo1 open nivo 2 link hover // ****/
#subnavigatie li.open ul li a:hover { background: url(/images/li-act-bg-nivo2-ro.gif) 0 0 no-repeat; padding-left: 41px; width: 189px; w\idth: 148px;}

/* einde stijlen voor linkermenu */

.disclaimer .contentBlok {
width:776px;
}