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

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

a:link
{
color: #FF9400;
border-color: 1px; 
text-decoration: none 
}

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

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

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

hr
{
border-bottom : 1px dotted #FF9400;
border-top : none;
color : #FF9400;
} 


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

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

p.main
{
color: #FFFFFF;
}

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


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

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



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

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

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

.button	
{ 
border: 1px solid #FF9400;
background-color: #FFFFFF; 
height: 16px; 
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000; 
}
.dropdown 
{ 
height: 16px;
border: 1px solid #FF9400; 
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: 1px dotted #FF9400;
margin: 0;
}

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


ul#nav li
{
float: left;
height: 25px;
font-size: 11px;
background-color: #AD2A36;
margin: 0px 0px 0px 0px;
border-right: 1px dotted #FF9400;
}

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

li#active a 
{ 
color: #FFFFFF; 
}

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

#nav a:hover 
{ 
background: #FF9400; 
color: #FFFFFF; 
}

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

.buttonscontainer 
{
width: 250px;
}

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

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

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

ul#navlist
{
color: #FFFFFF; 
list-style-type: none;
padding-bottom: 24px;
border-bottom: 2px solid #FF9400;
margin: 0;
}

#navcontainer
{
width: 600px;
}


ul#navlist li
{
float: left;
height: 20px;
background-color: #AD2A36;
margin: 3px 0px 0px 4px;
border: 1px solid #FF9400;
}

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

li#active a 
{ 
color: #FFFFFF; 
}

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

#navlist a:hover 
{ 
background: #FF9400; 
color: #FFFFFF; 
}

/* ----------------- 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;
}