body,html {
height: 100%;
text-align:center;
margin: 0px auto;
padding: 0px;
background: #ebfafd;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#container {
background:url(images/bg_container.gif) repeat-y;
text-align: left;
margin: 0px auto;
padding: 0px;
width: 723px;
min-height: 100%;
height: 100%;
height: auto !important;
}
/*HEADERS*/
div#top {
display:none;
height: 217px;
width: 723px;
float:left;
}
div#top h1 {
display:none;
}
body.home div#top{
background: url(images/header.jpg) no-repeat;
}
body.nieuws div#top{
background: url(images/header5.jpg) no-repeat;
}
body.nieuwsbrieven div#top{
background: url(images/header6.jpg) no-repeat;
}
body.indepers div#top{
background: url(images/header3.jpg) no-repeat;
}
body.vrijwilliger div#top{
background: url(images/header4.jpg) no-repeat;
}
body.kind div#top{
background: url(images/header2.jpg) no-repeat;
}
body.vitalis div#top{
background: url(images/header6.jpg) no-repeat;
}
body.verhalen div#top{
background: url(images/header3.jpg) no-repeat;
}
body.agenda div#top{
background: url(images/header2.jpg) no-repeat;
}
body.contact div#top{
background: url(images/header.jpg) no-repeat;
}
body.foto div#top{
background: url(images/header5.jpg) no-repeat;
}
body.kind_aanmelden div#top{
background: url(images/header2.jpg) no-repeat;
}
body.vrijwilliger_aanmelden div#top{
background: url(images/header4.jpg) no-repeat;
}
div#left {
display:none;
float: left;
width: 180px;
}
div#left ul {
float:left;
margin: 0px;
padding-left: 12px;
padding-top: 15px;
}
div#left li {
list-style: none;
}
div#left li a {
display:block;
background:url(images/li_bg.jpg) no-repeat;
padding-left: 17px;
height: 22px;
line-height: 22px;
width: 135px;
font-weight: bold;
color: #fff;
text-decoration:none;
}
div#left li a:hover {
background:url(images/li_bg_green.jpg) no-repeat;
}
div#left li.home a {
background: url(images/li_bg_red.jpg) no-repeat;
}
/*ACTIEF MENU*/
body.nieuws div#left li.nieuws a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.vrijwilliger div#left li.vrijwilliger a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.kind div#left li.kind a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.vitalis div#left li.vitalis a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.verhalen div#left li.verhalen a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.agenda div#left li.agenda a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.contact div#left li.contact a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.foto div#left li.foto a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.kind_aanmelden div#left li.kind_aanmelden a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.vrijwilliger_aanmelden div#left li.vrijwilliger_aanmelden a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.nieuwsbrieven div#left li.nieuws a{
background:url(images/li_bg_green.jpg) no-repeat;
}
body.nieuws div#navigation li.begin a{
color: #7fc31c;
}
body.nieuwsbrieven div#navigation li.end a{
color: #7fc31c;
}
body.indepers div#navigation li.midden a{
color: #7fc31c;
}
div#left form {
margin: 15px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 10px;
font-size: 10px;
float:left;
width: 150px;
}
div#left form legend {
font-weight: bold;
font-size: 11px;
letter-spacing:2px; 
color: #f90033;
margin: 0px 0px 5px 0px;
}
div#left form fieldset {
border: 1px solid #ccc;
padding: 0px 0 10px 10px;
}
div#left form input {
width: 110px;
height: 15px;
padding: 2px 3px 0px 5px;
background: #f0f0f0;
border: 1px solid #ccc;
margin: 5px 0px 5px 0px;
font-size: 9px;
}
div#left form input.submit {
width: 75px;
height: 20px;
font-size: 9px;
font-weight: bold;
padding: 0px;
margin: 10px 0px 0px 0px;
cursor:pointer;
}
div#left p a{
color: #7fc31c;
text-decoration:none;
}
div#center{
float:left;
width:370px;
margin:0px;
padding:0px;
}
div#totem {
display:none;
float: right;
width: 163px;
padding: 15px 0px 15px 8px;
}
div#totem a{
color: #ff0000;
text-decoration:underline;
}
div#totem div#nieuwslijst a{
color: #000;
text-decoration:underline;
}
div#totem div#verhaallijst a{
color: #000;
text-decoration:underline;
}
div#totem div#nieuwsbrievenlijst a{
color: #000;
text-decoration:underline;
}
div#totem div#indeperslijst a{
color: #000;
text-decoration:underline;
}
div#totem h1.green {
background:url(images/h1_green.jpg) no-repeat;
width: 149px;
height: 35px;
line-height: 40px;
color: #fff;
font-size: 16px;
padding: 0px 0px 5px 8px;
margin: 0px;
}
div#totem p.green {
background:url(images/p_green.jpg) repeat-y;
width: 139px;
height: 100%;
padding: 5px 10px 5px 8px;
margin: 0px;
}
div#totem p.green_end {
background:url(images/p_green_end.jpg) no-repeat;
height: 6px;
width: 157px;
margin: 0px 0px 15px 0px;
}
div#totem h1.blue {
background:url(images/h1_blue.jpg) no-repeat;
width: 149px;
height: 35px;
line-height: 40px;
color: #fff;
font-size: 16px;
padding: 0px 0px 5px 8px;
margin: 0px;
}
div#totem p.blue {
background:url(images/p_blue.jpg) repeat-y;
width: 139px;
height: 100%;
padding: 5px 10px 5px 8px;
margin: 0px;
}
div#totem p.blue_end {
background:url(images/p_blue_end.jpg) no-repeat;
height: 6px;
width: 157px;
margin: 0px 0px 15px 0px;
}
div#totem h1.red {
background:url(images/h1_red.jpg) no-repeat;
width: 149px;
height: 35px;
line-height: 40px;
color: #fff;
font-size: 16px;
padding: 0px 0px 5px 8px;
margin: 0px;
}
div#totem p.red {
background:url(images/p_red.jpg) repeat-y;
width: 139px;
height: 100%;
padding: 5px 10px 5px 8px;
margin: 0px;
}
div#totem p.red_end {
background:url(images/p_red_end.jpg) no-repeat;
height: 6px;
width: 157px;
margin: 0px 0px 15px 0px;
}
div#navigation {
float:left;
}
div#navigation ul{
float:left;
margin:0;
padding: 15px 0px 0px 7px;
}
div#navigation li{
float:left;
list-style:none;
display:inline;
border-right: 1px solid #ccc;
}
div#navigation li.end{
list-style:none;
display:inline;
border: 0px;
}
div#navigation li a {
padding: 0px 5px 0px 10px;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #f90033;
}
div#navigation li.begin a {
padding: 0px 5px 0px 0px;
}
div#navigation li.begin a:hover {
padding: 0px 5px 0px 0px;
}
div#navigation li a:hover {
padding: 0px 5px 0px 10px;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #7fc31c;
}
div#inter { 
padding: 15px 0px 15px 7px;
width: 353px;
float:left;
}
div#inter a {
color: #7fc31c;
text-decoration:none;
}
div#inter h1 {
font-size: 19px;
color: #f90033;
margin-top:0px;
}
div#inter h2 {
font-size: 13px;
color: #00a0c6;
}
div#inter form {
display:none;
margin: 15px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 10px;
font-size: 10px;
float:left;
}
div#inter form legend {
font-weight: bold;
font-size: 11px;
letter-spacing:2px; 
color: #f90033;
margin: 0px 0px 5px 0px;
}
div#inter form fieldset {
border: 1px solid #ccc;
padding: 0px 10px 10px 10px;
}
div#inter form textarea {
height: 125px;
width: 225px;
background: #f0f0f0;
border: 1px solid #ccc;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
padding: 5px 5px 0px 5px;
}
div#inter form input {
width: 110px;
height: 15px;
padding: 2px 3px 0px 5px;
background: #f0f0f0;
border: 1px solid #ccc;
margin: 5px 0px 5px 0px;
font-size: 9px;
}
div#inter form input.submit {
width: 75px;
height: 20px;
font-size: 9px;
font-weight: bold;
padding: 0px;
margin: 10px 10px 0px 0px;
cursor:pointer;
}
div#inter table.agenda {
width: 353px;
border: 1px solid #ccc;
}
div#inter table.agenda tr {
background: #f0f0f0;
}
div#inter table.agenda tr.top {
font-weight: bold;
}
div#inter table.agenda td{
padding:4px;
width: 33%;
}
div#footer {
display:none;
clear: both;
background:url(images/bg_bottom.jpg) no-repeat;
width: 713px;
height: 10px;
text-align:right;
padding: 5px;
color: #fff;
font-size: 9px;
}