﻿body {font-family:verdana;font-size:11px;padding:0px;margin:0px;background:#008EDA url(../images/page_bg.jpg) top center repeat-y   }
#main {width:982px;background-color:#FFFFFF;min-height:600px;text-align:left}
#header {height:116px;background:#05BEEC url('../images/header.jpg') no-repeat}
#menu {height:22px;background:transparent url('../images/menu/menu_bg.gif') repeat-x}
#homebuttonspace {width:233px;height:22px;float:left}
#middlebuttonspace {width:515px;height:22px;float:left}
#rightbuttonspace {width:auto;height:22px;float:left}
.menusep{float:left;height:22px;width:2px;background:transparent url('../images/menu/menu_sep.gif') no-repeat;overflow:hidden}
#buttonhome {float:left;width:60px;height:22px;background:transparent url('../images/menu/bttn_home2.gif') repeat-x}
#buttonhomeA {float:left;width:60px;height:22px;background:transparent url('../images/menu/bttn_home.gif') repeat-x}
#buttonnews {float:left;width:60px;height:22px;background:transparent url('../images/menu/bttn_nieuws.gif') repeat-x}
#buttonnewsA {float:left;width:60px;height:22px;background:transparent url('../images/menu/bttn_nieuwsA.gif') repeat-x}
#buttontargets {float:left;width:87px;height:22px;background:transparent url('../images/menu/bttn_doel.gif') repeat-x}
#buttontargetsA {float:left;width:87px;height:22px;background:transparent url('../images/menu/bttn_doelA.gif') repeat-x}
#buttonmembers {float:left;width:54px;height:22px;background:transparent url('../images/menu/bttn_leden.gif') repeat-x}
#buttonmembersA {float:left;width:54px;height:22px;background:transparent url('../images/menu/bttn_ledenA.gif') repeat-x}
#buttonprojects {float:left;width:75px;height:22px;background:transparent url('../images/menu/bttn_project.gif') repeat-x}
#buttonprojectsA {float:left;width:75px;height:22px;background:transparent url('../images/menu/bttn_projectA.gif') repeat-x}

#buttonlinks {float:left;width:46px;height:22px;background:transparent url('../images/menu/bttn_links.gif') repeat-x}
#buttonlinksA {float:left;width:46px;height:22px;background:transparent url('../images/menu/bttn_linksA.gif') repeat-x}

#buttoncontact {float:left;width:65px;height:22px;background:transparent url('../images/menu/bttn_contact.gif') repeat-x}
#buttoncontactA {float:left;width:65px;height:22px;background:transparent url('../images/menu/bttn_contactA.gif') repeat-x}
#content {min-height:600px;background:#FFFFFF url('../images/star_body.gif') no-repeat;padding-top:10px}
#starleft {background:transparent url('../images/star_left2.gif') no-repeat top center}
.text {width:100%;margin-top:2px}
.moretext {display:none}
.blocka {margin-left:6px;width:223px;float:left}
.blocka .topor {height:26px;width:203px;padding:5px 10px 0px 10px;background:transparent url('../images/Content/blockA_top_or.png') no-repeat;}
.blocka .topbl {height:26px;width:203px;padding:5px 10px 0px 10px;background:transparent url('../images/Content/blockA_top_bl.png') no-repeat;}
.blocka .toprd {height:26px;width:203px;padding:5px 10px 0px 10px;background:transparent url('../images/Content/blockA_top_rd.png') no-repeat;}
.topor .text {color:#F5BE64;text-transform:uppercase;font-weight:bold;font-family:Verdana;line-height:18px;height:20px}
.topbl .text {color:#0962A4;text-transform:uppercase;font-weight:bold;font-family:Verdana;line-height:18px;height:20px}
.toprd .text {color:#E40626;text-transform:uppercase;font-weight:bold;font-family:Verdana;line-height:18px;height:20px}
.blocka .middle {height:400px;width:203px;padding:10px;background:transparent url('../images/Content/blockA_middle.png') repeat-y;}
.blocka .bottom {height:4px;width:223px;background:transparent url('../images/Content/blockA_bottom.png') no-repeat;}
.blockb {margin-left:6px;width:513px;float:left}
.blockb .topor {height:26px;width:493px;padding:5px 10px 0px 10px;background:transparent url('../images/Content/blockB_top_or.png') no-repeat;}
.blockb .topbl {height:26px;width:493px;padding:5px 10px 0px 10px;background:transparent url('../images/Content/blockB_top_bl.png') no-repeat;}
.blockb .toprd {height:26px;width:493px;padding:5px 10px 0px 10px;background:transparent url('../images/Content/blockB_top_rd.png') no-repeat;}
.blockb .middle {height:400px;width:493px;padding:10px;background:transparent url('../images/Content/blockB_middle.png') repeat-y;}
.blockb .bottom {height:4px;width:513px;background:transparent url('../images/Content/blockB_bottom.png') no-repeat;}
.more .top .text {width:250px;float:left;display:block;line-height:18px;height:20px}
.more .top .moretext {cursor:pointer;margin-top:3px;text-align:right;width:200px;float:right;display:block;color:#7c7c7c;line-height:18px;height:20px}
.newsitem {border-bottom:1px solid #cccccc;position:relative;height:70px;margin-bottom:5px}
.newsitem .title {width:250px;float:left;font-weight:bold;font-size:1.1em}
.newsitem .date  {width:200px;float:right;text-align:right;color:#008ED8;font-size:0.9em;margin-bottom:5px}
.newsitem .newscontent {}
.newsitem .readmore {cursor:pointer;padding-right:12px;text-align:right;position:absolute;bottom:9px ;right:0px;width:80px;height:17px;color:#7c7c7c;background:transparent url('../images/arrow_leesverder.gif') no-repeat right 3px;}
#scrollbox {padding:10px;background-color:#fff;border:1px solid #ccc;height:480px; overflow:auto;width:350px;margin-left:6px;float:left;}
#scrollboxcontent {overflow:hidden;width:330px;}
#contentbox {padding:10px;background-color:#fff;border:1px solid #ccc;height:480px; overflow:auto;width:570px;margin-left:6px;float:left;}
.contentboxcontent {overflow:hidden;width:550px;}

#topic .title {width:195px;font-weight:bold;color:#000;float:left;overflow:hidden}
#topic .datetime {font-size:0.8em;float:left;width:135px;height:17px;color:#29BAE7}
#topic .inshort {width:200px;color:#000;float:left;overflow:hidden;height:14px}
#topic .readmore {cursor:pointer;padding-right:12px;float:left;width:118px;height:17px;color:#7c7c7c;text-align:right;background:transparent url('../images/arrow_leesverder.gif') no-repeat right 3px;}
#topic {border-bottom:1px solid #000;padding:5px 0px}
.clear {clear:both}
#linkbox  .mainhead, #scrollboxcontent .mainhead {font-weight:bold;margin-bottom:5px}
#linkbox {width:966px;background-color:#FFF;margin-left:8px}
#linkbox .left {float:left;width:270px;padding:10px 0px 0px 10px}
#linkbox .right {float:right;width:678px;padding-top:10px}
.link {float:left;width:330px;border-bottom:1px solid #000;margin:0px 0px 5px 8px;height:100px}
.link .title {font-weight:bold;padding-bottom:5px}
.link .adresspace {width:200px;float:left;color:#666}
.link .imagespace {width:120px;float:right}
#contactbox {width:966px;background-color:#FFF;margin-left:8px}
#contactbox .left {float:left;width:400px;padding:10px 0px 0px 10px}
#contactbox .right {float:right;width:528px;padding-top:10px}
.r {float:left;width:430px;border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:5px}
.rwrap {float:left;width:430px;}
.r .imagebox {width:120px;float:left}
.l {float:right;width:50px;visibility:hidden}
.r .function {width:300px;float:right}
.function .title{font-weight:bold;padding-bottom:2px}
.function .name{font-weight:normal;padding-bottom:2px}
.function .phone{font-weight:normal;}
.function .rest{font-weight:normal;color:#666}
.function .profile{font-weight:normal;color:#666;cursor:pointer}
#loginblock {margin-right:20px;width:215px;height:100px;float:right;}
.logintitle {font-size:1.3em;color:#fff;height:20px;padding-top:17px;border-bottom:1px solid #fff;margin-bottom:5px}
.label {width:100px;float:left;color:#FFF;height:20px;line-height:17px}
.input {width:115px;float:right;height:20px}
#wachtwoord, #email {width:115px;border-width:0px}
.button {cursor:pointer;color:#FFF;background-color:#36649E;overflow:visible;width:auto;border:1px outset #36649E;float:right}
.buttonMO {cursor:pointer;color:#FFF;background-color:#2472B4;overflow:visible;width:auto;border:1px outset #2472B4;float:right}
.menutab {cursor:pointer;}
.menutabMO {cursor:pointer;opacity:0.5;filter:alpha(opacity=50);}
#stidecontainer div {cursor:pointer}