/*-- VOORGEDEF. TAGS --*/
*
{
    margin:             0px;
    padding:            0px;
    font-family:        Verdana;
}
body
{
    background:         #ffffff url("../images/achtergrond.jpg") repeat-x;
}
img
{
    border:             none;
}
option
{
    color:              #353482;
}

.clearfloats
{
    clear: both;
}
/*-- ID'S --*/
#container
{
    margin:             0 auto;
    width:              900px;
    background:         none;
}

#header
{
    clear:              both;
    background:         url("../images/header-achtergrond-noshade.jpg") no-repeat;
    min-height:         140px;
    position: relative;
}

#taal
{
    margin:             80px 0 0 0;
    float:              right;
    color:              #353482;
    font-size:          0.75em;
    font-weight:        bold;
}
#taal img
{
    vertical-align:     middle;
}
#taal span
{
    color:              #6c98dc;
    margin:             0 10px 0 10px;
}
#taal a
{
    color:              #353482;
    text-decoration:    none;
}
#taal a:hover
{
    color:              #353482;
    text-decoration:    underline;
}

#opmenu
{
    clear:              both;
    margin:             6px 0 0 0;
    height:             23px;
    line-height:        23px;
    background:         url("../images/opmenu_achtergrond.jpg") repeat-x;
    float:              right;
    color:              #1e1d2b;
    font-size:          0.70em;
}
#opmenu img
{
    float:              left;
}
#opmenu ul
{
    padding:            0px;
    margin:             0px;
    float:              left;
    list-style:         none;
}
#opmenu ul li
{
    float:              left;
    padding:            0 3px 0 3px;
    text-transform:     uppercase;
}
#opmenu a
{
    color:              #1e1d2b;
    text-decoration:    none;
}
#opmenu a:hover
{
    color:              #6c98dc;
    text-decoration:    none;
}
#opmenu .geselect
{
    color:              #6c98dc;
}

#menu
{
    clear:              both;
    width:              900px;
    line-height:        40px;
    height:             40px;
    background-color:   #353482;
    color:              #94beff;
    font-size:          12px;
    font-weight:        normal;
    text-align: center;
}
#menu ul
{
    padding:            0px;
    list-style:         none;
}
#menu ul li
{
    float:              left;
    padding:            0 2px 0 2px;
}
#menu a
{
    color:              #ffffff;
    text-decoration:    none;
}
#menu a:hover
{
    color:              #94beff;
    text-decoration:    none;
}
#menu .geselect
{
    color:              #94beff;
}

#content
{
    margin:             10px 0 0 0;
    float:              left;
    width:              900px;
}

#rechts
{
    margin:             0 0 0 0;
    float:              left;
    width:              259px;
    
}

#reserveren
{
    width:              201px;
    float:              right;
    line-height:        1.7em; 
    border: 1px solid #353482;
    font-size: 11px; 
    padding: 15px 24px 24px 24px;
    height: 210px;
}

#reserveren.homereserveren
{
    height: 270px;
    padding-top: 63px;
}

#reserveren .titel
{
    margin-bottom: 10px;
}

#fotoheader
{
    width: 641px;
    float: left;
}

#reserveren input.datepicker
{
    border: none;
    background-color: #e6e6e6;
    padding: 2px 0px 2px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

#reserveren input#aankomst{
    margin-bottom: 8px;
}

.ui-datepicker-trigger
{
    margin-left: 4px;
}

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

#reserveren li
{
    font-weight:        bold;
}
#reserveren a
{
    color:              #353482;
    text-decoration:    none;
}
#reserveren a:hover
{
    color:              #353482;
    text-decoration:    underline;
}

.bookextraBtn
{
    background-color: #fbd80d;
    padding: 4px 7px 4px 7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: normal;
}

.bookextraBtn:hover
{
    text-decoration: none !important;
}

#inhoud
{
    margin-top:         10px;
}

#submenu
{
    width:              250px;
    float:              left;
}
#submenu ul
{
    list-style:         none;
    width:              250px;
    padding:            0 0 0 0;
    margin:             0 0 10px 0;
    clear:              both;
}
#submenu ul li
{
    text-indent:        10px;
}
#submenu a
{
    color:              #353482;
    text-decoration:    none;
    
}
#submenu a:hover
{
    color:              #353482;
    text-decoration:    underline;
}

#submenu .item a
{
    background-color: #ff0000;
    display: block;
    color: #ffffff;
    padding: 7px 0 7px 1px;
    font-size: 14px;
    text-transform: lowercase;
    margin-bottom: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#submenu .item a:hover
{
    text-decoration: none;
    background-color: #d90000;
}

#tekst
{
    float:              left;
    margin-left:        10px;
    width:              640px;
}
#tekst h5
{
    display:            block;
    background-color:   #fbd80d;
    color:              #e70000;
    height:             35px;
    line-height:        35px;
    text-indent:        15px;
    font-weight:        bold;
    font-size:          0.85em;
}

#plattegrond
{
    margin-top:         10px;
    margin-left:        -22px;
    position:           relative;
    margin-bottom:      10px;
}

#footer
{
    padding:            15px 0 0 0;
    clear:              both;
    color:              #353482;
    line-height:        2em;
    font-size:          10px;
    text-align:         center;
}
#footer p
{
    font-weight:        bold;
    clear:              both;
}
#footer ul
{
    margin:             0 0 0 0;
    padding:            0 0 0 0;
    list-style:         none;
    display:            inline;
}
#footer ul li
{
    padding:            0 1px 0 1px;
    display:            inline;
}
#footer a
{
    color:              #353482;
    text-decoration:    none;
}
#footer a:hover
{
    color:              #353482;
    text-decoration:    underline;
}
#footer img
{
    vertical-align:     middle;
}
#roomsid
{
    margin-left:        10px;
}
#map
{
    height:             300px;
    width:              639px;
    border:             solid 1px #8fb9fb;
}
/*-- CLASSES --*/
.nieuwsitem
{
    margin-top:         10px;
    line-height:        1.3em;
    clear:              both;
}
.nieuwsitem h1
{
    color:              #353482;
    font-size:          0.80em;
    padding-left:       20px;
}
.txt
{
    color:              #353482;
    font-size:          0.75em;
    padding-left:       20px;
    padding-right:      20px;
    margin-top:         10px;
}
.txt p
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.txt a
{
    color: #353482;
    text-decoration: none;
}
.txt a:hover
{
    color: #353482;
    text-decoration: underline;
}
.nieuwsitem a
{
    color:              #353482;
    text-decoration:    underline;
}
.nieuwsitem a:hover
{
    color:              #353482;
    text-decoration:    none;
}
.nieuwsitem ul
{
    margin-left:        25px;
}
.link
{
    text-align:         right;
    color:              #353482;
    font-size:          0.75em;
    padding-left:       20px;
    padding-right:      20px;
    margin-top:         10px;
    clear:              both;
}
.link a
{
    color:              #353482;
    text-decoration:    none;
}
.link a:hover
{
    color:              #353482;
    text-decoration:    underline;
}
.promotitel
{
    float:              left;
}
.promoprijs
{
    float:              right;
    margin-right:       10px;
}
.promotie
{
    padding:            0 0 0 0;
    margin:             0 0 0 0;
    height:             34px;
    line-height:        34px;
    background:         url("../images/promotie.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.laatst
{
    height:             38px;
    line-height:        38px;
    background:         url("../images/promotie_laatst.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.titel_nl
{
    height:             38px;
    line-height:        38px;
    background:         url("../images/titel_promoties_nl.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.titel_fr
{
    height:             38px;
    line-height:        38px;
    background:         url("../images/titel_promoties_fr.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.titel_de
{
    height:             38px;
    line-height:        38px;
    background:         url("../images/titel_promoties_fr.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.titel_uk
{
    height:             38px;
    line-height:        38px;
    background:         url("../images/titel_promoties_fr.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.titel_es
{
    height:             38px;
    line-height:        38px;
    background:         url("../images/titel_promoties_es.jpg");
    color:              #e70000;
    font-size:          0.75em;
    font-weight:        bold;
    text-indent:        10px;
}
.titel
{
    color:              #353482;
    height:             35px;
    line-height:        35px;
    font-size:          0.85em;
    list-style:         none;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.titel_testimonial
{
    color:              #ffffff;
    background-color:   #5c89cb;
    height:             35px;
    line-height:        35px;
    font-size:          0.85em;
    list-style:         none;
    font-weight:        bold;
    text-indent:        10px;
}
.item
{
    color:              #353482;
    font-size:          10px;
    list-style:         none;
}
.gallerij
{
    width:              355px;
}
.item_testimonial
{
    background:         url("../images/blok_achtergrond.jpg") repeat-y;
    color:              #353482;
    font-size:          0.90em;
    font-weight:        bold;
    list-style:         none;
    padding-left:       10px;
    padding-right:      10px;
    padding-top:        10px;
}
.testimonial_van
{
    background:         url("../images/blok_achtergrond.jpg") repeat-y;
    color:              #353482;
    font-size:          0.70em;
    font-weight:        bold;
    list-style:         none;
    padding-left:       10px;
    padding-right:      10px;
    padding-top:        10px;
    text-align:         right;
}
.catalogus
{
    color:              #353482;
    list-style:         none;
    position: absolute;
    right: -12px;
    top: 5px;
}
.einde
{
    background:         url("../images/blok_einde.jpg") no-repeat;
    list-style:         none;
}
.zoekknop
{
    float:              right;
    clear:              both;
    padding-right:      10px;
    padding-top:        10px;
    list-style:         none;
}
.veld
{
    margin-left:        10px;
}
.imgcatalogus
{
    clear:              both;
}
.tekoop
{
    float:              left;
}
.tekoopprijs
{
    float:              right;
}
.nieuw
{
    color:              #DD0000;
    font-size:          0.75em;
}
.clear
{
    clear:              both;
    padding-left:       20px;
}
.btnmeer
{
    float:              right;
    clear:              both;
}
.link_img
{
    float:              right;
    width:              135px;
    margin-top:         10px;
    padding-left:       10px;
    padding-bottom:     5px;
}
#promoties a
{
    color: #ff0000;
}
#promoties a:hover
{
    color: #ff0000;
}

#brochure
{
    background-color: #688bc3;
    color: #ffffff;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 20px !important;
}

#brochure .item
{
    color: #ffffff;
}

#brochure .titel
{
    color: #ffffff;
    text-transform: none;
    font-size: 12px;
    height: 25px;
    padding-top: 15px;
    font-weight: bold;
}

#brochure .item a
{
    background: none;
    padding: 0;
    color: #ffffff;
    display: inline;
    font-size: 11px;
    font-weight: bold;
}

#brochure .item a:hover
{
    background: none;
}

/*#twitterfeed
{
    font-size: 12px;
    width: 248px;
    margin-top: 15px;
    background-color: #f9f9f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 0 10px 0;
}*/

#twitterfeed
{
    margin-top: 25px;
}

#twitterfeed ul li
{
    display: block;
    margin-bottom: 10px;
    text-indent: 0;
    width: 228px;
    padding: 0 10px 0 10px ;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

#twitterfeed ul li small
{
    display: block;
    font-size: 10px;
    color: #878787;
    margin-top: 8px;
    text-align: right;
    background: url('../images/twitter_newbird.png') 85px 0 no-repeat;
}

#twitterfeed ul li:last-child, li.tweet_content_4
{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

#twitterheader
{
    margin-top: 25px;
    width: 76px;
    height: 16px;
}

#socialmedia
{
    position: absolute;
    right: 0;
    top: 15px;
}

#eyecatcherscontainer
{
    margin-top: 25px;
    margin-left: 15px;
    font-family: Arial, Sans-Serif;
}

#eyecatcherscontainer .eyecatcher
{
    padding: 7px;
    padding-bottom: 20px;
    border: 1px solid #353482;
    width: 185px;
    float: left;
    margin-right: 5px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #353482;
    font-size: 11px;
    line-height: 14px;
    min-height: 330px;
}

#eyecatcherscontainer .eyecatchertitle
{    
    font-size: 14px;
    margin-bottom: 4px;
}

#eyecatcherscontainer .eyecatcherimg
{
    max-width: 184px;
    margin-bottom: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 5px;
    margin-top: 5px;
}

.eycatchertekst
{
    width: 154px;
    margin-left: 10px;
    overflow: hidden;
}

.tekstveld
{
    font-family: Verdana;
    font-size: 12px;
    padding: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
}

#vimeo #thumbs ul
{
    list-style: none;
}

#vimeo #thumbs ul li
{
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    border: 1px solid #353482;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#vimeo #thumbs ul li img
{
    width: 100px;
    height: 75px;
}

#vimeo #thumbs ul li span
{
    display: block;
    font-size: 10px;
    width: 90px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 12px;
    min-height: 70px;
}