/* Jolie - Stylesheet

Kleuren schema:

jolie-geel			#F7D15D
website achtergrond	#6E6817
website randen		#989E23
tekst/logo kleur	#3B2A1B

*/

body { font-family: Verdana, sans-serif; font-size: 0.75em; background-color: #6E6817; color: #3B2A1B; padding: 0;}
a { text-decoration: none; }
a.top-link { color: #FFFFFF; }
a.top-link:hover { 	color: #F7D15D;  }
h1 { font-size: 2.1em; padding: 22px 0 30px 30px; font-weight: normal; margin: 0; } 
h2 { font-weight: bold; margin-bottom: 0; font-size: 1em; } 
h3 { font-weight: normal; margin: 0; margin-bottom: 10px; font-size: 1em; font-style: italic; } 
h4 { margin: 0; margin-bottom: 10px; font-size: 1em; color:#660000} 
vso { color:#66000}
table { width: 95%; }
tfoot { font-style: italic; }
p.contentheader { font-weight: bold; margin-bottom: 0; }
p.content { margin-top: 0; }
img { border: 0; }
img.afbeelding { width: 320px; text-align: center; }

.right { text-align: right; }

#main {	width: 760px; margin-left: auto; margin-right: auto; }
	#top { height: 20px; }
		#top-left { width: 20px; float: left; height: 100%; background-color: #989E23;}
		#top-leftmiddle { width: 360px; float: left; height: 18px; background-color: #989E23; padding-top:2px;}
			#top-middle-link1 { float: left; padding-left: 55px; }
			#top-middle-link2 { float: right; padding-right: 55px; }
		#top-rightmiddle { width: 360px; float: left; height: 18px; background-color: #989E23; padding-top:2px;}
			#top-middle-link3 { float: left; padding-left: 55px; }
			#top-middle-link4 { float: right; padding-right: 55px; }
		#top-right { width: 20px; float:right; height: 100%; background-color: #989E23}
	#middle { height:480px; }
		#middle-left { width: 20px; float: left; background-color: #989E23; height: 100%; }
		#middle-content { width: 320px; float: left; background-color: #F7D15D; height: 440px; overflow: auto; scrollbar-base-color: #F7D15D; padding: 20px; background-image:url('img/logo-achtergrond.gif'); background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
		#middle-content-nobackground { width: 320px; float: left; background-color: #F7D15D; height: 440px; overflow: auto; scrollbar-base-color: #F7D15D; padding: 20px; }
			#logo { margin-top: 100px; }
			#content-title { padding-top: 20px; background-image: url('img/boog.gif'); background-repeat: no-repeat; background-position: 0 20px; } 
			#content { text-align: justify; } 
			#content a { color: #989E23; }
			#content a:hover { text-decoration: underline;  }
			#content-footer { padding-top: 40px; text-align: right; visibility: hidden; font-size: 2.1em; }
			#footer { padding-top: 20px; text-align: center; } 
		#middle-navigation { width: 360px; float: left; background-color: #F7D15D; height: 100%; overflow: auto; scrollbar-base-color: #F7D15D; }
			#navigation-container { position:relative;height:100%;width:100%;display:table; }
				#navigation-centerer { _position:absolute;_top:100%;display:table-cell;vertical-align:bottom; } /* _top op 50% zetten om verticaal te centreren en vertical align op middle zetten */
					#navigatie { padding-left: 80px; _position:relative;_top:-100%;margin:0 auto; } /* _top op 50% zetten om verticaal te centreren */
						#navigatie ul { list-style: none; }
							#navigatie ul li a { color: #3B2A1B; font-size: 2.1em; }
							#navigatie ul li a:hover { color: #F7D15D; }
		#middle-right { width: 20px; float:right; background-color: #989E23; height: 100%; }
	#bottom { height: 20px; }
		#bottom-left { width: 20px; float: left; height: 100%; background-color: #989E23; }
		#bottom-leftmiddle { width: 360px; float: left; height: 100%; background-color: #989E23;}
		#bottom-rightmiddle { width: 360px; float: left; height: 100%; background-color: #989E23;}
		#bottom-right { width: 20px; float:right; height: 100%; background-color: #989E23; }
		
LI.list1 {color:#FF8000; font-size:8px;}

.rozetext {color:#FF0080; font-size:22px; font-weight:bold}