/*	
	COLORS 
	824080 licht roze
	824080 donker roze
	45a4aa licht blauw
	317a8c donker blauw
*/

html										{ background: #824080;}
body										{ font-size: 70%; letter-spacing: 0.1px; line-height: 150%; font-family: verdana,helvetica,arial ; margin: 0; overflow:-moz-scrollbars-vertical !important; }

h1										{ font-family: times, helvetica; color: #824080; font-size: 200%; margin: 0 0 20px 0; border-bottom: double 3px #DCD; }
h2										{ font-family: times, helvetica; color: #824080; font-size: 160%; margin: 10px 0; }
h3										{ color: #824080; font-size: 140%; margin: 10px 0; }
h4										{ color: #824080; font-size: 120%;  margin: 10px 0; font-weight: normal; font-style: italic; float: right; clear: both; }

a										{ color: #317a8c; text-decoration: none; font-weight: bold;}
a:hover									{ color: #00C; text-decoration: underline;}
tr										{ vertical-align: text-top;}
form										{ margin: 0; padding: 0;}
input, textarea, select					{ font-size: 11px; font-family: verdana,arial,helvetica; line-height:13px;}

#container								{ width: 980px; margin: 0 auto; padding: 0; }
#header 									{ background: #FFF; height: 100px; width: auto; margin: 0; padding: 0; border: solid 1px #000; border-top: none; border-bottom: none;}
#logo									{ float: left; border: none;}

#actionmenu								{ font-size: 10px; margin: 25px 5px 0 0; 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: #000; font-weight: normal; }
#actionmenu .icon							{ width: 16px; height: 16px;}
#actionmenu li							{ font-size: 9px; float: left; padding: 0 3px; margin: 0;}
#actionmenu li ul							{ position: absolute; top: 16px; display: none; border: solid 1px #999; background-color: #3A8033;}
#actionmenu li.parent:hover > ul			{ display: block;}
#actionmenu li ul li						{ line-height: 14px; color: #000; float: none; border: none; padding: 0; margin: 0; white-space: nowrap;}
#actionmenu li ul li span					{ text-align: left; width: 140px; color:#000; padding: 3px 10px; overflow: hidden; background-color: #FFF; border-top: solid 1px #99C; border-bottom: solid 1px #EEF; }
#actionmenu li ul li a						{ border: none; padding: 5px 12px; line-height: normal; font-weight: normal; text-align: left; width: 140px; color:#000; overflow: hidden;}
#actionmenu li ul li a:hover				{ border: none; padding: 5px 12px; color: #FFF; background-color: #AAA;}
#actionmenu .searchfrase					{ width:100px; height:15px; margin: 0; padding: 0 3px; font-size: 10px; border: solid 1px #000;}
#actionmenu .searchbutton					{ height: 17px; margin: 0; padding: 0 10px; font-size:10px; border: solid 1px #000; background-color: #000; color: #FFF;}

#navigation								{ width: auto; background-color: #000; border: solid 1px #000; border-top: none; margin-bottom: 30px; }
#navigation ul							{ width: auto; margin: 0; padding: 0; list-style: none;}
#navigation li							{ text-align: center; float: left; margin: 0; padding: 0;}
#navigation .first						{ display: none;}
#navigation .active						{ background-color: #DDD;}
#navigation .active a						{ color: #000;}
#navigation .active a:hover				{ color: #000;}
#navigation .active li a:hover				{ color: #FFF;}
#navigation li span						{ border-bottom: solid 3px #824080; padding: 5px 15px; color: #fff2ff; white-space: nowrap; display: block; text-decoration:none; font-weight: bold;}
#navigation li a							{ border-bottom: solid 3px #824080; padding: 5px 15px; color: #fff2ff; white-space: nowrap; display: block; text-decoration:none; font-weight: bold;}
#navigation li a:hover					{ color: #FFF; background-color: #926090;}
#navigation a:hover						{ color: #FFF;}
#navigation li ul							{ position: absolute; margin: 0; padding-top: 5px; display: none; border: solid 1px #000; background: #999199 url(../img/navsubback.gif) repeat-x top left;}
#navigation li:hover > ul					{ display: block;}
#navigation li ul li						{ line-height: 14px; color: #000; float: none; border: none; border-top: solid 1px #807980; padding: 0; margin: 0; white-space: nowrap;}
#navigation li ul li span					{ text-align: left; width: 140px; color:#000; padding: 3px 10px; overflow: hidden; background-color: #FFF; border-top: solid 1px #99C; border-bottom: solid 1px #EEF; }
#navigation li ul li a						{ background: none; border: none; padding: 5px 12px; line-height: normal; font-weight: normal; text-align: left; width: 140px; color:#000; overflow: hidden;}
#navigation li ul li a:hover				{ border: none; padding: 5px 12px; color: #FFF; background-color: #1A121A;}
#navigation li ul li.parent a				{ background: transparent url(../img/navtwisty.gif) no-repeat top right;}
#navigation li ul li.nochild				{ margin: 0;}
#navigation li ul li.parent a:hover			{ background: #000 url(../img/navtwistyover.gif) no-repeat top right;}

#navigation li li.parent li a				{ background: none;}
#navigation li li.parent li a:hover			{ background: #000;}

#navigation ul ul ul						{ top: -1px; left: 164px; background: #A9A1A9 url(../img/navsubback.gif) repeat-x top left;}
/*
#navigation .active a						{ color: #AAA;}
#navigation .active li a					{ color: #000;}
*/

#main									{ background: transparent url(../img/mainback.gif) repeat-y left top; width: 980px; margin: 0 auto; margin-bottom: 50px; padding: 0; border: solid 1px #000; border-top: solid 4px #45a4aa;}

#breadcrumb								{ display: none;}

#content									{ width: 740px; float: right; margin: 0; padding: 20px 20px 50px 20px;}
#content	#group dl						{ width: 340px; float: left; margin: 0 20px 20px 0;}
#content	#group dt						{ font-weight: bold; font-size: larger;}
#content .item 							{ background-color: #FFF; margin: 0 15px 10px 0; padding: 0; float: left; min-height: 130px; _height: 130px; width: 330px; }
#content .item dt	 						{ margin: 0 0 0 0; padding: 5px 0 5px 0; color: #824080; font-size: 150%; border-bottom: solid 1px #666;}
#content .item dt a						{ color: #824080; text-decoration: none;}
#content .item dd	 						{ margin: 0; padding: 0 10px 10px 0; color: #333; }
#content .sub								{ background-color: #FFF; margin: 4px 0 10px 8px; padding: 0 0 10px 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: #824080;}
#content .sub dd							{ margin: 0; padding: 5px 3px; }
#content .search dt						{ width: 400px; height:18px; overflow:hidden;}
#content .search dd						{ margin: 0;}
#content .search span						{ color: #F00; font-weight: bold;}
#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: double 3px #DCD; }
#content .item img						{ margin: 8px 8px 6px 1px; border: solid 1px #000; }
#content ul								{ margin: 0 0 15px 18px; list-style-type: square;}
#content ul	ul							{ margin: 0 30px; }
#content li								{ margin: 0; padding: 0;}
#content .sitemap li						{ margin: 0; padding: 2px 0;}

#quickmenu								{ width: 200px; color: #000; float: left; display: block; padding: 0; margin: 0 0 50px 0; text-overflow: hidden; }
#quickmenu img							{ margin-left: 14px;}
#quickmenu dl								{ margin: 12px 0 20px 10px;}
#quickmenu dt								{ font-size: 120%; color: #824080; padding: 10px 0; margin: 0; font-weight:bold; }
#quickmenu dd								{ margin: 1px 0; padding: 0 15px; background: transparent url(../img/twisty.gif) no-repeat top left;}
#quickmenu a								{ color: #317a8c; font-weight: normal;}
#quickmenu a:hover						{ color: #00C;}
#quickmenu .extra							{ width: auto; padding: 15px 0 0 0; border-top: solid 1px #000; }
#quickmenu address						{ font-style: normal; padding: 10px 15px 20px 10px; }
#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: #45a4aa; padding: 10px 0; width: auto; text-align: center; border-top: solid 1px #000; }
#footer span								{ color: #000; font-size:9px; padding: 0 7px;}
#footer a								{ color: #333333; font-weight:normal; font-size: 9px; padding: 0 7px;}
#footer a:hover							{ color: #FFFFFF;}
#footer a img								{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; vertical-align: top;}
#footer a:hover	img						{ filter:alpha(opacity=100 ); -moz-opacity:1.0; opacity:1.0;}
#footer img								{ margin: 0; border: none;}

#partners								{ display: none; background-color: #000; text-align: center; padding: 5px 0; margin-top: 40px;}

#extra									{ display: none;}
.contact td								{ font-family: times, helvetica; font-size: 13px; font-style: italic; line-height: 20px;}

.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/zoomin.ico), hand; }
.modified								{ font-style: italic; color: #999;}
.button									{ padding: 4px 8px; color: #FFF; border: outset 1px; background-color: #000; } 
.formbox									{ border: none; border-bottom: dotted 1px #000;}
.formbox:hover							{ background-color: #DDD;}
.fr										{ float: right;}
.fl										{ float: left;}
.img										{ border: solid 1px #F00; }
.alert									{ color: #F00; font-weight: bold;}
.clickable								{ cursor: hand;}
.results									{ width: auto; text-align: right;}
.active									{ color:#FFF;}	
.hidden									{ display: none;}	
.disabled								{ color:#060; font-weight: normal;}	
.thumb									{ margin: 5px 5px 3px 0; border: solid 1px #F00;}
.contentmultimedia						{ float: left; width:420px; overflow:hidden; margin-top:5px; overflow:hidden;}
.clear									{ clear: both; margin: 0; padding: 0;}
.bold									{ font-weight:bold;}
.error									{ font-weight:bold; color:#f00;}


