/* ============================================ */
/* Lectoraat Kennisbank website                 */
/* Website styles                               */
/* Medium: screen                               */
/* -------------------------------------------- */
/* Copyright Hic et Nunc                        */
/* www.hicetnunc.nl - info@hicetnunc.nl         */
/* ============================================ */

/* mac hide\*/
html, body { height:100%; }
/* end hide */
body { 
	margin: 0;
	padding: 0;
	font: 62.5% normal Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background-color: #fff;
}

#printHeader { display: none; }

#outerWrapper {
	position: relative;
	height: 100%;
	min-height: 100%;
	width: 951px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
html>body #outerWrapper{ height:auto; } /*for mozilla as IE treats height as min-height anyway*/

#header {
	width: 100%;
	height: 108px;
	margin-bottom: 27px;
	padding: 0;
	background-image: url(../images/header.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#header #kennisbankLink {
	position: absolute;
	top: 12px;
	left: 775px;
}

#contentWrapper {
	float: right;
	width: 720px;
	font-size: 1.2em;
}

/* centreContent is used in 3-column layout */
#centreContent {
	width: 480px;
	float: left;
	padding: 0;
	padding-bottom: 32px; /* needed to make room for footer */
}
#centreContent p {padding-left:3px}

#rightBar {
	position: relative;/*ie needs this to show float */
	float: right;
	margin-right: 3px;
	width: 212px;
	padding: 0;
	padding-bottom: 32px; /* needed to make room for footer */
}

#footer {
	clear: both;
	margin-left: 240px;
	width: 707px;
	height: 28px;
	padding-top: 10px;
	color: #346d14;
	text-align: center;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
}
* html #footer {/*only ie gets this style*/
	\height:30px;/* for ie5 */
	he\ight:28px;/* for ie6 */
}
div, p  {margin-top:0}/*clear top margin for mozilla*/


#clearfooter { 
	width: 100%;
	height: 10px; 
	clear: both;
} /* to clear footer */

/****** LAYOIUT DIV's *******/

#headerSearchForm {
	position: absolute;
	top: 90px;
	left: 505px;
}
#headerSearchForm input {
	margin: 0;
	padding: 1px 1px 0 3px;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: bottom;
	border: 1px solid #76a016;
}
#headerUtils {
	position: absolute;
	top: 85px;
	left: 740px;
	color: #fff;
	letter-spacing: 1px;
}

#headerUtils a:link, #headerUtils a:visited {
	color: #c7e5b2;
}
#headerUtils a:hover {
	color: #fff;
	text-decoration: underline;
}

/* breadcrumb */
#breadcrumb {
	margin: 0 0 2em 0;
	padding: 0;
	font-size: .8em;
	color: #999;
}
#breadcrumb a {
	color: #999;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #000;
	text-decoration: underline;
}

/* LEFT BAR */

#leftBar {
	position: relative; /* ie needs this to show float */
	float: left;
	width: 212px;
	padding: 0;
	padding-bottom: 30px; /* make room for footer */
	font-size: 1.1em;
	background-image: url(../images/navigatie_footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #e8f7c6;
}
#leftBar #heading {
	width: 212px;
	height: 29px;
	background-image: url(../images/navigatie_header.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid white;
}
#leftBar #footer {
	width: 212px;
	height: 24px;
	background-image: url(../images/navigatie_footer.png);
	background-repeat: no-repeat;
	border: none;
}

/* left bar menu */

#leftBarMenu {
	margin: 1em 0 1em 11px;
	padding: 0;
	list-style: none;
}
#leftBarMenu li { 
	margin-top: .7em;
	font-weight: bold;
}
#leftBarMenu li a {
	padding-left: 1.7em;
	background-image: url(../images/nav_bullets_0.gif);
	background-color: transparant;
	background-repeat: no-repeat;
	background-position: 0 .1em;
}
#leftBarMenu li a.selected {
	color: #000;
	background-image: url(../images/nav_bullets_1.gif);
}
/* 2nd level */
#leftBarMenu ul {
	margin-top: .5em;
	list-style: none;
}
#leftBarMenu li li {
	margin-top: 0;
	margin-left: .4em;
	font-weight: normal;
	line-height: 1.4em;
}
#leftBarMenu li li a { 
	padding-left: 1em;
	background-image: url(../images/nav_bullets_sub.gif);
	background-color: transparant;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}
#leftBarMenu li li a:hover, #leftBarMenu li li a.selected {
	color: #000;
	background-image: url(../images/nav_bullets_sub.gif);
	background-position: 0 -.8em;
}

/* right bar styles */

#kennisbankBanner {
	padding-bottom: 30px;
	font-size: 1em;
	font-weight: normal;
	background-image: url(../images/kennisbank_banner_footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #85c8de;
}
#kennisbankBanner #heading {
	width: 212px;
	height: 29px;
	background-image: url(../images/kennisbank_banner_header.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid white;
}
#kennisbankBanner p {
	padding: 10px;
}

#rightBar .divider {
	width: 212px;
	height: 10px;
	background-image: url(../images/rightBar_divider.png);
	background-repeat: no-repeat;
}

#rightBar h1 {
	margin: 1em 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	color: #b2d21d;
	text-transform: uppercase;
}
#rightBar p {
	font-size: .95em;
}

/* right column utilities */

#rightcolumn_utils ul {
	margin: 2em 0 1em 10px;
	padding: 0;
	list-style: none;
}

/* livepipe modal window */
#control_overlay { background-color: #000; }
.window {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	/*
	font-family:"Lucida Grande",Verdana;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	min-width:150px;
	min-height:100px;
	*/
	background-color: #fff;
}
html>body .window { 
	border: 1px solid #898989;
}
.window .window_contents {
	margin-top: 10px;
	/*
	width:100%;
	height:100%;
	*/
}
.window .window_header { text-align: center; }
.window .window_title {
	margin-top: -7px;
	margin-bottom: 7px;
	font-size: 11px;
	cursor: move;
	background-color: #000;
}
.window .window_close {
	display: block;
	position: absolute;
	top: 4px;
	right: 5px;
	height: 32px;
	width: 32px;
	background-image: url("../images/modal_window_close.gif");
	cursor: pointer;
}
.modal {
	background-color:#fff;
	padding:50px;
	font-size:300em;
	color:#fff;
	border: double; 
	border-color: red;
}