/* Website */

/* Standaard*/

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}

body {
    color: #000000;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

img {
    border: 0px;
}

h2{
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

h3{
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}

h4{
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
}

h5{
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    margin: 0px;
}

h6{
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
}

p, form{
    margin: 0px;
}

#container
{
    margin: auto;
    margin-top: 0px;
    width: 940px;
    height: 600px;

}

#background {
    position: relative;
    left: 0px;
    top: 0px;
    width: 940px;
    height: 600px;
}

#header_title {
    position:absolute;
    left:40px;
    top:15px;
}

#header_buttons {
    position:absolute;
    left:613px;
    top:27px;
    text-align:center;
}

#header_buttons2 {
    position:absolute;
    left:553px;
    top:27px;
    text-align:center;
}

#header_flag_nl {
    position:absolute;
    left:849px;
    top:21px;
}

#header_flag_en {
    position:absolute;
    left:873px;
    top:21px;
}

a{
    color: #00abc4;
    text-decoration: none;
    font-weight: bold;
}

a:hover{
    color: #FFFFFF;
    background-color: #00abc4;
}

a.header_link{
    font-size:8px;
    color:#b8b8b8;
    font-weight:bold;
}

a.header_link:hover{
    color: #b8b8b8;
    text-decoration: underline;
    background-color: #FFFFFF;
}

#background_top{
    position:absolute;
    left:30px;
    top:57px;
}

#background_bottom{
    position:absolute;
    left:30px;
    top:169px;
}


/* Menu's */

#menu_fix_links{
    position: absolute;
    left: 28px;
    top: 125px;
    width: 2px;
    height: 53px;
    background-color: #FFFFFF;
}

#menu_fix_rechts{
    position: absolute;
    left: 909px;
    top: 144px;
    width: 3px;
    height: 34px;
    background-color: #FFFFFF;
}

.menu{
    position: absolute;
    left: 30px;
    top: 125px;
    width:750px;
    height:2em;
    padding-bottom:1px;
    font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
    margin-left: -2px;
}

* html .menu{
    padding-bottom:0;
}

.menu ul{
    list-style-type:none;
    padding:0;
    margin:0 0 0 0px;
    width:890px;
    height:100%;
}

.menu li{
    float:left;
}

.menu a, .menu :visited{
    color: #88d8e3;
    text-decoration:none;
}

.menu a em.lft, .menu :visited em.lft{
    display: block;
    float: left;
    width: 0px;
    height: 20px;
    border-right: 1px solid #00abc4;
}

.menu a b, .menu :visited b{
    display:block;
    font-weight: bold;
    float:left;
    padding:0 10px;
    height:2em;
    line-height: 2em;
    cursor:pointer;
    background-color: #FFFFFF;
    font-size: 11px;
}

.menu :hover{
    white-space:normal;
}

.menu a:hover b{
    color: #FFFFFF;
    background-color: #00abc4;
}


.submenu{
    position: absolute;
    left: 31px;
    top: 144px;
    width:880px;
    height:2em;
    padding-bottom:1px;
    font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
    margin-left: -2px;
    background-color: #00abc4;
    visibility: hidden;
}

* html .submenu{
    padding-bottom:0;
}

.submenu ul{
    list-style-type:none;
    padding:0;
    margin:0 0 0 0px;
    width:880px;
    height:100%;
}

.submenu li{
    float:left;
}

.submenu a, .submenu :visited{
    color: #FFFFFF;
    text-decoration:none;
}


.submenu a em.lft, .submenu :visited em.lft{
    display: block;
    float: left;
    width: 0px;
    height: 20px;
    border-right: 1px solid #00abc4;
}


.submenu a b, .submenu :visited b{
    display:block;
    font-weight: bold;
    float:left;
    padding:0 10px;
    height:2em;
    line-height: 2em;
    cursor:pointer;
    font-size: 11px;
}

.submenu ul li{
    display:block;
    border-left:1px solid #FFFFFF;
    background-color: #00abc4;
    margin-top: 5px;
    height:13px;
}

.submenu ul li a{
    display: block;
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    width: auto;
    float: left;
    color: #FFFFFF;
    padding: 0 10px;
    margin-top: 0em;
    font-weight: bold;
}

.submenu ul :hover{
    text-decoration: underline;
}



/* Content van pagina's*/

/* Home */

#content_home{
    position:absolute;
    top:0px;
    left:0px;
    width:533px;
    height:300px;
    overflow: auto;
    overflow-x: visible;
    font-size:10px;
    color:#000000;
}

#content_home_text_left{
    position: absolute;
    top:35px;
    left: 0px;
    width:230px;
    height:250px;
    font-size:10px;
    color:#000000;
    text-align: justify;
}

#content_home_vertical_line{
    position: absolute;
    left: 250px;
    width: 1px;
    height: 285px;
    background-color: #000000;
}

#content_home_horizontal_line{
    position: absolute;
    top: 178px;
    left: 270px;
    width: 230px;
    height: 1px;
    background-color: #000000;
}

#content_home_text_top_right{
    position: absolute;
    left: 270px;
    width: 230px;
    height: 170px;
    font-size: 10px;
    color: #000000;
}

#content_home_text_bottom_right{
    position: absolute;
    top: 185px;
    left: 270px;
    width: 230px;
    height: 80px;
    font-size: 10px;
    color: #000000;
}


/* Rest */

#content_square{
    position:absolute;
    left:322px;
    top:181px;
    width:567px;
    height:339px;
    background-color:#FFFFFF;
}

#content_inner_square{
    position:relative;
    left:34px;
    top:29px;
    width:533px;
    height:310px;
}

#title_content{
    position:absolute;
    top:0px;
    left:0px;
    color:#d9dadb;
    font-size:9px;
    font-weight:bold;
}

#contact_gegevens
{
    position:absolute;
    top:-14px;
    left:380px;
    color:#000000;
    font-size:9px;
}

#sub_title_content{
    position:absolute;
    top:23px;
    left:0px;
    color:#000000;
    font-size:10px;
    font-weight:bold;
}

#content{
    position:absolute;
    top:35px;
    left:0px;
    width:533px;
    height:275px;
    overflow: auto;
    overflow-x: visible;
    font-size:10px;
    color:#000000;
}

#content_text{
    width:499px;
    height:275px;
    font-size:10px;
    color:#000000;
    text-align: justify;
}

#content_text_left{
    position: absolute;
    top:35px;
    left: 0px;
    width:115px;
    height:275px;
    font-size:10px;
    color:#000000;
    text-align: left;
}

#content_text_left a{
    color:#000000;
    font-weight: normal;
    line-height: 1.5;
}

#content_text_left a:hover{
    background-color: #FFFFFF;
    text-decoration: underline;
}

#content_text_left a.selected{
    color: #00abc4;
}

#content_vertical_line{
    position: absolute;
    top: 35px;
    left: 120px;
    width: 1px;
    height: 250px;
    background-color: #000000;
}

#content_text_right{
    position: absolute;
    left: 150px;
    width:349px;
    height:275px;
    font-size:10px;
    color:#000000;
}

#content_text_right img{
    margin-left: 6px;
}

#content_text_right_far{
    position: absolute;
    left: 270px;
    width:229px;
    height:275px;
    font-size:10px;
    color:#000000;
}


/* Foto's */
#photo{
    width: 360px;
    height: 240px;
}

#image_loading{
    background-color: #FFFFFF;
    background-image: url(images/image_loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#photos_thumbs{
    position: absolute;
    top: 0px;
    left: 390px;
    width: 110px;
    height: 240px;
    overflow: auto;
    overflow-x: visible;
    text-align: center;
    border: 1px #88D8E3 solid;
}

#photos_thumbs table{
    margin-top: 5px;
    margin-bottom: 5px;
}

#photos_thumbs td{
    height: 80px;
    width: 80px;
}

#photos_thumbs a:hover img, #cat_overview a:hover img{
    border: 2px #88D8E3 solid;
}

#photo_comment {
    position: absolute;
    left:0px;
    top:250px;
    width:360px;
    text-align:center;
    font-style:italic;
}


/* Forms */

input{
    font-size: 11px;
}

textarea{
    font-size: 11px;
}


/* Overig */

#sitemap{
    margin-top: 0px;
}

#sitemap ul{
    margin-bottom: 10px;
}

#copyright{
    position:absolute;
    top:550px;
    width:940px;
    text-align:center;
    font-size:8px;
    color:#b8b8b8;
    font-weight:bold;
}

