@import url(resetclearfix.css);

body {
    background: #ffffff url(../images/bg.gif) no-repeat top center;
    text-align:center;
    font:13px Arial;
    color:#5e5e5e;
    z-index:0;
    position:relative;
    line-height: 16px;
}

a {
    color:#5e5e5e;
    font-weight:bold;
    text-decoration:none;
}

#ui-datepicker-div {
	font-size: 11px;
}

h1 {
    font-size: 16px;
    color: #8d51cb;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 16px;
    color: #5e5e5e;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

div#main {
    margin:0 auto;
    width:951px;
    text-align:left;
}

div#logo {
    margin: 15px 0px 15px 0px;
}

div#menu_left {
    background: url(../images/menu_left.gif) no-repeat;
    width: 10px;
    height: 96px;
    float: left;
}

div#menu {
    background: url(../images/menu.gif) repeat-x;
    height: 96px;
    width: 939px;
    float: left;
    position: relative;
}

div#menu_right {
    background: url(../images/menu_right.gif) no-repeat;
    width: 1px;
    height: 96px;
    float: left;
}

div#menu li {
    float:left;
}

div#menu a {
}

div#menu a.active, div#menu a:hover {
}

    #menu_1 {
        background: url(../images/menu/1.gif) no-repeat;
        position: absolute;
        width: 110px;
        height: 95px;
        left: 30px;
    }

        #menu_1:hover, #menu_1_on {
            background: url(../images/menu/1_on.gif) no-repeat;
            position: absolute;
            width: 110px;
            height: 95px;
            z-index: 100;
            left: 30px;
        }

    #menu_2 {
        background: url(../images/menu/2.gif) no-repeat;
        position: absolute;
        width: 110px;
        height: 95px;
        left: 161px;
    }

        #menu_2:hover, #menu_2_on {
            background: url(../images/menu/2_on.gif) no-repeat;
            width: 110px;
            height: 95px;
            position: absolute;
            z-index: 100;
            left: 161px;
        }

    #menu_3 {
        background: url(../images/menu/3.gif) no-repeat;
        position: absolute;
        left: 282px;
        width: 110px;
        height: 95px;
    }

        #menu_3:hover, #menu_3_on {
            background: url(../images/menu/3_on.gif) no-repeat;
            position: absolute;
            width: 110px;
            height: 95px;
            z-index: 100;
            left: 282px;
        }

    #menu_4 {
        background: url(../images/menu/4.gif) no-repeat;
        position: absolute;
        left: 410px;
        width: 110px;
        height: 95px;
    }

        #menu_4:hover, #menu_4_on {
            background: url(../images/menu/4_on.gif) no-repeat;
            position: absolute;
            width: 110px;
            height: 95px;
            z-index: 100;
            left: 410px;
        }

    #menu_5 {
        background: url(../images/menu/5.gif) no-repeat;
        position: absolute;
        left: 541px;
        width: 110px;
        height: 95px;
    }

        #menu_5:hover, #menu_5_on {
            background: url(../images/menu/5_on.gif) no-repeat;
            position: absolute;
            width: 110px;
            height: 95px;
            z-index: 100;
            left: 541px;
        }

    #menu_6 {
        background: url(../images/menu/6.gif) no-repeat;
        position: absolute;
        left: 670px;
        width: 110px;
        height: 95px;
    }

        #menu_6:hover, #menu_6_on {
            background: url(../images/menu/6_on.gif) no-repeat;
            position: absolute;
            width: 110px;
            height: 95px;
            z-index: 100;
            left: 670px;
        }

    #menu_7 {
        background: url(../images/menu/7.gif) no-repeat;
        position: absolute;
        left: 800px;
        width: 110px;
        height: 95px;
    }

        #menu_7:hover, #menu_7_on {
            background: url(../images/menu/7_on.gif) no-repeat;
            position: absolute;
            width: 110px;
            height: 95px;
            z-index: 100;
            left: 800px;
        }

div#header {
    background: url(../images/header.gif) no-repeat;
    width: 950px;
    height: 106px;
}

#left {
    width: 240px;
    float: left;
}

#schaduw {
    background: url(../images/left.png) no-repeat;
    height: 361px;
    width: 21px;
    position: absolute;
    top: 329px;
    margin-left: 219px;
}

    #active_page_left {
        background: url(../images/active_page_left.gif) no-repeat;
        width: 10px;
        height: 45px;
        float: left;
    }

    #active_page_right {
        background: url(../images/active_page_right.gif) no-repeat;
        width: 230px;
        height: 45px;
        float: left;
        color: #fff;
        font-size: 18px;
    }

        #active_page_right img {
            float: left;
            margin-right: 10px;
        }

        #active_page_right div {
            float: left;
            margin-top: 6px;
        }

    #left_text {
        padding: 0px 0px 0px 10px;
        color: #8e8e8e;
        font-size: 16px;
        line-height: 22px;
    }

        #left_text_info {
            padding: 44px 30px 40px 20px;
            background: #f5f5f5;
        }

    #left_text_sub {
        color: #8e8e8e;
        font-size: 16px;
        line-height: 22px;
        padding: 44px 0px 0px 10px;
    }

            #left_text h1 {
                margin-bottom: 0px;
            }

            #left_text h2 {
                margin-bottom: 10px;
            }

    #submenu {

    }

        #submenu ul {
            background: #f5f5f5;
        }

        #submenu li {
            border-bottom: 1px solid #dedede;
            padding: 8px 10px 8px 10px;
            font-size: 15px;
        }

            #submenu li a:link, #submenu li a:active, #submenu li a:visited {
                color: #757575;
            }

            #submenu li a:hover, #submenu li a.active {
                color: #3a3a3a;
            }

#right {
    width: 650px;
    float: left;
    background: #fff;
    padding: 0px 0px 0px 30px;
    padding-right: 30px;
}

    #textcontent_small {
        width: 430px;
        float: left;
        background: #fff;
    }

    #righthtml {
        float: left;
        width: 153px;
    }

    #needtoknow {
        width: 153px;
        padding: 20px;
        background: #f5f5f5;
        border-right: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        margin-left: 20px;
    }

        #needtoknow ul {
            list-style: none;
            padding: 15px 15px 15px 0px;
            font-weight: bold;
        }

            #needtoknow ul li {
                padding-left: 15px;
                background: url(../images/list.jpg) no-repeat;
                margin-bottom: 10px;
            }

    #twitter {
        margin-left: 20px;
        margin-top: 20px;
    }

    #needtoknow a {
        color: #9253fe;
    }

    #needtoknow a:hover {
        text-decoration: underline;
    }

    #footer {
        background: url(../images/footer.gif) no-repeat;
        width: 680px;
        height: 10px;
        margin: 40px 0px 0px 0px;
    }

    #footer_text {
        margin: 20px 0px 0px 0px;
        font-size: 14px;
        color: #3d3d3d;
    }

        #footer_text ul {
            list-style: none;
        }

        #footer_text li {
            display: inline;
            margin: 0px 1px 0px 1px;
        }

            #footer_text li#first {
                display: inline;
                margin: 0px 7px 0px 0px;
            }

            #footer_text li#last {
                display: inline;
                margin: 0px 0px 0px 5px;
            }

    #footer_admium {
        float: right;
        font-size: 11px;
        margin-top: 10px;
        color: #cbcbcb;
        margin-bottom: 30px;
    }

        #footer_admium a:link, #footer_admium a:active, #footer_admium a:visited {
            color: #cbcbcb!important;
            text-decoration: none;
        }

        #footer_admium a:hover {
            color: #cbcbcb!important;
            text-decoration: underline;
        }

.lightgrey {
    color: #cbcbcb;
}

.breadcrumb {
	text-align: right;
	font-size: 11px;
}
	.breadcrumb a {
		color: #8d51cb;
	}
	
	.breadcrumb a:hover {
		text-decoration: underline;
	}

/* Reserveerformulier */
.reserveerformulier td, .contactformulier td {
    padding-bottom: 10px;
}

.reserveerbutton {
    float: left;
}

.reserveercontact {
    float: left;
    margin: 8px 0px 0px 10px;
    font-size: 15px;
}

    .reserveercontact a {
        color: #8d51cb;
    }

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

#socialbar {
    margin-top: 15px;
    padding: 0px 0px 0px 10px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

    #socialbar img {
        margin-right: 5px;
        margin-top: 10px;
    }

.purple {
    color: #8d51cb;
}