/* ************************************************************************** */
/* LETTERTYPEN                                                                */
/*                                                                            */
/* Belangrijk om als eerste te benoemen.                                      */
/* ************************************************************************** */
body
{
color: #000000;
font-family: Verdana;
font-size: 12px;
font-weight:normal;
line-height:18px;
}

/* ************************************************************************** */
/* ALGEMENE INSTELLINGEN                                                      */
/*                                                                            */
/* ************************************************************************** */
body {
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0;
width:100%;
height:100%;
background-color:#ffffff;	/* default */
background-image:url('../siteimages/main/basis/bg.gif');
	background-repeat:repeat-y;
	background-position:0px 0px;
}

/* ************************************************************************** */
/* CLEARFIX                                                                   */
/*                                                                            */
/* Omdat de DIV's gepositioneerd worden met een FLOAT, moet er een            */
/* CLEAR-BOTH worden gebruikt om horizontaal naar het begin van de            */
/* volgende regel te gaan (een CR LF).                                        */
/*                                                                            */
/* ************************************************************************** */
.clearfix {
	margin:				0;
	padding:			0;
	border:				0;
    display: 			block;
    clear: 				both;
}

/* ************************************************************************** */
/* ALGEMENE RAAMWERK                                                          */
/*                                                                            */
/* 1 Alles omvattende DIV van precies 990 pixels breed zodat de hele site     */
/* nog te zien is bij een schermresolutie van 1024x768 pixels.                */
/*                                                                            */
/* Daarbinnen 2 varianten met vertikale kolommen:                             */
/* A: 4 kolommen van gelijke breedte.                                         */
/* B: kolom 1 en kolom 4 van gelijke breedte en                               */
/*    de middenkolom van dubbele breedte.                                     */
/*                                                                            */
/* ************************************************************************** */
div#framework {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
border:0;
width:980px;
}

/* ************************************************************************** */
/* CONTAINERS               */
/* ************************************************************************** */
#logo_container	{ 
position:absolute;
top:0px;
left:0px;
width:970px;
height:117px;
margin:0;
border:0;
padding:0;
float:left;
border:0;
}
#menu_container	{ 
position:absolute;
top:117px;
left:20px;
width:227px;
height:auto;
margin:0;
border:0;
padding:0;
border:0;
}

#content_container	{ 
position:absolute;
top:200px;
left:280px;
width:680px;
height:auto;
margin:0;
border:0;
padding:0;
border:0;
}
.navi {
float:left;
display:block;
width:217px;
height:auto;
padding-left:10px;
margin-top:12px;
padding-bottom:12px;
border-bottom:2px dotted #ffffff;
}
.subnavi {
float:left;
display:block;
color:#0e8a5d;
width:217px;
height:auto;
padding-left:15px;
padding-top:5px;
}


/* ************************************************************************** */
/* TYPOGRAFIE               */
/* ************************************************************************** */
.titel {
font-size:14px;
font-weight: bold;
line-height: 22px;
}
.auteur {
font-size:16px;
}
.klein {
font-size:10px;
font-weight: bold;
}
.kop {
font-size: 16px;
font-weight:bold;
}

p, h1, h2, h3 {
font-weight:normal;
margin:0;
padding-top:5px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border:0;
}

h1 {
font-size:14px;
color: #f68f1e;
font-weight:bold;
}

ul
{
margin-top: 0px;
margin-left: 5px;
margin-bottom: 15px;
padding-left: 6px;
}

/* ************************************************************************** */
/* Bloc Content blocken                                                       */
/*                                                                            */
/* ************************************************************************** */
.foto_home {
float:left; 
margin-left:0px;
}

.bloc_home {
float:left;
width:400px;
font-size:14px;
line-height:18px;
padding:0px;
margin-right:10px;
border:0;
}
.foto_boek {
float:left; 
margin-left:0px;
width:113px; 
margin-right:35px;
}
.bloc_boek {
float:left;
padding:0px;
margin:0px;
width:400px;
}
.breed_txt {
float:left;
margin-bottom:20px;
padding:0px;
width:450px;
}
.bloc_nieuws {
float:left;
margin-bottom:20px;
margin-right:15px;
padding:0px;
width:400px;
}
.foto_nieuws {
float:left; 
margin-left:0px;
padding-top:23px;
}
.pijltjes {
float:left;
width:20px;
padding-top:1px;
}
.link_meer {
float:left;
padding:0px;
margin:0px;
width:440px;
}
/* ************************************************************************** */
/* Linken                                                                     */
/*                                                                            */
/*                                                                            */
/* ************************************************************************** */
A img {
border:0;
}

A
{ 
color: #128a4a;
text-decoration:none;
}
A:hover
{ 
color: #000000;

}
A:visited
{ 
}
A:active
{
  outline: none;
}
a:focus { 
-moz-outline-style: none; 
}
.mainmenu {
font-size:15px;
font-weight:bold;
color: #ffffff;
text-decoration: none;
padding-right: 25px;
}
A.mainmenu
{ 
font-size:15px;
font-weight:bold;
color: #128a4a;
text-decoration: none;
padding-right: 25px;
}
A:hover.mainmenu
{ 
font-size:15px;
font-weight:bold;
color: #ffffff;
text-decoration: none;
padding-right: 25px;
}
A:visited.mainmenu
{ 
}
.submenu {
font-size:12px;
color: #ffffff;
font-weight:bold;
text-decoration: none;
}
A.submenu
{ 
font-size:12px;
color: #0e8a5d;
font-weight:bold;
text-decoration: none;
}
A:hover.submenu
{ 
font-size:12px;
color: #ffffff;
font-weight:bold;
text-decoration: none;
}
A:visited.submenu
{ 
}


/* ************************************************************************** */
/* Formulier                                              					  */
/*                                                                            */
/*                                                                            */
/* ************************************************************************** */
.formfieldparse
{
border: 1px solid #f68f1e;
background-color: #ffffff;
color: #6f3d00;
margin-top: 5px;
}
