/*---------------------------------- PAGE GENERAL ------------------------------------*/
html, body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; margin: 0px; background: #F7F7F7 url('../images/header-bg.png') repeat-x;}
body {height: 100%;}

/*---------------------------------- WRAPPERS ------------------------------------*/
#wrapper {margin-left: auto; margin-right: auto; margin-top: 0px; width: 970px;}
#headersup {padding: 0px; height: 15px; padding-top: 5px; margin: 0px; text-align: right;}
#headersup a {color: white; font-size: small; padding: 0px 15px 0px 0px;}
#header {padding: 0px; height: 160px; margin: 0px;}
#headerleft {float: left; padding: 0px; margin: 0px; height: 140px; width: 250px; background: url('../images/logo.png') no-repeat left bottom;}
#headerright {float: right; padding: 0px; margin: 0px; height: 150px; width: 700px;}
#content {float: left; padding: 10px; margin: 22px 0px; min-height: 600px; width: 100%; border: 1px solid silver; background: white;}
#innercontent {float: left; width: 100%;}
#contenthalfleft {float: left; margin: 0px; width: 460px; text-align: justify;}
#contenthalfright {float: right; margin: 0px; width: 460px; text-align: justify;}
#contentqmenu {float: right; margin: -70px 0px 30px 15px; padding: 10px 10px 30px 10px; z-index: 1000; height: 600px; width: 250px; background: #EFEFEF; border: 1px solid #7D9BB7;}
#footer {width: 100%; padding: 10px 0px 20px 0px; margin: 0px; background: #82B6E6; border-top: 1px solid #7D9BB7;}
#footer_resize { margin:0 auto; padding: 0px; width:970px;}
#footersub {width: 100%; padding: 10px 0px 10px 0px; margin: 0px; background: #EFEFEF; border-top: 1px solid #7D9BB7;}
#footersub_resize { margin:0 auto; padding: 0px; width:970px;}
#clear {clear: both;}
#left {float: left;}
#right {float: right; padding: 0px 15px 3px 0px;}

/*------------------------------------ MENU ---------------------------------------*/
.menu{width: 100%; margin-top: 60px; overflow: hidden;}
.menu ul{margin: 0; padding: 0; list-style-type: none;}
.menu li{display: inline; margin: 0;}
.menu li a{float: left; height: 13px; display: block; text-decoration: none; margin: 0px 2px 0px 0px; padding: 10px 20px;font-family: Arial, Helvetica, sans-serif; color: white; font-size: 14px; font-weight: bold; background: #82B6E6; border: 1px solid #7D9BB7;}
.menu li a.selected{float: left; height: 13px; display: block; text-decoration: none; margin: 0px 2px 0px 0px; padding: 10px 20px;font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: black; background: #F7F7F7; border: 1px solid #7D9BB7; border-bottom: 1px solid #F7F7F7;}
.menu li a.selected:hover {color: black;}
.menu li a:hover {background: white; color: black;}

.menusub{width: 100%; margin-top: 10px; overflow: hidden;}
.menusub ul{margin: 0; padding: 0; list-style-type: none;}
.menusub li{display: inline; margin: 0;}
.menusub li a{float: left; display: block; text-decoration: none; margin: 0; padding: 0px 10px;}
.menusub li a:hover, .menu li.selected a{text-decoration: underline;}

ul.menufooter {list-style:none; margin: 0px; padding: 0px 40px 0px 0px;}
ul.menufooter li {margin: 0px; padding: 10px 0px 0px 0px;}
ul.menufooter li a{color: white;}
ul.menufooter li a:hover{ color: maroon;}

/*---------------------------------- CONTENT ------------------------------------*/
h1 {font-size: 1.2em; margin: 0px; height: 26px; padding: 5px 5px 0px 0px; font-weight: bold; color: #FB7E3C; text-align: left;}
h2 {font-size: 1.2em; margin: 0px; height: 26px; padding: 5px 5px 0px 0px; font-weight: normal; color: black; text-align: left;}
h3 {font-size: 1.2em; margin: 0px; height: 26px; padding: 5px 5px 0px 0px; font-weight: normal; color: white; text-align: left;}

font.header {font-size: 25px; margin-left: 50px;}
font.small {font-size: 12px; color: black; font-weight: normal;}
font.smallb {font-size: 12px; color: black; font-weight: bold;}
font.bigw {font-size: 16px; color: white; font-weight: bold;}
font.comment {font-size: 0.8em; color: gray; font-weight: normal;}
font.warning {font-size: 0.8em; color: red; font-weight: normal;}

a {color: blue; text-decoration: none; font-weight: normal;}
a.small {font-size: 12px; font-weight: bold; color: blue; text-decoration: none; padding-right: 20px;}
a.big {font-size: 16px; color: blue; text-decoration: none; font-weight: bold;}
a:hover {color: #A5B0F5; text-decoration: none;}

p {padding-left: 15px;}
sup.supwarn {line-height: 1.0em; color: red; font-weight: bold;}

table.sheet {border: solid 1px; border-color: purple; border-collapse:collapse; background-color: #F3F3F3; font-size: 12px;}
table.sheet th{padding: 1px; padding-left: 5px; border-collapse:collapse; border: 1px solid purple; text-align: left; font-weight: normal;}
table.sheet thead{padding: 5px; background:#D8B1ED; text-align:left;}
/*table.sheet tr:hover{background: #E6CDF3;}*/
table.sheet td{ border: solid 1px purple; padding: 3px; border-collapse:collapse; text-align: left;}
table.sheet td.bg{ border: solid 1px;  border-color: purple; padding: 3px; border-collapse:collapse; text-align: left; background-color: #D8B1ED; font-weight: normal;}

.standaardform {padding: 5px; background: white; border: 0px;}
.standaardform dt {float: left; text-align: right; width: 180px; margin-right: 5px;}
.standaardform dd {margin: 0 2em .5em 5em;}

table.sheet {width: 100%; border: solid 1px; border-color: silver; border-collapse:collapse; background-color: #F3F3F3;}
table.sheet td{ border: solid 1px silver; padding: 3px; border-collapse:collapse; text-align: left;}
table.sheet td.bg{ border: solid 1px;  border-color: silver;   padding: 3px; border-collapse:collapse; text-align: left; background-color: #E7E7E7; font-weight: bold;}


.validation-advice {
   color : red;
   font-size: 0.8em;
   font-weight: bold;
   padding-left: 120px;
}