/* BODY */


body {
        font: 12pt Comic Sans MS;
        margin:0px;
        height:100%;
        padding:0px;
	background-image:  url('../images/bg_old.gif');
	background-attachment: fixed; 
     }

/* DIV ID - BASIS */
#content {
	width: 950px;
	display: table;
	margin: auto auto;
}

#content_2 {
	width: 950px;
	display: table;
	margin: auto auto;
}

#content_3 {
	width: 500px;
	display: table;
	margin: auto auto;
}



.eenbox {
width:474px;
float:left;
margin-right:10px;
margin-top:10px;
}

.tweebox {
width:464px;
float:left;
margin-top:10px;
}


.dia1 {
width:306px;
float:left;
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

.dia2 {
width:306px;
float:left;
margin-top:10px;
margin-right:10px;
}

.dia3 {
width:306px;
float:left;
margin-top:10px;
}

.ik1 {
width:514px;
float:left;
margin-right:10px;
margin-top:10px;
}

.ik2 {
width:424px;
float:left;
margin-top:10px;
}

.nieuws1 {
width:664px;
float:left;
margin-right:10px;
margin-top:10px;
}

.nieuws2 {
width:278px;
float:left;
margin-top:10px;
}

.nieuws_titel a {
font-size:15px;
text-decoration: none;
color:#000000;
}

.nieuws_datum {
font-size:10px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px #CCC8C8 solid;
}


.staff_1 {
width:564px;
float:left;
margin-right:10px;
margin-top:10px;
}

.staff_2 {
width:374px;
float:left;
margin-top:10px;
}


/* DIV CLASS - MENU */

#header {
        background-color:#FFFFFF;
        background-image: url('../images/fobbaheader5.png');
        height:150px;
        width:100%;
        overflow:hidden;
}

.header_content {
	width: 950px;
	display: table;
	margin: auto auto;
        overflow:hidden;
        background-image:  url('../images/fobbaheader6.png');
        border-left: 2px solid #555050;
        border-right: 2px solid #555050;
}

.header_content2 {
	width: 950px;
	display: table;
	margin: auto auto;
        overflow:hidden;
}


.logo {
background-image: url('../images/logo_kroko.png');
        padding:2px;
        height:48px;
        width:205px;
        margin-top:100px;
        margin-left:20px;
        margin-right:5px;
        color:#3D3B3B;
        float:left;
     }


.nav-container
{ 
background-color:#555050;

}

.f-nav
{ 
z-index: 9999; 
position: fixed; 
left: 0; 
top: 0; 
width: 100%;
}
    
.nav { 
height: 40px;
font-size:20px;
color:#000000;
overflow:hidden;
}

.nav a {
text-decoration: none;
color:#fff;

}
   
/*DIV ID DIVS */


.titel
{
        width: auto;
        color:#303030;
        font-size:30px;
        margin-left:5px;
}


.blauw
{
        width: auto;
        color:#fff;
        height:50px;
        background-color:#468DEA;
        padding:5px;
}

.blauw:hover
{
        width: auto;
        color:#fff;
        height:50px;
        background-color:#89B5EF;
        padding:5px;
}

.grijs
{
        width: auto;
        color:#fff;
        height:50px;
        padding:5px;
}

.wit
{
        width: auto;
        color:#fff;
        background-color:#424242;
        height:50px;
        padding:5px;
}


.wit:hover
{
        width: auto;
        color:#fff;
        background-color:#838080;
        height:50px;
        padding:5px;
}

.groen
{
        width: auto;
        color:#fff;
        height:50px;
        background-color:#4D8553;
        padding:5px;
}

.groen:hover
{
        width: auto;
        color:#fff;
        height:50px;
        background-color:#7BBB82;
        padding:5px;
}

.rood
{
        width: auto;
        color:#fff;
        height:50px;
        background-color:#C1184B;
        padding:5px;
}

.rood:hover
{
        width: auto;
        color:#fff;
        height:50px;
        background-color:#F43F5D;
        padding:5px;
}



.titel_fb
{
        width: auto;
        color:#fff;
        font-size:20px;
        padding:3px;
        background-color:#468DEA;
}


.box_fb {
        height:auto;
        color:#000000;
        margin-bottom:10px;
        background-color:#FFFFFF;
        border:1px solid #468DEA;
        border-radius:3px;
     }

.titel_register
{
        width: auto;
        color:#fff;
        font-size:20px;
        padding:3px;
        background-color:#4D8553;
}

.box_register {
        height:auto;
        color:#000000;
        margin-bottom:10px;
        background-color:#FFFFFF;
        border:1px solid #4D8553;
        border-radius:3px;
     }

.titel_diamanten
{
        width: auto;
        color:#fff;
        font-size:20px;
        padding:3px;
        background-color:#D043D2;
}

.box_diamanten {
        height:auto;
        color:#000000;
        margin-bottom:10px;
        background-color:#FFFFFF;
        border-radius-bottom:4px;
        border:1px solid #D043D2;
border-radius:3px;
     }

.titel_vip
{
        width: auto;
        color:#fff;
        font-size:20px;
        padding:3px;
        background-color:#5A4B7C;
}

.box_vip {
        height:auto;
        color:#000000;
        margin-bottom:10px;
        background-color:#FFFFFF;
        border-radius-bottom:4px;
        border:1px solid #5A4B7C;
border-radius:3px;
     }


.titel_personeel
{
        width: auto;
        color:#fff;
        font-size:20px;
        padding:3px;
        background-color:#C1184B;
}

.box_personeel {
        height:auto;
        color:#000000;
        margin-bottom:10px;
        background-color:#FFFFFF;
        border-radius-bottom:4px;
        border:1px solid #C1184B;
        border-radius:3px;
     }

.box {
        height:auto;
        padding:1px;
        color:#000000;
        margin-bottom:10px;
        background-color:#F1F0F0;
        border:1px solid #CCC8C8;
        border-top:0px;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
     }

.sub-menu {
        height:auto;
        padding:1px;
        color:#000000;
        background-color:#F1F0F0;
        border:1px solid #CCC8C8;
        border-top:0px;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
     }

.sub-menu a {
color:#000000;
      
     }


.ad{
        height:auto;
        width:728px;
        padding:1px;
        color:#000000;
        background-color:#F1F0F0;
        border:3px solid #CCC8C8;
        border-top:0px;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
     }


.ad2{
        height:auto;
        width:728px;
        padding:1px;
        color:#000000;
        background-color:#F1F0F0;
        border:3px solid #CCC8C8;
        border-radius:3px;
     }

.alert {
        height:auto;
        padding:1px;
        color:#000000;
        background-color:#F1F0F0;
        margin-top:10px;
        border-radius:3px;
        border:1px solid #CCC8C8;
     }

.box_wit {
        height:auto;
        padding:1px;
        color:#000000;
        margin-bottom:10px;
        background-color:#fff;
        border-radius:3px;
        border:1px solid #CCC8C8;
     }

.box_welkom {
        height:auto;
        padding:1px;
        color:#000000;
        margin-bottom:10px;
        border:solid 1px #FFF;
        background-image: url('../images/welkom2.jpg');
        height:200px;
        border-radius:3px;
        
     }

.box_blauw {
        height:auto;
        padding:1px;
        color:#000000;
        margin-bottom:10px;
        background-color:#78A2FC;
        border:solid 1px #FFF;
     }

.box_rood {
        height:auto;
        padding:1px;
        color:#000000;
        margin-bottom:10px;
        background-color:#CC7A7A;
        border:solid 1px #FFF;
     }

.tekst {
        height:auto;
        margin-left:10px;
        margin-top:10px;
        margin-bottom:10px;
        margin-right:10px;
        color:#303030;
     }

.tekst_welkom {
        height:auto;
        margin-left:10px;
        margin-top:10px;
        margin-bottom:10px;
        margin-right:10px;
        color:#000000;
     }

.info_1 {
        height:auto;
	background-color:  #F1F0F0;
        float:left;
        width:165px;
        margin-right:2px;
        margin-left:4px;
     }

.info_2 {
        height:auto;
	background-color: #F1F0F0;
        float:left;
        width:165px;
        margin-right:2px;
     }

.info_3 {
        height:auto;
	background-color: #F1F0F0;
        float:left;
        width:172px;
        overflow:hidden;
     }

.tekst_info  {
        height:auto;
	background-color: #F1F0F0;
        margin:10px;
        font-size:18px;
     }


/*footer*/

.footer{
	width: 940px;
	height: 30px;
        padding-left:5px;
        padding-right:5px;
        margin: auto auto;
	clear: both;
        font-size:15px;
        color:#303030;
        margin-top:10px;
        margin-bottom:10px;
      }
.footer a {
text-decoration: none;
color:#303030;
}

.welkom_registreer a {
height:50px;
width:300px;
float:left;
margin-left:65px;
background:url(../images/Registreren_donker.png) no-repeat 0 0;
margin-top:65px;
     }

.welkom_registreer a:hover {
	background:url(../images/Registreren_licht.png) no-repeat 0 0;
       
     }

.login-field {
width:250px;
background:#FFFFFFF;
height:25px;
border:1px solid #000000;
border-bottom:2px solid #000000;
border-right:2px solid #000000;
font-size:16px;
margin-bottom:10px;
}

.login-field:hover{
width:250px;
background:#FFFFFF;
height:25px;
border:1px solid #696969;
border-bottom:2px solid #696969;
border-right:2px solid #696969;
font-size:16px;
}

.tab {
        height:auto;
        float:left;
        margin-right:14px;
        padding-left:3px;
        padding-right:3px;
        padding-top:5px;
        padding-bottom:5px;
        font-size:16px;
        
     }

.colum {
        height:auto;
        float:left;
        margin-right:5px;
        
     }


.registreer {
width:250px;
background:#FFFFFFF;
height:35px;
border:1px solid #978F8F;
border-bottom:2px solid #978F8F;
border-right:2px solid #978F8F;
font-size:25px;
padding:5px;
}

.registreer:hover{
width:250px;
background:#FFFFFF;
height:35px;
border:1px solid #696969;
border-bottom:2px solid #696969;
border-right:2px solid #696969;
font-size:25px;
}



.check
{
background-color:#4D8553;
width:auto;
height:35px;
font-size:18px;
padding-left:2px;
padding-right:2px;
color:#FFF;
border:none;
}

.check:hover
{
background-color:#71BC7A;
width:auto;
height:35px;
font-size:18px;
padding-left:2px;
padding-right:2px;
color:#FFF;
border:none;
}

.check a
{
color:#fff;
text-decoration:none;
}


.check3
{
background-color:#468DEA;
width:auto;
height:35px;
font-size:18px;
padding-left:2px;
padding-right:2px;
color:#FFF;
border:none;
}

.check3:hover
{
background-color:#97D4EA;
width:auto;
height:35px;
font-size:18px;
padding-left:2px;
padding-right:2px;
color:#FFF;
border:none;
}

.check3 a
{
color:#fff;
text-decoration:none;
}


.check2
{
background-color:#CCC8C8;
width:auto;
height:auto;
font-size:22px;
padding-left:2px;
padding-right:2px;
color:#FFF;
border:none;
}

.check2:hover
{
background-color:#A19E9E;
width:auto;
height:auto;
padding-left:2px;
padding-right:2px;
color:#FFF;
border:none;
}

.check2 a
{
color:#fff;
text-decoration:none;
}

.profiel_afb {
        height:125px;
	background-color: white;
        background-image: url('../images/profiel.png');
        border-radius:3px;
     }

.profiel_info {
        height:48px;
	background-color: #C0C0C0;
     }



.missie {
border: 1px solid #6E6E6E;
        min-height:25px;
        max-height:50px;
        width:340px;
	background-color: #FFFFFF;
        opacity:0.7;
        filter:alpha(opacity=70);
        border-top-left-radius:3pt;
        border-top-right-radius:3pt;
        font-size:18px;
        float:right;
        margin-top:40px;

     }

.naam {
        height:auto;
        width:auto;
        float:right;
        color:#fff;

     }

.naam2 {
        height:auto;
        width:auto;
        font-size:18px;
        float:right;
        color:#2B2828;

     }

.naam3 {
        height:auto;
        width:auto;
        float:right;
        margin-top:100px;
font-size:25px;
        padding:2px;

     }

.naam4 {
        height:auto;
        width:auto;
        float:right;
        margin-top:32px;
font-size:25px;
        padding:2px;

     }
.enter2 a {

display:block;
height:102px;
width:202px;
float:right;
background:url(../images/ga_in_fobba.png) no-repeat 0 0;
margin-top:10px;
margin-right:10px;
opacity:0.7;
filter:alpha(opacity=70);
     }

.enter2 a:hover {
	background:url(../images/ga_in_fobba_licht.png) no-repeat 0 0;
       
     }



.clear {
clear: both;
}

/* news widget ---------------------- */
div.newsHeader {
	height: 230px;
	width: 421px;
        margin-top:-20px;
        
}

div.HeadlineStory {
	height: 230px;
	width: 421px;
        border-top-left-radius:3pt;
        border-top-right-radius:3pt;
}

div.HeadlineStory> p.Mainheadline {
	color:#fff;
	font-size:20px;
	font-weight:bolder;
        padding-left:10px;
        padding-top:10px;
}
p.Mainheadline > a {
	color:#fff;
        text-decoration: none;
}

div.HeadlineStory> p.Mainstory {
	color:#fff;
	font-size: 11px;
        padding-left:10px;
}

div.storybox {
	width:401px;
	background-color: #fff;
        margin-top:-12px;
}

div.storybox#odd {
	background-color: #fff;
}
div.storybox#even {
	background-color: #fff;
}

div.storybox > p.headline {
	color: #606060;
}

div.storybox > p.headline a {
	color: #606060;
        padding-left:5px;
}
div.storybox > p.date {
	color:#606060;
        padding-left:5px;
}
#story {
	width:318px;
}

div.storyboxEnd {
	width:401px;
	background-color: #FFF;
	text-align:right;
}

div.storyboxEnd > .readmore {
}

div.storyboxEnd > .readmore a {
	color: #FF8300;
	text-decoration: underline;
}

.readmorenews a {
	font-size: 11px;
	color: #FFF;
	text-decoration: underline;
}

.tekst_event_bijschrift {
        height:30px;
	background-image: url('../images/tipbg.png');
        margin-top:33px;
        font-size: 15px;
        padding-top:3px;
        padding-left:3px;
        color:#FFFFFF;
     }

.tekst_event {
        height:auto;
	background-color: white;
        margin-top:10px;
        margin-bottom:10px;
        height:100px;
        border-bottom: 1px solid #978F8F;
        border-right: 1px solid #978F8F;
        border-top-left-radius:3pt;
        border-top-right-radius:3pt;
        border-bottom-left-radius:3pt;
        border-bottom-right-radius:3pt;
        overflow:hidden;
     }

.event_titel {
color:#fff;
	font-size:20px;
	font-weight:bolder;
        padding-left:10px;
        padding-top:10px;
}

.event1 a {

display:block;
height:100px;
width:150px;
float:right;
background:url(../images/event.png) no-repeat 0 0;
     }

.event1 a:hover {
	background:url(../images/event_licht.png) no-repeat 0 0;
       
     }

.event2 a {

display:block;
height:100px;
width:150px;
float:right;
background:url(../images/uitslag.png) no-repeat 0 0;
     }

.event2 a:hover {
	background:url(../images/uitslag_licht.png) no-repeat 0 0;
       
     }

.client {
	border: none;
	width: auto;
        height:30px;
	border-top-left-radius:3pt;
        border-top-right-radius:3pt;
background-color:#8FC1E7;
opacity:0.5;
filter:alpha(opacity=50);
        font-size:18px;
        padding-left:10px;
        padding-right:10px;
        padding-top:3px;
        color:#FFFFFF;
}

.client a {
text-decoration: none;
color:#FFFFFF;

}