<!--
@import"dhtml-horiz.css";
@import"dhtml-vert.css"; 
-->

@media print 
{
    body { background-color: #FFFFFF; }
    #TopImage, #Left, #TopNav, #Footer, #Creations, #NoPrint, #Navigation {display:none;}
    #FooterPrint {line-height: 40px; text-align:center;}
    #content  {margin: 0 0 0 0; width:680px; padding: 0 0 0 0;}
    #Bg .FullScreen {width:650px;}
}

@media screen
{
    body 
    {
        background: url(/look/bg.jpg);
        background-position: top center;
        background-color: #DEE8C4;
        padding: 0;
        margin: 0;
        text-align: center;     
/*        background-repeat: no-repeat; */
    }
    #Bg .FullScreen {width:100%}
    #FooterPrint {display:none;}
    #Content
    {
        padding: 12px 14px 5px 18px;
        width:816px !important;
        width:784px;
    }    
    #Home
    {
    width:952px !important; 
    width:920px;
    }
    #Website 
    {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 952px;
    	text-align: left;
    }
}

p, td, th, div, span, h1, h2, h3, h4 {
    font-family: Verdana, Helvetica;
    font-size: 11px;
    color: #030;
}
h1 {
    font-weight: bold; 
    color: #0A562F; 
    font-size: 17px;
/*    padding-bottom: 4px;*/
}
/* Top */
#TopImage {width: 952px; height: 141px;}
#TopImage .Nav
{
    text-align: right; 
    font-size: 10px;
    color: #820044;
    font-weight: bold;
    padding: 111px 11px 0px 0px; /* Top right bottom left */   
}
#TopImage a         {color: #990000; text-decoration: none; margin: 0px 5px 0px 6px; /* Top right bottom left */ }
#TopImage a:hover   {text-decoration: underline;}
/* Top Navigation */
#TopNav 
{
background-color: #F0F3E0;
/*padding: 0px 0px 0px 0px; */

/*    height: 34px !important;
    height: 39px;*/
/*    background: url(/look/TopNavigationBg.jpg);*/
/*    padding: 5px 0px 0px 5px !important; /* Top right bottom left */ 
}
/* Content */
#Bg
{
    background: url(/look/MiddleBg2.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #FFF;
}

#Content .Title
{
    font-weight: bold; 
    color: #0A562F; 
    font-size: 17px;
    background: url(/look/line.gif);
    padding-bottom: 6px;
/*    border:1px solid #f00;*/
}
#Content .TitleBottom
{
    font-weight: bold; 
    color: #0A562F; 
    font-size: 17px;
    padding-bottom: 6px;
/*    border:1px solid #f00;*/
}


#Content .SubTitle         {color: #6AA71E; font-weight: bold; font-size: 11px; line-height: 30px;}     

#Content a.SubTitleLink   {color: #6AA71E; font-weight: bold; font-size: 11px; text-decoration: none;}
#Content a.SubTitleLink:link   {color: #6AA71E; }
#Content a.SubTitleLink:visited   {color: #6AA71E; }     
#Content a.SubTitleLink:hover   {color: #6AA71E; text-decoration: underline; }
#Content a.SubTitleLink:active   {color: #6AA71E;}

#Content .TitleRight {padding-left: 18px;}
#Content .TitleLeft {padding-left: 18px;}
#Content a         {color: #030; font-size: 11px; text-decoration: underline;}     
#Content a:link    {color: #030;}     
#Content a:visited {color: #030; text-decoration: none;}   
#Content a:hover   {color: #6AA71E; text-decoration: none;} 
#Content a:active  {color: #030; text-decoration: none;} 

#Content .Terug          {color: #6AA71E; font-size: 11px; font-weight: bold; line-height: 40px;}     
#Content a.Terug:link    {color: #6AA71E;}
#Content a.Terug:hover   {color: #030;}
#Content a.Terug:visited {color: #6AA71E;}

#Content .LinkMore			{font-size: 11px; color: #6AA71E; line-height: 18px;}
#Content a.LinkMore:link  	{color: #6AA71E; text-decoration: none;}
#Content a.LinkMore:hover  	{color: #030; text-decoration: underline;}
#Content a.LinkMore:visited  {color: #030; text-decoration: none;}   
#Content a.LinkMore:active   {color: #6AA71E; text-decoration: none;} 



#Navigation
{
text-align: center; 
width:100%
}
#Navigation li
{
list-style:none;
    float: left;
    margin: 0 10px 0 0px;	
}
#Navigation a         {color: #6AA71E; font-size: 11px; font-weight: bold;}     
#Navigation a:link    {color: #6AA71E; font-size: 11px; font-weight: bold; text-decoration: none;}
#Navigation a:hover   {color: #030; font-size: 11px; font-weight: bold; text-decoration: none;}
#Navigation a:visited {color: #6AA71E; font-size: 11px; font-weight: bold; text-decoration: none;}

#Navigation a.active:link {color: #030; font-size: 11px; font-weight: bold; text-decoration: none;}
#Navigation a.active:visited {color: #030; font-size: 11px; font-weight: bold; text-decoration: none;}

#Left
{
    width:135px;
    background: url(/look/NavLeftBg.gif);
    background-position: top;
    background-repeat: no-repeat;
    float:left;
    
}

#LeftNav
{
/*    padding: 12px 14px 5px 18px;*/
    padding: 0 !important;
    padding: 0px 0px 0px 1px;
}

#DoelgroepKader
{
float: left;
padding: 0 14px 0 0;
border:0px solid #f00;
}
#DoelgroepKader .DoelgroepTopOff
{
    width:141px;
    height:21px !important;
    height:29px;    
    background: url(/look/KaderNonActiefBg.jpg);
    font-weight: bold; 
    text-align: center; 
    color:#DDE3AE;     
    padding: 8px 0px 0px 0px; /* Top right bottom left */  
}

#DoelgroepKader .DoelgroepTopOn
{
    width:141px;
    height:21px !important;
    height:29px;    
    background: url(/look/KaderActiefBg.jpg);
    font-weight: bold; 
    text-align: center;   
    color: #0A562F;   
    padding: 8px 0px 0px 0px; /* Top right bottom left */  
}

#DoelgroepKader a        {color: #0A562F; text-decoration: none;     font-family: tahoma; font-size: 12px;}
#DoelgroepKader a:hover  {color: #DDE3AE; text-decoration: underline;     }

/* Footer */
#Footer
{
/*    background: url(/look/BottomBgDetail.jpg);*/
    background: url(/look/BottomBg.jpg);    
    padding: 17px 0px 10px 0px !important; /* FF */ 
    FONT-SIZE: 11px; color: #FFF; font-weight: bold;    
    text-align: center;   
    clear: both;
}
#Footer a {color: #FFF; text-decoration: none;}
#Footer a:hover {text-decoration: underline;}
/* Creations & Disclaimer */
#Creations 
{
    FONT-SIZE: 10px; 
    text-align: right; 
    color: #996; 
    padding: 0px 7px 0px 7px;
}
#Creations a {color: #996; text-decoration: none;}
#Creations a:hover {text-decoration: underline;}
#Creations a.Disclaimer {float:left;}

/* Formulieren */
#Formulier input, select, textarea
{
    FONT-SIZE: 11px; 
    font-family: Verdana, Helvetica;
    z-index: 1;
}
#Formulier .FormKnop
{
    background-color : #DCE3AF;
    border-color : #009900; 
    border:1px solid;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    font-size : 11px; 
    font-weight : bold; 
    color : #08542E;
}
.Fout
{
color : #900; font-weight : bold; line-height: 24px; vertical-align: middle;
}
#Content .T                 { display: table;  border: solid 0px #CCCCCC;}
#Content .TR                { display: table-row;  }
#Content .RubTitle, #Content.RubContent, #Content.RubContent2 { display: table-cell; border: solid 0px #CCCCCC; padding: 0px 0px; vertical-align: top; }
#Content .RubTitle          { text-align: left; width: 150px; font-weight: bold;}
@media screen
{
#Content .RubContent        { width: 628px;}
}
@media print 
{
#Content .RubContent        { width: 493px;}
}
#Content .RubContent2       { width: 240px; border: solid 0px #CCCCCC; margin:0; padding:0;}
#Content .Bold              { font-weight: bold;}


/* GuestBook */
#GuestBook a         {color: #6AA71E; font-weight: bold; font-size: 11px;}     
#GuestBook a:link    {color: #6AA71E;text-decoration: none;}     
#GuestBook a:visited {color: #6AA71E;text-decoration: none;}   
#GuestBook a:hover   {color: #6AA71E;text-decoration: underline;} 
#GuestBook a:active  {color: #6AA71E;text-decoration: none;} 

#GuestBook .bullet {color: #6AA71E; font-weight: bold; font-size: 11px;}

.hide {display:none;}