/*

Donkergroen: #139102
Lichtgroen:  #1cd803

*/

BODY
{
padding: 0; 
margin: 0px auto;
width: 900px;
height: 100%;
background-image: url('../img/layout/bg_toop.jpg');
background-color: #122e10;
background-repeat: no-repeat;
background-position: top left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
text-align: left;
color: #FFFFFF;
}

.main
{
background-image: url('../img/layout/bg_main_2.jpg');
background-color: #139102;
background-repeat: repeat-x;
background-position: top center;
}

.contact
{
font-size: 15px;
text-align: left;
text-align: justify;
line-height: 16px;
padding-left: 20px; 
padding-right: 30px;
vertical-align:bottom
}

html 
{
overflow: -moz-scrollbars-vertical;
}

a:link
{
color: #FFFFFF;
border-color: #FFFFFF;
text-decoration: none 
}

a:vlink
{
color: #FFFFFF;
border-color: #FFFFFF;
text-decoration: none 
}

a:visited
{
color: #FFFFFF; 
border-color: #FFFFFF;
text-decoration: none 
}

a:active
{
color: #FFFFFF; 
border-color: #FFFFFF;
text-decoration: none 
}

a:hover 
{ 
color: #FFFFFF; 
border-color: #FFFFFF;
text-decoration: underline
}


.popup
{
COLOR: #FFFFFF;
CURSOR: help;
TEXT-DECORATION: none
}

.huiscontainer 
{
margin:30px 0px; padding:0px;
text-align:center;
}
	
.huiscontent 
{
width:590px;
margin:0px auto;
text-align:left;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:15px;
border:1px dashed #0f7901;
background-color:#14b200;
color:#FFFFFF;
}

/* ----------------- Teksten ----------------- */

p
{
text-align: justify;
line-height: 16px;
padding-left: 30px; 
padding-right: 30px;
}

2
{
text-align: justify;
line-height: 16px;
padding-left: 30px; 
padding-right: 30px;
font-size: 19px;
}

p.hoofdletter
{
text-transform: uppercase;
line-height: 16px;
padding-left: 30px; 
padding-right: 30px;
}


p.footer
{
text-align: justify;
line-height: 16px;
padding-left: 10px; 
padding-right: 10px; 
color: #FFFFFF; 
}


.kop 	
{ 
font-size: 14px; 
color: #FFFFFF; 
font-weight: bold;
text-align: justify
}

.subkop 	
{ 
font-size: 12px; 
color: #ff9400; 
font-weight: bold;
text-align: justify
}

hr {
height: 0;
border: 0;
border-top: 1px dotted #1cd803;
}

/* ----------------- Formulier ----------------- */

.veld 	
{ 
border: 1px solid #1cd803; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
}

.area 	
{ 
border: 1px solid #1cd803; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
}

.button	
{ 
border: 1px solid #FFFFFF;
background-color: #1cd803; 
height: 18px; 
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #FFFFFF; 
}
.dropdown 
{ 
height: 16px;
border: 1px solid #1cd803; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
}

/*  ----------------- MAIN MENU ----------------- */

ul#nav
{
color: #7e7e7e; 
list-style-type: none;
padding-bottom: 0px;
border-right: 0px dotted #FF9400;
margin: 0;
}

#nav
{
width: 900px;
background-color: #122e10;
padding-left: 0px;
/* text-transform:uppercase; */
}


ul#nav li
{
float: left;
height: 40px;
width: 127.5px; /* 150 - 1 van border */
font-size: 10px;
background-color: #1b4c19;
margin: 0px 0px 0px 0px;
border-right: 1px dotted #FFFFFF;
}

ul#nav li#active
{
border-bottom: 0px solid #000000;
background-color: #FF9400;
color: #FFFFFF; 
}

li#active a 
{ 
color: #FFFFFF;
text-align: center;
font-weight: bold;
}

#nav a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 5px;
width: 117px;
height: 30px;  /* hoogte bij hover */
text-align: center; 
vertically-align: middle;
text-transform:uppercase;
}

#nav a:hover 
{ 
background: #1cd803; 
color: #FFFFFF; 
}


/* ----------------- SUBMENU ----------------- */

.buttonscontainer 
{
width: 199px;
border-top: 1px dotted #0f7901;
}

.buttons a 
{
color: #0f7901;
background-color: #FFFFFF;
padding: 4px;
padding-left: 10px;
display: block;
border-bottom: 1px dotted #0f7901;
font: 11px Verdana, sans-serif;
text-decoration: none;
text-align: left;
}

.buttons a:hover 
{
background-color: #0f7901;
color: #FFFFFF;
text-decoration: none;
}

/* ----------------- TABMENUS ----------------- */

ul#navlist
{
color: #1cd803; 
list-style-type: none;
padding-bottom: 21px;
border-bottom: 1px solid #139102;
margin: 0;
}

#navcontainer
{
width: 650px;
padding-left: 0px;
}


ul#navlist li
{
float: left;
height: 20px;
background-color: #139102;
margin: 0px 0px 0px 10px;
border: 1px solid #139102;
}

ul#navlist li#active
{
border-bottom: 0px solid #139102;
background-color: #FFFFFF;
}

li#active a 
{ 
background: #1cd803; 
color: #FFFFFF; 
}

#navlist a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px;
}

#navlist a:hover 
{ 
background: #1cd803;
color: #FFFFFF; 
}

/* ----------------- HUIS DETAIL ----------------- */

ul#navlist2
{
color: #1cd803; 
list-style-type: none;
padding-bottom: 0px;
border-bottom: 0px solid #1cd803;
margin: 0;
}

#navcontainer2
{
padding-left: 16px;
}


ul#navlist2 li
{
float: left;
height: 20px;
background-color: #1cd803;
margin: 0px 0px 0px 10px;
border: 1px solid #139102;
}

ul#navlist2 li#active
{
border-bottom: 0px solid #1cd803;
background-color: #FFFFFF;
}

li#active a 
{ 
background: #139102; 
color: #FFFFFF; 
}

#navlist2 a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px;
border: 1px solid #139102;
}

#navlist2 a:hover 
{ 
background: #139102;
color: #FFFFFF; 
border: 1px solid #1cd803;
}

/* ----------------- NIEUWSMENU ----------------- */

.buttonscontainer2
{
width: 600px;
}

.buttons2 a 
{
color: #FFFFFF;
background-color: #AD2A36;
padding: 2px;
padding-left: 30px;
display: block;
border-bottom: 1px dotted #FF9400;
font: 10px Verdana, sans-serif;
text-decoration: none;
text-align: left;
}

.buttons2 a:hover 
{
background-color: #FF9400;
color: #FFFFFF;
text-decoration: none;
}