/*
Algemeen ---------------------------------------- */
* {
margin					: 0px 0px 0px 0px;
padding					: 0px 0px 0px 0px;
border					: 0px solid #ffffff;
}

body {
background-repeat		: no-repeat;
background-position		: top center;
background-color		: #ffffff;
text-align				: center;
}

#container {
width					: 850px;
margin					: auto;
text-align				: left;
}

hr {
display					: none;
}


/*
Header ------------------------------------------ */
#header {
width					: 850px;
height					: 164px;
}

/* Logo */
.logo {
float					: left;
margin					: 12px 0px 0px 0px;
}

.logo a {
display					: block;
width					: 175px;
height					: 100px;
}

.logo span {
display					: none;
}

/* CSS Switcher */
.css_switcher {
float					: right;
width					: 156px; /* 170px */
height					: 86px; /* 100px */
padding					: 7px 7px 7px 7px;
background-repeat		: no-repeat;
background-position		: top right;
}

.css_switcher2 {
float					: left;
width					: 116px; /* 170px */
padding					: 0px 26px 0px 26px;
}

.css_switcher ul,
.css_switcher2 ul {
list-style-type			: none;
}

.css_switcher li,
.css_switcher2 li {
float					: left;
}

.css_switcher a {
display					: block;
width					: 52px;
height					: 25px;
background-repeat		: no-repeat;
background-position		: top left;
}

.css_switcher2 a {
display					: block;
width					: 116px;
height					: 77px;
margin					: 15px 0px 0px 0px;
border					: 1px solid #b2b2ae;
background-repeat		: no-repeat;
background-position		: top left;
}


.css_switcher2 a.groen {
background-image	:  url(../img/groen.gif);
}
.css_switcher2 a.blauw {
background-image	:  url(../img/blauw.gif);
}
.css_switcher2 a.rood {
background-image	:  url(../img/rood.gif);
}
.css_switcher2 a.bruin {
background-image	:  url(../img/bruin.gif);
}

.css_switcher h2,
.css_switcher2 h2,
.css_switcher span,
.css_switcher2 span {
display					: none;
}


/*
Hoofdnavigatie ---------------------------------- */
#hoofdnav {
width					: 850px; /* 850px */
height					: 25px; /* 250px */	
}

#hoofdnav h2 {
display					: none;
}

/* Eerste niveau */
#hoofdnav ul {
list-style				: none;
}

#hoofdnav li {
float					: left;
position				: relative;
text-align				: center;
}

#hoofdnav li a {
display					: block;
width					: 168px; /* 170px */
height					: 25px; /* 25px */
border-left				: 1px solid #ffffff;
border-right			: 1px solid #ffffff;
line-height				: 25px;
font-weight				: bold;
text-decoration			: none;
}

#hoofdnav li.first a {
width					: 169px; /* 170px */
border-left				: 0px solid #ffffff;
}

#hoofdnav li.last a {
width					: 169px; /* 170px */
border-right			: 0px solid #ffffff;
}

/* Tweede niveau */
ul li ul { 
display					: none;
position				: absolute;
top						: 25px;
left					: 0px;
}

#hoofdnav li ul li {
clear					: both;
border-top				: 1px solid #ffffff;
text-align				: left;
}

#hoofdnav li>ul { 
top						: auto;
left					: auto;
}

#hoofdnav li:hover ul,
#hoofdnav li.over ul {
display					: block;
}

#hoofdnav li ul li a {
display					: block;
width					: 152px; /* 170px */
height					: auto;
padding					: 5px 8px 5px 8px;
border-left				: 1px solid #ffffff;
border-right			: 1px solid #ffffff;
line-height				: 12px;
font-weight				: normal;
}

#hoofdnav li.first ul li a {
width					: 153px; /* 170px */
border-left				: 0px solid #ffffff;
}

#hoofdnav li.last ul li a {
width					: 153px; /* 170px */
border-right			: 0px solid #ffffff;
}


/*
Content ----------------------------------------- */
#wrap {
float						: left;
width						: 850px;
background-repeat			: no-repeat;
background-position			: bottom left;
min-height					: 380px; 
height						: auto;
}
/* for Internet Explorer */
/*\*/
* html #wrap {
height						: 380px;
}
/**/


/* Linkerkolom ---------------------------------- */
.column_left {
float					: left;
width					: 220px;
padding					: 10px 0px 10px 0px;
}

.column_left_home {
float					: left;
width					: 220px;
padding					: 0px 0px 10px 0px;
}

/* Submenu */
.submenu {
float					: left;
margin					: 12px 0px 22px 0px;
}

.submenu h2 {
display					: none;
}

.submenu ul {
list-style				: none;
}

.submenu li {
float					: left;
}

.submenu li a {
display					: block;
width					: 154px; /* 170px */
height					: auto;
padding					: 5px 8px 5px 8px;
border					: 0px solid #ffffff;
border-bottom			: 1px solid #ffffff;
line-height				: 12px;
text-decoration			: none;
}

/* Maandactie */
.maandactie_home,
.maandactie_actie {
float					: left;
width					: 220px;
height					: 234px;
border-top				: 1px solid #ffffff;
background-repeat		: no-repeat;
background-position		: top left;
}

.maandactie {
float					: left;
display					: inline;
width					: 144px; /* 170px */ 
margin					: 0px 13px 0px 13px;
padding					: 0px 0px 10px 0px;
}

.maandactie h2 {
width					: 142px;
height					: 32px;
background-repeat		: no-repeat;
background-position		: top left;
}

.maandactie span {
display					: none;
}

.maandactie p {
padding					: 0px 10px 0px 10px;
color					: #ffffff;
}

.maandactie a {
text-decoration			: none;
color					: #ffffff;
}

.maandactie a:hover {
text-decoration			: underline;
}

p.actielink {
text-align				: right;
padding					: 0.4em 13px 0px 0px;
}


/* Tekstkolom ----------------------------------- */
.column_center {
float					: left;
width					: 440px; /* 460px */
padding					: 40px 17px 0px 0px;
}

.column_center h1 {
padding					: 0px 0px 0.2em 0px;
font-weight				: bold;
}

.column_center h2 {
padding						: 0.2em 0px 0.1em 0px;
font-weight					: bold;
}

.column_center h3 {
padding						: 0em 0px 0em 0px;
font-weight					: bold;
}

.column_center p {
padding						: 0px 0px 1em 0px;
background-color			: transparent;
color						: #000000;
line-height					: 18px;
}

.column_center ul {
padding						: 0px 0px 1em 15px;
}

.column_center ol {
padding						: 0px 0px 1em 25px;
}

.column_center ul li {
background-color			: transparent;
color						: #000000;
line-height					: 18px;
list-style-type				: square;
}

.column_center ol li {
background-color			: transparent;
color						: #000000;
line-height					: 18px;
list-style-type				: decimal;
}


/* Actie */
.actie {
float						: left;
margin						: 0px 0px 1em 0px;
border-bottom				: 1px solid #000000;
}

.actie h2 {
margin						: 0px 0px 1em 0px;
padding						: 1em 0px 0.2em 0px;
border-bottom				: 1px solid #000000;
font-weight					: bold;
}


/* Fotoboek */
.column_fotoboek {
float				: left;
width				: 450px; /* 460px */
padding				: 40px 10px 0px 0px;
}

.column_fotoboek ul {
list-style			: none;
}

.column_fotoboek li {
float				: left;
}

.column_fotoboek a {
display				: block;
width				: 109px; /* 131px */
height				: 93px; /* 100px */
margin				: 0px 15px 15px 0px;
padding				: 7px 5px 0px 17px;
text-align			: right;
font-weight			: bold;
text-decoration		: none;
}

.column_fotoboek img {
float				: left;
border				: 1px solid #006633;
}

.column_fotoboek span {
float				: right;
width				: 110px;
padding				: 7px 0px 0px 0px;
}


/* Beeldkolom ----------------------------------- */
.column_right_home {
float				: left;
width				: 170px; /* 170px */
padding				: 15px 0px 0px 0px;
text-align			: center;
}

.column_right_home h2 {
display					: none;
}

.column_right_home p {
padding				: 0px 10px 0px 10px;
}

.column_right_foto {
float				: left;
width				: 145px; /* 170px */
padding				: 15px 10px 0px 12px;
text-align			: left;
}

.column_right_foto p {
padding				: 0px 0px 1em 0px;
}

.column_right {
float				: left;
width				: 170px; /* 170px */
margin				: 40px 0px 0px 0px;
font-size			: 10px;
line-height			: 10px;
}

.column_right img {
float				: left;
margin				: 0px 10px 20px 14px;
border				: 1px solid #b2b2ae;
}

.column_right h2 {
display					: none;
}


table td {
padding					: 0px 0px 4px 0px;
}

table td.fout {
color					: red;
}

table textarea {
border					: 1px solid #ccc;
}

/*
Footer ------------------------------------------ */
#footer {
float					: left;
width					: 850px; /* 850px */
height					: 25px; /* 25px */	
}

#footer ul {
list-style				: none;
}

#footer li {
float					: left;
display					: block;
height					: 25px; /* 25px */
border-right			: 2px solid #ffffff;
line-height				: 25px;
text-align				: center;
}

#footer li.first {
width					: 84px; /* 87px */
}

#footer li.adres {
width					: 507px;
}

#footer li.last {
width					: 169px; /* 169px */
border-right			: 0px solid #ffffff;
}

#footer li a {
font-weight				: bold;
text-decoration			: none;
}