/* 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*/	
body {
	behavior:url("csshover.htc");/*  behavior voor IE5+ om li:hover te simuleren*/
	font-family:  verdana, arial, tahoma, sans-serif;
	font-size:10pt; /* IE geeft letter 1 maat groter weer*/
	margin-top:0px;
	padding:0px;
		}	

div#container{
	border-left:1px solid black;
	border-right: 1px solid black;
	border-bottom:1px solid black;
	position:relative;
	width:925px;
	margin-right:auto;
	margin-left:auto;
	}
div#content {
	text-align:left;
	margin-left:155px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top: 1px solid black;
	border-color:black;
	padding: 5px;
	z-index:5;
	width:600px; /* definitie width is workaround voor IE5+ omdat anders plaatjes met float achter de background verdwijnen, let op em kan alleen als in body % staat*/
	}
	
div#menu {
	position:absolute;
	width:155px; /* in em uitdrukken voor schaalbaarheid*/
	left:2px;
	top:2px;	
}

div#google{
	position:absolute;
	width:155px;
	right:5px;
	top:2px;
	text-align: right;
}
div#zzweden_kaart{
align:right;
}

/* -------- opmaak elementen -----*/
h1.titel{
	font-size:1.4em;
	border: 1px solid;
	margin:1em ;
	padding:0.5em;
	}
h1,h2,h3{
	margin-bottom: 0em;
	margin-left:5px;
	clear:left;
	}
h1{
	font-size:13pt;
	border-bottom: 1px solid;
	margin-right:5%;
}
h2{
	font-size:12pt;
	}
h3{
	font-size:11pt;
	border-bottom:0px;
	font-weight:normal;
	}

img{
	margin: 2px;
	margin-top:2px;
	border:0px;
	}
img.right{
	float:right;
	}	
img.left{
	float:left;
	margin:3px;
	padding: 3px;
}	

.fright{
	float:right;
}
.fleft{
	float:left;
}
p{
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	}
p.center, div.center{
	text-align:center;
	}
p.slotdatum{
	text-align:center;
	margin-top:5px;
}	
p.left, div.left{
	text-align:left
}
p.small{
font-size:8pt;
}
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: 5px 25px;
	}
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 */
	}
	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:150px;
	padding:0px;
	border:1px ;
	}	
div#menu li {
	position:relative;
	padding:3px;
	border:1px solid;
	border-right:4px solid;
	z-index:9;
	}
div#menu li:hover {
	z-index:15;
	text-decoration:none;
	}
 div#menu ul ul {
	position:absolute;
	display:none;
	width:200px;
	border:1px;
	left:143px;
	top:-1px;
	}	
div#menu li:hover ul ul {
	display:none;
	}
div#menu li:hover ul, div#menu li:hover li:hover ul {
	display:block;
	}