/****** GLOBALS ******/
body, html {
    margin: 0;
    padding: 0;
    background: #FFF;
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    background-image: url('../images/bg_blok.gif');
    background-repeat: repeat-x;
}

p {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    color: #000000;
    text-decoration: none;
    word-spacing: normal;
    /* text-align: left; */
    letter-spacing: 0;
    line-height: 1.4em;
    font-size: 1.2em;
}

li {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    color: #000000;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.4em;
    font-size: 1.2em;
}

h1 {
    font-family: Arial;
    color: #162983;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.3em;
    font-size: 1.8em;
}

h2 {
    font-family: Arial;
    color: #162983;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.4em;
    font-size: 1.2em;
}

img {
    border: 0;
}

.hidden {
    display: none;
}

ul li {
    font-family: Arial;
    color: #000000;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.4em;
    font-size: 1.2em;
}

/****** GLOBAL LAYOUT ******/
#wrap {
    width: 100%;
}

#links {
    float: left;
    width: 215px;
}

#menu {
    width: 215px;
    height: 198px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 17px;
    background-color: #CBE8F8;
}

#content {
    float: left;
    width: 645px;
}

#headerimg {
    heigth: 215px;
}

.header {
    margin: 0px;
    padding: 0px;
}

#pagecontent {
    background-color: #EAF6FC;
    margin: 0px 0px 30px 0px;
    padding: 40px 100px 50px 50px;
    min-height: 350px;              /* Size of the background image */
    height: auto !important;        /* Patch for IE6 lacking support of min-height */
    height: 350px;
}

#editor {
    background-color: #EAF6FC;
    margin: 0px;
    width: 510px;
    height: 400px;
}

/****** MENU *****/
a#menu_home {
    display: block;
    width: 215px;
    height: 28px;
    background-image: url(../images/btn_home.gif);
    background-repeat: no-repeat;
}

a#menu_home:hover {
    background-image: url(../images/btn_home_over.gif);
}

a#menu_menu {
    display: block;
    width: 215px;
    height: 30px;
    background-image: url(../images/btn_menu.gif);
    background-repeat: no-repeat;
}

a#menu_menu:hover {
    background-image: url(../images/btn_menu_over.gif);
}

a#menu_arrangementen {
    display: block;
    width: 215px;
    height: 26px;
    background-image: url(../images/btn_arrangementen.gif);
    background-repeat: no-repeat;
}

a#menu_arrangementen:hover {
    background-image: url(../images/btn_arrangementen_over.gif);
}

a#menu_creightons {
    display: block;
    width: 215px;
    height: 26px;
    background-image: url(../images/btn_creightons.gif);
    background-repeat: no-repeat;
}

a#menu_creightons:hover {
    background-image: url(../images/btn_creightons_over.gif);
}

a#menu_reserveren {
    display: block;
    width: 215px;
    height: 26px;
    background-image: url(../images/btn_reserveren.gif);
    background-repeat: no-repeat;
}

a#menu_reserveren:hover {
    background-image: url(../images/btn_reserveren_over.gif);
}

a#menu_nieuws {
    display: block;
    width: 215px;
    height: 26px;
    background-image: url(../images/btn_nieuws.gif);
    background-repeat: no-repeat;
}

a#menu_nieuws:hover {
    background-image: url(../images/btn_nieuws_over.gif);
}

a#menu_vacatures {
    display: block;
    width: 215px;
    height: 26px;
    background-image: url(../images/btn_vacatures.gif);
    background-repeat: no-repeat;
}

a#menu_vacatures:hover {
    background-image: url(../images/btn_vacatures_over.gif);
}

a#menu_blokhut {
    display: block;
    width: 215px;
    height: 26px;
    background-image: url(../images/btn_blokhut.gif);
    background-repeat: no-repeat;
}

a#menu_blokhut:hover {
    background-image: url(../images/btn_blokhut_over.gif);
}


/****** FRONTPAGE *****/
#midden_links {
    background-color: #FFF;
    float: left;
    width: 215px;
}

#midden_rechts {
    float: left;
    width: 215px;
}

#menu_rechts {
    float: left;
    width: 215px;
}

a#kinderpartijtje {
    display: block;
    width: 215px;
    height: 35px;
    background-image: url(../images/btn_kinderpartijtje.gif);
    background-repeat: no-repeat;
}

a#kinderpartijtje:hover {
    background-image: url(../images/btn_kinderpartijtje_over.gif);
}

a#highdinner {
    display: block;
    width: 215px;
    height: 37px;
    background-image: url(../images/btn_highdinner.gif);
    background-repeat: no-repeat;
}

a#highdinner:hover {
    background-image: url(../images/btn_highdinner_over.gif);
}

a#picknicken {
    display: block;
    width: 215px;
    height: 35px;
    background-image: url(../images/btn_picknicken.gif);
    background-repeat: no-repeat;
}

a#picknicken:hover {
    background-image: url(../images/btn_picknicken_over.gif);
}

a#hightea {
    display: block;
    width: 215px;
    height: 215px;
    background-image: url(../images/btn_hightea.gif);
    background-repeat: no-repeat;
}

a#hightea:hover {
    background-image: url(../images/btn_hightea_over.gif);
}

#nieuws {
    width: 215px;
    height: 54px;
}

a.fpnieuws {
    margin-left: 3px;
    text-decoration: none;
    font-family: Arial;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 2.4em;
    font-size: 1.2em;
    color: #162983;
}

a#feesten {
    display: block;
    width: 215px;
    height: 54px;
    background-image: url(../images/btn_feesten.gif);
    background-repeat: no-repeat;
}

a#feesten:hover {
    background-image: url(../images/btn_feesten_over.gif);
}

.home {
    float: left;
    margin: 0px;
    width: 215px;
    height: 108px;
    background-image: url(../images/bg_patroon.jpg);
    background-repeat: repeat;
    font-size: 11px;
    line-height: 1.2em;
}

#homet1 {
    margin-top: 10px;
    margin-left: 25px;
}

#homet2 {
    margin-top: 10px;
    margin-left: 10px;
    color: #162983;
}

p#copyright {
    clear: both;
    font-size: 10px;
    margin-left: 32px;
    padding-top: 6px; 
    color: #145886;
}

p#copyright a {
    color: #145886;
    text-decoration: none;
}

