/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */

div.test	{}

body {
	padding:0;
	margin:0;
	color:#ffffff;
	text-align:center;
	font-family:arial, verdana, helvetica, sans-serif; color: #000000;
	behavior: url('htc/csshover.htc');
}

p 					{ font-size: 12px; margin:0px 0px 15px 0px; }

a					{ text-decoration: underline; color: #ff6600; }
a:hover				{ text-decoration: none; color: #ff6600; }

h1 					{ font-weight: bold; font-size: 18px; color: #00248c; }
h2 					{ font-weight: bold; font-size: 14px; color: #00248c; }
h3 					{ font-weight: normal; font-size: 12px; color: #ffffff; margin: 5px 0px 6px 0px; }

ul, ol, li      	{ font-size: 12px; margin: 0px; padding: 0px; }
ul					{ list-style-type: disc; color: #ff6600; }
div.content ul 		{ list-style-image: url(../images/default/bullit.gif); color: #000000; margin-left: 16px; margin-bottom:14px }
div.content ol  	{ margin-left: 24px; margin-bottom:14px }

div.search      	{ width: 133px; height: 22px; background-color: #00248c; color: #ffffff; }
input.search-box    { position: absolute; top: 1px;  left: 1px;   margin:0px; padding:0px; width:110px; height:18px; border: solid 1px; border-color: #1a386e #1a386e #1a386e #1a386e; z-index: 8; color:#000000; font-size: 9pt; background-color: #dee1f0; }
input.search-submit { position: absolute; top: 1px;  left: 113px; margin:0px; padding:0px}
div.attention   	{ position: absolute; top:61px; left: 848px; }

div.search2  	{ width: 167px; height: 52px; background-color: #00248c; color: #ffffff; }
div.search2 p	{ margin: 2px 4px 4px 5px; font-size: 8pt; }

input.search-box2    { position: absolute; top: 68px;  left: 6px;   margin:0px; padding:0px; width:117px; height:15px; border: solid 1px; border-color: #404040 #d4d0c8 #d4d0c8 #ffffff; z-index: 8; color:#000000; font-size: 8pt; }
input.search-submit2 { position: absolute; top: 67px;  left: 129px; margin:0px; padding:0px}

div.outer			{ position: relative; width: 996px; height: 200px; min-height: 100%; margin: auto; color: #000000; text-align: left; }

html>body div.outer	{ height: auto; } /*for mozilla as ie treats height as min-height anyway*/
div.top 			{ position: absolute; top: 0px; width: 996px; height: 88px; background: #00248c; }
div.logo			{ position: absolute; left: 16px; top: 20px; width: 78px; height: 60px; }
div.contact 		{ position: absolute; right: 22px; top: 63px; width: 270px; height: 20px; word-spacing: 8px; }

div.background 			{ background: url(../images/default/bg01.gif) repeat-x left top; width: 100%; height: 200px; }
div.backgroundintro	{ position: relative; width: 996px; height: 200px; min-height: 100%; margin: auto; color: #000000; text-align: left; }

/* intro home 10 years */
div.logotenyearshome { display: none; position: absolute; left: 16px; top: 9px; width: 150px; height: 120px; }
div.logotenyears    { position: absolute; left: 16px; top: 5px; width: 100px; height: 80px;}
div.introten 		{ background: url(../images/default/bg10.gif) repeat-x left top; }
div.introten div.top { height: 142px; }
div.introten ul.menu { top: 143px; }		
div.introten div.content { top:184px;  }
div.introten div.submenu { top: 188px; }
div.introten div.contact { top: 108px; }
div.introten div.taal{ top: 90px; }	
div.introten input.search-box  { top: 50px; }
div.introten input.search-submit { top: 50px;}
div.introten div.logotenyears { display: none; }
div.introten div.logotenyearshome  { display: block; }

div.introtext { display: none; }
div.introten div.introtext { display: block; position: absolute; left: 260px; top: 20px; width: 300px; }
div.introten div.introtext h2 { color: #ffffff; font-size: 18px; margin: 0; padding: 0;  }
div.introten div.introtext a { color: #f18a00; font-size: 16px; text-decoration: none; font-weight: bold; }
/* */



div.contact a       { text-decoration: none; color: #ffffff}
div.contact a:hover { text-decoration: underline; color: #ffffff;}

div.content 		{ position:absolute; left: 128px; top: 130px; width: 480px; overflow: auto; z-index: 0; background-color: #ffffff; text-align:justify; }
img.content			{ margin-right: 13px; }

div.footer 			{ position:absolute; bottom: 0px; left: 0px; background: #ffffff; height: 24px; width: 996px; }
div.clearfooter		{ clear: both; height: 24px; }/*needed to make room for footer*/

/* main menu */
ul.menu li ul          		{ display: none; }
/* level 1 */
ul.menu 		        	{ position: absolute; display: block; z-index: 9; left: 112px; top: 89px; margin: 0px; padding: 0px; list-style-type: none; background-color: #FFFFFF; }
ul.menu li          		{ position: relative; float: left; height: 17px; }
ul.menu li a	        	{ display: block; padding: 0 14px; line-height: 16px; color: #00248C; font-weight: bold; text-decoration: none; font-size: 12px; }
ul.menu li a:hover			{ color: #FF6600; }
/* level 2 */
ul.menu li ul          		{ position: absolute; z-index: 1; top: 17px; left: 0; padding: 4px 0 12px 0; width: 180px; list-style-type: none; background-color: #FFFFFF; border: 1px solid #00248C; }
ul.menu li ul li       		{ position: relative; float: none; height: auto; padding: 2px 0; }
ul.menu li ul li a			{ display: inline-block; width: 75%; line-height: 14px; font-weight: normal; }
ul.menu li ul li a:hover	{  }
ul.menu li ul li img		{ display: inline-block; }

/* level 3 */
ul.menu li ul li ul        	{ left: 180px; top: 0; }

ul.menu li:hover ul li ul	{ display: none; }
ul.menu li:hover ul 		{ display: block; }
ul.menu li ul li:hover ul	{ display: block; }


div.selectbox		{ position: absolute;left:310px; top:10px;margin-top:26px; white-space: nowrap; }


img.menubutton 		{ margin-left: 38px; margin-top: 8px; }

div.newsbox         { display: block; width: 460px; background-color: #eff1f8; border-top: 2px solid #ffffff;}
div.newskop			{ position: relative; left: 0px; width: 460px; background-color: #ffffff; border-bottom: 1px solid #00248C; color:#00248C; font-weight: bold; text-indent: 11px;}
div.newsitem1		{ word-break: normal; float:left; padding:10px 10px 0px 10px; width: 123px; background-color:#eff1f8; }
div.newsitem2		{ word-break: normal; float:left; padding: 10px 10px 0px 10px; width: 123px; background-color:#eff1f8; }
div.newsitem3		{ word-break: normal; float:left; padding: 10px 10px 0px 10px; width: 123px; background-color:#eff1f8; }

div.submenu 		{ position: absolute; left: 650px; top: 134px; width: 201px; height: 450px; }
div.submenubutton 	{ height: 108px; margin-top: 5px; padding: 0px;}
div.submenubutton p { margin:0;}
img.submenubutton	{ margin-left: 6px; height: 108px; padding: 0; }
div.nieuwsbriefbutton { height: 108px; margin-top: 107px; }
img.nieuwsbriefbutton { margin-left: 6px; }

p.sitemap { margin:0px 0px 7px 0px; padding: 0px;  }
a.sitemap1, span.sitemap1 	{color: #00248c; font-size: 13px; margin: 5px 0px 0px 8px; font-weight: bold; line-height: 13px; }
a.sitemap2, span.sitemap2 	{color: #00248c; font-size: 13px; margin: 5px 0px 0px 8px;  line-height: 13px; }
a.sitemap3, span.sitemap3 	{color: #00248c; font-size: 13px; margin: 5px 0px 0px 13px; line-height: 13px; }
a.sitemap4, span.sitemap4 	{color: #00248c; font-size: 11px; margin: 5px 0px 0px 18px; line-height: 11px; }
a.sitemap5, span.sitemap5 	{color: #00248c; font-size: 11px; margin: 5px 0px 0px 23px; line-height: 11px; }
.caption { display: block; margin-top: 14px; font-size:8pt; line-height: 100%; }
/* wysiwyg styles */
div.ttlayer { display: inline; }
div.ttlayer p.document { margin: 0px; display: inline; }
div.ttlayer p.document img { margin: 0px 8px 0px 0px; border-width: 0px; width: 16px; height: 16px; }
div.ttlayer p.imagecaption { display: block; margin: 0px; text-align: center; }

.red { color: #ff0000; }
.orange { color: #ff6600; }

.disclaimer { font-size: 8pt;}


div.taal { position: absolute; right: 17px ; top: 10px; }
div.taal img { border: 1px solid #ffffff; }
div.taal a {
    -moz-opacity:.7;
	filter:alpha(opacity=70);
    }

div.taal a:hover {
    -moz-opacity:1;
	filter:alpha(opacity=99);
    }