@charset "utf-8";
/* CSS Document */


/************/
/*** body ***/
/************/
*{ margin:0px; padding:0px;}


body {background:#355771 url(images/bg.png) repeat-x top; font-family:Arial, Helvetica, sans-serif, verdana; font-size:12px; color:#202020;}
a:link { text-decoration:underline; color:#202020;}
a:visited { text-decoration:underline; color:#202020;}
a:hover { text-decoration:none; color:#202020;}
a:active { text-decoration:underline; color:#202020;}
img { border:0px;}
.clear { clear:both;}



/***************/
/*** wrapper ***/
/***************/
.wrapper { background:url(images/wrapper_top_bg.png) no-repeat top; width:1035px; margin:0 auto; padding-top:38px;}



/**************/
/*** header ***/
/**************/
.header { position:relative; background:url(images/header_bg.png) no-repeat; width:910px; height:135px; padding-left:125px;}
.header .logodag { position:absolute; left:-36px; top:-29px; background:url(images/logo_dag.png); width:153px; height:156px;}
.header .logonacht { position:absolute; left:-39px; top:-29px; background:url(images/logo_nacht.png); width:160px; height:161px;}
.header h1 { display:none;}



/***************/
/*** menubar ***/
/***************/
.menubar { height:30px;}
.menubar ul { margin:0px; padding:0px; list-style:none;}
.menubar ul li { display:block; float:left; margin-right:78px;}
.menubar ul li a { display:block; color:#00467b; font-size:13px; text-decoration:none; padding:6px 0px 8px 0px;}
.menubar ul li.active a, .menubar ul li a:hover { background:url(images/menubar_pointer.png) no-repeat center bottom;}
.menubar ul li.active a { font-weight:bold;}



/***************/
/*** content ***/
/***************/
.content { background:#dce3e7 url(images/sidemenu_bg.png) repeat-y left; width:1035px; margin:0px; padding:0px;}
.bottom { background:url(images/content_bottom_bg.png) no-repeat bottom;}

/*** sidemenu ***/
.sidemenu { float:left; width:184px;}
.sideitem { width:184px; font-family:"verdana"; }
.sideitem h2 { background:url(images/sidemenu_h2.png); width:162px; height:19px; color:#00467b; font-size:13px; padding:2px 0px 0px 22px;}
.sideitem ul { margin:0px; padding:1px 0px 0px 22px; list-style:none;}
.sideitem ul li { line-height:22px;}
.sideitem ul li a { color:#00467b; font-size:13px; text-decoration:none;}

/*** contentvak ***/
.contentvak { float:right; width:851px;}

/*** box1 ***/
.box1 { position:relative; float:left; width:277px; height:254px; display:inline;  font-family:"verdana"; }
.box1 img { height:194px; margin:0px; padding:0px;}
.box1 .preview { position:absolute; left:0px; bottom:0px; background:#8499a9; width:272px; height:58px; padding:2px 0px 0px 5px;}
.box1 .preview h2 { color:#FFF; font-size:13px;}
.box1 .preview p { color:#FFF; font-size:11px; padding:2px 5px 0px 0px;}
.box1 .preview a.more { position:absolute; right:20px; bottom:10px; color:#FFF; font-size:11px; text-decoration:none;}

/*** box2 ***/
.box2 { float:left; width:250px; height:254px; display:inline;  font-family:"verdana"; }
.box2item { background:#e1e5e6 url(images/box2_break.png) no-repeat bottom; width:236px; height:55px; padding:8px 7px 0px 7px;}
.box2item img { float:left;}
.box2item h2 { float:right; width:180px; color:#00467b; font-size:13px; text-align:right; padding-top:3px; font-weight:normal;}
.box2item p.sub { float:right; width:180px; color:#758a9b; font-size:11px; text-align:right;}
.box2 .last { background:#e1e5e6; height:57px;}

/*** box3 ***/
.box3 { float:left; background:#cfd7dc url(images/box3_border.png) no-repeat left; width:324px; height:254px; display:inline;  font-family:"verdana";}
.box3 h2 { color:#00467b; font-size:13px; font-style:italic; padding:5px 0px 5px 10px;}
.box3 form { margin:0px; padding:0px;}
.box3 fieldset { width:324px; height:145px; border:none; padding-top:10px;}
.box3 label { float:left; width:102px; height:22px; display:inline; text-align:right; color:#385c77; font-size:13px; font-weight:bold; padding:4px 5px 0px 0px;}
.box3 input#naam, .box3 input#pass { float:left; background:url(images/box3_input_bg.png) repeat-x; width:185px; height:22px; border:1px solid #b8babb; margin-bottom:10px; display:inline; color:#575757; padding:4px 0px 0px 10px;}
.box3 form p { float:right; width:219px; color:#688aa4; font-size:13px; font-weight:bold; font-style:italic; padding-left:105px;}
.box3 form p a { color:#5a788f;}
.box3 #login { float:right; padding:2px 2px 2px 2px; background:#002440; border:none; cursor:pointer; color:#FFF; font-size:11px; font-weight:bold; margin:10px 20px 0px 0px;}
.box3 .register { background:url(images/box3_break.png) no-repeat top; width:304px; height:62px; color:#688aa4; font-size:13px; padding:10px 10px 0px 10px;}
.box3 a#register { float:right; padding:3px 8px 3px 8px; background:#002440; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; margin:4px 10px 0px 0px;}

/*** textbox ***/




.textboxonly { float:left; background:#e1e5e7 url(images/subpagina_bg.png) repeat-x bottom;
 margin-left:5px; margin-top:5px; margin-right:10px; width:846px; display:inline;
font-family:"verdana"; }


.textboxonly h3 { color:#00467b; font-size:21px;  padding:5px 0px 5px 10px;}
.textboxonly h2 { color:#00467b; font-size:13px;}

textbox { float:left; background:#32556f url(images/subpagina_bg.png) repeat-x bottom; width:851px; display:inline; }
.tekst { float:left; width:514px; padding:5px 2px 0px 10px; display:inline; font-family:"verdana"; }
.tekst h2 { color:#00467b; font-size:13px;}
.tekst p { padding:10px 0px 7px 0px;}

/*** box4 ***/
.box4 { float:left; background:url(images/box4_border.png) no-repeat 0px 35px; width:314px; padding:5px 0px 0px 10px; display:inline; }
.box4 h2 { width:324px; color:#00467b; font-size:13px; padding:0px 0px 5px 5px;}
.box4 a.kopp { display:block; background:url(images/box4_button_blue.png); width:295px; height:29px; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; padding-top:12px; margin:0px 0px 5px 5px;}
.box4 a.kopp i { font-weight:normal;}
.box4 a.red { background:url(images/box4_button_red.png);}

/*** directmenu ***/
.directmenu { float:left; background:#bfcfda; width:851px; height:32px;}
.directmenu ul { margin:0px; padding:0px; list-style:none;}
.directmenu ul li { float:left; height:32px; margin:0px 35px 0px 45px;}
.directmenu ul li a { display:block; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; padding:9px 0px 8px 0px;}
.directmenu ul li a i { font-weight:normal;}
.directmenu ul li.active a, .directmenu ul li a:hover { background:url(images/direct_pointer.png) no-repeat center top;}

/*** box5 ***/
.box5 { position:relative; float:left; width:295px; height:172px; display:inline;}
.box5 h2 { background:#0f1d31; width:285px; height:23px; color:#FFF; font-size:13px; font-style:italic; padding:5px 0px 0px 10px;}
.item { float:left; background:#8599a9; width:290px; height:23px; color:#FFF; font-size:13px; padding:5px 0px 0px 5px; display:inline;}
.item a { float:left; display:block; width:150px; color:#FFF; text-decoration:none; padding:0px 0px 0px 30px; display:inline;}
.item span { float:left; display:inline;}
.alt { float:left; background:#758a9b; width:290px; height:19px; color:#FFF; font-size:13px; padding:1px 0px 0px 5px; display:inline;}
.midden a { float:left; display:block; width:220px; color:#FFF; text-decoration:none; padding:0px 0px 0px 30px; display:inline;}
.rond, .rond h2 { width:251px;}
.rond .item { float:left; background:#8599a9; width:256px; height:23px; color:#FFF; font-size:13px; padding:5px 0px 0px 5px; display:inline;}
.rond .alt { float:left; background:#758a9b; width:256px; height:19px; color:#FFF; font-size:13px; padding:1px 0px 0px 5px; display:inline;}
.rond .item a { float:left; display:block; width:205px; color:#FFF; text-decoration:none; padding:0px 0px 0px 5px; display:inline;}
.rond .altr { float:left; background:#758a9b url(images/box7_bottom_bg.png) no-repeat right; width:256px; height:19px; color:#FFF; font-size:13px; padding:1px 0px 0px 5px; display:inline;}
.bold { font-weight:bold;}
.border { position:absolute; left:285px; top:30px; background:url(images/box5_border.png); width:1px; height:142px;}



/**************/
/*** footer ***/
/**************/
.footer { text-align:center; padding:5px 0px 5px 0px;}
.footer p { color:#bfcfda;}
.footer a { color:#bfcfda; text-decoration:none;}