﻿BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BEHAVIOR: url("csshover.htc");
    PADDING-TOP: 0px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
#container
{
    MARGIN: 0px auto;
    WIDTH: 801px;
    TEXT-ALIGN: left
}
#top
{
    BACKGROUND-IMAGE: url(../images/stripes.gif);
    HEIGHT: 90px
}
#center
{
	Height: 230px;
	BACKGROUND-COLOR: #993300
}
#bottom
{
    BACKGROUND-IMAGE: url(../images/bottom_bg.gif);
    OVERFLOW: hidden;
    HEIGHT: 100%
}
#bottom2
{
    BACKGROUND-IMAGE: url(../images/bottom_bg2.gif);
    OVERFLOW: hidden;
    HEIGHT: 100%
}
#logo
{
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-TOP: 30px
}
#fontSwitch
{
    PADDING-RIGHT: 10px;
    FLOAT: right;
    VERTICAL-ALIGN: bottom;
    PADDING-TOP: 50px
}
#bannerLeft
{
    FONT-SIZE: 0px;
    BACKGROUND: url(../images/left-image.jpg);
    FLOAT: left;
    WIDTH: 250px;
    HEIGHT: 230px
}
#bannerCenter
{
    BACKGROUND: url(../images/center-image.jpg);
    FLOAT: left;
    WIDTH: 300px;
    HEIGHT: 230px
}
#bannerRight
{
    BACKGROUND: url(../images/right-image.jpg);
    FLOAT: left;
    WIDTH: 250px;
    HEIGHT: 230px
}
#contentLeft
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 230px! important;
    PADDING-TOP: 10px
}
#contentLeft2
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 230px! important;
    PADDING-TOP: 10px
}
#contentCenter
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 280px! important;
    PADDING-TOP: 10px;
    overflow: hidden; 
}
#contentRight
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 230px !important;
    PADDING-TOP: 10px
}
#contentRight2
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 530px! important;
    PADDING-TOP: 10px
}
#contentRightComment
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 30px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 530px! important;
    PADDING-TOP: 10px
}

UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#bannerLeft LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    VERTICAL-ALIGN: bottom;
    LINE-HEIGHT: 0;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.navTop
{
    FONT-SIZE: 0px;
    WIDTH: 250px;
    HEIGHT: 10px
}
.navHome
{
    BACKGROUND: url(../images/nav_home0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navNieuws
{
    BACKGROUND: url(../images/nav_nieuws0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navJlo
{
    BACKGROUND: url(../images/nav_jlo0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navFotos
{
    BACKGROUND: url(../images/nav_fotos0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navGastenboek
{
    BACKGROUND: url(../images/nav_gastenboek0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navContact
{
    BACKGROUND: url(../images/nav_contact0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navLinks
{
    BACKGROUND: url(../images/nav_links0.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navHome:hover
{
    BACKGROUND: url(../images/nav_home1.gif)
}
.navNieuws:hover
{
    BACKGROUND: url(../images/nav_nieuws1.gif)
}
.navJlo:hover
{
    BACKGROUND: url(../images/nav_jlo1.gif)
}
.navFotos:hover
{
    BACKGROUND: url(../images/nav_fotos1.gif)
}
.navGastenboek:hover
{
    BACKGROUND: url(../images/nav_gastenboek1.gif)
}
.navContact:hover
{
    BACKGROUND: url(../images/nav_contact1.gif)
}
.navLinks:hover
{
    BACKGROUND: url(../images/nav_links1.gif)
}
.navHome_active
{
    BACKGROUND: url(../images/nav_home1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navNieuws_active
{
    BACKGROUND: url(../images/nav_nieuws1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navJlo_active
{
    BACKGROUND: url(../images/nav_jlo1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navFotos_active
{
    BACKGROUND: url(../images/nav_fotos1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navGastenboek_active
{
    BACKGROUND: url(../images/nav_gastenboek1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navContact_active
{
    BACKGROUND: url(../images/nav_contact1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navLinks_active
{
    BACKGROUND: url(../images/nav_links1.gif);
    WIDTH: 250px;
    HEIGHT: 30px
}
.navBottom
{
    WIDTH: 250px;
    HEIGHT: 10px
}
H1
{
    FONT-SIZE: 1.8em;
    MARGIN: 0px 0px 0.5em;
    COLOR: #000000
}
H2
{
    FONT-SIZE: 1.1em;
    MARGIN: 0.5em 0px 0px;
    COLOR: #993300
}
H2 A
{
    COLOR: #993300;
    TEXT-DECORATION: none
}
H2 A:hover
{
    TEXT-DECORATION: underline
}
H3
{
    FONT-SIZE: 1.8em;
    MARGIN: 0px 0px 0.5em;
    COLOR: #993300
}
H3 A
{
    COLOR: #993300;
    TEXT-DECORATION: none
}
H3 A:hover
{
    TEXT-DECORATION: underline
}
P
{
    FONT-SIZE: 1.1em;
    MARGIN: 0px 0px 1em;
    COLOR: #000000
}
P A
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}
#fontSwitch .small
{
    DISPLAY: inline;
    FONT-SIZE: 10px;
    MARGIN-LEFT: 10px;
    COLOR: #000000
}
#fontSwitch .medium
{
    DISPLAY: inline;
    FONT-SIZE: 14px;
    MARGIN-LEFT: 10px;
    COLOR: #000000
}
#fontSwitch .large
{
    DISPLAY: inline;
    FONT-SIZE: 18px;
    MARGIN-LEFT: 10px;
    COLOR: #000000
}
#fontSwitch A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
#contentRight2 LI
{
    FONT-SIZE: 1.1em;
    MARGIN: 0px 0px 0px 20px;
    LIST-STYLE-TYPE: circle
}
