/*     Curacao Campagnesite, June 2009 */
/*     Reset */
*{margin:0;padding:0}
img{border:0}

/*     Core elements */
html{overflow-y: scroll}
body{background-color:#fff;color:#2b3a5b;font-family:Arial, Tahoma, sans-serif;font-size:14px;line-height:20px}
h1{color:#2b3a5b;font-size:22px;line-height:25px}
h2{color:#9fcceb;font-size:18px}
h3{color:#f398b9;font-size:16px}
h4,h5,h6{color:#9fcceb}
p.datum{color:#F398B9;font-weight:bold}
li{line-height:24px}
a{color:#2b3a5b;outline:none}
a:hover,a:active{color:#f398b9;outline:none}
hr{border: 1px solid #9FCCEB;color: #9FCCEB;border-color: #9FCCEB;background-color: #9FCCEB;}
.line{ margin:0 10px 0 10px;  height: 15px; width:auto;}
/* Form elements */
form{margin:10px}
.input{width:200px}

/* Page main structure */
#wrapper{background:url(../img/bg-header.jpg) top no-repeat;margin:0 auto;width:1200px}
#header{height:400px;width:1075px}
#contentwrapper{margin:0 125px;width:950px}
#sidebar-left{float:left;width:222px}
#content-home{float:left;padding:0 10px;width:486px}
#content{float:left;width:728px}
#content-wide{margin-top:-26px;width:950px}
#sidebar-right{float:left;width:222px}
#footer{clear:both;height:102px;background:url(../img/bg-footer.jpg) bottom no-repeat;margin:0 0 20px 125px;width:950px}

/* Header section */
#logo{float:left;height:110px;margin:50px 0 0 125px;width:250px}
#backlink{float:right;margin:85px 25px 0 0}
#backlink a{color:#fff;font-size:12px;font-weight:bold}
#backlink a:hover, #backlink a:active{color:#fffca1}
#nav{border-top:8px solid transparent;clear:both;height:192px;margin-left:129px;padding-top:152px;width:942px}
#nav{background:url(/img/header01.jpg) no-repeat}
#nav ul{margin-left:10px}
#nav ul li{float:left;list-style:none;line-height:41px;text-align:center;font-family:Verdana, Arial;font-weight:bold}
#nav ul li a{display:block;width:154px;height:41px;text-decoration:none;color:#333333}
#nav ul li a:hover{color:#FFF}

#nav .btn-left{background:url(../img/buttons/btn-left-off.png) no-repeat;height:41px;width:154px}
#nav .btn-middle{background:url(../img/buttons/btn-middle-off.png) no-repeat;height:41px;width:154px}
#nav .btn-right{background:url(../img/buttons/btn-right-off.png) no-repeat;height:41px;width:154px}
#nav .btn-left-active, #nav .btn-left a:hover{background:url(../img/buttons/btn-left-on.png) no-repeat;height:41px;width:154px}
#nav .btn-middle-active, #nav .btn-middle a:hover{background:url(../img/buttons/btn-middle-on.png) no-repeat;height:41px;width:154px}
#nav .btn-right-active, #nav .btn-right a:hover{background:url(../img/buttons/btn-right-on.png) no-repeat;height:41px;width:154px}
#nav .btn-left-active a, #nav .btn-middle-active a, #nav .btn-right-active a{color:#FFF}

/* Content section */
/* Left sidebar */
#sidebar-left img{float:left;margin-bottom:20px}

/* Content */
#content h1, #content-home h1, #content h2, #content-home h2, #content h3, #content-home h3, #content h4, #content-home h4{margin:0 10px 10px 10px}
#content p, #content-home p{margin:0 10px 10px 10px}
#content-home p.voorwaarden{margin:10px 10px 0 10px}
#content-home a.voorwaarden{margin:0 10px 0 10px}
#content ul{list-style:none;margin:0 10px 20px 10px}
#content ul li{line-height:18px}

/* Right sidebar */
#sidebar-right img{margin:0 10px 0 0}
#sidebar-right h2{color:#fff;font-size:18px;font-weight:bold;margin:0 10px 5px 10px}
#sidebar-right p{color:#fff;margin:0 10px 10px 10px}
#sidebar-right a{color:#2b3a5b;font-weight:bold}
#sidebar-right a:hover, #sidebar-right a:active{color:#2b3a5b;font-weight:bold}
#sidebar-right ul{margin-bottom:5px}
#sidebar-right ul li{list-style:none;line-height:20px;}

.sidebar-item-blue{background-color:#9fcceb;margin-bottom:20px}
.sidebar-item-blue-top{background:url(../img/bg-top-sidebarblock-blue.jpg) top no-repeat;height:15px}
.sidebar-item-blue-content{height:auto}
.sidebar-item-blue-bottom{background:url(../img/bg-bottom-sidebarblock-blue.jpg) bottom no-repeat;height:15px}
.sidebar-item-blue .lijstaanbiedingen a{font-weight:normal !important}
.sidebar-item-blue .lijstaanbiedingen li{margin:0 10px 5px 10px}

.sidebar-item-green{background-color:#a4d292;margin-bottom:20px}
.sidebar-item-green-top{background:url(../img/bg-top-sidebarblock-green.jpg) top no-repeat;height:15px}
.sidebar-item-green-content{height:auto}
.sidebar-item-green-bottom{background:url(../img/bg-bottom-sidebarblock-green.jpg) bottom no-repeat;height:15px}
.sidebar-item-pink{background-color:#f398b9;margin-bottom:20px}

.sidebar-item-pink-top{background:url(../img/bg-top-sidebarblock-pink.jpg) top no-repeat;height:15px}
.sidebar-item-pink-content{height:140px}
.sidebar-item-pink-bottom{background:url(../img/bg-bottom-sidebarblock-pink.jpg) bottom no-repeat;height:15px}

.sidebar-item-orange{background-color:#ffa865;margin-bottom:20px}
.sidebar-item-orange-top{background:url(../img/bg-top-sidebarblock-orange.jpg) top no-repeat;height:15px}
.sidebar-item-orange-content{height:100px}
.sidebar-item-orange-bottom{background:url(../img/bg-bottom-sidebarblock-orange.jpg) bottom no-repeat;height:15px}
#sidebar-right .sidebar-item-orange h2{color:#2B3A5B}

.sidebar-item-yellow{background-color:#FFC425;margin-bottom:20px}
.sidebar-item-yellow-top{background:url(../img/bg-top-sidebarblock-yellow.jpg) top no-repeat;height:15px}
.sidebar-item-yellow-content{height:auto}
.sidebar-item-yellow-bottom{background:url(../img/bg-bottom-sidebarblock-yellow.jpg) bottom no-repeat;height:15px}
.sidebar-item-yellow .lijstaanbiedingen a{font-weight:normal !important}
.sidebar-item-yellow .lijstaanbiedingen li{margin:0 10px 5px 10px}

/* Footer section */
#footer p{color:#fff;font-size:12px;padding-top:45px;text-align:center}
#footer a{color:#fff}

/*     Custom styles */
.bold{font-weight:bold}
.left{float:left}
.right{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.2pxborder{border:2px solid #fff}
.column{float:left;width:50%}
.aanbieding{margin:0 0 20px 0}
.aanbieding .acco{float:left; margin:5px 5px 0 10px}
.aanbieding .logo{float:right; margin:0 5px 0 0}
.aanbieding .prijs{font-size:18px;font-weight:bold}
.aanbieding h2 a{color:#f398b9;text-decoration:none}
.aanbieding hr {margin:0 15px 0 10px}

/* FAQ Accordeon styling */
#accordion{background-color:#fff;background-image:url(../img/subnav_grad.gif);background-repeat:repeat-x;color:#666;margin:0 10px 20px 0;overflow:hidden}
#accordion h3{margin:1px 0 0 0;padding:0 10px}
#accordion h3 a{line-height:30px;padding-left:10px;background-color:#9fcceb;color:#2b3a5b;display:block;font-weight:normal;outline:none;text-decoration:none}
#accordion h3 a:hover, #accordion h3 a:active{background-color:#2b3a5b;color:#fff;outline:none}
#accordion p {margin:10px 5px}
#accordion div{margin:0 15px 15px 15px;display:none}
#accordion h3 .element.style{height:auto}

/* Contact */
#form fieldset{border:0}
#form label{clear:left;width:100px;font-size:12px}
#form div.error{margin-left:100px;color:#FF0000}
#form label, #form div.error{float:left}
#form input, #form textarea{float:left;width:287px;border:1px solid #C4C8CC}
#form input{height:20px;line-height:25px;margin-bottom:5px}
#form input.submit{width:100px;margin:10px 0 0 100px;height:26px;line-height:26px;padding:0}

/* Brochure */
#brochures{margin-top:-1px;border:25px solid #2F4165;background-color:#A1C1D8;width:644px;border-right:25px solid #435D8E}
#brochures h1{text-align:center;padding:15px 15px 15px 15px;font-size:21px;font-family:arial;font-weight:normal;}
#brochures fieldset{border:0}
#brochures input, #brochures select{height:20px;line-height:25px;margin-bottom:2px;border:1px solid #C4C8CC}
#brochures label{clear:left;float:left;margin-right:5px;font-weight:bold;width:150px;text-align:right;color:#2F4165;font-size:11px;font-family:Arial,Tahoma,sans-serif}
#brochures select, #brochures option{float:left;width:282px;color:#2F4165;font-size:11px;font-family:Arial,Tahoma,sans-serif}
#brochures option{width:auto}
#brochures input, #brochures textarea{float:left;width:280px}
#brochures input.checkbox{width:auto}
#brochures input.submit{margin:10px 0 10px 337px;width:100px;height:26px;line-height:26px;border:1px solid #C4C8CC}
#brochures div.error{float:left;margin-left:10px;color:#FF0000}
#brochures img{margin-left:-25px;margin-bottom:-30px}

/* Gastenboek */
#reacties img{float:left;margin:5px 5px 0 10px}
#reacties h4{margin-bottom:0;font-size:16px;color:#F398B9}
#reacties h5{margin-left:10px}
#reacties .quote{width:446px;margin:0 0 5px 10px;padding:5px 10px;background-color:#E6E6E6}
#reacties .quote img{margin:6px 5px 0 0;padding:0}
#reacties .quote h5{margin:0;padding:0;color:#2B3A5B}
#reacties .quote p{margin:0;padding:0}
#gastenboek fieldset{border:0}
#gastenboek label{clear:left;width:150px;font-size:12px}
#gastenboek div.error{margin-left:150px;color:#FF0000}
#gastenboek label, #gastenboek div.error{float:left}
#gastenboek input, #gastenboek textarea{float:left;width:314px;border:1px solid #C4C8CC}
#gastenboek input{height:20px;line-height:25px;margin-bottom:5px}
#gastenboek input.checkbox{width:auto}
#gastenboek input.submit{width:100px;margin:10px 0 0 150px;height:26px;line-height:26px;padding:0}
#gastenboek .voornaam{display:none}

#top5witstestranden {background:none repeat scroll 0 0 #92D4F1;}
#top5mooisteduikplekken {background:none repeat scroll 0 0 #FFC425;}
#top5besteaanbiedingen {background:none repeat scroll 0 0 #41AD49;}
#top5leukstegezinsuitjes {background:none repeat scroll 0 0 #00A9E2;}
#top5culturelehighlights {background:none repeat scroll 0 0 #F5A2C6;}

.top5 {-moz-border-radius:10px 10px 10px 10px;cursor:pointer;float:left;height:60px;margin:0 0 20px;padding:10px;width:202px;}
.top5 h2 {color:#F1F1F1;font-size:20px;margin:7px 5px}
.top5 h3 {color:#F1F1F1;font-size:16px;margin:10px 5px}
#sidebar-left a.top5block{text-decoration:none}

.nieuws{float:left;width:475px; margin-left: 10px;margin-bottom:20px;}
.nieuws img{float: left;}
.nieuws p{width:310px;float: left;}
