
/*
   ----- CSS Algemene VVB-site
   ----- opgekuist voor VVB door Christophe
*/

body 
{
    font-size: 12pt;
    font-weight: lighter;
    background-color: #c5dad9; 
    color: #666666;
    text-align: justify;
    font-family: Georgia, Tahoma, Verdana, Arial; 
}

#content 
{
    margin: 15px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-right: 0em; 
    padding-top: 15px;
}

#container 
{
    width: 977px;
    margin: 0 auto; 
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #007279;
    margin-top: 65px;
    margin-bottom: 35px;
}

#header
{
    border: 0px;
    margin-left: 0px;
    padding-left: 0px;
    margin-top:-65px;
    z-index:100;
    position:relative;
}

#footer 
{
    margin: 0;
    padding: .5em;
    background-color: #0a787e; /* was 97b215 ffffff  e4f1d2 00737a */ 
}

#tekstvlak
{
   margin-top: -4px; 
   margin-left: 0px;
   background-repeat: no-repeat;
}

h1, h2, h3, h4 
{
    color: #763039; 
    margin-top: 5px;
    margin-bottom: 5px;
}

h1 
{
    font-size: 15pt; 
    background-image:url("../images/h1_pijl.png");
    background-position: 0px 4px;
    padding-left:25px;
    background-repeat:no-repeat;
}
h2 { font-size: 14pt; }

h3,h4 
{
    font-size: 11pt;
    color: #d37f1b;
}

a,a:link, a:active 
{
    color: #0a787e;
    text-decoration: none; 
}

a:active, a:hover
{ text-decoration: underline; }


a:hover 
{ color: #E6B222; }

ul { list-style-type: circle; }

.soortfiche
{
    width:340px;
    background-image:url('../images/fiche-soort-top.png');
    background-repeat:no-repeat;
    background-color: #c5dad9;
    padding:15px;
    padding-bottom:0px;
    text-align: left;
    margin-left: 90px;
    margin-right: 70px;
}

.soortfichefooter
{
    width:370px;
    height:37px;
    padding-top:-35px;
    margin-left:-15px;
    margin-right:-15px;
    margin-top:-15px;
    background-image:url('../images/fiche-soort-down.png');
    background-repeat:no-repeat;
}

.soortficheimage
{
    margin-left:70px;
    margin-bottom: 5px;
    width:200px;
}

.soortfiche h2
{
    text-align: center;
    margin-top:0px;
    margin-bottom:4px;
}

#soortenlijst { width: 200px; }

#soortenlijst ul, #quick_links ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

#soortenlijst a
{
    display: block;
    padding: 3px;
    width: 160px;
    border-bottom: 1px solid #eee;
    text-align: left;
    background-color: #fff;    
}

#quick_links a
{
    display: block;
    width: 149px;
    border-bottom: 1px solid #c5dad9;
    text-align: left; 
    padding: 3px 0px 3px 10px; 
}

#soortenlijst a:hover, #quick_links a:hover
{
    cursor: pointer;
    background-color: #00747a;
    color: #fff;
}

#soortenlijst ul li a
{ cursor:pointer; }

#quick_links a:hover { cursor: pointer; }

#quick_links
{
    background: url('../images/linkbox_fill.gif') repeat-y 0 0;
    width: 160px;
    margin-top: 20px;
    padding-bottom:2px;
}

#ql_header
{
    background: url('../images/linkbox_header.gif') no-repeat 0 0;
    width: 160px;
    padding-top:4px;
    height: 27px;
}

#quick_links ul li a { border:0px solid; }

#ql_footer
{
    background: url('../images/linkbox_footer.gif') no-repeat;
    width: 160px;
    height:8px;
}

.balk
{
    height:10px;
    margin-left:10px;
    margin-right:10px;
}

/* login formulier */
#login_form
{
    position:relative;
    background-repeat:no-repeat;
    background-image:url('../images/login_bg.gif');
    width:320px;
    height:208px    
}

.login_form_tekst { position: absolute; color: white; }

.login_form_field
{ width: 180px; position: absolute; border: 0px solid white; }

#labeltxtIdent { top:72px;left:30px; }
#txtIdent { top:73px;left:115px; }

#labeltxtPwd { top:121px;left:10px; }
#txtPwd   { top:121px;left:115px; }

#btnLoginClick { width:90px; position:absolute; top:165px; left:185px; }

.actievetuin
{
	margin-bottom:-2px;margin-left:5px;margin-right:5px;
}
.nietactievetuin
{
	margin-bottom:-2px;margin-left:5px;margin-right:5px;
    opacity: 0.35;
    -moz-opacity: 0.35;
	filter: alpha(opacity=35);
}

#mijntuinen
{
	background-color:#f8f8f8;
	margin-left:-30px;
	padding-left:30px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:12px;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
}
#mformmwn { background: url(../images/nplogo.png) no-repeat 140% 200px; margin-right:-30px;}
form {margin-top: 0em;}

.mwn_ne { text-align:right;width:36px;background-color:#F8F8F8;border-color:SlateGray;border-style:Solid; }
.mwn_hm { text-align:right;width:36px;background-color:Transparent;border-color:#0A787E;border-style:Dotted; }
.mwn_vm { text-align:right;width:36px;background-color:Transparent;border-color:SlateGray;border-style:Solid; }

.mwn_rij { clear:left;margin-top:4px;margin-bottom:4px; }
.mwn_linkerkolom { width:320px;float:left; margin-top:2px;}
