/* CSS Document */

body{ margin: 0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231f20; background:#231f20; }

a{ color:#231f20; }
a:hover{ color:#e15814; }

h1{ font-size:19px; margin-bottom:10px; margin-top:10px; color:#e15814; }
h2{ font-size:16px; margin-bottom:5px; margin-top:5px; color:#e15814; }
h2.blauw{ font-size:16px; margin-bottom:5px; margin-top:5px; color:#014058; }
h2.rood{ font-size:16px; margin-bottom:5px; margin-top:5px; color:#910f14; }
h2.oranje{ font-size:16px; margin-bottom:5px; margin-top:5px; color:#7a320f; }
h3{ font-size:13px; margin-bottom:5px; margin-top:5px; color:#e15814; }

table, td, div, select{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231f20; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#231f20; }
form{margin:0px;}

.spacer{clear:both; overflow:hidden; height:0px;}
.error{color:#d7182a;}
.small{font-size:9px;}
.smallorange{font-size:9px; color:#e15814;}

.stiphor{ height:6px; background:url(../htmimages/stiphor.gif) top left repeat-x; }

.link-top{ display:block; width:60px; height:14px; background-color:#8fb4f0; font-size:9px; color:#FFFFFF; text-align:center; text-decoration:none; font-weight:bold; padding-top:2px; }
.link-top:hover{color:#bad2fc;}




/* TOP --------------------------------------------------------*/

#top{ width:100%; height:60px; overflow:hidden; background:url(../htmlimages/top-bg.gif) top center repeat-x #534c4e; }
#top-container{ width:1048px; height:60px; margin:0 auto 0 auto; background:url(../htmlimages/usermenu-bg.gif) top right no-repeat; }

#userbox-table{ height:100%;}
#userbox-table td{ color:#FFFFFF; font-size:11px;}
#userbox-table a{ color:#ffffff;}
#userbox-table a:hover{ color:#fffcad;}
#userbox-td-stripe{ width:42px; background:url(../htmlimages/stipver.gif) top center repeat-y;}
.inputuserbox{ border:none; background:#FFFFFF; width:85px; height:17px; }
.btnuserbox{ height:22px; }


/* MIDDLE ------------------------------------------------------*/
#middle{ width:100%; background:url(../htmlimages/middle-bg.jpg) top center no-repeat; }
#middle-container{ width:1048px; margin:0 auto 0 auto; background:#ffffff; min-height:820px; height:auto !important; height:820px; }

#banner-container{}
#banner-container-links{ float:left; width:338px; height:139px;}
#banner-container-rechts{ float:left; width:710px; height:139px;}

#content-container{ width:1028px; padding:10px; background:url(../htmlimages/content-container-bg.gif) top center repeat-x; min-height:618px; height:auto !important; height:618px;}
#content-container-links{ width:690px; float:left; margin-right:3px;}
#content-container-rechts{ width:335px; float:left;}

.titelbalk{ margin:10px 0px 10px 0px;}

.newsitem-grey{ width:670px; padding:10px; background:#e7e7e7;}
.newsitem{ width:670px; padding:10px; background:#ffffff;}
.newsitem-image{ width:236px; float:left; margin-right:10px;}
.newsitem-text{ width:400px; float:left;}

.blok1{ width:295px; min-height:170px; height:auto !important; height:170px; background:url(../htmlimages/blok-1-bg.jpg) top left no-repeat #0287b9; color:#FFFFFF; padding:20px; margin-top:3px; }
.blok2{ width:295px; min-height:170px; height:auto !important; height:170px; background:url(../htmlimages/blok-2-bg.jpg) top left no-repeat #bf161c; color:#FFFFFF; padding:20px; margin-top:3px; line-height:23px; }
.blok2 a{ color:#FFFFFF; }
.blok2 a:hover{ color:#f7b5b5; }
.blok3{ width:295px; min-height:170px; height:auto !important; height:170px; background:url(../htmlimages/blok-3-bg.jpg) top left no-repeat #e15814; color:#FFFFFF; padding:20px; margin-top:3px; line-height:23px; }
.blok3 a{ color:#FFFFFF; }
.blok3 a:hover{ color:#f3c7b2; }

.zoekenfield{ border:solid 1px #025574; width:285px; height:20px;}

.tdmxwpatroon{ background:url(../htmlimages/mxw-pttrn-vert.gif) top center repeat-y; width:69px;}

.bubble-links{ width:329px; float:left; margin-right:19px;}
.bubble-rechts{ width:329px; float:left;}
.bubble-links a, .bubble-rechts a{ display:block; width:329px; background:url(../htmlimages/stiphor.gif) bottom left repeat-x; height:16px; text-decoration:none; font-size:11px; overflow:hidden;}
.bubble-links a:hover, .bubble-rechts a:hover{ background:url(../htmlimages/stiphor.gif) bottom left repeat-x #e9e9e9;}



/* MENU ---------------------------------------------------------*/
#menu-container{ height:52px; width:1038px; padding:10px 0px 0px 10px; }
.menu-button{ float:left; margin-right:3px; height:35px; padding:17px 10px 0px 10px; display:block; background:#ed1c24; color:#FFFFFF; text-decoration:none; }
.menu-button:hover, .menu-button#selected{background:#a6a6a6; color:#FFFFFF; text-decoration:none;}




/* FOOTER ---------------------------------------------*/
#footer{ width:100%; }
#footer-container{ height:81px; width:1048px; padding-top:15px; background:url(../htmlimages/footer-container-bg.jpg) top left no-repeat; margin:0 auto 0 auto; }

#footer-links{ width:680px; float:left; color:#FFFFFF; font-size:11px;}
#footer-links a, #footer-rechts a{ color:#e15814; font-size:11px; }
#footer-links a:hover, #footer-rechts a:hover{ color:#ff9865; }
#footer-rechts{ width:368px; float:left; text-align:right; color:#FFFFFF; font-size:11px;}


/* MSG BOARD ------------------------------------------------- */
table.msgboard 
{
	border-style: solid;
    border-width: 1px;
	border-color: #000000;
}
table.msgboard th
{
	border-style: solid;
    border-width: 1px;
	border-color: #ffffff;
	background-color: d0d0d0;
	align: center;
	font-weight: bold;
    font-size: 10pt;
    font-family: verdana, Arial;
    text-align: center;
    text-decoration: underline;
}
table.msgboard td
{
	border-style: solid;
    border-width: 1px;
	border-color: #ffffff;
	background-color: d0d0d0;
	vertical-align: top;
	font-size: 8pt;
    font-family: verdana, Arial;
}







