/*
    natuurlijk is ie valid

    wat had je dan gedacht?

    Als ivo css klopt

    dan klopt het mad hard!
*/

body
{
margin:0px;
padding:0px;
background: url("../_images/bodybg.gif") repeat-y #FFFFFF;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:0.7em;
}


/* TOP NAVIGATIE (home / over abbg / help /contact) */

#topnav 
{
position:absolute;
left:235px;
top:0px
}

#topnav a, #topnav a:hover 
{
background-color:#FFFFFF;
border:0px;
}

#topnav img 
{
border:0px;
padding-left:15px;
}

#topnav .home, #topnav .overAbbg, #topnav .help, #topnav .contact
{
float:left;
}

#topnav .home
{
display:block;
width:73px;
height:60px;
background:url("../_images/home.gif") no-repeat;
}
#topnav .home:hover
{
background:url("../_images/home_over.gif") no-repeat;
}

#topnav .overAbbg
{
display:block;
width:106px;
height:60px;
background:url("../_images/overabbg.gif") no-repeat;
}
#topnav .overAbbg:hover
{
background:url("../_images/overabbg_over.gif") no-repeat;
}

#topnav .help
{
display:block;
width:80px;
height:60px;
background:url("../_images/help.gif") no-repeat;
}
#topnav .help:hover
{
background:url("../_images/help_over.gif") no-repeat;
}

#topnav .contact
{
display:block;
width:94px;
height:60px;
background:url("../_images/contact.gif") no-repeat;
}
#topnav .contact:hover
{
background:url("../_images/contact_over.gif") no-repeat;
}

/* EINDE TOPNAV */








/* LEFT NAVIGATIE */

.scheiding
{
clear:both;
height:20px;
background: #2F2B60;
color:#EAE9EE;
text-transform:uppercase;
padding:7px 5px 5px 5px;
width:127px;
margin:0px;
margin-top:-3px;
font-weight:bold;
}

#left_menu
{
width:127px;
margin-left:0px;
}

#nav, #nav ul, #nav1, #nav1 ul
{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 11em;
}

#nav li , #nav1 li
{ /* all list items */
font-family:"Microsoft Sans Serif", Arial, sans-serif;
position : relative;
z-index: 2;
float : left;
margin-bottom : 1px;

}

#nav li ul, #nav1 li ul  
{ /* second-level lists */
position : absolute;
left: -999em;
z-index:2;
margin-left : 12.05em; /* klap naar rechts */
margin-top : -2.95em;

}

#nav li ul ul, #nav1 li ul ul 
{ /* third-and-above-level lists */
left: -999em;
}
/* begin belangrijkste deel vormgeving van de knoppen */
#nav li a, #nav1 li a  
{
position : relative;
z-index: 2;
width: 130px;
w\idth : 127px;
display : block;
color : #2F2B60; /* tekstkleur */
font-weight : normal; /* bold of normal */
font-size:10px;
text-decoration : none;
text-transform:uppercase;
background-color : #EAE9EE; /* achtergrondkleur */
border-bottom : 1px dashed #9D9DAA; /* rand om knoppen */
padding:9px 5px 9px 5px;

}

#nav li a:hover, #nav1 li a:hover {
color : #2F2B60; /*achtergrondkleur bij mouse over */
background-color : #F4F4F4; /*tekstkleur bij mouse over */
}
/* eind belangrijkste deel vormgeving van de knoppen */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul,
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul
{
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, 
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul 
{ /* lists nested under hovered list items */
left: auto;
}


/* EINDE LEFT NAVIGATIE */






/* positioneer de boel */

#left
{
position:absolute;
left:0px;
top:0px;
z-index: 2;
}


#page_content
{
position : relative;
z-index: 1;
margin-left:235px;
margin-top:190px;
padding-right:30px;
line-height:24px;
}

#page_menu_login
{
margin-top:20px;
margin-left:8px;
float:left; /* IE is dom, dus speciaal hiervoor deze float en display:inline */
display:inline;
}


/* eind positionering */




/* algemene shizzle */

h2,h3,h4
{
color:#2F2B60;
}

a:link
{
color:#2F2B60;
text-decoration:none;
border-bottom:1px solid #AAAAAA;
}

a:visited
{
color:#55547F;
text-decoration:none;
border-bottom:1px solid #EEEEEE;
}

a:hover
{
color:#111042;
text-decoration:none;
border-bottom:1px solid #BBBBBB;
}

a:active
{
color:#2F2B60;
text-decoration:none;
border-bottom:1px solid #CCCCCC;
}

input, textarea
{
background:#FFFFFF;
border:1px solid #B1C0C9;
}

fieldset
{
margin:0px;
padding:0px;
border:0px;
}

.verberg, .noScreen
{
display:none;
}

.button, #page_content .button
{
width:130px;
font-weight:bold;
cursor:pointer;
color:#111042;
}

.error
{
background:#F48780;
border:1px solid #A52320;
padding:3px;
color: #A52320;
margin-bottom:10px;
}

.error a:link, .error a:visited, .error a:hover
{
color: #A52320;
text-decoration:none;
border-bottom:0px solid;
font-style:italic;
}

.succes
{
background:#E4EFD3;
border:1px solid #0D420A;
padding:3px;
color: #0D420A;
margin-bottom:10px;
}

.alert
{
border:1px solid #F4B928;
padding:5px;
}
.alert img
{
vertical-align:middle;
}

/* einde algemene shizzle */


#page_content input,#page_content select,#page_content textarea
{
width:300px;
}


/* inloggen */

.userBox, .passBox
{
text-transform:uppercase;
color:#2F2B60;
font-family:"Microsoft Sans Serif", Arial, sans-serif;
font-weight:bold;
margin:0;
padding:0;
}

#pass, #user
{
width:120px;
margin:3px 0 3px 0;
}

/* eind inloggen */

/* zoeken */

#page_menu_snelzoeken
{
margin-right:-8px;
padding-left:5px;
}
#page_menu_snelzoeken .zoekknop
{
margin-bottom:-5px;
}
.zoekveld
{
width:70px;
}

.zoekveld_ledenzoek
{
width:185px;
}

/* eind zoeken */

/* nieuws */

#nieuws
{

}


#nieuws h4
{
margin:0;
padding:0;
color:#2F2B60;
font-size:1.2em;
}

.nieuwsitem
{
margin-bottom:50px;
}

.datum
{
color:#CCCCCC;
}

.nieuwstext
{
padding-bottom:15px;
border-bottom:1px solid #EEEEEE;
}

.naar_boven
{
float:right;

}


.nieuwsnavigatie
{
border-top:1px solid #CCCCCC;
height:25px;
border-bottom:1px solid #CCCCCC;
}

.nieuwsnavigatie .ouder
{
float:right;
}


.nieuwsnavigatie .nieuwer
{
float:left;
}

/* einde nieuws */

/* NOTA */

.nota
{
margin-bottom:30px;
padding-bottom:20px;
border-bottom:1px solid #EEEEEE;
}
.nota .thema
{
color:#2F2B60;
font-size:20px;
}

.nota .nummer
{
margin-right:10px;
font-size:35px;
color:#DDDDDD;
float:left;
}

/* einde NOTA */

/* registratie */

.verplicht
{
border:1px solid #F4B51B;
}

.uitleg img
{
vertical-align:bottom;
}

/* einde registratie */

/* ledenboek */

.ledenboeknavigatie
{

border-top:1px solid #EEEEEE;
border-bottom:1px solid #DDDDDD;
padding:5px 0px 5px 5px;
margin:10px 0px 15px 0px;
}

.ledenboek_lid
{
clear:both;
padding:5px;
margin:0px 10px 20px 0px;
border:1px solid #DDDDDD;
}

.ledenboek_lid .naamenzo
{
width:200px;
float:left;
display:inline;
border:0px solid #FF6600;
}

.ledenboek_lid .werkenzo
{
margin-left:200px;
border:0px solid #0000FF;
}

.ledenboek_lid h3
{
margin:0px 0px 15px 0px;
font-size:1.3em;
padding:0px 0px 5px 0px;
border-bottom:1px solid #BBB;
}

.ledenboek_lid .tekst
{
overflow:auto;
}

.pasfotocontainer
{
width:130px;
float:left;
}

.pasfoto img
{
padding:2px;
border:1px solid #EEEEEE;
}

/* einde ledenboek */

/* prikbord */

.prikbord_item
{
padding:5px;
margin:0px 10px 10px 0px;
float:left;
width:300px;
height:200px;
background:#FCFBE6;
border:1px solid #DDDDDD;
}

/* einde prikbord */