/* 	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}
h2{color:#9fcceb;font-size:18px}
h3{color:#f398b9;font-size:16px}
h4,h5,h6{color:#9fcceb}
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 ul{margin-left:10px}
#nav ul li{float:left;list-style:none}
#nav ul li a{display:block;height:41px;width:154px}
#nav ul li a span{margin-left:-10000px}

#nav .btn-informatie{background:url(../img/btn-informatie-off.gif) no-repeat;height:41px;width:154px}
#nav .btn-faq{background:url(../img/btn-faq-off.gif) no-repeat;height:41px;width:154px}
#nav .btn-links{background:url(../img/btn-links-off.gif) no-repeat;height:41px;width:154px}
#nav .btn-aanbiedingen{background:url(../img/btn-aanbiedingen-off.gif) no-repeat;height:41px;width:154px}
#nav .btn-nieuwsbrief{background:url(../img/btn-nieuwsbrief-off.gif) no-repeat;height:41px;width:154px}
#nav .btn-prijsvraag{background:url(../img/btn-prijsvraag-off.gif) no-repeat;height:41px;width:152px}
#nav .btn-informatie-active{background:url(../img/btn-informatie-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-faq-active{background:url(../img/btn-faq-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-links-active{background:url(../img/btn-links-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-aanbiedingen-active{background:url(../img/btn-aanbiedingen-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-nieuwsbrief-active{background:url(../img/btn-nieuwsbrief-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-prijsvraag-active{background:url(../img/btn-prijsvraag-on.gif) no-repeat;height:41px;width:152px}
#nav .btn-informatie a:hover{background:url(../img/btn-informatie-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-faq a:hover{background:url(../img/btn-faq-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-links a:hover{background:url(../img/btn-links-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-aanbiedingen a:hover{background:url(../img/btn-aanbiedingen-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-nieuwsbrief a:hover{background:url(../img/btn-nieuwsbrief-on.gif) no-repeat;height:41px;width:154px}
#nav .btn-prijsvraag a:hover{background:url(../img/btn-prijsvraag-on.gif) no-repeat;height:41px;width:152px}

/* 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:169px}
.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:140px}
.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}

/* 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}