/* 
	Groennetwerk colors
	Green:			#08b834
	Blue:				#03a5f0
	Blue dark:		#06C
	Light green: 	#93db1b
	Border green: 	#7b7d51
	Bruin				#bd8558
*/

html											{ background-color: #FFFFFF; }
body											{ font-size: 70%; letter-spacing: 0.1px; line-height: 130%; font-family: verdana,helvetica,arial ; margin: 0; overflow:-moz-scrollbars-vertical !important; }

h1												{ color: #bd8558; font-size: 175%; margin: 0 0 20px 0; line-height: 150%;}
h2												{ color: #630; font-size: 150%; line-height: 150%; width: 100%; }
h3												{ color: #630; font-size: 120%; margin: 10px 0; }
h4												{ font-size: 90%;  margin: 10px 0; font-weight: normal; font-style: italic; float: right; clear: both; }

a												{ color: #06C; text-decoration: underline;}
a:hover										{ color: #F00; text-decoration: underline;}
tr												{ vertical-align: text-top;}
td												{ font-size: 11px; letter-spacing: 0.1px; line-height: 130%; font-family: verdana,helvetica,arial ; }
form											{ margin: 0; padding: 0;}
input, textarea, select					{ font-size: 11px; font-family: verdana,arial,helvetica; line-height: 13px;}

#container									{ margin: 0 auto; padding: 0; }
#header 										{ height: 123px; width: auto; margin: 0; padding: 0; background: #201f1b url(../img/header_back.jpg) no-repeat top center;}
#logo											{ position: absolute; height: 210px; width: 210px; border: none; }
#quotes										{ float: left; width: 500px; padding-top: 20px; }
#quotes h2									{ float: left; line-height: normal; margin: 0 0 10px 0; padding: 0;}
#quotes p									{ width: 100%; text-align: right; margin: 0; padding: 0; }

#actionmenu									{ color: #FFF; font-size: 10px; margin: 10px 5px; float: right;}
#actionmenu ul								{ float: right; clear: both; font-size: 9px; padding: 0; margin: 5px 0; list-style: none;  }
#actionmenu img							{ margin: 2px 5px; border:none; }
#actionmenu a								{ color: #FFF; font-weight: normal; }
#actionmenu	.icon							{ width: 16px; height: 16px;}
#actionmenu	li								{ height: 17px; font-size: 10px; float: left; padding: 0 3px; margin: 0; vertical-align: top;}
#actionmenu	.searchfrase				{ margin: 0; padding: 0 3px; border: solid 1px #000; font-size: 10px; height: 16px; float: left; width: 100px;}
#actionmenu	.searchbutton				{ margin: 0; padding: 0 3px; border: solid 1px #000; font-size: 10px; height: 16px; float: left; width: 50px; display: block; background-color: #CCC; color: #000; text-align: center;}

#navigation                         { width: 100%; height: 26px; background-color: #08b834; border-bottom: solid 1px #000; border-top: solid 1px #000; }
#navigation ul								{ width: auto; margin: 0 0 0 235px; padding: 0; list-style: none;}
#navigation li								{ text-align: center; float: left; margin: 0; padding: 0; }
#navigation .selected					{ background-color: #01AEF0; border-left: solid 1px #FFF; border-right: solid 1px #FFF; }
#navigation li a							{ color: #000; padding: 4px 10px; border-top: solid 3px #08b834; white-space: nowrap; display: block; text-decoration:none; font-weight: normal; }
#navigation li a:hover					{ border-top: solid 3px #FFF; }
#navigation li:hover						{ background-color: #01AEF0;}
#navigation li ul							{ position: absolute; display: none; background-color: #627E9B; margin: 0; border-top: solid 1px #000;}
#navigation li ul li a					{ color: #FFF;}
#navigation li.parent:hover > ul		{ display: block; }
#navigation li ul li						{ line-height: 14px; color: #000; float: none; border: outset 1px; padding: 0; margin: 0; white-space: nowrap;  background: none;}
#navigation li ul li span				{ text-align: left; width: 140px; color:#000; padding: 3px 10px; background-color: #FFF; border-top: solid 1px #99C; border-bottom: solid 1px #EEF; }
#navigation ul ul ul						{ background-color: #6CF; margin-top: -20px; left: 160px; border-top: solid 1px #669; }
#navigation li ul li a					{ background: none; border: none; padding: 5px 12px; line-height: normal; font-weight: normal; text-align: left; width: 180px; }
#navigation li ul li a:hover			{ border: none; padding: 5px 12px; color: #FFF; background-color: #01AEF0;}


#navigation .active a					{ border-top: solid 3px #FFF;}
#navigation .active a:hover			{ color: #000;}
#navigation .active li a				{ color: #FFF; border: none;}

#main											{ background: transparent url(../img/main_back.gif) repeat-x bottom left; width: 100%; }

#content										{ float: left; margin: 0; padding: 50px 0px 100px 30px; width: 730px; }
#content .item1 							{ margin: 10px 0; padding: 10px 0; width: 720px; border-top: dotted 2px #624DA0  }
#content .item1 img						{ float: left; border: solid 1px #000; }
#content .item1 div	 					{ float: left; width: 510px; padding: 0 10px;}
#content .item2 							{ width: 320px; background-color: #EFE; border: solid 1px #999; margin: 0 25px 20px 0; padding: 0; float: left; min-height: 140px; _height: 140px;}
#content .item2 dt	 					{ margin: 0 0 0 0; padding: 5px 0 5px 8px; color: #630; font-size: 150%; }
#content .item2 dd	 					{ margin: 0 0 0 10px; padding: 0 10px 10px 0; color: #333; }
#content .item3 							{ margin: 0; padding: 0; float: left; width: 210px;}
#content .item3 dt	 					{ margin: 0 0 0 0; padding: 5px 0 5px 8px; color: #630; font-size: 150%; }
#content .item3 dd	 					{ margin: 0 0 0 10px; padding: 0 10px 10px 0; color: #333; }
#content .sub								{ background-color: #FFF; margin: 4px 0 10px 8px; padding: 0 0 30px 0; width: 200px; border: solid 1px #000;}
#content .sub dt							{ color: #FFF; font-weight: bold; margin: 0; padding: 5px 3px; border-bottom: solid 1px #000; background-color: #630;}
#content .sub dd							{ margin: 0; padding: 5px 3px; }
#content .search dt						{ width: 400px; height:18px; overflow:hidden;}
#content .search dd						{ margin: 0;}
#content .modified						{ text-align: right; font-style: italic;}
#content p.clear	 						{ margin: 0; padding: 0; width: 0; height: 0; clear: both; background: none;}
#content .fr img							{ margin: 4px 0 0 8px; border: solid 1px #666; }
#content .item img						{ margin: 4px 8px 0 0; border: solid 1px #666; }
#content ul									{ margin: 5px 18px; list-style-type: square;}
#content ul	ul								{ margin: 0 30px; }
#content li									{ margin: 0; padding: 0; line-height: 16px;}
#content .table td						{ padding: 5px 10px; border: solid 1px #999; background-color: #EEE;}

#quickmenu									{ display: block; width: 222px; float: left; padding: 0; margin: 40px 0;}
#quickmenu img								{ margin-left: 14px;}
#quickmenu dl								{ background: transparent url(../img/quick_dl_back.gif) repeat-x bottom left; padding-bottom: 20px; margin: 20px 0 0 20px; border: solid 1px #000;}
#quickmenu dt								{ background-color: #93db1b; margin: 10px 0; color: #000; line-height: 23px; padding: 0 10px; border-top: solid 1px #7b7d51; border-bottom: solid 1px #7b7d51;}
#quickmenu dd								{ margin: 5px; padding: 0 10px 0 15px; background: transparent url(../img/twisty.gif) no-repeat top left;}
#quickmenu img								{ margin: 0 0 20px 0; padding: 0; border: none; border-top: solid 1px #000; border-bottom: solid 1px #000;}
#quickmenu .fotoalbum					{ background: none; margin: 0; padding: 0; height: 180px; }
#quickmenu a								{ font-weight: normal; color: #06C;}
#quickmenu .extra							{ width: auto; padding: 15px 0 0 0; border-top: solid 1px #000; }
#quickmenu address						{ width: auto; font-style: normal; padding: 20px; }
#quickmenu .small 						{ font-size: 9px;}

#pager										{ border-collapse:collapse; margin: 10px 0; padding: 0;}
#pager td									{ color:#FFF; padding: 0 3px; margin: 0;}

#footer										{ background-color: #03a5f0; padding: 0; line-height: 25px; vertical-align: text-middle; width: auto; text-align: center; border-top: solid 1px #666; border-bottom: solid 1px #666; }
#footer span								{ color: #FFF; font-size: 9px; padding: 0 7px;}
#footer a									{ color: #FFF; font-weight: normal; font-size: 9px; padding: 0 7px;}
#footer a:hover							{ color: #806633;}

#partners									{ background-color: #FFF; text-align: center; padding: 20px 0;}
#partners a img							{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; vertical-align: top;}
#partners a:hover	img					{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
#partners img								{ margin: 0 20px; border: none;}

#extra										{ display: none;}

.contact td									{ font-family: times, helvetica; font-size: 13px; font-style: italic;}

.home											{ text-align: center; font-weight: bold;}
.reaction									{ width: 470px; display: block; overflow: hidden; background-color: #EFE; padding: 5px; margin-top: 5px;}
.pager										{ color: #999; border: solid 1px #000; background-color: #DDD; width: 100%;}
.pager span									{ color: #000;}
.important									{ color: #C00; width: auto; font-weight: bold; text-align: center;}
.enlarge										{ cursor: url(../img/icons/enlarge.ico), pointer; }
.modified									{ font-style: italic; color: #999;}
.button										{ padding: 4px 5px; color: #FFF; border: outset 1px; background-color: #630; } 
.formbox										{ border: none; border-bottom: dotted 1px #666;}
.formbox:hover								{ background-color: #CCC; ;}
.fr											{ float: right; margin-left: 20px;}
.fl											{ float: left; margin-right: 20px;}
.img											{ border: solid 1px #F00; }
.alert										{ color: #F00; font-weight: bold;}
.clickable									{ cursor: hand;}
.results										{ width: auto; text-align:right;}
.active										{ color:#FFF;}	
.disabled									{ color:#060; font-weight:normal;}	
.thumb										{ margin: 5px 5px 3px 0; border:solid 1px #000;}
.contentmultimedia						{ float: left; width:420px; overflow:hidden; margin-top:5px; overflow:hidden;}
.hidden										{ display: none;}
.clear										{ clear: both; margin: 0; padding: 0;}
.bold											{ font-weight:bold;}
.error										{ font-weight:bold; color:#f00;}