/* webdev: Pim Rijpsma - pim@fabrique.nl */
html,body{ height: 100%; }
body{
	margin: 0;
	padding: 0;
	color: #071340;
	font: 12px "Trebuchet MS", verdana, sans-serif;
	text-align: center;
	background-color: #DEE6F1;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
}
img, img a{ border: none; }
a{ text-decoration: underline; color: #FF6700; }
a:hover{ text-decoration: underline; color: #FF9000; }
p{ padding: 0; margin: 0.2em 0 2em 0; clear: both; }
p:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both; display: block; }
.desc{font-size: 92%; }
.left{ float: left;}
.leftimg{ margin: 4px 8px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 20px; }
.spadding{ padding: 6px; }
.right{ float: right; }
.rightimg{ float: right; margin: 4px 0 4px 8px; }
.righttxt{ text-align: right; }
.wrap{ width: auto; /*word-wrap: break-word; */}
.auto{ width: auto !important; }
.full{ width: 100%; }
.hide{ display: none; }
a.blue{ color: #071340 }
a.blue:hover{ color: #404C79 }
.bgorange{ background: #FF6700; }
.bgbar{ background: url(../images/bg_h2.gif) no-repeat; text-indent: 20px; width: 460px; min-width: 480px; }
.bgbardark{ background: url(../images/bg_h2dark.gif) no-repeat; text-indent: 20px; width: 460px; min-width: 480px;  }
.dotorangeline{ height: 1px; border-bottom: #FF6700 1px dotted; margin: 10px 0; padding: 10px 0; }
.bglight{ background: #F4F7FC; margin: 0 0 10px 0; }
form .padding { padding: 10px; }
.intro{ font-size: 106%; }
.date{ color: #FF6700; }

a.rss{ background: url(../images/icon_rss.gif) 0.2em 0.3em no-repeat; padding: 0 0 0 1.5em; float: right; width: auto; position: absolute; right: 10px; margin-top: -24px; text-decoration: none; }

/*::-moz-selection{ background: yellow; color: #333333;}
::selection { background: yellow; color: #333333;}*/

/* sIFR styles */
.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-hasFlash h1 { font-size: 28px; height: 30px; margin: 0; padding: 0; visibility: hidden; }
.sIFR-hasFlash h2 { font-size: 22px; height: 24px; visibility: hidden; }
.sIFR-hasFlash h3 { font-size: 19px; height: 21px; visibility: hidden; } 
.sIFR-hasFlash h4 { font-size: 17px; height: 19px; visibility: hidden; }
.sIFR-hasFlash h5 { font-size: 16px; height: 18px;visibility: hidden; }
#nav .rep, #nav .selected{  font-size: 10px; height: 20px; display: block; width: 210px; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-flash + div[adblocktab=true] {display: none !important;}
span.sIFR-alternate { width: 0; display: block; position: absolute; left: 0; top: 0; height: 0; overflow: hidden; }

h1, h2, h3, h4, h5{ clear: both; line-height: 110%; width: auto; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1{ font-size: 20px; margin:  0.3em 0 0.2em 0; padding: 0; font-weight: normal; }
h2{ font-size: 130%; margin: 0.1em 0 0.2em 0; padding: 0; font-weight: normal; }
h3{ font-size: 15px; margin: 0.1em 0 0.2em 0; padding: 0; font-weight: bold; }
h4{ font-size: 15px; margin: 0; padding: 0; }
h5{ font-size: 100%; margin: 0; padding: 0; }

hr{border: none; margin: 1em 0; width: 99%; clear: both; display: block; background: #FF6700; color: #FF6700; line-height: 1px; height: 1px; }
ul{ list-style-position: outside; margin: 0; padding: 0 0 0 14px; }
li{ padding: 4px 0; }

#content form{ margin: 0 0 1em 0; padding: 0; }
#content form label{ display: block; padding: 0.2em 0 0.2em 0; cursor: pointer; float: left; width: 28%; }
#content form label.inline{ display: inline; padding: 0.2em 0 0.2em 0; cursor: pointer; float: left; width: auto; }
#content form input.checkbox{ display: inline; float: left; border: none; width: auto; margin: 0.2em 0.2em 0 0.5em; }
#content form p{ margin: 0; padding: 0 0 0.2em 0; width: 99%; clear: both;}
#content form input, form select { border: 1px #071340 solid; width: 70%; padding: 2px 0 3px 3px; font-size: 92%;  }
#content textarea{ border: 1px #071340 solid; width: 98%; padding: 2px 0 3px 3px; margin: 0 0 1em 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
#content form .button{ float: right; font-weight: bold; padding: 0.2em 0.2em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; background: #FF6700; color: #FFFFFF; cursor: pointer; border: none; }
#content form .buttonhover{ float: right; font-weight: bold; padding: 0.2em 0.2em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; background: #FF9000; color: #FFFFFF; cursor: pointer; border: none; }

#content table{ width: 99%; border-collapse: collapse; empty-cells: show; }
#content table caption{ text-align: right; font-size: 92%; color:#333333; padding: 0 0 0.2em 0;  }
#content thead th{ font-weight: bold; padding: 0.2em 10px 0.2em 4px; width: auto; color: #333333 !important; background: #C5CEE4; }
#content tfoot td{ font-weight: normal; color: #333333 !important; padding: 0.2em 10px 0.2em 4px !important; }
#content td{ border: 0; font-size: 92%; empty-cells: show; vertical-align: top; text-align: left; padding: 0.4em 10px 0.4em 4px; }
#content table.line td, table.line th{ border-bottom: 1px #C5CEE4 solid; padding: 0.4em 10px 0.4em 4px; }

#framework { width: 770px; background: #DEE6F1; margin: auto auto; text-align: left; }
#container{ display: block; width: 100%; clear: both; }

#header{ height: 130px; width: 100%; }
/*#header{ height: 130px; width: 100%; background: url(../images/header.gif) no-repeat; float: left; }*/
#logo h1{ display: none; }
#logo a{
	display: block;
	margin-top: 20px;
	height: 110px;
	width: 100%;
}
/*#logo a{ display: block; width: 200px; height: 100px; float: right; top: 30px; position: relative; }*/
#navigation{ background: #F4F7FC; width: 290px; float: right; }
#navigation .padding{ padding: 12px; }
#content{ background: #FFFFFF; display: block; width: 480px; float: left; position: relative; overflow: hidden; }
#breadcrumb{ color:#FF6700; margin: 0;  padding: 3px 0 0 30px; height: 26px;}
#breadcrumb.crumb{ color: #FFFFFF; background: url(../images/bg_breadcrumb.gif) no-repeat; }
#breadcrumb.crumb a{ color: #FFFFFF; text-decoration: none; }
#breadcrumb.crumb a:hover{ color: #FFFFFF; text-decoration: underline; }
#end{ background: url(../images/content_end.gif) #FF6700 bottom left no-repeat; color: #FFFFFF; float: left; width: 100%; display: block;/* margin: 0 0 -10px 0; */}
#footer{ padding: 40px 0; display: block; width: 100%; clear: both; position: relative; }
#footer .padding{ background: #FFFFFF; }
#footer h2{ margin: 0; }

ul#nav{ margin: 5px 0px 5px 7px; background: #FF6700; padding: 0; list-style: none; }
#nav ul { margin: 0 0 10px 0; padding: 0; list-style: none; }
#nav ul ul{ margin: 0; padding: 5px 0; }
#nav li.top{ background: url(../images/bg_navul_bot.gif) #FF9000 bottom left no-repeat; margin: 0 0 10px 0; width: 250px; }
#nav span.top { background: url(../images/bg_navul_top.gif) top left no-repeat; width: 250px; display: block; }
#nav li li{ background: none !important; height: auto; padding: 0; margin: 0;}
#nav li li span, #nav .rep, #nav .selected{ padding: 0 0 5px 18px; }
#nav span.rep { background: url(../images/arrow_big_whi.gif) 3px 9px no-repeat; padding-top: 3px; }
#nav span.selected { background: url(../images/arrow_big_yel.gif) 3px 9px no-repeat; padding-top: 3px; }
#nav li a{ color: #FFFFFF; text-decoration: none; font-size: 17px; }
#nav li li a{ color: #FFFFFF; text-decoration: none; background: url(../images/arrow_small_whi.gif) 5px 5px no-repeat; font-size: 12px; }
#nav li li a:hover{ color: #F5DEAD; text-decoration: none; background: url(../images/arrow_small_yel.gif) 5px 5px no-repeat; }
#nav li li span.sel{ color: #F5DEAD; text-decoration: underline; background: url(../images/arrow_small_yel.gif) 5px 5px no-repeat; }
#nav li li li span{ padding: 0 0 0 20px; }
#nav li li li a{ color: #FFFFFF; text-decoration: none; background: url(../images/bullet_whi.gif) 7px 6px no-repeat; }
#nav li li li a:hover{ color: #F5DEAD; text-decoration: none; background: url(../images/bullet_yel.gif) 7px 6px no-repeat; }
#nav li li li span.sel{ color: #F5DEAD; text-decoration: underline; background: url(../images/bullet_yel.gif) 7px 6px no-repeat; }
#nav li li li li span{ padding: 0 0 0 34px; }
#nav li li li li a{ color: #FFFFFF; text-decoration: none; background: url(../images/bullet_whi.gif) 21px 6px no-repeat; }
#nav li li li li a:hover{ color: #F5DEAD; text-decoration: none; background: url(../images/bullet_yel.gif) 21px 6px no-repeat; }
#nav li li li li span.sel{ color: #F5DEAD; text-decoration: underline; background: url(../images/bullet_yel.gif) 21px 6px no-repeat; }
#nav li a:hover{ text-decoration: none; color: #F5DEAD }
#nav li { padding: 0; }

.month h3{ background: url(../images/bg_h2.gif) no-repeat; text-indent: 20px; width: 460px; min-width: 480px; margin-left:-20px; margin-bottom:.7em; margin-top:1.4em;  height:30px; }

.month .content h4{ color: #FF0000; margin-bottom:-3px; }
.month h4{ color: #FF6700; margin-bottom:-3px; }
.month .padding p{ margin-bottom:5px; }

.downloadbox{ 
display:block; border-bottom:6px solid white; background-color:#F4F7FC; color:#0B1F6B; }
.downloadbox a{ color:#0B1F6B; text-decoration:none; }
.downloadbox:hover { background-color:#C6DBFF; }
.tbldownloadbox{ margin:0; padding:0; }
.tbldownloadbox img{ margin-top:2px; margin-left:5px;  }
.tbldownloadbox h3 {padding-top: 3px}
input.required{ width:245px !important; border:1px solid #ff6600 !important;  }
input.notrequired{ width:245px !important;   }
.title{
	font-size: 15px;
	font-weight: bold;
	color: #0B1F6B;
}
.titleorange{
	font-size: 15px;
	font-weight: bold;
	color: #FF6700;
}