@charset "utf-8";
/* samenland versie 4 maart 05, css XHTML strict voor standaardbrowsers; inclusief workarounds voor IE5 (let op kent > childselector) en IE6 */
/* , apart IE5 css,  apart kleur.css  */

/* hoofdstructuur*/	
* {
padding:0em;
margin:0em;
}

html{
height:100%;
}

body {
	behavior:url(csshover.htc);/*  behavior voor IE5+ om li:hover te simuleren*/
	width:98%;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	text-align: center;
	height:100%
}	

div#container{
	position:relative;  /*needed for footer positioning*/
	width:70em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0em;
	padding: 0em;
	text-align: left;
	border: 1px solid #42A04D;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
	}
	
div#content {
	text-align:left;
	margin-left:11em;
	margin-top: 0em;
	z-index:5; /* definitie width is workaround voor IE5+ omdat anders plaatjes met float achter de background verdwijnen, let op em kan alleen als in body % staat*/
	margin-right: 11.1em;
	background-color: #FFFFF0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom:1.2em;
	min-height:35em;
	background-repeat: repeat;
	border-left-style: solid;
	height: 100%;
	}
	
div#menu {
	float:left;
	width:11em; /* in em uitdrukken voor schaalbaarheid*/
	left:0em;
	top:0em;
	z-index: 1000;
	padding-right: 0em;
	padding-left: 0em;
	margin-bottom:1.2em;
	padding-top: 80px;
}

div#rechtermenu{
	width:11em;
	right:0em;
	top:0em;
	text-align: center;
	float: right;
	padding-right: 0em;
	padding-left: 0em;
	margin-bottom:1.2em;
	padding-top: 80px;
	background-repeat: repeat;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;	
}


div#kruimelpad{
	margin-left:5px;
	margin-right:15px;
	text-align: right;
}
/* -------- opmaak elementen -----*/
div#rechtermenu a img{
margin-right:2px;
border:1px;
border-style:solid;
border-color:#000000;
}

.logo{
	margin-right: auto;
	margin-left: auto;
}
h1{
	font-size:1.4em;
	padding-top: 1.2em;
	padding-left: 10px;
}
h2{
	font-size:1.3em;
	padding: 0.5em;
	}
h3{
	font-size:1.2em;
	border-bottom:0px;
	font-weight:normal;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	}

.midden{text-align:center;}

h1.titel{
	font-size:1.4em;
	border-top: 0;
	border-bottom: 0px;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	text-transform: uppercase;
	}
p{
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:8px;
	}
ul{
	margin-left:15px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:8px;
	}
p.center, div.center{
	text-align:center;
	}

p.left, div.left{
	text-align:left
}
p.midden, div.midden{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}
p.right{text-align:right}
p.small{
font-size:8pt;
}
img{
	margin-top:2px;
	border:0px;
	}
img.right{
	float:right;
	padding: 5px;
	}	
img.left{
	float:left;
	padding: 3px;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 3px;
	margin-left: 3px;
}	

.fright{
	float:right;
}
.fleft{
	float:left;
}

table p{
	text-align:left;
}
ul.pdf, li.pdf {
	list-style-image : url(../images/icon_pdf.gif);
}
ul.web, li.web {
	list-style-image : url(../images/icon_fox.jpg);
	list-style-position: outside;	
}
ul.word, li.word{
	list-style-image : url(../images/icon_word.gif);	
}
ul.bol, li.bol{
	list-style-image : none;
	list-style-type: circle;
	}
ul.excel, li.excel{
	list-style-image : url(../images/icon_excel.jpg);	
}		
img.web, img.word, img.pdf{
	margin: 0px;
	margin-right:2px;
	border:0; 
	}	

div#hoofd{
text-align:right}



/* stijl voor de leesboeken*/
div.fjall{
	margin-right:20%;
	margin-left:auto;
	width:60%;
}
div.fjall p{line-height:1.3em}
div.poezie{
	font-size:120%;
	margin-left:20%;
}
div.poezie p{margin-top:1.5em}

/* einde stijl leesboeken*/
ul{
	margin-top:2px;
}

a:link, a:active{
	 	font-style: normal;
		font-weight: bold;
	 	text-decoration: none;
		}	
a:visited {
		font-weight: bold;
	 	text-decoration:none;
		} 		
a:hover {
	font-weight: bold;
	text-decoration:underline;
	}  	
	
div#sponsors{
	text-align:center;
	margin-top:1em;
	}
div#sponsors img{
	margin-top:10px;
	}

div.indexKop{
	border: 1px solid;
	background: #CCFFFF;
	margin: 5px 25px;
	}
div.indexCon, div.boekBes, div.boekInfo{
	border: 1px solid;
	background: #FFFFF0;
	margin-top: 15px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding-left: 1.2em;
	}
div.indexCon ul {
	list-style-image : url(../images/icon_pdf.gif)
	}
div.boekBes img.left{margin-right:1.0em}		
div.boekBes img.right{margin-left:1.0em}
/* -------------- eide algemene opmaak --------------  */	
	
/* -------------- Het 100% CSS hoofdmenu --------------  */
div#menu a {
	font-weight:bold;
	text-decoration:none;
	display:block; /* moet uitgeschakeld worden voor IE5: display:inline*/
	width:100%;/*workaround voor IE5+, let op evt reapratie vor standaard met html>body etc width:auto */
	z-index:10000
}


div#sponsors a{
	width:auto; /*  herstel van width:100% is nodig in IE5 om links op plaatjes mogelijk te maken binnen div menu*/
	}
div#menu  ul, div#menu  li {
	margin:0;
	padding:0;
	display:block;
	}		
div#menu ul {
	list-style:none;
	width:11em;
	padding:0px;
	border:1px;
	}	
div#menu li {
	position:relative;
	padding:3px;
	border:1px solid;
	border-right:4px solid;
	z-index:10000;
	}
div#menu li:hover {
	z-index:10005;
	text-decoration:none;
	}
 div#menu ul ul {
	position:absolute;
	display:none;
	width:200px;
	border:1px;
	left:97%;
	top:-1px;
	z-index: 11000;
	}	
div#menu li:hover ul ul {
	display:none;
	}
div#menu li:hover ul, div#menu li:hover li:hover ul {
	display:block;
	}
.noshow {display:none;}

div#footer {
	clear: both;
	position:absolute;
	width:100%;
	bottom:0em; /* stick to bottom */
	
} 
div#footer p {
	margin: 0em; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0.5em; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.clearfloat{clear:both;}			




.selecties {
	border: 1px solid;
	background: #FFFFF0;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 5px;
	
}
.selecties{text-align: right;}

.mail {
	border: 1px solid;
	background: #FFFFF0;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 5px;
	
}
.mail {
	text-align: left;
	border: thin none #000000;
}
.slot{
	bottom: 0px;
	text-align:center;
	margin-top:2em;
	font-size: smaller;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}	
.boekeigen{
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	margin: 1.2em;
}