/* 
Proteq.nl
Front-end: Rene Politiek
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse; border-spacing: 0;}

body{font: 14px Arial, Helvetica, sans-serif; color: #1a171b; background: #e9f1f8;}

#wrap{width: 978px; margin: 0 auto;}

h1, h2, h3, h4, h5{font-family: 'Open Sans', sans-serif;}
a{color:#2c77bc;}

sup {vertical-align: super; font-size: smaller; }
.noList{list-style: none!important; margin-left: 0!important;}
.noList li{padding: 0!important;}

#error .productPageIntro h1{font-size: 30px; font-weight: bold; margin: 40px 0 20px 0;}

.floatLeft{float: left!important;}
.floatRight{float: right!important;}

.shortNav{float: right; overflow: hidden; padding: 10px 0;}
.shortNav li{float: left; margin-right: 20px;}
.shortNav li a{font-size: 10px; color: #80add7; text-decoration: none;}

.contentWrap{background: #fff; -webkit-box-shadow: 0 0 2px 2px #d9e6f3; -moz-box-shadow: 0px 2px 2px #d9e6f3; box-shadow: 0 0 2px 2px #d9e6f3; float: left; width: 978px; margin-bottom: 20px;}

header{width: 928px; padding: 20px 20px 0 30px; float: left;}
header h1{float: left;}
header h1 small{display: block; font-size: 10px; color: #5893ca; margin: -11px 0 0 26px; font-weight: normal;}
header .logo{display: block; width: 192px;  height: 59px; background: url("/img/sprite.png") 0 -250px; text-indent: -2000px;}
header .partOf{background: url("/img/sprite.png") -284px -385px; width: 93px; height: 29px; text-indent: -2000px; float: left; margin: 11px 0 0 -33px;}

header .phone{font-size: 10px; /*padding-right: 20px; border-right: 1px solid #e9f1f8;*/ float: left; text-align: right; margin-right: 20px; font-style: normal;}
header .phone strong{ font-size: 26px; font-weight: bold; display: block;}
header .phone .local{color: #c8c7c7;}
header .phone .help{color: #80add7;}
header .thuiswinkel{display: block; background: url("/img/sprite.png") 0 -375px; width: 97px; height: 37px; float: left; text-indent: -2000px; margin-top: 2px;}
header .phoneContainer{float: right; margin-top: 2px;}

nav{width: 982px; -webkit-box-shadow: 0px 1px 2px #c8c7c7; -moz-box-shadow: 0px 1px 2px #c8c7c7; box-shadow: 0px 1px 2px #c8c7c7; margin: 30px 0 0 -32px; clear: left; float: left;}
nav ul {background: #2c77bc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5692ca', endColorstr='#2c77bc'); background: -webkit-gradient(linear, left top, left bottom, from(#5692ca), to(#2c77bc)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #5692ca,  #2c77bc); float: left; width: 100%; -webkit-box-shadow: inset 1px 1px 0 0 #80add7; -moz-box-shadow: inset 1px 1px 0 0 #80add7; box-shadow: inset 1px 1px 0 0 #80add7; border-top: 1px solid #5692ca; border-left: 1px solid #5692ca;}
nav li{float: left;}
nav ul li a{font-size: 16px; color: #fff; text-decoration: none; line-height: 50px; float: left; padding: 0 30px;}
nav li.search{float: right; padding-right: 20px;}
nav a:hover span{background: #71a5d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px 15px; margin: 0 -15px; position: relative;}

#home nav #homeNav span,
#verzekeringen nav #verzekeringenNav span,
#dierenzorg nav #dierenzorgNav span,
#klantenservice nav #klantenserviceNav span,
#overproteq nav #overproteqNav span,
#schademelden nav #schademeldenNav span{background: #71a5d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px 15px; margin: 0 -15px; position: relative;}

#home nav #homeNav i,
#verzekeringen nav #verzekeringenNav i,
#dierenzorg nav #dierenzorgNav i,
#klantenservice nav #klantenserviceNav i,
#overproteq nav #overproteqNav i,
#schademelden nav #schademeldenNav i{display: block; width: 9px; height: 6px; background: url("/img/sprite.png") no-repeat -146px 0; position: absolute; bottom: -15px; left: 50%; margin-left: -9px; float: left;}

.breadCrumb{border-bottom: 1px solid #e9f1f8; width: 100%; padding: 20px 20px 15px 20px; overflow: hidden; margin-bottom: 30px;}
.breadCrumb li{float: left; background: url("/img/sprite.png") no-repeat right -44px; padding-right: 10px; margin-right: 10px; font-size: 12px; color: #c8c7c7;}
.breadCrumb li.last{background: none; padding-right: 0; margin-right: 0;}
.breadCrumb li a{color: #80add7; font-size: 12px;}

.subNav{width: 212px; float: left; padding-top: 5px;}
.subNav h1{font-size: 18px!important; font-weight: bold; color: #8ebc2c; margin-bottom: 20px;}
.subNav ul li{margin-bottom: 5px;}
.subNav ul a{display: block; font-size: 15px; color: #80add7; line-height: 34px; padding: 0 10px;}
.subNav ul a:hover{color: #000;}
.subNav li.all a{color: #2c77bc; background: url("/img/sprite.png") no-repeat -146px -12px; padding-left: 25px; border-top: 1px solid #e9f1f8; text-decoration: none;}

#dierenzorg .infoContainer{width: 100%;}
#dierenzorg .infoContainer .right{float: left; width: 400px; margin-left: 150px;}
#dierenzorg .infoContainer .right p{clear: left;}
#dierenzorg .infoContainer h1{font-size: 40px!important; font-weight: bold; color: #2c77bc; margin-bottom: 40px;}
#dierenzorg .infoContainer .ctaButton{margin: 20px 0; clear: left;}
#dierenzorg .infoContainer .ctaLink{float: left; clear: left; margin-bottom: 20px;}
#dierenzorg .infoContainer img{float: left; margin: 0;}

.overzicht .subNav ul a#overzichtSub,
.klantenservice .subNav ul a#klantenserviceSub,
.wijziging .subNav ul a#wijzigingSub,
.contact .subNav ul a#contactSub,
.howPurchase .subNav ul a#howPurchaseSub,
.overproteq .subNav ul a#overproteqSub,
.verwachten .subNav ul a#verwachtenSub,
.fraudebeleid .subNav ul a#fraudebeleidSub,
.klachten .subNav ul a#klachtenSub,
.tevredenheid .subNav ul a#tevredenheidSub{-webkit-border-radius: 3px; -moz-border-radius: 3px; background: #8ebc2d; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ebc2d', endColorstr='#a9cc5f'); background: -webkit-gradient(linear, left top, left bottom, from(#8ebc2d), to(#a9cc5f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8ebc2d,  #a9cc5f); font-weight: bold; color: #fff; text-decoration:none; border: 1px solid #8ebc2c;}

.searchForm{float: left;}
.searchForm input{width: 175px; border: 1px solid #caddee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f4f8fc url("/img/sprite.png") no-repeat right 7px; padding: 5px 25px 5px 0; margin-top: 10px;}

.contentContainer{padding: 0 20px; float: left; width: 940px;}
#home .contentContainer{padding: 0 10px; width: 960px;}
.imageContainer{width: 878px; height: 380px; padding: 30px 40px; background: url("/img/home-image.jpg"); float: left; margin-top: 30px;}

.choiceContainer{background: #fff; float: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 25px 30px;}
.choiceContainer h2{font-size: 22px; color: #8ebc2c;}

.choiceForm{margin-top: 20px;}
.choiceForm label{font-size: 20px; color: #80add7; float: left; line-height: 42px; font-weight: bold; margin-right: 15px;}
.choiceForm select{font-size: 15px; color: #80add7; padding: 10px 5px 10px 5px; float: left; border: none; border: 1px solid #caddee; margin-right: 10px;}
.choiceForm .button{font: bold 18px 'Open Sans', sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; display: block; background: #8ebc2c url("/img/cta-button-bg.png") repeat-x 0 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; padding: 0 20px; height: 40px; -webkit-box-shadow: 0px 1px 2px #c8c7c7; -moz-box-shadow: 0px 1px 2px #c8c7c7; box-shadow: 0px 1px 2px #c8c7c7; cursor: pointer;}

.ctaButton{font: bold 24px 'Open Sans', sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; display: block; background: #8ebc2c url("/img/cta-button-bg.png") repeat-x 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; padding: 0 20px; line-height: 55px; -webkit-box-shadow: 0px 1px 2px #c8c7c7; -moz-box-shadow: 0px 1px 2px #c8c7c7; box-shadow: 0px 1px 2px #c8c7c7;}
.ctaButton span{background: url("/img/sprite.png") right -12px; padding-right: 25px;}

.welcomeContainer{padding: 20px; background: #e9f1f8; overflow: hidden; width: 918px;}
.welcomeContainer h1 {font-size: 26px; color: #80add7; line-height: 34px;}
.welcomeContainer h1 strong{font-weight: bold; color: #2c77bc; display: block;}

.endorseListHome{margin: 40px 0 40px -10px; overflow:hidden; clear: both;}
#home .endorseListHome{margin-left: 10px;}
.endorseListHome li{width: 213px; padding: 8px 10px 20px 10px; float: left; border-right: 1px solid #e9e8e8; font-size: 13px;}
.endorseListHome li h3{color: #8ebc2c; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.endorseListHome li p{line-height: 18px; margin-bottom: 20px;}

.endorseListHome li .icon{font-size: 12px; color: #999; float: left;}
.endorseListHome li .icon b{display: block; padding-top: 25px; margin-right: 10px; float: left;}
.endorseListHome li .icon.snsreaal span{display: block; width: 74px; float: right; height: 38px; background: url("/img/sprite.png") -98px -375px; text-indent: -2000px;}
.endorseListHome li .icon.kkv span{display: block; width: 49px; height: 45px; padding: 0; float: right; background: url("/img/sprite.png") -94px -1px; color: #fff; font-weight: bold; font-size: 30px; line-height: 20px;}
.endorseListHome li .icon.kto span{position: relative; display: block; width: 41px; height: 35px; padding: 16px 0 0 10px; float: right; background: url("/img/sprite.png") 0 -128px; color: #fff; font-weight: bold; font-size: 30px; line-height: 20px;}
.endorseListHome li .icon.kto i{font-size: 14px; letter-spacing: 1px; font-style: normal; position: absolute; top: 11px;}
.endorseListHome li .icon.tel{margin-top: 20px;}
.endorseListHome li .icon.tel span{font-size: 24px; color: #2c77bc; font-weight: bold; margin-right: 5px;}
.endorseListHome li .icon.thuiswinkel span{display: block; width: 97px; height: 37px; float: right; background: url("/img/sprite.png") 0 -375px; text-indent: -2000px; margin-top: 3px;}
.endorseListHome li .verwachten{margin-top: 40px!important;}
.endorseListHome li.last{border: none;}

.productIntro{margin-bottom: 60px; float: left; width: 100%;}
.productIntro .left{width: 480px; float: left; padding-left: 20px;}
.productIntro h1{font-size: 26px; color: #8ebc2c; font-weight: bold;}
.productIntro .left h1{font-size: 20px; color: #2c77bc; margin-bottom: 10px;}
.productIntro .left h2{font-size: 20px; color: #bbd780; margin-bottom: 10px;}
.productIntro .left p{line-height: 22px; width: 450px; font-size: 15px;}
.productIntro img{margin: 0 20px;}

iframe{clear: left; float: left;}
.backLink{clear: left; float: left;}

.productPageIntro{margin-bottom: 60px; float: left; width: 100%;}
.productPageIntro img{margin: 0 30px; float: left;}
.productPageIntro h2{font-size: 18px; color: #2c77bc; margin: 5px 0 10px 0; font-weight: bold;}
.productPageIntro p{font-size: 15px; line-height: 22px;}
.productPageIntro .offerLink{margin-top: 20px; display: block;}

.productPageIntro .uspList{float: left; width: 300px; margin-bottom: 18px;}
.productPageIntro .uspList li{background: url("/img/sprite.png") no-repeat -297px -95px; padding-left: 30px; line-height: 30px; margin-bottom: 10px;}

.productOverviewList{border-top: 1px solid #e9f1f8; overflow: hidden; float: left; padding-top: 10px; margin-bottom: 20px;}
.productOverviewList li.product{float: left; width: 417px; padding: 20px;}
.productOverviewList li.product.left{border-right: 1px solid #e9f1f8; clear: left;}
.productOverviewList li.product h3 span{display: block; width: 32px; height: 32px; background: url("/img/sprite.png") 0 -95px; float: left; margin-right: 10px;}
.productOverviewList li.product.woon h3 span{background-position: -33px -95px;}
.productOverviewList li.product.reis h3 span{background-position: -66px -95px;}
.productOverviewList li.product.rbv h3 span{background-position: -99px -95px;}
.productOverviewList li.product.aansprakelijk h3 span{background-position: -132px -95px;}
.productOverviewList li.product.ongeval h3 span{background-position: -165px -95px;}
.productOverviewList li.product.caravan h3 span{background-position: -198px -95px;}
.productOverviewList li.product.uitvaart h3 span{background-position: -231px -95px;}
.productOverviewList li.product.dier h3 span{background-position: -264px -95px;}
.productOverviewList li.product h3 a{display: block; font-size: 22px; color: #8ebc2c; margin-bottom: 15px; text-decoration: none;}
.productOverviewList li.product p{clear: left; font-size: 13px; line-height: 20px; margin-bottom: 20px;}
.productOverviewList li.product ul li{line-height: 20px;}
.productOverviewList li.product ul li a{font-size: 13px; background: url("/img/sprite.png") no-repeat -496px -43px; padding-left: 10px;}

.offerForm{margin: 20px 0 20px 0; float: left;}
.offerForm .col{float: left;}
.offerForm .row{float: left; position: relative; width: 100%; border-bottom: 1px solid #d4e9fb; padding-bottom: 20px; margin-bottom: 10px;}
.offerForm .row.last{border: none;}
.offerForm fieldset{background: #f4f8fc; width: 248px; float: left; padding: 10px 20px 0 20px; position: relative; border: 1px solid #e9f1f8; margin-right: 20px;}
.offerForm fieldset fieldset{background: none; width: 200px; padding: 0; border:none; margin: 0 0 0 -3px; position: static;}
.offerForm fieldset fieldset label{width: auto; float: left; clear: none; margin-top: 2px;}
.offerForm fieldset fieldset input{width: auto; float: left; margin-right: 5px!important;}
.offerForm .col h2{color: #8ebc2c; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.offerForm .dontknow{float: left; font-size: 12px; color: #80add7; margin: 10px 0 0 0; margin-bottom: 5px;}
/*.offerForm legend{color: #8ebc2c; font-size: 16px; font-weight: bold; position: absolute; padding: 0 0 10px 10px; top: 10px; border-bottom: 1px solid #e0ebf5; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; width: 310px;}*/
.offerForm .kenteken{width: 170px; height: 40px; background: url("/img/sprite.png") -106px -52px; padding-left: 30px; border: none; font-size: 32px; font-weight: bold; text-transform: uppercase; float: left;}
.offerForm label{display: block; padding-right: 10px; clear: left; font-size: 14px; cursor: pointer; margin-bottom: 5px;}
.offerForm input.text{height: 22px; width: 124px; margin-bottom: 5px;}
.offerForm input.initials,
.offerForm input.zipcode{width: 80px;}
.offerForm input.houseNo{width: 80px;}
.offerForm select{height: 27px; margin-bottom: 5px;}
.offerForm select.day{width: 50px;}
.offerForm select.month{width: 80px;}
.offerForm select.year{width: 58px;}
.offerForm .buttonFieldset{padding: 0; background: none; border: none; width: 240px; padding: 10px 0; margin-right: 0;}
.offerForm .buttonFieldset p{width: auto; float: left;}
.offerForm .button{font: bold 18px 'Open Sans', sans-serif; color: #fff; margin-bottom: 20px; text-decoration: none; text-transform: uppercase; display: block; background: #8ebc2c url("/img/cta-button-bg.png") repeat-x 0 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 20px; height: 40px; -webkit-box-shadow: 0px 1px 2px #c8c7c7; -moz-box-shadow: 0px 1px 2px #c8c7c7; box-shadow: 0px 1px 2px #c8c7c7; cursor: pointer;}
.offerForm .familyFieldset{width: 100%; margin-bottom: 10px;}
.offerForm .familyFieldset input{clear: left;}
.offerForm .familyFieldset label{width: 200px;}

input.error{border: 1px solid #ff0000; background: #ffe3e3; padding: 2px 1px;}
select.error{border: 1px solid #ff0000; background: #ffe3e3;}
input.error.kenteken{padding: 1px 1px 1px 30px;}
label.error{position: absolute; color: #ff0000; left: 0px; bottom: 3px; font-size: 12px; width: auto;}
fieldset fieldset label.error{float: none;}

#frmSS4 fieldset{position: relative;}
#frmSS4 input.error{padding: 0; border: 1px solid #ff0000;}
#frmSS4 label.error{bottom: -20px; color: #fff;}

.summaryFieldset .outputLabel{display: block; width: 170px; float: left; clear: left; line-height: 30px; border-bottom: 1px solid #ccc;}
.summaryFieldset .output{display: block; float: left; width: 600px; line-height: 30px; border-bottom: 1px solid #ccc; font-weight: bold;}

.productActionBlock{padding: 20px 25px; margin: 0 10px 20px 10px; background: #f3f8e9; border: 1px solid #e3eeca; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; clear: both;}
.productActionBlock h4{color: #8ebc2c; font-size: 28px; line-height: 40px; float: left;}
.productActionBlock h4 small{display: block; color: #231f20; font-size: 24px; font-weight: bold;}
.productActionBlock .ctaButton{float: right; margin-top: 10px;}

.productActionBlock.message{background: #e9f1f8; border: 1px solid #c1dbf1;}
.productActionBlock.message h4{color: #2c77d0; font-size: 20px; font-weight: bold;}
.productActionBlock.message p{clear: left;}

.productInfoSection{float: left; width: 880px; padding: 0 30px 30px 30px; margin-bottom: 40px; clear: both; position: relative;}
.productInfoSection .content{float: right; width: 470px;}
.productInfoSection .toTop{position: absolute; right: 20px; bottom: 0; padding-right: 10px; background: url("/img/sprite.png") no-repeat right -60px;}
.productInfoSection.right .content{float: left;}
.productInfoSection h2{font-size: 26px; color: #8ebc2c; margin-bottom: 5px;}
.productInfoSection h3{font-size: 16px; color: #2e78bd;}
.productInfoSection p,
.productInfoSection address{line-height: 22px; font-size: 15px; margin-bottom: 20px;}
.productInfoSection p strong{font-weight: bold;}
.productInfoSection ul,
.productInfoSection ol{list-style: disc outside; margin-left: 25px; line-height: 22px; font-size: 15px; margin-bottom: 20px;}
.productInfoSection ol{list-style: decimal outside;}
.productInfoSection img.border{-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-bottom: 1px solid #fff; -moz-box-shadow: 0 5px 0 #caddee; -webkit-box-shadow: 0 5px 0 #caddee; box-shadow: 0 5px 0 #caddee;}
.productInfoSection.small img{padding: 0 40px;}
.productInfoSection.small .content{width: 610px; float: left;}

.productInfoSection.klacht img{margin-right: -88px;}

.productInfoSection h2 span{float: left; display: block; width: 32px; height: 32px; background: url("/img/sprite.png") no-repeat; margin-right: 10px;}
.productInfoSection#auto h2 span{background-position: 0 -95px;}
.productInfoSection#woon h2 span{background-position: -33px -95px;}
.productInfoSection#reis h2 span{background-position: -66px -95px;}
.productInfoSection#rechtsbijstand h2 span{background-position: -99px -95px;}
.productInfoSection#aansprakelijkheid h2 span{background-position: -132px -95px;}
.productInfoSection#ongevallen h2 span{background-position: -165px -95px;}
.productInfoSection#caravan h2 span{background-position: -198px -95px;}
.productInfoSection#uitvaart h2 span{background-position: -231px -95px;}

.productOverviewList li.product h3 span{display: block; width: 32px; height: 32px; background: url("/img/sprite.png") 0 -95px; float: left; margin-right: 10px;}
.productOverviewList li.product.woon h3 span{background-position: -33px -95px;}
.productOverviewList li.product.reis h3 span{background-position: -66px -95px;}
.productOverviewList li.product.rbv h3 span{background-position: -99px -95px;}
.productOverviewList li.product.aansprakelijk h3 span{background-position: -132px -95px;}
.productOverviewList li.product.ongeval h3 span{background-position: -165px -95px;}
.productOverviewList li.product.caravan h3 span{background-position: -198px -95px;}
.productOverviewList li.product.uitvaart h3 span{background-position: -231px -95px;}
.productOverviewList li.product.dier h3 span{background-position: -264px -95px;}

.coverageTable{width: 100%; margin-bottom: 20px;}
.coverageTable th,
.coverageTable td{padding: 10px 5px; border: 1px solid #7eb5ec;}
.coverageTable thead th{background: #99cc00; color: #fff; font-weight: bold; border: 1px solid #99cc00;}
.coverageTable tbody td{text-align: center;}
.coverageTable thead .first,
.coverageTable tbody th{text-align: left;}
.coverageTable tbody .odd th,
.coverageTable tbody .odd td{background: #e4f2ff;}
.coverageTable tfoot td{text-align: center;}
.coverageTable tfoot th{text-align: left;}

.proteqInfoSection{background: #f4f8fc; width: 978px; margin: 30px 0 0 -20px; float: left;}
.proteqInfoSection li{width: 172px; height: 180px; float: left; padding: 20px 40px 20px 30px; font-size: 13px; line-height: 18px; border-right: 1px solid #e0ebf5;}
.proteqInfoSection li a{font-size: 12px; color: #80add7; background: url("/img/sprite.png") no-repeat -496px -44px; padding-left: 10px;}
.proteqInfoSection address small{font-size: 10px;}
.proteqInfoSection li.last{border: none;}
.proteqInfoSection li h3{color:#8ebc2c; font-size: 16px; font-weight: bold; margin-bottom: 5px;}

.searchSection{background: #ecf3f9; clear: left; border: 1px solid #caddee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px 30px; margin-bottom: 20px;}
.searchSection h3{color: #2c77bc; font-size: 28px;}
.searchSection p{font-size: 16px;}
.searchSection .input{border: 1px solid #80add7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 33px; margin-right: 10px; width: 435px; padding-left: 5px; height: 30px;}
.searchSection form{margin-top: 10px;}
.searchSection .button{border: 1px solid #80add7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6199cd', endColorstr='#2d78bc'); background: -webkit-gradient(linear, left top, left bottom, from(#6199cd), to(#2d78bc)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #6199cd,  #2d78bc); height: 35px; font-weight: bold; color: #fff; padding-left: 20px; padding-right: 20px; cursor: pointer; font-size: 16px;}

.serviceIntroSection{padding-left: 20px; float: left;}
.serviceIntroSection img{float: left; margin: 0 30px 0 0;}
.serviceIntroList{width: 334px; overflow: hidden; float: left;}
.serviceIntroList li{font-size: 12px; padding: 10px 0 15px 0; border-bottom: 1px solid #e9e8e8;}
.serviceIntroList li.last{border: none; padding-bottom: 0;}
.serviceIntroList li.first{padding-top: 0;}
.serviceIntroList address{font-style: normal;}
.serviceIntroList h2,
.serviceIntroList address strong{display: block; font-size: 26px; color:#2c77bc; font-family: 'Open Sans Bold', sans-serif; margin-top: 5px;}
.serviceIntroList address strong{float: left;}
.serviceIntroList address span{display: block; clear: left;}
.serviceIntroList address small{display: block; font-size: 11px; color:#80add7; padding: 22px 0 0 5px; float: left;}
.serviceIntroList address strong{ background: url("/img/sprite.png") no-repeat -307px -58px; padding-left: 25px;}

.damageIntroSection{padding-left: 40px; float: left;}
.damageIntroSection .introText{float: left; width: 664px;}
.damageIntroSection .introText h2{font-size: 30px; color: #8ebc2c;}
.damageIntroSection .introText h3{font-size: 20px; color: #2c77bc; margin-bottom: 20px;}
.damageIntroSection .introText h4{font-size: 26px; color: #2c77bc;}
.damageIntroSection .introText h4 strong{font-weight: bold; color: #000;}
.damageIntroSection .introText p{line-height: 22px; margin-bottom: 20px;}
.damageIntroSection .introText ul{line-height: 22px; margin-bottom: 20px; list-style: disc outside; margin-left: 20px;}

.aboutIntroSection{width: 314px; float: left; padding-top: 5px;}
.aboutIntroSection h2{font-size: 18px; margin-bottom: 20px; color: #2c77bc; font-weight: bold;}
.aboutIntroSection p,
.aboutIntroSection address{line-height: 22px;}
.aboutIntroSection p strong{font-weight: bold;}
.aboutIntroSection address small{display: block; font-size: 11px; line-height: 18px; clear: left; margin: 5px 0 10px 0; font-style: italic;}
.aboutIntroSection address .tel{font-size: 26px; color: #2c77bc; font-weight: bold; margin-top: 20px; display: block;}
.aboutIntroSection address .tel span {display: block; float: left; margin-right: 10px; width: 16px; height: 27px; background: url("/img/sprite.png") no-repeat -307px -58px;}
.aboutIntroSection address .tel small{color: #80add7; margin-top: 0!important; display: inline; font-weight: normal; font-style: normal;}

.wijziging .aboutIntroSection{padding-left: 40px; width: 274px;}

.serviceListSection{clear: left; background: #eef4fa; border: 1px solid #caddee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; padding: 0 30px; margin: 40px 0;}
.serviceListSection h3{font-size: 16px; color: #8ebc2c; font-family: 'Open Sans Bold', sans-serif; margin-bottom: 10px;}
.serviceListSection .list{float: left; border-right: 1px solid #caddee; padding: 15px 80px 15px 0; margin-right: 80px;}
.serviceListSection .list ul li {line-height: 30px;}
.serviceListSection .list ul li a{font-size: 13px; background: url("/img/sprite.png") no-repeat -496px -42px; padding-left: 10px;}
.serviceListSection .list.last{padding-right: 0; margin-right: 0; border: none;}

.footerLinks{padding: 0 30px; margin-bottom: 50px; float: left;}
.footerLinks ul{ float: left; width: 182px;}
.footerLinks li a{color: #80add7; font-size: 13px; line-height: 22px;}
.footerLinks li a strong{font-weight: bold;}

footer{margin-top: 50px; padding: 40px 0; overflow: hidden; clear: both; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53718f', endColorstr='#295682'); background: -webkit-gradient(linear, left top, left bottom, from(#53718f), to(#295682)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #53718f,  #295682); color: #fff;}
footer .footerContainer{width: 978px; margin: 0 auto;}
footer h5{font-size: 18px; color: #caddee; margin-bottom: 5px;}
footer p{font-size: 12px; line-height: 18px;}
footer .map{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c93aa', endColorstr='#5f80a1'); background: -webkit-gradient(linear, left top, left bottom, from(#7c93aa), to(#5f80a1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #7c93aa,  #5f80a1); width: 360px; padding: 10px; float: left; font-size: 11px; font-style: normal; color: #caddee; margin-right: 20px;}
footer .map img{margin-bottom: 5px;}
footer .map a.route{font-weight: bold; color: #caddee; float: right;}
footer .map address {float: left;}
footer .map address strong{font-weight: bold;}

footer .newsletterForm{margin-top: 10px;}
footer .newsletterForm input{border: 1px solid #caddee; height: 24px; margin-right: 5px; width: 198px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
footer .newsletterForm .button{background: #80add7 url("/img/small-button-bg.png") repeat-x 0 0; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 28px; font-weight: bold; color: #fff; cursor: pointer; width: 90px;}

footer .middle{width: 306px; float: left; margin-right: 40px;}

footer .middle .keepInformed{border-bottom: 1px solid #6a88a4; padding-bottom: 30px;}
footer .middle .social{padding-top: 20px;}

.socialList{margin-top: 10px;}
.social ul li{float: left;}
.social ul a{display: block; width: 25px; height: 25px; text-indent: -2000px; background: url("/img/sprite.png") 0 -53px; margin-right: 10px;}
.social ul a.linkedin{background-position: -27px -53px;}
.social ul a.hyves{background-position: -54px -53px;}
.social ul a.facebook{background-position: -81px -53px;}

footer .labelList{clear: left; padding-top: 20px; border-top: 1px solid #476079; margin-top: 20px; overflow:hidden; float: left; width: 100%;}
footer .labelList li{float: left; margin-right: 45px;}
footer .labelList li.last{margin-right: 0;}
footer .labelList li a{display: block; width: 110px; height: 34px; text-indent: -2000px; background: url("/img/sprite.png") -173px -379px;}
footer .labelList li a.pdz{width: 102px; height: 40px; background-position: 0 -417px;}
footer .labelList li a.rm{width: 38px; height: 45px; background-position: -375px -329px;}

footer .garanteeList{float: left; margin-top: 25px;}
footer .garanteeList li{margin-bottom: 30px;}
footer .garanteeList li.last{margin-bottom: 0;}
footer .garanteeList a{display: block; width: 181px; height: 64px; background: url("/img/sprite.png") 0 -310px; text-indent: -2000px;}
footer .garanteeList a.geldzaken{width: 176px; height: 20px; background-position: -284px -437px;}
footer .garanteeList a.kkv{width: 180px; height: 51px; background-position: -182px -326px;}
footer .garanteeList a.independer{width: 180px; height: 40px; background-position: -103px -417px;}

footer .legalSection{clear: left; color: #7491ae; font-size: 11px; padding-top: 40px; float: left;}
footer .legalSection small{float: left; margin-right: 10px;}
footer .legalList{float: left;}
footer .legalList li{float: left; border-left: 1px solid #7491ae; padding: 0 10px;}
footer .legalList li a{color: #7491ae; text-decoration: none;}

.colorboxContent{width: 740px; padding: 30px;}
.colorboxContent h1{font-size: 30px; font-weight: bold; color: #8ebc2c;}
.colorboxContent h2{font-size: 20px; font-weight: bold; color: #80add7; margin-bottom: 10px;}
.colorboxContent ul,
.colorboxContent p{margin-bottom: 20px; line-height: 20px;}
.colorboxContent p strong.tel{font-weight: bold; font-size: 18px;}

/* Colorbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}