body { margin: 0; font-family: verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #f4f4f4; background-color: transparent; } /*PRIVACY NEW MEI 2020*/ .customfooterprivacy li a, .customfooterprivacy li a:visited { text-decoration: none; color: #333333; } .customfooterprivacy li a:hover, .customfooterprivacy li a:focus { color: #999; text-decoration: none; } .customfooterprivacy ul.privacy { padding:16px 0 0 0; text-align:center; list-style:none; } .customfooterprivacy ul.privacy li { color:#7c8aa7; font-size:12px; text-align:center; } /*COLLAPSE PANEL*/ .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05); box-shadow: 0 0px 0px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; line-height:1.6em; text-align:justify; background-color:#f0fdff; color:#333333; } .panel-body h5 { color: #39AE74; font-size:1em; line-height:1.6em; } .panel-heading { padding: 10px 15px 6px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } h4.panel-title { margin-top: 0; margin-bottom: 0; font-size: 13px; color: #333333; font-weight:normal; } h4.panel-title a { color:#008fbf; color: #333333; font-weight:normal; } h4.panel-title a:hover, h4.panel-title a:focus { color: #5fae8d; color:#008fbf; font-weight:normal; } .panel-default > .panel-heading { color: #333; background-color: #f0fdff; border-color: transparant; } .panel-default { border-color: #b6dccd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #c4d0d0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } a:focus { outline: none; } @media (max-width: 767px) { .customfooterprivacy ul.privacy { padding:28px 0 0 0; text-align:center; list-style:none; } } .span12 .item-pageprivacypagina p.kopprivacy { margin:0 0 0 0; padding:0 0 8px 0; color:#7c8aa7; } .span12 .item-pageprivacypagina { margin:0 0 0 0; padding:0 38px 0 40px; border:1px solid #cbcbcb; margin-left:22px; margin-right:22px; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; } @media (min-width: 979px) and (max-width: 1520px) { .span12 .item-pageprivacypagina { margin:0 0 0 0; padding:0 38px 0 40px; border:1px solid #cbcbcb; margin-left:0px; margin-right:0px; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; } } @media (max-width: 979px) { .span12 .item-pageprivacypagina { margin:0 0 0 0; padding:0 38px 0 22px; border:1px solid #cbcbcb; margin-left:0px; margin-right:0px; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; } } .span12 .item-pageprivacypagina h1 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#7c8aa7; margin-bottom:12px; padding:28px 0 14px 0; } .span12 .item-pageprivacypagina p { margin:0; padding:0 0 16px 0; text-align:left; font-family:'Nanum Gothic'; font-size:20px; color:#292929; text-align:justify; line-height:26px; } /*END PRIVACY NEW MEI 2020*/ /*SUBTEKST LOGO NEW MEI 2020*/ .customtoptekstklein { display:none; } @media (max-width: 620px) { .customtoptekst { display:none; } .customtoptekstklein { padding:4px 0 0 2px; font-family: 'Nanum Gothic'; font-weight:500; font-size: 14px; display:block; color:#949494; } } .customtoptekst { padding:0 0 0 0; border:0px solid red; } .customtoptekst .toptekstdiv { margin:0 0 0 0; padding:8px 0 0 22px; color:#949494; font-family: 'Nanum Gothic'; font-weight:500; font-size: 16px; letter-spacing:0.3px; } @media (max-width: 1520px) { .customtoptekst .toptekstdiv { margin:0 0 0 0; padding:8px 0 0 4px; } } /*SUBTEKST LOGO MEI 2020*/ body.site { border-top: 0px solid #0088cc; padding: 10px 10px 40px 10px; background-color: transparent; } body.fluid { background-image: url("../images/background.jpg"); /* The image used */ background-color: transparent; /* Used if the image is unavailable */ /* height: 945px; You must set a specified height */ background-position: top center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ } body.site { margin:0 0 0 0; padding:16px 0 0 0; } /*INTERNE LINKS NOV 2019*/ /* visited link */ a.internelink, a.internelink:visited { color: #888888; } /* mouse over link */ a.internelink:hover, a.internelink:focus { color: green; text-decoration:none; } /* selected link */ a.internelink:active { color: #888888; } @media (max-width: 768px) { body.site { margin:0 0 0 0; padding:16px 10px 0 10px; } /*NEW MAART 2021 */ #aside { display:none; } } /*HEADER */ .header { margin:0 0 32px 0; padding:0 0 26px 0; } @media (max-width: 620px) { .header { margin:0 0 32px 0; padding:0 0 46px 0; } } .header-inner { border:0px solid red; } .logo { float:left; } .logoceremoniemaker { float:left; padding-top:30px; margin-left:18px; } @media (min-width: 979px) and (max-width: 1520px) { .logoceremoniemaker { float:left; padding-top:30px; margin-left:0px; } } @media (max-width: 979px) { .logoceremoniemaker { float:left; padding-top:30px; margin-left:0px; } } .de { font-family: 'Raleway'; font-size:3.3em; font-weight:400; color:#A0A0A0; letter-spacing:2px; } .ceremonie { font-family: 'Raleway'; font-size:3.5em; font-weight:400; color:#739988; letter-spacing:2px; } .maker { font-family: 'Raleway'; font-size:3.3em; font-weight:400; color:#A0A0A0; letter-spacing:2px; } @media (min-width: 438px) and (max-width: 546px) { .de { font-family: 'Raleway'; font-size:2.5em; font-weight:400; color:#A0A0A0; line-height:1.2em; } .ceremonie { font-family: 'Raleway'; font-size:2.8em; font-weight:400; color:#006626; line-height:1.3em; } .maker { font-family: 'Raleway'; font-size:2.5em; font-weight:400; color:#A0A0A0; } } @media (max-width: 438px) { .de { font-family: 'Raleway'; font-size:1.6em; font-weight:400; text-align:center; } .ceremonie { font-family: 'Raleway'; font-size:1.9em; font-weight:400; color:#006626; line-height:1.2em; } .maker { font-family: 'Raleway'; font-size:1.6em; font-weight:400; color:#A0A0A0; font-weight:500; } } /*END HEADER */ .container { border-bottom:0px solid #666; } @media (min-width: 768px) and (max-width: 979px) { .row-fluid .span9 { width: 63.957446802%; /*NEW MAART 2021 */ width: 100%; *width: 65.904255312638%; border:0px solid red; } .row-fluid .span3 { width: 33.914893614%; *width: 31.861702124638%; } .span9 { padding:0 0 0 0; } .span3 { padding:0 0 0 0; } /*NEW MAART 2021 */ #aside { display:none; } /*NEW MAART 2021*/ .row-fluid .span6 { width: 48.936170208%; *width: 48.882978718638%; border:0px solid pink; } .row-fluid .span6 .column-1 { border:1px solid #cbcbcb; /*margin-right:-82px;*/ padding:0 18px 42px 18px; margin-left:0px; } .row-fluid .span6 .column-2 { border:1px solid #cbcbcb; /*margin-left:82px;*/ padding:32px 18px 0 18px; text-align:center; margin-right:0px; } .itemid-101 .row-fluid .span6 .column-1, .itemid-130 .row-fluid .span6 .column-1 { margin-left:0px; } .itemid-101 .row-fluid .span6 .column-2, .itemid-130 .row-fluid .span6 .column-2 { margin-right:0px; } } @media (min-width: 979px) and (max-width: 1200px) { .row-fluid .span9 { width: 63.957446802%; width: 75.957446802%; *width: 65.904255312638%; } .row-fluid .span3 { width: 33.914893614%; width: 21.914893614%; border:1px solid #cbcbcb; *width: 31.861702124638%; } .row-fluid .span9 { border:0px solid red; margin-top:0px; } /*NEW MAART 2021*/ .row-fluid .span6 { width: 48.936170208%; *width: 48.882978718638%; border:0px solid pink; } .row-fluid .span6 .column-1 { border:1px solid #cbcbcb; /*margin-right:-82px;*/ padding:0 18px 42px 18px; } .row-fluid .span6 .column-2 { border:1px solid #cbcbcb; /*margin-left:82px;*/ padding:32px 18px 0 18px; text-align:center; } .span12 { padding-left:0px; padding-bottom:18px; padding-top:0px; margin-top:0px; border:0px solid red; } .row-fluid { padding-bottom:18px; } } @media (min-width: 1200px) { .row { margin-left: 0px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1140px; border:0px solid green; } /*NEW MAART 2021*/ .row-fluid .span9 { width: 64.957446802%; width: 75.957446802%; *width: 65.904255312638%; border:0px solid red; } /*NEW MAART 2021*/ .row-fluid .span3 { width: 32.914893614%; width: 21.914893614%; *width: 31.861702124638%; border:1px solid #cbcbcb; } .span3 { padding:0 0 0 0; border:0px solid red; } /*NEW MAART 2021*/ .row-fluid .span6 { width: 48.936170208%; *width: 48.882978718638%; border:0px solid pink; } .row-fluid .span6 .column-1 { border:1px solid #cbcbcb; /*margin-right:-82px;*/ padding:0 18px 42px 18px; } .row-fluid .span6 .column-2 { border:1px solid #cbcbcb; /*margin-left:82px;*/ padding:32px 18px 0 18px; text-align:center; } .span12 { padding-left:0px; padding-bottom:18px; padding-top:0px; margin-top:0px; border:0px solid red; } .row-fluid { padding-bottom:18px; } } /*NAVIGATIE*/ .navigation { padding: 0px 0 18px 0; border-top: 0px solid rgba(203,203,203,1); border-bottom: 0px solid rgba(203,203,203,1); border-right: 0px solid rgba(102,102,102,1); margin-bottom: 0px; margin-top:0px; margin-right:0px; /*float:left;*/ } ul.nav { margin-left:22px; margin-top:0px; } .menulinks ul.nav { border:0px solid red; padding:0 0 0 0; margin:-22px 0 0 22px; } .menurechts ul.nav { border:0px solid green; padding:0 0 0 0; margin:-22px 0 0 22px; } .menurechtstwee ul.nav { border:0px solid green; padding:0 0 0 0; margin:-22px 0 0 22px; } @media (min-width: 979px) and (max-width: 1520px) { .menulinks ul.nav { border:0px solid red; padding:0 0 0 0; margin:-22px 0 0 0px; } .menurechts ul.nav { border:0px solid green; padding:0 0 0 0; margin:-22px 0 0 0px; } .menurechtstwee ul.nav { border:0px solid green; padding:0 0 0 0; margin:-22px 0 0 0px; } } @media (max-width: 979px) { .menulinks ul.nav { border:0px solid red; padding:0 0 0 0; margin:0px 0 0 22px; } } /*dropdown repertoire*/ .navigation .nav-child { position: absolute; top: 83%; left: 0; z-index: 4000; display: none; float: left; min-width: 172px; padding: 5px 0 5px 0; margin: 8px 0 0 0; list-style: none; background-color: #f4f4f4; border: 0px solid #666; border: 1px solid rgba(203,203,203,1); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2); box-shadow: 0 0px 0px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .navigation .nav-child a { display: block; padding: 4px 28px 7px 28px; clear: both; font-size: 18px; font-family: 'Montserrat'; font-weight: 400; line-height: 18px; color:#929fa9; white-space: nowrap; border-bottom:0px solid red; border-bottom:0px solid red; } .navigation .nav-child li > a:hover, .navigation .nav-child li > a:focus, .navigation .nav-child:hover > a { text-decoration: none; color: #555555; background-color: #000; background-color: #f2fffe; background-image: -moz-linear-gradient(top,#f2fffe,#f2fffe); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2fffe),to(#f2fffe)); background-image: -webkit-linear-gradient(top,#f2fffe,#f2fffe); background-image: -o-linear-gradient(top,#f2fffe,#f2fffe); background-image: linear-gradient(to bottom,#f2fffe,#f2fffe); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0); } .navigation .nav > li > .nav-child:before { position: absolute; top: -7px; left: 9px; display: none; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; } .navigation .nav > li > .nav-child:after { position: absolute; top: -6px; left: 0px; display: none; border-right: 0px solid transparent; border-bottom: 0px solid #ffffff; border-left: 0px solid transparent; content: ''; } @media (min-width: 980px) { .menulinks { float:left; } .item-101, .item-119, .item-120, .item-121, .item-122, .item-123, .item-124, .item-125, .item-126, .item-127, .item-152 { display:none; } } @media (min-width: 979px) and (max-width: 1520px) { .menulinks ul.nav { border:0px solid green; margin-right:200px; margin-right:0px; } } .menurechts { float:right; padding-right:22px; } .menurechtstwee { float:right; padding-right:0px; } @media (min-width: 1520px) { .menurechtstwee { display:none; } } @media (min-width: 768px) and (max-width: 1520px) { .menurechts { float:left; margin-top:-19px; margin-left:1px; display:none; } .menurechtstwee { float:right; margin-top:0px; margin-left:1px; } } @media (max-width: 980px) { .menurechtstwee { display:none; } } @media (max-width: 979px) { .navigation .nav-child { position: absolute; top: 95%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; width:100%; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #f4f4f4; border: 0px solid #666; border-right: 1px solid rgba(203,203,203,1); border-left: 1px solid rgba(203,203,203,1); border-top: 1px solid rgba(203,203,203,1); border-bottom: 1px solid rgba(203,203,203,1); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2); box-shadow: 0 0px 0px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .navigation .nav-child a { display: block; padding: 5px 20px 8px 16px; clear: both; font-size: 16px; font-family: 'Montserrat'; font-weight: 400; line-height: 18px; color:#969696; white-space: nowrap; border-bottom:0px solid red; border-bottom:0px solid red; } .navigation .nav-child li > a:hover, .navigation .nav-child li > a:focus, .navigation .nav-child:hover > a { text-decoration: none; color: #393939; background-color: #000; background-color: #f0f0f0; background-image: -moz-linear-gradient(top,#240,#240); background-image: -webkit-gradient(linear,0 0,0 100%,from(#240),to(#240)); background-image: -webkit-linear-gradient(top,#F0F0F0,#F0F0F0); background-image: -o-linear-gradient(top,#F0F0F0,#F0F0F0); background-image: linear-gradient(to bottom,#F0F0F0,#F0F0F0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0); } } /*end dropdown repertoire*/ @media (min-width: 768px) and (max-width: 979px) { .navigation { padding: 16px 0 16px 0; padding: 0px 0 18px 0; border-top: 1px solid rgba(102,102,102,1); border-bottom: 1px solid rgba(102,102,102,1); border-right: 1px solid rgba(102,102,102,1); border-left: 1px solid rgba(102,102,102,1); margin-bottom: 0px; margin-right:1px; /*float:left;*/ } } .nav-pills > li.item-129, .nav-pills > li.item-131, .nav-pills > li.item-132, .nav-pills > li.item-133, .nav-pills > li.item-134, .nav-pills > li.item-135, .nav-pills > li.item-136, .nav-pills > li.item-137, .nav-pills > li.item-138 { border-left:0px solid black; } .nav-pills > li > a { padding-right: 10px; padding-left: 10px; margin-right: 0px; line-height: 0px; font-family:'Montserrat'; color:#000000; font-size:16px; } /*NEW MAART 2021*/ .span3 ul.nav { border:0px solid #ff0000; text-align:center; margin:0 12% 0 12%; padding-top:22px; padding-bottom:22px; } .span3 .nav > li.item-130 > a, .span3 .nav > li.item-134 > a, .span3 .nav > li.item-133 > a { padding:12px 0 12px 0; margin: 0 0 52px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(238, 243, 243, 0.6); font-size:16px; border:1px solid #cbcbcb; } .span3 .nav > li.item-130 > a:hover, .span3 .nav > li.item-134 > a:hover, .span3 .nav > li.item-133 > a:hover { padding:12px 0 12px 0; margin: 0 0 52px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(238, 243, 243, 0.1); font-size:17px; border:1px solid #cbcbcb; } /*menu rechts*/ .span4 .nav > li.item-147 > a, .span4 .nav > li.item-159 > a, .span4 .nav > li.item-162 > a { padding:12px 0 12px 0; margin: 0 0 42px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(238, 243, 243, 0.6); font-size:16px; border:1px solid #cbcbcb; } .span4 .nav > li.item-147 > a:hover { background: rgba(238, 243, 243, 1); color:#000000; } .span3 .nav > li.item-129 > a, .span3 .nav > li.item-137 > a, .span3 .nav > li.item-138 > a { padding:12px 0 12px 0; margin: 0 0 52px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(249, 239, 239, 0.6); font-size:16px; border:1px solid #cbcbcb; } .span3 .nav > li.item-129 > a:hover, .span3 .nav > li.item-137 > a:hover, .span3 .nav > li.item-138 > a:hover { padding:12px 0 12px 0; margin: 0 0 52px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(249, 239, 239, 0.1); font-size:17px; border:1px solid #cbcbcb; } /*menu rechts*/ .span4 .nav > li.item-148 > a, .span4 .nav > li.item-160 > a, .span4 .nav > li.item-163 > a { padding:12px 0 12px 0; margin: 0 0 42px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(249, 239, 239, 0.6); font-size:16px; border:1px solid #cbcbcb; } .span4 .nav > li.item-148 > a:hover { background-color:transparent; background: rgba(249, 239, 239, 1); color:#000000; } .span3 .nav > li.item-136 > a, .span3 .nav > li.item-135 > a { padding:12px 0 12px 0; margin: 0 0 52px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(243, 243, 238, 0.6); font-size:16px; border:1px solid #cbcbcb; } .span3 .nav > li.item-136 > a:hover, .span3 .nav > li.item-135 > a:hover { padding:12px 0 12px 0; margin: 0 0 52px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(243, 243, 238, 0.1); font-size:17px; border:1px solid #cbcbcb; } /*menu rechts*/ .span4 .nav > li.item-158 > a, .span4 .nav > li.item-161 > a { padding:12px 0 12px 0; margin: 0 0 42px 0; line-height: 22px; font-family:'Montserrat'; color:#818181; background: rgba(243, 243, 238, 0.6); font-size:16px; border:1px solid #cbcbcb; } .span4 .nav > li.item-158 > a:hover { background-color:transparent; background: rgba(243, 243, 238, 1); color:#000000; } .itemid-101 .span4 .column-3, .itemid-147 .span4 .column-3, .itemid-130 .span4 .column-3 { border:0px solid green; padding:4px 22% 0 18%; } /*foto midden home*/ .itemid-101 .span4 .column-2, .itemid-147 .span4 .column-2, .itemid-130 .span4 .column-2 { border:0px solid green; padding:12px 16% 0 16%; } /*END NEW MAART 2021*/ .nav-pills > li > a:hover, .nav-pills > li > a:focus { text-decoration: none; background-color: transparent; border-radius:0px; color:#000000; } .nav-pills > .active > a { background-color:transparent; color:#555555; border-radius:0px; } .nav-pills > .active > a:hover { background-color:transparent; color:#ff0000; border-radius:0px; } /*VERBINDEN*/ .nav-pills > li.item-102 > a, .nav-pills > li.item-154 > a { background:transparent; color:#7c8aa7; padding-left:31px; padding-right: 31px; font-size:24px; font-size:18px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .nav-pills > li.item-102 > a:hover { background-color:transparent; color:#017261; } /*LOSLATEN*/ .nav-pills > li.item-117 > a { background:transparent; color:#8c8c8c; padding-left:31px; padding-right: 31px; font-size:24px; font-size:18px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-117 > a:hover { background:transparent; color:#017261; } /*VIEREN*/ .nav-pills > li.item-118 > a { background:transparent; color:#914333; padding-left:31px; padding-right: 31px; font-size:24px; font-size:18px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-118 > a:hover { background:transparent; color:#017261; } .nav-pills > li.item-101 > a.active { background-color:transparent; color:#ff0000; font-family:'Montserrat'; font-weight:500; } @media (max-width: 979px) { /*Verbinden, vieren, loslaten*/ .nav-pills > li.item-102 > a { border:0px solid #bcbcbc; } .nav-pills > li.item-117 > a { border:0px solid #bcbcbc; } .nav-pills > li.item-118 > a { border:0px solid #bcbcbc; } } /*HOME*/ .nav-pills > li.item-130 > a { background:#FBF5F4; background-image: url("../images/bg_menuhome.png"); background-color:transparent; color:#393939; color:#666; padding-left:13px; padding-right: 13px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-130 > a:hover { background:transparent; color:#017261; } @media (min-width: 979px) and (max-width: 1520px) { .nav-pills > li.item-130 > a { background:#FBF5F4; color:#666; padding-left:28px; padding-right: 28px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } } /*HOME BIJ OVER DE CEREMONIEMAKER*/ .nav-pills > li.item-145 > a { background:#FBF5F4; background-image: url("../images/bg_menuhome.png"); background-color:transparent; color:#393939; color:#666; padding-left:22px; padding-right: 22px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-145 > a:hover { background:transparent; color:#017261; } /*OVER DE CEREMONIEMAKER*/ .nav-pills > li.item-146 > a { background:#FDFEF5; background-image: url("../images/bg_menulocaties.png"); background-color:transparent; color:#666; padding-left:22px; padding-right: 22px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-146 > a:hover { background:transparent; color:#017261; } /*WIE BEN IK, REVIEWS, CONTACT*/ .nav-pills > li.item-129 > a, .nav-pills > li.item-133 > a, .nav-pills > li.item-136 > a { background:#F2FFFE; background-image: url("../images/bg_menuwie.png"); background-color:transparent; color:#666; padding-left:13px; padding-right: 13px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-129 > a:hover, .nav-pills > li.item-133 > a:hover, .nav-pills > li.item-136 > a:hover { background:transparent; color:#017261; } /*INSPIRATIE, AGENDA, PRIJSLIJST*/ .nav-pills > li.item-131 > a, .nav-pills > li.item-134 > a, .nav-pills > li.item-137 > a { background:#F5F5F5; background-image: url("../images/bg_menuinspiratie.png"); background-color:transparent; color:#666; padding-left:13px; padding-right: 13px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-131 > a:hover, .nav-pills > li.item-134 > a:hover, .nav-pills > li.item-137 > a:hover { background:transparent; color:#017261; } /*LOCATIES, PARTNERS, BLOG*/ .nav-pills > li.item-132 > a, .nav-pills > li.item-135 > a, .nav-pills > li.item-138 > a { background:#FDFEF5; background-image: url("../images/bg_menulocaties.png"); background-color:transparent; color:#666; padding-left:13px; padding-right: 13px; font-size:16px; font-family:'Montserrat'; font-weight:400; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-top:30px; padding-bottom:29px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left:-1px; } .nav-pills > li.item-132 > a:hover, .nav-pills > li.item-135 > a:hover, .nav-pills > li.item-138 > a:hover { background:transparent; color:#017261; } @media (min-width: 979px) and (max-width: 1040px) { .nav-pills > li.item-130 > a, .nav-pills > li.item-129 > a, .nav-pills > li.item-133 > a, .nav-pills > li.item-136 > a, .nav-pills > li.item-131 > a, .nav-pills > li.item-134 > a, .nav-pills > li.item-137 > a, .nav-pills > li.item-132 > a, .nav-pills > li.item-135 > a, .nav-pills > li.item-138 > a { font-size:17px; } } @media (max-width: 979px) { .navigation { padding: 16px 0 16px 0; padding: 0px 0 18px 0; border-top: 1px solid rgba(203,203,203,1); border-bottom: 1px solid rgba(203,203,203,1); border-right: 1px solid rgba(203,203,203,1); border-left: 1px solid rgba(203,203,203,1); margin-bottom: 0px; margin-right:1px; } .nav-pills > li { padding-bottom:12px; padding-top:12px; } .nav-pills > li { border-left:0px solid #0065a9; border-bottom:1px solid #cbcbcb; } .nav-pills > li > a { padding-top:4px; padding-botom:4px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f4f4f4; } .menurechts { display:none; } } @media (max-width: 768px) { .header .nav-pills > li > a { border: 1px solid #ddd; border: 0px solid #ddd; border-bottom: 0; margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 0; } .header .nav-pills > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-bottom: 1px solid #ddd; border-bottom: 0px solid #ddd; } .menurechts { display:none; } } .navbar .btn-navbar { display: none; float: left; padding: 7px 10px; margin-left: 18px; margin-right: 5px; color: #fff; text-shadow: 0 0px 0 rgba(0,0,0,0.25); background-color: #ffffff; border:1px solid #cbcbcb; } @media (max-width: 979px) { .navbar .container { width: auto; padding: 0; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 9px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav .nav-header { color: #555; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: normal; color: #555; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f4feff; color:#008a8a; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; margin-top:18px; } ul.nav { border-top:1px solid #cbcbcb; /*NEW MAART 2021*/ border-top:0px solid #cbcbcb; } ul.top { border-top:0px solid #cbcbcb; } .nav-collapse { padding-top:18px; } } .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #393939; text-shadow: 0 0px 0px rgba(255,255,255,0.75); background-color: #f2fffe; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0px 0 rgba(0,0,0,0.25); box-shadow: 0 0px 0 rgba(0,0,0,0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } @media (max-width: 979px) { .nav-collapse.in.collapse { overflow: visible; height: 0; z-index: 100; } .nav-collapse .nav > li.active > a { color: #006626; font-weight:normal; } .nav-collapse .nav > li.active > a:hover { color: #999; background:transparent; } } /*TYPO*/ p { font-family: Roboto; color:#a0a0a0; color:#bbbbbb; text-align:justify; line-height:24px; padding:0 0 12px 0; } .groen { color:#099666; color:#006666; color:#008a8a; font-family: Roboto; } .span12 ul, .item-page ul { list-style-type:none; padding:0px; margin:8px 0px 24px 16px; margin:8px 0px 24px 4px; } .span12 ul li, .item-page ul li { background-image:url(../images/vierkant_rekpertoire.png); background-repeat:no-repeat; background-position:0px 9px; padding-left:20px; padding-bottom:2px; font-family:Roboto; font-size:14px; color:#969696; color:#bbbbbb; line-height:1.7em; } .span12 ul li p, .item-page ul li p { font-size:1em; margin-bottom:0; } a.mailstyle:link, a.mailstyle:visited { font-family: verdana; font-size: 12px; color:#008a8a; outline:none; text-decoration:none; } a.mailstyle:hover { color:#819e6f; text-decoration:none; } /*END TYPO*/ .container { max-width: 960px; max-width: 1140px; } .body .container { background-color: #000000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 0px; border: 1px solid rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 0px rgba(0,0,0,0.05); } @media (max-width: 768px) { .body .container { border:0px solid red; } } @media (min-width: 768px) and (max-width: 979px) { .body .container { border:1px solid green; } } @media (min-width: 979px) and (max-width: 1200px) { .body .container { border:0px solid pink; } } @media (min-width: 1200px) { .body .container { border:0px solid blue; } } /*IMG*/ /*FOOTER*/ .footer { border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; height:52px; margin-right: auto; margin-left: auto; margin-top:26px; margin-bottom:42px; } @media (max-width: 979px) { .footer { border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; height:52px; margin-right: auto; margin-left: auto; margin-top:48px; } } /*TABLE*/ .span12 p.hoofdkop { color:#b0b0b0; font-size:14px; font-family:'Open Sans'; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: transparent; color: #f4f4f4; } th { text-align: left; font-size:10px; font-family:'Open Sans'; } td { text-align: left; font-size:14px; font-family:Roboto; vertical-align:top; } td.calendardate { text-align: center; width:52px; } .paddingcomp { display:inline-block; padding-left:6px; color:#008a8a; } .paddingcond, .paddingtheater { display:inline-block; padding-left:6px; color:#bbbbbb; } .table-bordered th, .table-bordered td { border: 0px solid #404040 !important; color: #bbbbbb; padding-left:6px; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 4px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 4px; line-height: 1.42857143; vertical-align: top; border-top: 0px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 0px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 0px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 0px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 0px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; margin-left:-12px; margin-bottom:0px; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 35px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 0px solid #404040; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /*GROOTE LETTERTPE*/ p.readmore { border:0px solid red; margin-left:-12px; } aria-label { font-family:verdana; color:#ffffff; } .btn { display: inline-block; *display: inline; *zoom: 1; padding: 18px 28px 18px 28px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #393939; font-weight:normal; border:1px solid #cbcbcb; font-family:'Nanum Gothic'; font-size:20px; } /*KNOP ACCORDEON PRIJSLIJST*/ .blogprijslijstpagina ul .btn { display: inline-block; *display: inline; *zoom: 1; padding: 9px 28px 9px 28px; margin-bottom: 0; font-size: 21px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #393939; font-weight:normal; border:1px solid #cbcbcb; font-family:'Nanum Gothic'; font-size:18px; background-color: transparent; text-align:left; } .blogprijslijstpagina #demo p, .blogprijslijstpagina #demo2 p { padding-top:12px; } .blogprijslijstpagina h2, .item-pageprijslijstpagina h2 { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#8F8F8F; margin-bottom:12px; } .blogprijslijstpagina .klein { font-size:11px; } .icon-chevron-right { display:none; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #00808a; background-color: #f2fffe; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #008a8a; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 0px 0px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .icon-chevron-right { color:#757575; } /*NEW CEREMONIEMAKER*/ .span4 { border:1px solid #cbcbcb; text-align:center; padding:0 0 0 0; margin:0 0 0 0; } /*NEW MAART 2021*/ .span3 { text-align:center; } /*trouwen, liefdesceremonie, solohuwelijk, wie ik ben*/ .itemid-102 .span4, .itemid-114 .span4 , .itemid-118 .span4, , .itemid-129 .span4 { border:0px solid #ff0000; text-align:center; padding:0 0 0 0; margin:0 0 0 0; } .itemid-102 .span4 .column-1, .itemid-114 .span4 .column-1, .itemid-118 .span4 .column-1{ border:0px solid #ff00ff; text-align:center; padding:0 12px 0 12px; margin:0 0 0 0; } .itemid-102 .span4 .column-2, .itemid-114 .span4 .column-2, .itemid-118 .span4 .column-2{ border:1px solid #ff00ff; text-align:center; padding:0 0 0 0; margin:0 0 0 0; } .itemid-102 .span4 .column-3, .itemid-114 .span4 .column-3, .itemid-118 .span4 .column-3{ border:1px solid #ff00ff; text-align:center; padding:0 0 0 0; margin:0 0 0 0; } /*PADDING BOTTOM COLOM 2 ONDER PLAATJE wie ik ben, contact, agenda, prijslijst*/ .itemid-129 .span6 .column-2, .itemid-119 .span6 .column-2, .itemid-125 .span6 .column-2, .itemid-136 .span6 .column-2, .itemid-123 .span6 .column-2, .itemid-134 .span6 .column-2, .itemid-126 .span6 .column-2, .itemid-137 .span6 .column-2 { padding-bottom:32px; } /*end NEW MAART 2021*/ /*NEW MAART 2021*/ .span9 { border:0px solid #cbcbcb; } @media (max-width: 768px) { .span9 { border:0px solid #cbcbcb; padding-top:0px; margin-top:0px; } .blogtrouwenpagina .span6 .column-1, .blogpartnerspagina .span6 .column-1, .blogbeloftespagina .span6 .column-1{ border:1px solid #cbcbcb; margin-left:0px; margin-right:0px; margin-top:0px; padding:0 16px 0 16px; } .blogwieikbenpagina .span6 .column-1, .blogcontactpagina .span6 .column-1, .blogagendapagina .span6 .column-1, .blogprijslijstpagina .span6 .column-1, .blogreviewspagina .span6 .column-1{ border:1px solid #cbcbcb; margin-left:0px; margin-right:0px; margin-top:0px; padding:0 16px 0 16px; } } /*end NEW MAART 2021*/ /*kleur colommen homepage*/ .itemid-101 .column-1, .itemid-147 .column-1, .itemid-130 .column-1, .itemid-145 .column-1 { background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; padding:0px 0px 0 0px; margin:0px; padding-top:12px; } .itemid-101 .column-2, .itemid-147 .column-2, .itemid-130 .column-2, .itemid-145 .column-2 { background-color:#F2FFFE; background-image: url("../images/bg_loslaten.png"); background-color:transparent; padding:0px 0px 0 0px; margin:0px; padding-top:12px; } .itemid-101 .column-3, .itemid-147 .column-3, .itemid-130 .column-3, .itemid-145 .column-3 { background-color:#F2FFFE; background-image: url("../images/bgeencol3.png"); background-color:transparent; padding:0px 0px 0 0px; margin:0px; padding-top:12px; } /*NEW MAART 2021*/ .itemid-101 .column-1 p, .itemid-147 .column-1 p, .itemid-130 .column-1 p, .itemid-145 .column-1 p, .itemid-154 .column-1 p { margin:0; padding:0; text-align:center; } .itemid-101 .column-2 p, .itemid-147 .column-2 p, .itemid-130 .column-2 p, .itemid-145 .column-2 p { margin:0; padding:0; text-align:center; } .itemid-101 .column-3 p, .itemid-147 .column-3 p, .itemid-130 .column-3 p, .itemid-145 .column-3 p { margin:0; padding:0; text-align:center; } /*NEW MAART 2021 kleur linker kolom plaatjes*/ .blogtrouwenpagina .span6 .column-1, .blogwieikbenpagina .span6 .column-1, .blogcontactpagina .span6 .column-1, .blogagendapagina .span6 .column-1, .blogprijslijstpagina .span6 .column-1{ background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; } .blogpartnerspagina .span6 .column-1, .blogreviewspagina .span6 .column-1 { background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; } .blogbeloftespagina .span6 .column-1 { background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; } /*NEW MAART 2021 kleur midden kolom plaatjes*/ .column-2 { background-color:#ff0000; background-image: url("../images/bg_loslaten.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 0 0px; margin:0px; padding-top:12px; } /*NEW MAART 2021*/ .itemid-102 .column-2, .itemid-114 .column-2, .itemid-115 .column-2 { height:auto; } .column-3 { background-color:#FDFEF1; padding:0px 0px 0 0px; margin:0px; padding-top:12px; } .column-1 p, .column-2 p, .column-3 p{ margin:0; padding:0; } #aside { background-color:#F2FFFE; background-image: url("../images/bgeencol3.png"); background-color:transparent; padding-top:32px } /*NEW MAART 2021*/ .itemid-101 #aside { padding-top:32px; } .itemid-101 .column-1, .itemid-130 .column-1 { height:986px; height:748px; } .itemid-101 .column-2, .itemid-130 .column-2{ height:888px; height:831px; } .itemid-101 #aside , .itemid-130 #aside{ height:1030px; height:792px; } .blog { margin-left:22px; margin-right:22px; } @media (max-width: 1520px) { .blog { margin-left:0px; margin-right:0px; } } @media (max-width: 768px) { .span4 { margin-top:-1px; } } /*img homepage*/ .topfoto { padding-bottom:32px; border:0px solid red; } /*NEW MAART 2021*/ .topfotonew { padding-bottom:32px; display:block; margin: 0 auto; border:0px solid red; } /*NEW MAART 2021*/ .topfotonew img{ border:1px solid #cbcbcb; } .middlefoto { padding-bottom:32px; } .bottomfoto { padding-bottom:62px; } @media (min-width: 768px) and (max-width: 1214px) { .topfoto { padding-bottom:32px; max-width:86%; display:block; margin: 0 auto; } /*MAART 2021*/ .topfotonew { padding-bottom:32px; max-width:86%; display:block; margin: 0 auto; } .middlefoto { padding-bottom:32px; max-width:80%; display:block; margin: 0 auto; } .bottomfoto { padding-bottom:32px; max-width:80%; display:block; margin: 0 auto; padding-bottom:62px; } } .containerone { position: relative; margin:0 auto; padding-bottom:32px; } .imageone { opacity: 1; display: block; margin: 0 auto; height: auto; transition: .5s ease; backface-visibility: hidden; } .middleone { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .containerone:hover .imageone { opacity: 0.6; } .containerone:hover .middleone { opacity: 1; } .textone { background-color: #f0f0f0; color: black; font-size: 16px; padding: 16px 22px; } /*TYPO HOMEPAGE*/ .page-header { margin: 0px 0px 0px 0px; padding-bottom: 0px; font-weight:normal; } .page-header h2 { color:#a0a0a0; color:#000000; margin-top:0px; margin-bottom:0px; font-family: 'Montserrat'; font-weight:normal; font-size:20px; padding-top:12px; padding-bottom:32px; padding-left:0px; letter-spacing:0.5px; /*display:none;*/ margin-left:0px; } .page-header-verbinden h2 { color:#a0a0a0; color:#7c8aa7; margin-top:0px; margin-bottom:0px; font-family: 'Montserrat'; font-weight:normal; font-size:20px; padding-top:16px; /*NEW MAART 2021*/ padding-top:48px; padding-bottom:32px; padding-left:0px; letter-spacing:0.2px; /*display:none;*/ /*NEW MAART 2021*/ text-align:center; margin-left:0px; } .page-header-loslaten h2 { color:#a0a0a0; color:#787878; margin-top:0px; margin-bottom:0px; font-family: 'Montserrat'; font-weight:normal; font-size:20px; padding-top:16px; padding-bottom:32px; padding-left:0px; letter-spacing:0.2px; /*display:none;*/ text-align:center; margin-left:0px; } @media (min-width: 768px) and (max-width: 1096px) { .page-header-verbinden h2 { font-size:18px; } .page-header-loslaten h2 { font-size:18px; } } .page-header-vieren h2 { color:#a0a0a0; color:#914333; margin-top:0px; margin-bottom:0px; font-family: 'Montserrat'; font-weight:normal; font-size:20px; padding-top:16px; padding-bottom:32px; padding-left:0px; letter-spacing:0.2px; /*display:none;*/ margin-left:0px; } /*CAPTION ONDER FOTO HOME*/ .topfoto p.subtekst, .middlefoto p.subtekst, .bottomfoto p.subtekst { font-family:"Shadows Into Light"; font-size:19px; color:#333; padding:6px 0 0 0; } .topfoto p.subteksttwee, .middlefoto p.subteksttwee, .bottomfoto p.subteksttwee { font-family:"Shadows Into Light"; font-size:19px; color:#333; padding:6px 0 0 0; } /*NEW MAART 2021*/ .topfotonew p.subteksttwee { font-family:"Shadows Into Light"; font-size:19px; color:#333; padding:6px 0 0 0; } /*NEW NOV 2019*/ .topfoto h1.subtekst, .middlefoto h1.subtekst, .bottomfoto h1.subtekst { font-family:"Shadows Into Light"; font-size:19px; color:#333; padding:4px 0 0 0; font-weight:normal; margin:0 0 0 0; } .topfoto h1.subteksttwee, .middlefoto h1.subteksttwee, .bottomfoto h1.subteksttwee { font-family:"Shadows Into Light"; font-size:19px; color:#333; padding:4px 0 0 0; font-weight:normal; margin:0 0 0 0; } /*BORDER TOPMENU HOMEPAGE*/ .topbordermenu { border-top: 1px solid rgba(203,203,203,1); height:1px; } .bottombordermenu { border-bottom: 1px solid rgba(203,203,203,1); height:58px; margin-bottom:32px; } @media (max-width: 979px) { .topbordermenu { border-top: 0px solid rgba(203,203,203,1); height:1px; } .bottombordermenu { border-bottom: 0px solid rgba(203,203,203,1); height:6px; } /*home menu links homepage*/ body.itemid-101 .nav-pills > li.item-101 > a { color:#006626; background:transparent; margin-top:22px; } .nav-pills > li.item-101 > a { color:#006626; background:transparent; margin-top:22px; } .menulinks ul.nav { border:0px solid green; margin-right:22px; } .nav-pills > li.item-102 > a { background:transparent; color:#7c8aa7; } .nav-pills > li.item-117 > a { background:transparent; color:#8c8c8c; } .nav-pills > li.item-118 > a { background:transparent; color:#914333; } } /*PAGINA TROUWEN*/ /*rechter colom*/ .customtrouwen { background:#f2fffe; border:1px solid #cbcbcb; margin-right:22px; margin-top:36px; } @media (min-width: 768px) and (max-width: 979px) { .customtrouwen { background:#f2fffe; border:1px solid #cbcbcb; margin-right:22px; margin-top:72px; } } .customtrouwen p { margin:0; padding: 0; text-align:center; } /*end rechter colom*/ .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogworkshopspagina, .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .blogwieikbenpagina, .bloginspiratiepagina, .bloglocatiespagina, .blogreviewspagina, .blogagendapagina, .blogpartnerspagina, .blogcontactpagina, .blogprijslijstpagina, .blogblogpagina { margin:0 0 0 0; padding:0 38px 0 20px; /*NEW MAART 2021*/ padding:0 0px 0 0px; } /*kader om tekst links plus achtergrond kleur VERRBINDEN PLUS WIEBENIK, REVIEWS, CONTACT */ .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogwieikbenpagina, .blogreviewspagina, .blogcontactpagina, .blogworkshopspagina { background:#f4f7f5; background-image: url("../images/bg_trouwmen.png"); /*NEW MAART 2021*/ background-image: url("../images/bg_trouMwen.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:0px solid #cbcbcb; margin-left:22px; margin-top:0px; padding-bottom: 0px; min-height:720px; } /*NEW DECEMBER 2019 formulieren*/ .blogcontactpagina .items-row .span12, .blogtrouwenpagina .items-row .span12, .blogpartnerpagina .items-row .span12, .blogbeloftespagina .items-row .span12, .blogafscheidpagina .items-row .span12, .blogherdenkenpagina .items-row .span12, .bloglosmakenpagina .items-row .span12, .bloggezinsvormingpagina .items-row .span12, .blogvriendschappagina .items-row .span12, .blogritespagina .items-row .span12, blogworkshopspagina.items-row .span12 { margin:0 0 0 0; border:1px solid #cbcbcb; padding:32px 32px 0 32px; background:#f4f4f4; } /*kader om tekst links plus achtergrond kleur LOSLATEN plus INSPIRATIE, AGENDA, PRIJSLIJST*/ .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloginspiratiepagina, .blogagendapagina, .blogprijslijstpagina { background:#fbf5f4; background-image: url("../images/bg_loslaten.png"); /*NEW MAART 2021*/ background-image: url("../images/bg_loslkaten.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:0px solid #cbcbcb; margin-left:22px; margin-top:0px; padding-bottom: 0px; min-height:720px; } /*kader om tekst links plus achtergrond kleur VIEREN plus LOCATIES, PARTNERS, BLOG*/ .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .bloglocatiespagina, .blogpartnerspagina { background:#f7F4F7; background-image: url("../images/bg_vieren.png"); /*NEW MAART 2021*/ background-image: url("../images/bg_vieMren.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:0px solid #cbcbcb; margin-left:22px; margin-top:0px; padding-bottom: 0px; min-height:720px; } .blogblogpagina { margin-left:22px; } @media (min-width: 979px) and (max-width: 1520px) { .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogworkshopspagina, .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .blogwieikbenpagina, .bloginspiratiepagina, .bloglocatiespagina, .blogreviewspagina, .blogagendapagina, .blogpartnerspagina, .blogcontactpagina, .blogprijslijstpagina, .blogblogpagina, { margin:0 0 0 0; padding:0 38px 0 40px; border:0px solid pink; } /*kader om tekst links plus achtergrond kleur VERRBINDEN plus WIEIKBEN, REVIEWS, CONTACT*/ .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogwieikbenpagina, .blogreviewspagina, .blogcontactpagina, .blogworkshopspagina { background:#f4f7f5; background-image: url("../images/bg_trouwenM.png"); /*NEW MAART 2021*/ background-image: url("../images/bg_trouwenM.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #cbcbcb; border:0px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-bottom: 52px; height:auto; } /*NEW DECEMBER 2019 formulieren*/ .blogcontactpagina .items-row .span12, .blogtrouwenpagina .items-row .span12, .blogpartnerpagina .items-row .span12, .blogbeloftespagina .items-row .span12, .blogafscheidpagina .items-row .span12, .blogherdenkenpagina .items-row .span12, .bloglosmakenpagina .items-row .span12, .bloggezinsvormingpagina .items-row .span12, .blogvriendschappagina .items-row .span12, .blogritespagina .items-row .span12, .blogworkshopspagina .items-row .span12 { margin:0 0 0 0; border:1px solid #cbcbcb; padding:32px 22px 0 22px; background:#f4f4f4; } /*kader om tekst links plus achtergrond kleur LOSLATEN plus INSPIRATIE, AGENDA, PRIJSLIJST*/ .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloginspiratiepagina, .blogagendapagina, .blogprijslijstpagina { background:#fbf5f4; background-image: url("../images/bg_loslatenK.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #cbcbcb; border:0px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-bottom: 52px; } /*kader om tekst links plus achtergrond kleur VIEREN plus LOCATIES, PARTNERS, BLOG*/ .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .bloglocatiespagina, .blogpartnerspagina { background:#f7F4F7; background-image: url("../images/bg_vierenM.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #cbcbcb; border:0px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-bottom: 52px; } .blogblogpagina { margin-left:0px } } @media (max-width: 979px) { .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .blogwieikbenpagina, .bloginspiratiepagina, .bloglocatiespagina, .blogreviewspagina, .blogagendapagina, .blogpartnerspagina, .blogcontactpagina, .blogprijslijstpagina, .blogblogpagina, .blogworkshopspagina { margin:0 0 0 0; padding:0 22px 0 22px; } /*kader om tekst links plus achtergrond kleur VERRBINDEN plus WIEBENIK, REVIEWS, CONTACT*/ .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogwieikbenpagina, .blogreviewspagina, .blogcontactpagina, .blogworkshopspagina { background:#f4f7f5; background-image: url("../images/bg_trouwenM.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #cbcbcb; border:0px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-bottom: 52px; } /*kader om tekst links plus achtergrond kleur LOSLATEN plus INSPIRATIE, AGENDA, PRIJSLIJST*/ .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloginspiratiepagina, .blogagendapagina, .blogprijslijstpagina { background:#fbf5f4; background-image: url("../images/bg_loslatenK.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #cbcbcb; border:0px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-bottom: 52px; } /*kader om tekst links plus achtergrond kleur VIEREN plus LOCATIES, PARTNERS, BLOG*/ .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .bloglocatiespagina, .blogpartnerspagina { background:#f7F4F7; background-image: url("../images/bg_vierenM.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #cbcbcb; border:0px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-bottom: 52px; } /*NEW DECEMBER 2019 formulieren*/ .blogcontactpagina .items-row .span12, .blogtrouwenpagina .items-row .span12, .blogpartnerpagina .items-row .span12, .blogbeloftespagina .items-row .span12, .blogafscheidpagina .items-row .span12, .blogherdenkenpagina .items-row .span12, .bloglosmakenpagina .items-row .span12, .bloggezinsvormingpagina .items-row .span12, .blogvriendschappagina .items-row .span12, .blogritespagina .items-row .span12, .blogworkshopspagina .items-row .span12 { margin:0 0 0 0; border:1px solid #cbcbcb; padding:32px 4px 0 4px; background:#f4f4f4; } } @media (max-width: 768px) { .span3 { padding:0 0 0 0; } } .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pageritespagina, .span9 .item-pagewieikbenpagina, .span9 .item-pageinspiratiepagina, .span9 .item-pagelocatiespagina, .span9 .item-pagereviewspagina, .span9 .item-pageagendapagina, .span9 .item-pagepartnerspagina, .span9 .item-pagecontactpagina, .span9 .item-pageprijslijstpagina, .span12 .item-pageblogpagina, .span9 .item-pageworkshopspagina, /*NEW MAART 2021 */ .span9 .item-pageblogpagina { margin:0 0 0 0; padding:0 38px 0 40px; } /*kader om tekst links plus achtergrond kleur pagina lees verder VERBINDEN*/ .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pagewieikbenpagina, .itemid-127 .span12 .item-pageblogpagina, .span9 .item-pageworkshopspagina { background:#f4f7f5; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; border:0px solid #cbcbcb; margin-left:22px; margin-top:0px; padding-top:13px; padding-bottom:42px; min-height:690px; } /*kader om tekst links plus achtergrond kleur pagina lees verder VIEREN*/ .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pageritespagina, .span9 .item-pagelocatiespagina, .span12 .item-pageblogpagina { background:#f7F4F7; background-image: url("../images/bg_vieren.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-left:22px; margin-top:0px; padding-top:13px; padding-bottom:42px; min-height:680px; } /*kader om tekst links plus achtergrond kleur pagina lees verder BLOG RECHTERMARGE GROTER DOOR SPAN12*/ .span12 .item-pageblogpagina, /*NEW MAART 2021*/ .span9 .item-pageblogpagina { background:#f7F4F7; border:1px solid #cbcbcb; margin-left:0px; margin-right:22px; margin-top:0px; padding-top:13px; padding-bottom:42px; min-height:680px; } /*kader om tekst links plus achtergrond kleur pagina lees verder LOSLATEN plus INSPIRATIE*/ .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pageinspiratiepagina, .span9 .item-pageprijslijstpagina { background:#fbf5f4; background-image: url("../images/bg_loslaten.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-left:22px; margin-top:0px; padding-top:13px; padding-bottom:42px; min-height:680px; } .span9 .item-pagetrouwenpagina [itemprop="articleBody"] p, .span9 .item-pagepartnerpagina [itemprop="articleBody"] p, .span9 .item-pagebeloftespagina [itemprop="articleBody"] p, .span9 .item-pageafscheidpagina [itemprop="articleBody"] p, .span9 .item-pageherdenkenpagina [itemprop="articleBody"] p, .span9 .item-pagelosmakenpagina [itemprop="articleBody"] p, .span9 .item-pagegezinsvormingpagina [itemprop="articleBody"] p, .span9 .item-pagevriendschappagina [itemprop="articleBody"] p, .span9 .item-pageritespagina [itemprop="articleBody"] p, .span9 .item-pagewieikbenpagina [itemprop="articleBody"] p, .span9 .item-pageinspiratiepagina [itemprop="articleBody"] p, .span9 .item-pagelocatiespagina [itemprop="articleBody"] p, .span9 .item-pagereviewspagina [itemprop="articleBody"] p, .span9 .item-pageagendapagina [itemprop="articleBody"] p, .span9 .item-pagecontactpagina [itemprop="articleBody"] p, .span9 .item-pageprijslijstpagina [itemprop="articleBody"] p, .span12 .item-pageblogpagina [itemprop="articleBody"] p, .span9 .item-pageworkshopspagina [itemprop="articleBody"] p , /*NEW MAART 2021*/ .span9 .item-pageblogpagina [itemprop="articleBody"] p { margin:0; padding:14px 0 16px 0; text-align:left; font-family:'Nanum Gothic'; font-size:20px; color:#292929; text-align:justify; line-height:26px; } /*UL*/ .span9 .item-pagetrouwenpagina [itemprop="articleBody"] ul { list-style-type:none; padding:0px; margin:16px 0px 16px 4px; } .span9 .item-pagetrouwenpagina [itemprop="articleBody"] ul li { background-image:url(../images/sqpurple.png); background-repeat:no-repeat; background-position:0px 13px; padding-left:24px; padding-bottom:2px; font-family:'Nanum Gothic'; font-size:20px; color:#292929; line-height:1.7em; } .span9 .item-pagetrouwenpagina [itemprop="articleBody"] ul li p { font-size:1em; margin-bottom:0; } .span9 ul, .span9 .blogritespagina ul, .span9 .bloginspiratiepagina ul, .span9 .bloginspiratiepagina ul { list-style-type:none; padding:0px; margin:2px 0px 0px 1px; } .span9 .item-pageinspiratiepagina ul { list-style-type:none; padding:0px; margin:12px 0px 0px 1px; } .span9 ul li, .span9 .blogritespagina ul li, .span9 .bloginspiratiepagina ul li { background-image:url(../images/sqpurple.png); background-repeat:no-repeat; background-position:0px 11px; padding-left:24px; padding-bottom:2px; margin-bottom:0px; font-family:'Nanum Gothic'; font-size:21px; color:#707c81; line-height:1.4em; } .span9 ul li p { font-size:1em; margin-bottom:0; } @media (min-width: 979px) and (max-width: 1520px) { .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pageritespagina, .span9 .item-pagewieikbenpagina, .span9 .item-pageinspiratiepagina, .span9 .item-pagelocatiespagina, .span9 .item-pagereviewspagina, .span9 .item-pageagendapagina, .span9 .item-pagepartnerspagina, .span9 .item-pagecontactpagina, .span9 .item-pageprijslijstpagina, .span12 .item-pageblogpagina, .span9 .item-pageworkshopspagina { margin:0 0 0 0; padding:10px 38px 0 40px; border:0px solid pink; min-height:900px; } /*kader om tekst links plus achtergrond kleur pagina lees verder VERBINDEN*/ .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pagewieikbenpagina, .itemid-127 .span12 .item-pageblogpagina, .span9 .item-pageworkshopspagina { background:#f4f7f5; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-top:13px; padding-bottom:42px; } /*kader om tekst links plus achtergrond kleur pagina lees verder VIEREN*/ .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pageritespagina, .span9 .item-pagelocatiespagina { background:#f7F4F7; background-image: url("../images/bg_vieren.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-top:13px; padding-bottom:42px; } .span9 .item-pageinspiratiepagina { background:#fbf5f4; border:1px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-top:13px; padding-bottom:42px; } .span9 .item-pageprijslijstpagina { background:#fbf5f4; border:1px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-top:13px; padding-bottom:42px; } /*kader om tekst links plus achtergrond kleur pagina lees verder LOSLATEN*/ .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pageinspiratiepagina, .span9 .item-pageprijslijstpagina { background:#fbf5f4; background-image: url("../images/bg_loslaten.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-top:13px; padding-bottom:42px; } } @media (max-width: 979px) { .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pageritespagina, .span9 .item-pagewieikbenpagina, .span9 .item-pageinspiratiepagina, .span9 .item-pagelocatiespagina, .span9 .item-pagereviewspagina, .span9 .item-pageagendapagina, .span9 .item-pagepartnerspagina, .span9 .item-pagecontactpagina, .span9 .item-pageprijslijstpagina, .span12 .item-pageblogpagina, .span9 .item-pageworkshopspagina { margin:0 0 0 0; padding:13px 38px 48px 40px; border:1px solid #cbcbcb; } /*kader om tekst links plus achtergrond kleur pagina lees verder BLOG RECHTERMARGE GROTER DOOR SPAN12*/ .itemid-127 .span12 .item-pageblogpagina { margin-left:0px; margin-right:0px; } } /*.blogtrouwenpagina .column-1 p { margin:0; padding:0 0 16px 0; text-align:left; font-family:'Nanum Gothic'; font-size:20px; color:#292929; text-align:justify; line-height:26px; }*/ .blogtrouwenpagina p, .blogpartnerpagina p, .blogbeloftespagina p, .blogafscheidpagina p, .blogherdenkenpagina p, .bloglosmakenpagina p, .bloggezinsvormingpagina p, .blogvriendschappagina p, .blogritespagina p, .blogwieikbenpagina p, .bloginspiratiepagina p, .bloglocatiespagina p, .blogreviewspagina p, .blogagendapagina p, .blogpartnerspagina p, .blogcontactpagina p, .blogprijslijstpagina p, .blogblogpagina p, .blogworkshopspagina p { margin:0; padding:0 0 16px 0; text-align:left; font-family:'Nanum Gothic'; font-size:20px; color:#292929; text-align:justify; line-height:26px; } /*.blogtrouwenpagina .column-1 { background-color:#ffffff; padding:0px 0px 0 0px; margin:0px; }*/ /*.blogtrouwenpagina p.kop { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; }*/ .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; margin-bottom:12px; padding:0px 0 16px 0; } .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; /*color:#7c8aa7;*/ margin-bottom:12px; padding:29px 0 4px 0; } @media (min-width: 979px) and (max-width: 1520px) { .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; /*color:#7c8aa7;*/ margin-bottom:12px; padding:29px 0 4px 0; } } @media (min-width: 768px) and (max-width: 979px) { .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; /*color:#7c8aa7;*/ margin-bottom:12px; padding:22px 0 4px 0; } } @media (max-width: 768px) { .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; /*color:#7c8aa7;*/ margin-bottom:12px; padding:0px 0 4px 0; } } /*KOP PAGINA VERBINDEN*/ .blogtrouwenpagina .page-header h2[itemprop="name"], .blogpartnerpagina .page-header h2[itemprop="name"], .blogbeloftespagina .page-header h2[itemprop="name"], .blogwieikbenpagina .page-header h2[itemprop="name"], .blogreviewspagina .page-header h2[itemprop="name"], .blogcontactpagina .page-header h2[itemprop="name"], .blogworkshopspagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; padding:42px 0 16px 0; } /*new dec 2019*/ .blogtrouwenpagina h1, .blogpartnerpagina h1, .blogpartnerspagina h1, .blogbeloftespagina h1, .blogwieikbenpagina h1, .blogreviewspagina h1, .blogcontactpagina h1, .blogworkshopspagina h1 { font-family:'Montserrat'; font-weight:400; font-size:21px; color:#7c8aa7; margin-bottom:12px; padding:28px 0 14px 0; } .item-pagetrouwenpagina h1, .item-pagepartnerpagina h1, .item-pagebeloftespagina h1, .item-pagewieikbenpagina h1, .item-pagereviewspagina h1, .item-pagecontactpagina h1, .item-pageworkshopspagina h1 { font-family:'Montserrat'; font-weight:400; font-size:21px; color:#7c8aa7; margin-bottom:12px; padding:15px 0 0px 0; } /*new dec 2019*/ @media (max-width: 362px) { .blogtrouwenpagina h1, .blogpartnerpagina h1, .blogbeloftespagina h1, .blogworkshopspagina h1, .blogwieikbenpagina h1, .blogreviewspagina h1, .blogcontactpagina h1, .item-pagetrouwenpagina h1, .item-pagepartnerpagina h1, .item-pagebeloftespagina h1, .item-pageworkshopspagina h1, .item-pagewieikbenpagina h1, .item-pagereviewspagina h1, .item-pagecontactpagina h1 { font-size:18px; padding:28px 0 14px 0; } } /*new dec 2019*/ .blogreviewspagina h1.reviews { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#7c8aa7; margin-bottom:12px; padding:0px 0 14px 0; } @media (max-width: 362px) { .blogreviewspagina h1.reviews { font-size:18px; padding:28px 0 14px 0; } } /* INSPIRATIE, AGENDA, PRIJSLIJST*/ .bloginspiratiepagina .page-header h2[itemprop="name"], .blogagendapagina .page-header h2[itemprop="name"], .blogprijslijstpagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; padding:42px 0 2px 0; } .bloginspiratiepagina h1, .blogagendapagina h1, .blogprijslijstpagina h1 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#7c8aa7; margin-bottom:12px; padding:28px 0 16px 0; } .blogprijslijstpagina h2, .blogpartnerspagina h2 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#7c8aa7; margin-bottom:12px; padding:28px 0 0px 0; } .item-pageinspiratiepagina h1 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#8F8F8F; margin-bottom:12px; padding:15px 0 0px 0; } @media (max-width: 362px) { .bloginspiratiepagina h1, .blogagendapagina h1, .blogprijslijstpagina h1, .item-pageinspiratiepagina h1 { font-size:18px; padding:28px 0 14px 0; } } /*KOP PAGINAS LOSLATEN*/ .blogafscheidpagina .page-header h2[itemprop="name"], .blogherdenkenpagina .page-header h2[itemprop="name"], .bloglosmakenpagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#8F8F8F; margin-bottom:12px; padding:42px 0 16px 0; } /*new dec 2019*/ .blogafscheidpagina h1, .blogherdenkenpagina h1, .bloglosmakenpagina h1 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#8F8F8F; margin-bottom:12px; padding:28px 0 14px 0; } /*new dec 2019*/ .item-pageafscheidpagina h1, .item-pageherdenkenpagina h1, .item-pagelosmakenpagina h1 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#8F8F8F; margin-bottom:12px; padding:15px 0 0px 0; } /*new dec 2019*/ @media (max-width: 348px) { .blogafscheidpagina h1, .blogherdenkenpagina h1, .bloglosmakenpagina h1, .item-pageafscheidpagina h1, .item-pageherdenkenpagina h1, .item-pagelosmakenpagina h1 { font-size:18px; padding:28px 0 14px 0; } } /*KOP PAGINAS VIEREN*/ .bloggezinsvormingpagina .page-header h2[itemprop="name"], .blogvriendschappagina .page-header h2[itemprop="name"], .blogritespagina .page-header h2[itemprop="name"], .bloglocatiespagina .page-header h2[itemprop="name"], .blogpartnerspagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#934757; margin-bottom:12px; padding:42px 0 16px 0; } /*new dec 2019*/ .bloggezinsvormingpagina h1, .blogvriendschappagina h1, .blogritespagina h1, .blogprijslijstpagina h1, .bloglocatiespagina h1, .blogpartnerspagina h1 { font-family:'Montserrat'; font-weight:400; font-size:21px; color:#934757; /*NEW MAART 2021*/ color:#7c8aa7; margin-bottom:12px; padding:28px 0 14px 0; } .item-pagegezinsvormingpagina h1, .item-pagevriendschappagina h1, .item-pageritespagina h1, .item-pagelocatiespagina h1, .item-pagepartnerspagina h1 { font-family:'Montserrat'; font-weight:400; font-size:23px; color:#934757; margin-bottom:12px; padding:15px 0 0px 0; } @media (max-width: 348px) { .bloggezinsvormingpagina h1, .blogvriendschappagina h1, .blogritespagina h1, .bloglocatiespagina h1, .blogpartnerspagina h1, .item-pagegezinsvormingpagina h1, .item-pagevriendschappagina h1, .item-pageritespagina h1, .item-pagelocatiespagina h1 { font-size:18px; padding:28px 0 14px 0; } } /*KOP blogblog pagina*/ .blogblogpagina .column-1 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; padding:22px 0 22px 0; } .blogblogpagina .column-2 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#8F8F8F; margin-bottom:12px; padding:22px 0 22px 0; } .blogblogpagina .column-3 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#934757; margin-bottom:12px; padding:22px 0 22px 0; } /*KOP KLEUR paginas VERBINDEN LEES VERDER*/ .span9 .item-pagetrouwenpagina .page-header h2[itemprop="headline"], .span9 .item-pagepartnerpagina .page-header h2[itemprop="headline"], .span9 .item-pagebeloftespagina .page-header h2[itemprop="headline"], .span9 .item-pagewieikbenpagina .page-header h2[itemprop="headline"], .itemid-127 .page-header h2[itemprop="headline"], .span9 .item-pageworkshopspagina .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; } /*KOP KLEUR paginas VIEREN LEES VERDER*/ .span9 .item-pagegezinsvormingpagina .page-header h2[itemprop="headline"], .span9 .item-pagevriendschappagina .page-header h2[itemprop="headline"], .span9 .item-pageritespagina .page-header h2[itemprop="headline"], .span9 .item-pagelocatiespagina .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#934757; } /*KOP KLEUR paginas LOSLATEN LEES VERDER*/ .span9 .item-pageafscheidpagina .page-header h2[itemprop="headline"], .span9 .item-pageherdenkenpagina .page-header h2[itemprop="headline"], .span9 .item-pagelosmakenpagina .page-header h2[itemprop="headline"], .span9 .item-pageinspiratiepagina .page-header h2[itemprop="headline"], .span9 .item-pageprijslijstpagina .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#8F8F8F; } @media (max-width: 979px) { /*KOP PAGINA VERBINDEN, WIE, REVIEWS */ .blogtrouwenpagina .page-header h2[itemprop="name"], .blogpartnerpagina .page-header h2[itemprop="name"], .blogbeloftespagina .page-header h2[itemprop="name"], .blogwieikbenpagina .page-header h2[itemprop="name"], .blogreviewspagina .page-header h2[itemprop="name"], .blogcontactpagina .page-header h2[itemprop="name"], .blogworkshopspagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; padding:33px 0 16px 0; } /*KOP PAGINAS LOSLATEN, INSPIRATIE, AGENDA, PRIJSLIJST*/ .blogafscheidpagina .page-header h2[itemprop="name"], .blogherdenkenpagina .page-header h2[itemprop="name"], .bloglosmakenpagina .page-header h2[itemprop="name"], .bloginspiratiepagina .page-header h2[itemprop="name"], .blogagendapagina .page-header h2[itemprop="name"], .blogprijslijstpagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; padding:33px 0 2px 0; } /*KOP PAGINAS VIEREN*/ .bloggezinsvormingpagina .page-header h2[itemprop="name"], .blogvriendschappagina .page-header h2[itemprop="name"], .blogritespagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#934757; margin-bottom:12px; padding:33px 0 16px 0; } .span9 .item-pageritespagina .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#934757; margin-bottom:12px; padding:22px 0 16px 0; } /*blogblog pagina*/ .blogblogpagina .column-1 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:20px; color:#7c8aa7; margin-bottom:12px; padding:22px 0 22px 0; } .blogblogpagina .column-2 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:20px; color:#8F8F8F; margin-bottom:12px; padding:22px 0 22px 0; } .blogblogpagina .column-3 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:20px; color:#934757; margin-bottom:12px; padding:22px 0 22px 0; } } .blauw { color:#4b7289; } p.blauwkop { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:12px; padding:0px 0 16px 0; } /*IMAGES*/ .responsive { max-width: 100%; height: auto; } .fotorechts { margin-left:13%; margin-right:13%; margin-top:13%; margin-bottom:13%; border:0px solid green; } @media (min-width: 1520px) { .fotorechtstwee { display:none; } } .fotorechtstwee { margin-left:13%; margin-right:13%; margin-top:13%; margin-bottom:13%; border:0px solid green; } @media (min-width: 768px) { .span9 img.pull-right { display:none; } } .span9 img.pull-right { padding:12px; border:1px solid #cbcbcb; width:40%; margin-left:28px; float:right; } @media (max-width: 540px) { .span9 p img.pull-right { padding:12px; border:1px solid #cbcbcb; width:94%; margin-left:0px; margin-bottom:18px; float:left; } } /*READ MORE*/ .span12 p.readmore { margin-top:32px; } .span9 p.readmore { margin-top:32px; } /*VIDEO NEW DEC 2019*/ @media (min-width: 1200px) { .span3 .customvideo { border:1px solid #cbcbcb; text-align:center; margin-right:22px; margin-top:0px; padding:12%; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; } .videotop { display:none; } .span3 .customimagewie { border:1px solid #cbcbcb; text-align:center; margin-right:22px; margin-top:42px; margin-top:0px; padding:12%; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; } } @media (min-width: 767px) and (max-width: 1200px) { .span3 .customvideo { border:1px solid #cbcbcb; text-align:center; margin-right:0px; margin-top:0px; padding:12%; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; } .videotop { display:none; } .span3 .customimagewie { border:1px solid #cbcbcb; text-align:center; margin-right:0px; margin-top:42px; margin-top:0px; padding:12%; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; } } @media (max-width: 767px) { .span3 .customvideo { border:1px solid #cbcbcb; text-align:center; margin-right:0px; margin-top:0px; padding:12%; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; } .videotop { display:block; text-align:center; border:1px solid #cbcbcb; padding:12%; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; margin-bottom:22px; margin-top:0px; } .span3 .customimagewie { display:none; } } /*RANDOM IMAGE*/ .random-imagetrouwen, .random-imagepartnerschap, .random-imagebeloftes, .random-imageworkshops, .random-imagewieikben, .random-imagereviews, .random-imagecontact, .random-imagetwo { background:#f2fffe; background-image: url("../images/bgeencol.png"); /*NEW MAART 2021*/ background-image: url("../images/bgeencoll1.png"); background-repeat: repeat-x; background-color:transparent; margin-right:22px; /*NEW MAART 2021*/ margin-right:0px; border:1px solid #dcdcdc; margin-top:0px; padding:12%; padding:12% 14.3% 12% 9.7%; */IVM BORDER WIT*/ } .random-imagetrouwen img, .random-imagepartnerschap img, .random-imagebeloftes img, .random-imagewieikben img, .random-imagereviews img, .random-imagecontact img, .random-imagetwo img, .random-imageworkshops img, .random-imageagenda img { border:14px solid #ffffff; } .random-imageafscheid, .random-imageherdenken, .random-imagelosmaken, .random-imageinspiratie, .random-imageagenda, .random-imageprijslijst { background:#efefef; background-image: url("../images/bg_loslaten_kader.png"); /*NEW MAART 2021*/ background-image: url("../images/bgeencoll1.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-right:22px; /*NEW MAART 2021*/ margin-right:0px; border:1px solid #dcdcdc; margin-top:0px; padding:12%; padding:12% 14.3% 12% 9.7%; /*IVM BORDER WIT*/ } .random-imageafscheid img, .random-imageherdenken img, .random-imagelosmaken img, .random-imageinspiratie img, .random-imageagenda img, .random-imageprijslijst img, .random-imageagenda img { border:14px solid #ffffff; } .random-imagegezinsvorming, .random-imagevriendschap, .random-imagerites, .random-imagelocaties, .random-imagepartners { background:#FDFEF1; background-image: url("../images/bg_vieren_kadMer.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; margin-right:22px; /*NEW MAART 2021*/ margin-right:0px; border:1px solid #dcdcdc; margin-top:0px; padding:12%; padding:12% 14.3% 12% 9.7%; /*IVM BORDER WIT*/ } .random-imagegezinsvorming img, .random-imagevriendschap img, .random-imagerites img, .random-imagelocaties img, .random-imagepartners img, .random-imageagenda img { border:14px solid #ffffff; } /*rechter marge nul maken ivm bovenmenu*/ @media (min-width: 979px) and (max-width: 1520px) { .random-imagetrouwen, .random-imagepartnerschap, .random-imagebeloftes, .random-imageworkshops, .random-imagewieikben, .random-imagecontact, .random-imagetwo { background:#f2fffe; background-image: url("../images/bgeencol.png"); /*NEW MAART 2021*/ background-image: url("../images/bgeencoll1.png"); background-repeat: repeat-x; background-color:transparent; /*NEW MAART 2021*/ border:1px solid #e2e2e2; margin-right:0px; margin-top:0px; padding:12%; padding:12% 15% 12% 9%; /*IVM BORDER WIT*/ } .random-imagetrouwen img, .random-imagepartnerschap img, .random-imagebeloftes img, .random-imagewieikben img, .random-imagereviews img, .random-imagecontact img, .random-imagetwo img, .random-imageworkshops img { border:12px solid #ffffff; } .random-imageafscheid, .random-imageherdenken, .random-imagelosmaken, .random-imageinspiratie, .random-imageagenda, .random-imageprijslijst { background:#efefef; background-image: url("../images/bg_loslaten_kader.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #dcdcdc; margin-right:0px; margin-top:0px; padding:12%; padding:12% 15% 12% 9%; /*IVM BORDER WIT*/ } .random-imageafscheid img, .random-imageherdenken img, .random-imagelosmaken img, .random-imageinspiratie img, .random-imageagenda img, .random-imageprijslijst img { border:12px solid #ffffff; } .random-imagegezinsvorming, .random-imagevriendschap, .random-imagerites, .random-imagelocaties, .random-imagepartners { background:#FDFEF1; background-image: url("../images/bg_vieren_kaderK.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #dcdcdc; margin-right:0px; margin-top:0px; padding:12%; padding:12% 15% 12% 9%; /*IVM BORDER WIT*/ } .random-imagegezinsvorming img, .random-imagevriendschap img, .random-imagerites img, .random-imagelocaties img, .random-imagepartners img { border:12px solid #ffffff; } } /*rechter marge nul maken ivm bovenmenu*/ @media (min-width: 768px) and (max-width: 979px) { .random-imagetrouwen, .random-imagepartnerschap, .random-imagebeloftes, .random-imageworkshops, .random-imagewieikben, .random-imagecontact, .random-imagetwo { background:#f2fffe; background-image: url("../images/bgeencoll1.png"); /*NEW MAART 2021*/ background-image: url("../images/bgeencoll1.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #dcdcdc; margin-right:0px; margin-top:0px; padding:12%; padding:12% 15% 12% 9%; /*IVM BORDER WIT*/ } .random-imagetrouwen img, .random-imagepartnerschap img, .random-imagebeloftes img, .random-imagewieikben img, .random-imagereviews img, .random-imagecontact img, .random-imagetwo img, .random-imageworkshops img { border:8px solid #ffffff; } .random-imageafscheid, .random-imageherdenken, .random-imagelosmaken, .random-imageinspiratie, .random-imageagenda, .random-imageprijslijst { background:#efefef; background-image: url("../images/bg_loslaten_kader.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #dcdcdc; margin-right:0px; margin-top:0px; padding:12%; padding:12% 15% 12% 9%; /*IVM BORDER WIT*/ } .random-imageafscheid img, .random-imageherdenken img, .random-imagelosmaken img, .random-imageinspiratie img, .random-imageagenda img, .random-imageprijslijst img { border:8px solid #ffffff; } .random-imagegezinsvorming, .random-imagevriendschap, .random-imagerites, .random-imagelocaties, .random-imagepartners { background:#FDFEF1; background-image: url("../images/bg_vieren_kaderK.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #dcdcdc; margin-right:0px; margin-top:0px; padding:12%; padding:12% 15% 12% 9%; /*IVM BORDER WIT*/ } .random-imagegezinsvorming img, .random-imagevriendschap img, .random-imagerites img, .random-imagelocaties img, .random-imagepartners img { border:8px solid #ffffff; } } @media (max-width: 768px){ .random-imagetrouwen, .random-imagepartnerschap, .random-imagebeloftes, .random-imageworkshops, .random-imageafscheid, .random-imageherdenken, .random-imagelosmaken, .random-imagegezinsvorming, .random-imagevriendschap, .random-imagerites, .random-imagewieikben, .random-imageinspiratie, .random-imagelocaties, .random-imagereviews, .random-imageagenda, .random-imagepartners, .random-imageprijslijst, .random-imagetwo { margin-top:0px; } .random-imagetrouwen, .random-imagepartnerschap, .random-imagebeloftes, .random-imageworkshops, .random-imagewieikben, .random-imagereviews, .random-imagecontact, .random-imagetwo { background:#f2fffe; background-image: url("../images/bg_trouwen_kader.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #bcbcbc; margin-right:0px; margin-top:0px; padding:12% 17% 12% 12%; } .random-imagetrouwen img, .random-imagepartnerschap img, .random-imagebeloftes img, .random-imagewieikben img, .random-imagereviews img, .random-imagecontact img, .random-imageworkshops img, .random-imageagenda img, .random-imagelocaties img { border:12px solid #ffffff; } .random-imageafscheid, .random-imageherdenken, .random-imagelosmaken, .random-imageinspiratie, .random-imageagenda, .random-imageprijslijst { background:#efefef; background-image: url("../images/bg_loslaten_kader.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #bcbcbc; margin-right:0px; margin-top:0px; padding:12% 17% 12% 12%; text-align:center; } .random-imageafscheid img, .random-imageherdenken img, .random-imagelosmaken img, .random-imageinspiratie img, .random-imageagenda img, .random-imageprijslijst img, .random-imagelocaties img { border:12px solid #ffffff; } .random-imagegezinsvorming, .random-imagevriendschap, .random-imagerites, .random-imagelocaties, .random-imagepartners { background:#FDFEF1; background-image: url("../images/bg_vieren_kaderK.png"); background-repeat: repeat-x; background-color:transparent; border:1px solid #cbcbcb; /*NEW MAART 2021*/ border:1px solid #dcdcdc; margin-right:0px; margin-top:0px; padding:12% 17% 12% 12%; text-align:center; } .random-imagegezinsvorming img, .random-imagevriendschap img, .random-imagerites img, .random-imagelocaties img, .random-imagepartners img { border:12px solid #ffffff; } .span3 { margin-top:0px; } } @media (max-width: 768px) { .span3 { margin-top:22px; padding-left:0px; padding-right:0px; border:0px solid red; } /*HOOGTE KOP LEES VERDER BLOG 1 NOVEMBER */ .itemid-127 .page-header h2[itemprop="headline"] { padding:22px 0 5px 0; } } /*NEW MAART 2021*/ .random-imagetwo { margin-bottom:32px; } @media (min-width: 979px) and (max-width: 1520px){ .random-imagetwo { /*NEW MAART 2021*/ margin-top:46px; margin-top:0px; margin-bottom:32px; } } @media (min-width: 768px) and (max-width: 979px){ .random-imagetwo { margin-top:54px; } } @media (min-width: 767px) and (max-width: 979px) { /*linker en rechter marges kleiner lees verder*/ .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pageworkshopspagina, .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pageritespagina, .span9 .item-pagewieikbenpagina, .span9 .item-pageinspiratiepagina, .span9 .item-pageprijslijstpagina { padding-left: 22px; padding-right:22px; } } @media (max-width: 768px) { .random-imagetwo { margin-top:54px; display:none; } /*linker en rechter marges kleiner*/ .blogtrouwenpagina, .blogpartnerpagina, .blogbeloftespagina, .blogworkshopspagina, .blogafscheidpagina, .blogherdenkenpagina, .bloglosmakenpagina, .bloggezinsvormingpagina, .blogvriendschappagina, .blogritespagina, .span9 .item-pageritespagina, .blogwieikbenpagina, .bloginspiratiepagina, .blogreviewspagina, .blogagendapagina, .blogcontactpagina, .blogprijslijstpagina { padding-left:22px; padding-right:22px; } /*linker en rechter marges kleiner plus kop naar beneden lees verder pagina's*/ .span9 .item-pagetrouwenpagina, .span9 .item-pagepartnerpagina, .span9 .item-pagebeloftespagina, .span9 .item-pageworkshopspagina, .span9 .item-pageafscheidpagina, .span9 .item-pageherdenkenpagina, .span9 .item-pagelosmakenpagina, .span9 .item-pagegezinsvormingpagina, .span9 .item-pagevriendschappagina, .span9 .item-pagewieikbenpagina, .span9 .item-pagelocatiespagina, .span9 .item-pageinspiratiepagina, .span9 .item-pageprijslijstpagina { padding-top:34px; padding-left:22px; padding-right:22px; } } /* BLOG PAGINA*/ /*Marge rechts kleiner blog pagina*/ @media (min-width: 1520px) { .blogblogpagina { margin-right:22px; } } .blogblogpagina { padding-left:0px; padding-right:0px; } .itemid-138 .column-1, .itemid-156 .column-1, .itemid-127 .column-1 { background-color:#F2FFFE; background-color:transparent; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 42px 0px; margin:0px; padding-top:12px; margin-left:-1px; margin-top:-1px; border:1px solid #cbcbcb; } .itemid-138 .column-2, .itemid-156 .column-2, .itemid-127 .column-2 { background-color:#F2F2F2; background-color:transparent; background-image: url("../images/bg_loslaten.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 42px 0px; margin:0px; padding-top:12px; margin-top:-1px; border:1px solid #cbcbcb; } .itemid-138 .column-3, .itemid-156 .column-3, .itemid-127 .column-3 { background-color:#FDFEF1; background-color:transparent; background-image: url("../images/bg_vieren.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 42px 0px; margin:0px; padding-top:12px; margin-right:-1px; margin-top:-1px; border:1px solid #cbcbcb; } .itemid-138 .column-1 p, .itemid-156 .column-1 p, .itemid-127 .column-1 p, .itemid-138 .column-2 p, .itemid-156 .column-2 p, .itemid-127 .column-2 p, .itemid-138 .column-3 p, .itemid-156 .column-3 p, .itemid-127 .column-3 p { margin:0 0 0 0; padding:0 38px 0 38px; } .itemid-138 .span4 p.blogimg, .itemid-156 .span4 p.blogimg, .itemid-127 .span4 p.blogimg { text-align:center; padding-bottom:22px; } .span12 .blogblogpagina { padding-bottom:42px; } .span4 p.readmore { margin-top:32px; text-align:center; } .blogblogpagina .span4 { border:0px solid #cbcbcb; margin-bottom:-18px; } @media (min-width: 768px) and (max-width: 1520px){ .itemid-138 .column-1, .itemid-156 .column-1, .itemid-127 .column-1 { background-color:#F2FFFE; background-color:transparent; background-image: url("../images/bg_trouwen.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 0px 0px; margin:0px; padding-top:12px; margin-left:-1px; margin-top:-1px; border:1px solid #cbcbcb; } .itemid-138 .column-2, .itemid-156 .column-2, .itemid-127 .column-2 { background-color:#F2F2F2; background-color:transparent; background-image: url("../images/bg_loslaten.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 0px 0px; margin:0px; padding-top:12px; margin-top:-1px; border:1px solid #cbcbcb; } .itemid-138 .column-3, .itemid-156 .column-3, .itemid-127 .column-3 { background-color:#FDFEF1; background-color:transparent; background-image: url("../images/bg_vieren.png"); background-repeat: repeat-x; background-color:transparent; padding:0px 0px 0px 0px; margin:0px; padding-top:12px; margin-right:-1px; margin-top:-1px; border:1px solid #cbcbcb; } .itemid-138 .column-1 p, .itemid-156 .column-1 p, .itemid-127 .column-1 p, .itemid-138 .column-2 p, .itemid-156 .column-2 p, .itemid-127 .column-2 p, .itemid-138 .column-3 p, .itemid-156 .column-3 p, .itemid-127 .column-3 p { margin:0 0 0 0; padding:0 18px 0px 18px; } .itemid-138 p.blogimg, .itemid-156 p.blogimg, .itemid-127 p.blogimg { text-align:center; padding-bottom:22px; } .span4 p.readmore { padding-top:32px; text-align:center; padding-bottom:32px; } } @media (min-width: 22px) and (max-width: 767px){ .itemid-138 .column-1, .itemid-156 .column-1, .itemid-127 .column-1 { background-color:#F2FFFE; background-color:transparent; padding:0px 0px 42px 0px; margin:0px; padding-top:12px; margin-top:0px; border-bottom:0px solid #cbcbcb; } } /* END BLOG PAGINA*/ @media (min-width: 1520px) { .random-imagetwo { display:none; /* NEW MAART 2021*/ display:block; } } p.kopklein { font-family: Roboto; font-size:18px; color:#bbbbbb; text-align:justify; line-height:24px; padding:0 0 6px 0; } @media (min-width: 1520px) { .span9 .blogtrouwenpagina, .span9 .blogpartnerpagina, .span9 .blogbeloftespagina, .span9 .blogworkshopspagina, .span9 .blogafscheidpagina, .span9 .blogherdenkenpagina, .span9 .bloglosmakenpagina, .span9 .bloggezinsvormingpagina, .span9 .blogvriendschappagina, .span9 .blogritespagina, .span9 .blogwieikbenpagina, .span9 .bloginspiratiepagina, .span9 .blogreviewspagina, .span9 .blogagendapagina, .span9 .blogcontactpagina, .span9 .blogprijslijstpagina { margin-left:22px; } } @media (min-width: 979px) { .span9 { margin-top:8px; } .span3 { margin-top:8px; } .span12 { margin-top:8px; } } @media (min-width: 979px) and (max-width: 1200px) { .span3 { margin-top:0px; } } /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel .item { left: 0 !important; -webkit-transition: opacity 3.9s; /*adjust timing here */ -moz-transition: opacity 3.9s; -o-transition: opacity 3.9s; transition: opacity 3.9s; } .items-leading { margin-bottom:36px; } /*TABLE*/ th { text-align: left; font-size:10px; font-family:verdana; color:#999999; } td { text-align: center; font-size:12px; font-family:verdana; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: transparent; text-align: center; th { text-align: center; font-size:10px; font-family:verdana; } td { text-align: center; font-size:12px; font-family:verdana; } } .table-bordered th, .table-bordered td { border: 1px solid #c5c5c5 !important; color:#888; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 4px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } .table-responsive { margin-left: 0px; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 35px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } p.maand { font-family:'Nanum Gothic'; font-size:14px; color:#292929; } .span9 .blogagendapagina ul { list-style-type:none; padding:0 0 0 0; margin:2px 0px 8px -12px; } .span9 .blogagendapagina ul li { background-image:none; background-repeat:no-repeat; background-position:0px 14px; padding-left:12px; padding-bottom:2px; padding-bottom:0; margin-bottom:-6px; font-family:'Nanum Gothic'; font-size:14px; color:#707c81; line-height:1.7em; } .rh-calendar-legenda{margin-top:20px;margin-bottom:-10px;} .rh-calendar-legenda ul{list-style:none;padding:0;} .rh-calendar-legenda ul li{display:inline-block;margin-right:15px;color:#7c7c7c;font-size:12px;margin-bottom:10px;} .rh-calendar-legenda ul li span.rh-date{width:30px;height:30px;line-height:28px;text-decoration:none;color:#ababab;display:inline-block;text-align:center;border:1px solid #dddddd;margin-right:5px;} .rh-calendar-legenda ul li span.rh-date.rh-date-av{font-weight:700;color:#484848;background-color:transparant;text-decoration:underline;} .rh-calendar-legenda ul li span.rh-date.rh-date-ns{background:transparant;color:#888;} .rh-calendar-legenda ul li span.rh-date.rh-date-re{background:#ebebeb;color:#888;} .rh-calendar-legenda ul li span.rh-date.rh-date-io{background:#ecfffe;color:#888;} .rh-calendar-legenda ul li span.rh-date.rh-date-na{background:#ececec;} @media (min-width: 768px) and (max-width: 1325px) { .rh-calendar-legenda{margin-top:20px;margin-bottom:8px;} .rh-calendar-legenda ul li{display:block;margin-right:15px;color:#7c7c7c;font-size:12px;margin-bottom:10px;} .rh-calendar-legenda ul li span.rh-date.rh-date-ns{background:transparant;color:#888;margin-bottom:14px;} .rh-calendar-legenda ul li span.rh-date.rh-date-re{background:#ebebeb;color:#888;margin-bottom:14px;} } @media (max-width: 472px) { .rh-calendar-legenda ul li{display:block;margin-right:15px;color:#7c7c7c;font-size:12px;margin-bottom:10px;} .rh-calendar-legenda ul li span.rh-date.rh-date-ns{background:transparant;color:#888;margin-bottom:14px;} .rh-calendar-legenda ul li span.rh-date.rh-date-re{background:#ebebeb;color:#888;margin-bottom:14px;} } .item-pageagendapagina .rh-calendar-legenda { margin-top:20px;margin-bottom:22px; } @media (min-width: 768px) and (max-width: 1325px) { .item-pageagendapagina .rh-calendar-legenda{margin-top:20px;margin-bottom:36px;} } .blogblogpagina .span6 { border:1px solid red; } /*AGENDA PAGINA*/ .itemid-134 .column-2, .itemid-152 .column-2, .itemid-123 .column-2 { /*NEW MAART 2021*/ /*background:transparent;*/ padding:0px 0px 0 0px; margin:0px; } .itemid-134 .items-row, .itemid-152 .items-row , .itemid-123 .items-row { padding-bottom:32px; } /*SOCIAL MEDIA*/ @media (min-width: 1520px) { .customsocmediafooter { display:none; } .customsocmedia { border:0px solid red; height:40px; width:252px; padding-top:19px; margin-right:12px; background-color:transparent; /*NEW MAART 2021*/ display:none; } /*NEW MAART 2021*/ .socmedia { float:right; margin-top:10px; height:59px; } .linkedin { border-left: 1px solid #cbcbcb; float:left; padding-left:20px; /*NEW MAART 2021*/ padding-left:10px; padding-right:10px; } .twitter{ float:left; padding-left:20px; /*NEW MAART 2021*/ border-left: 1px solid #cbcbcb; padding-left:10px; padding-right:10px; } .facebook{ float:left; padding-left:20px; /*NEW MAART 2021*/ border-left: 1px solid #cbcbcb; padding-left:10px; padding-right:10px; } .instagram { float:left; border-right: 1px solid #cbcbcb; padding-left:20px; padding-right:12px; /*NEW MAART 2021*/ border-left: 1px solid #cbcbcb; padding-left:10px; padding-right:10px; } } /*@media (min-width: 888px) and (max-width: 1520px) {*/ /*NEW MAART 2021*/ @media (min-width: 1233px) and (max-width: 1520px) { .customsocmediafooter { display:none; } .customsocmedia { border:0px solid red; height:40px; width:252px; padding-top:19px; margin-right:0px; /*NEW MAART 2021*/ display:none; } /*NEW MAART 2021*/ .socmedia { float:right; margin-top:10px; height:59px; } .linkedin { border-left: 1px solid #cbcbcb; float:left; padding-left:21px; } .twitter{ float:left; padding-left:20px; } .facebook{ float:left; padding-left:20px; } .instagram { float:left; border-right: 1px solid #cbcbcb; padding-left:20px; padding-right:19px; } } /*@media (max-width: 888px) {*/ /*NEW MAART 2021*/ @media (max-width: 1233px) { .customsocmedia { display:none; } /*NEW MAART 2021*/ .socmedia { display:none; } .customsocmediafooter { border:0px solid red; height:40px; width:252px; margin-right:12px; margin:0 auto; margin-top:6px; } .linkedin { border-left: 1px solid #cbcbcb; float:left; padding-left:21px; } .twitter{ float:left; padding-left:20px; } .facebook{ float:left; padding-left:20px; } .instagram { float:left; border-right: 1px solid #cbcbcb; padding-left:20px; padding-right:19px; } } .pagination { margin: 18px 0 46px 12px; } .pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 18px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; } .counter { display:none; } .itemid-127 .span12 .item-pageblogpagina img { text-align:left; padding-bottom:0px; border:8px solid #ffffff; } @media (min-width: 1200px) { .itemid-138 [itemprop="blogPost"], .itemid-156 [itemprop="blogPost"], .itemid-127 [itemprop="blogPost"] { height:1100px; } } @media (min-width: 767px) and (max-width: 1200px) { .itemid-138 [itemprop="blogPost"], .itemid-156 [itemprop="blogPost"], .itemid-127 [itemprop="blogPost"] { height:1372px; } } @media (max-width: 767px) { .itemid-138 [itemprop="blogPost"], .itemid-156 [itemprop="blogPost"], .itemid-127 [itemprop="blogPost"] { height:auto; } } @media (min-width: 767px) and (max-width: 979px) { .itemid-138 p.readmore a.btn, .itemid-156 p.readmore a.btn, .itemid-127 p.readmore a.btn { font-size: 14px; } } @media (max-width: 979px) { .itemid-138 .items-row, .itemid-156 .items-row, .itemid-127 .items-row { margin-bottom:60px; } } @media (max-width: 767px) { .itemid-138 .span4, .itemid-156 .span4, .itemid-127 .span4{ margin-bottom:40px; } .itemid-138 .span4 .column-1, .itemid-156 .column-1, .itemid-127 .column-1{ border-bottom:1px solid #cbcbcb; } } /*LETTERTYPE KLEINER VANAF 468 PX*/ @media (max-width: 979px) { .blogblogpagina .span4 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:19px; } @media (max-width: 468px) { .blogtrouwenpagina .page-header h2[itemprop="name"], .blogpartnerpagina .page-header h2[itemprop="name"], .blogbeloftespagina .page-header h2[itemprop="name"], .blogworkshopspagina .page-header h2[itemprop="name"], .blogafscheidpagina .page-header h2[itemprop="name"], .blogherdenkenpagina .page-header h2[itemprop="name"], .bloglosmakenpagina .page-header h2[itemprop="name"], .bloggezinsvormingpagina .page-header h2[itemprop="name"], .blogvriendschappagina .page-header h2[itemprop="name"], .blogritespagina .page-header h2[itemprop="name"], .blogwieikbenpagina .page-header h2[itemprop="name"], .bloginspiratiepagina .page-header h2[itemprop="name"], .bloglocatiespagina .page-header h2[itemprop="name"], .blogreviewspagina .page-header h2[itemprop="name"], .blogagendapagina .page-header h2[itemprop="name"], .blogpartnerspagina .page-header h2[itemprop="name"], .blogcontactpagina .page-header h2[itemprop="name"], .blogprijslijstpagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:19px; } /*lees verder*/ .span9 .item-pagetrouwenpagina .page-header h2[itemprop="headline"], .span9 .item-pagepartnerpagina .page-header h2[itemprop="headline"], .span9 .item-pagebeloftespagina .page-header h2[itemprop="headline"], .span9 .item-pageafscheidpagina .page-header h2[itemprop="headline"], .span9 .item-pageherdenkenpagina .page-header h2[itemprop="headline"], .span9 .item-pagelosmakenpagina .page-header h2[itemprop="headline"], .span9 .item-pagegezinsvormingpagina .page-header h2[itemprop="headline"], .span9 .item-pagevriendschappagina .page-header h2[itemprop="headline"], .span9 .item-pageritespagina .page-header h2[itemprop="headline"], .span9 .item-pagewieikbenpagina .page-header h2[itemprop="headline"], .span9 .item-pageinspiratiepagina .page-header h2[itemprop="headline"], .span9 .item-pagelocatiespagina .page-header h2[itemprop="headline"], .span9 .item-pagereviewspagina .page-header h2[itemprop="headline"], .span9 .item-pageagendapagina .page-header h2[itemprop="headline"], .span9 .item-pagepartnerspagina .page-header h2[itemprop="headline"], .span9 .item-pagecontactpagina .page-header h2[itemprop="headline"], .span9 .item-pageprijslijstpagina .page-header h2[itemprop="headline"], .span12 .item-pageblogpagina .page-header h2[itemprop="headline"], .span9 .item-pageblogpagina .page-header h2[itemprop="headline"], .span9 .item-pageworkshopspagina .page-header h2[itemprop="headline"] { font-family:'Montserrat'; font-weight:400; font-size:19px; } .blogtrouwenpagina p, .blogpartnerpagina p, .blogbeloftespagina p, .blogworkshopspagina p, .blogafscheidpagina p, .blogherdenkenpagina p, .bloglosmakenpagina p, .bloggezinsvormingpagina p, .blogvriendschappagina p, .blogritespagina p, .blogwieikbenpagina p, .bloginspiratiepagina p, .bloglocatiespagina p, .blogreviewspagina p, .blogagendapagina p, .blogpartnerspagina p, .blogcontactpagina p, .blogprijslijstpagina p, .blogblogpagina p { font-size:17px; } .span9 .item-pagetrouwenpagina [itemprop="articleBody"] p, .span9 .item-pagepartnerpagina [itemprop="articleBody"] p, .span9 .item-pagebeloftespagina [itemprop="articleBody"] p, .span9 .item-pageafscheidpagina [itemprop="articleBody"] p, .span9 .item-pageherdenkenpagina [itemprop="articleBody"] p, .span9 .item-pagelosmakenpagina [itemprop="articleBody"] p, .span9 .item-pagegezinsvormingpagina [itemprop="articleBody"] p, .span9 .item-pagevriendschappagina [itemprop="articleBody"] p, .span9 .item-pageritespagina [itemprop="articleBody"] p, .span9 .item-pagewieikbenpagina [itemprop="articleBody"] p, .span9 .item-pageinspiratiepagina [itemprop="articleBody"] p, .span9 .item-pagelocatiespagina [itemprop="articleBody"] p, .span9 .item-pagereviewspagina [itemprop="articleBody"] p, .span9 .item-pageagendapagina [itemprop="articleBody"] p, .span9 .item-pagepartnerspagina [itemprop="articleBody"] p, .span9 .item-pagecontactpagina [itemprop="articleBody"] p, .span9 .item-pageprijslijstpagina [itemprop="articleBody"] p, .span12 .item-pageblogpagina [itemprop="articleBody"] p, .span9 .item-pageblogpagina [itemprop="articleBody"] p, .span9 .item-pageworkshopspagina [itemprop="articleBody"] p { font-size:17px; } .span9 .item-pagetrouwenpagina [itemprop="articleBody"] ul li, .span9 .item-pagebeloftespagina [itemprop="articleBody"] ul li, .span9 .item-pageinspiratiepagina [itemprop="articleBody"] ul li, .span9 .item-pageprijslijstpagina [itemprop="articleBody"] ul li { font-size:17px; line-height:1.7em; } .span9 .item-pagetrouwenpagina [itemprop="articleBody"] ul li, .span9 .item-pagebeloftespagina [itemprop="articleBody"] ul li { background-image:url(../images/sqpurple.png); background-repeat:no-repeat; background-position:0px 10px; padding-left:24px; padding-bottom:2px; font-size:17px; } .span9 .blogbeloftespagina ul li { font-size:17px; } .span9 .blogbeloftespagina ul li, .span9 .bloginspiratiepagina ul li, .span9 .blogprijslijstpagina ul li { background-image:url(../images/sqpurple.png); background-repeat:no-repeat; background-position:0px 8px; padding-left:24px; padding-bottom:2px; font-size:17px; } .blogprijslijstpagina h2, .item-pageprijslijstpagina h2 { font-family:'Montserrat'; font-weight:400; font-size:18px; color:#8F8F8F; margin-bottom:12px; } } .span9 .blogprijslijstpagina ul li { margin-bottom:12px; } /*new dec 2019*/ @media (max-width: 767px) { .item-pagetrouwenpagina h1, .item-pagepartnerpagina h1, .item-pagebeloftespagina h1, .item-pageworkshopspagina h1, .item-pagewieikbenpagina h1, .item-pagereviewspagina h1, .item-pagecontactpagina h1, .item-pageafscheidpagina h1, .item-pageherdenkenpagina h1, .item-pagelosmakenpagina h1, .item-pagegezinsvormingpagina h1, .item-pagevriendschappagina h1, .item-pageinspiratiepagina h1, .item-pagelocatiespagina h1 { margin-bottom:12px; padding:6px 0 0px 0; margin-top:0px; } .item-pageritespagina h1 { margin-bottom:12px; padding:6px 0 0px 0; margin-top:21px; } /*NEW MAART 2021*/ .row-fluid .span6 .column-1{ margin-top:-12px; border-bottom:1px solid #CBCBCB; padding-bottom:32px; } .column-2 { background-color:transparant; background-image: none; padding:0px 0px 0 0px; margin:0px; padding-top:12px; } } blockquote { border: 0px solid #999; page-break-inside: avoid; color:#292929; } blockquote p { margin-bottom: 0; font-size: 16.25px; font-weight: 300; line-height: 1.25; color:#292929; } } /*NEW MAART 2021*/ @media (max-width: 768px) { .itemid-101 .span9, .itemid-130 .span9, .itemid-134 .span9, .itemid-123 .span9 { border:0px solid #cbcbcb; padding-top:0px; margin-top:0px; } .itemid-101 .span6, .itemid-130 .span6, .itemid-134 .span6, .itemid-123 .span6 { border:0px solid #cbcbcb; margin-top:0px; } .itemid-101 .column-1, .itemid-130 .column-1, .itemid-134 .span6, .itemid-123 .span6 { border:1px solid #cbcbcb; margin-top:0px; } } /*NEW MAART 2021*/ .blogblogpagina .span4 .column-1 , .blogblogpagina .span4 .column-2, .blogblogpagina .span4 .column-3 { height:1500px; } .blogblogpagina .span4 .column-1 .page-header h2[itemprop="name"], .blogblogpagina .span4 .column-2 .page-header h2[itemprop="name"], .blogblogpagina .span4 .column-3 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:18px; } @media (max-width: 767px) { .blogblogpagina .span4 .column-1 , .blogblogpagina .span4 .column-2, .blogblogpagina .span4 .column-3 { height:auto; } } @media (min-width: 767px) and (max-width: 979px) { .blogblogpagina .span4 .column-1 .page-header h2[itemprop="name"], .blogblogpagina .span4 .column-2 .page-header h2[itemprop="name"], .blogblogpagina .span4 .column-3 .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:16px; } } /*NEW MAART 2021*/ .page-header { border-bottom: 0px solid #eee; } /* achtergrond kleur pagina lees verder BLOG*/ .span9 .item-pageblogpagina { background:#f4f7f5; background-image: url("../images/bgeencol1.png"); background-repeat: repeat; background-color:transparent; border:1px solid #cbcbcb; margin-left:0px; margin-top:0px; padding-top:13px; padding-bottom:42px; } /*NEW MAART 2021*/ .item-pageblogpagina .page-header h2[itemprop="headline"] { color:#7c8aa7; } /*NEW MAART 2021*/ .pager { margin: 18px 0; list-style: none; text-align: center; *zoom: 1; } ul.pager { padding-top:32px; } .pager:before, .pager:after { display: table; content: ""; line-height: 0; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999; background-color: #fff; cursor: default; } .icon-chevron-left { display:none; } ul.pager li.next, ul.pager li.previous { background-image:url(../images/sqpurpkle.png); background-repeat:no-repeat; background-position:0px 10px; padding-left:24px; padding-bottom:2px; font-size:17px; } /*NEW MAART 2021*/ .itemid-138 p.blogimg img, .itemid-156 p.blogimg, .itemid-127 p.blogimg { text-align:center; padding-bottom:0px; border:0px solid red; } .item-pageblogpagina p.blogimg img { text-align:center; padding-bottom:0px; border:0px solid red; padding:8px; background:#ffffff; } @media (max-width: 979px) { .span6 p { font-size:18px; } .span6 .column-1 p.maand { font-family:'Nanum Gothic'; font-size:14px; color:#292929; } .blogagendapagina .span6 { border:0px solid #cbcbcb; } } @media (max-width: 768px) { /*kleur colommen homepage*/ .itemid-101 .span6 .column-1, .itemid-147 .column-1, .itemid-130 .span6 .column-1, .itemid-145 .column-1 { background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; padding:0px 0px 0 0px; margin:0px; padding-top:0px; margin-top:0px; } .itemid-101 .span6 .column-1, .itemid-130 .span6 .column-1 { margin-bottom:0px; padding-bottom:86px; } .itemid-101 .span6 .column-2, .itemid-130 .span6 .column-2 { margin-top:0px; } .itemid-101 .span6 , .itemid-130 .span6 { margin-bottom:-1px; } } /*NEW MAART 2021 FORM*/ .customformulier { border:1px solid #CBCBCB; margin-top:12px; padding-top:22px; background-color:#F2FFFE; background-image: url("../images/bgeencol3.png"); background-color:transparent; } .customformuliercontact { border:1px solid #CBCBCB; margin-top:12px; padding-top:22px; background-color:#F2FFFE; background-image: url("../images/bgeencol3.png"); background-color:transparent; } .span6 p.readmore { padding-top:32px; padding-bottom:32px; } .span6 p.readmore a.btn{ font-size:16px; } /*NEW MAART 2021 LEES VERDER AGENDA*/ .span9 .item-pageagendapagina { border:1px solid #cbcbcb; margin-left:22px; background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; padding-bottom:46px; padding-left:18px; } .span9 .item-pageagendapagina [itemprop="articleBody"] { padding-top:42px; } .span9 .item-pageagendapagina .page-header h2[itemprop="name"] { font-family:'Montserrat'; font-weight:400; font-size:22px; color:#7c8aa7; margin-bottom:0px; padding-bottom:0px; } .span9 .item-pageagendapagina p.maand { font-family:'Nanum Gothic'; font-size:14px; color:#292929; } @media (min-width: 979px) and (max-width: 1520px) { .span9 .item-pageagendapagina { border:1px solid #cbcbcb; margin-left:0px; background-color:#F2FFFE; background-image: url("../images/bgeencol1.png"); background-color:transparent; padding-bottom:46px; padding-left:18px; } } @media (max-width: 979px) { .span9 .item-pageagendapagina { margin-right:24px; } } .topfotonew img{ border:0px solid #cbcbcb; } #CarouselTop { padding: 2% 2% 2% 2%; border:0px solid red; } .carousel { position: relative; margin-bottom: 0px; line-height: 1; } /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } { left: 0 !important; -webkit-transition: opacity 3.9s; /*adjust timing here */ -moz-transition: opacity 3.9s; -o-transition: opacity 3.9s; transition: opacity 3.9s; } .itemid-101 .span6 .column-2, .itemid-130 .span6 .column-2 { padding:0 19% 0 18%; padding-top:32px; border:1px solid #BCBCBC; } .itemid-101 .span6 .column-2 .videohome, .itemid-130 .span6 .column-2 .videohome { border:1px solid #BCBCBC; background:#ffffff; } #aside ul.nav { margin-top:12px; } @media (min-width: 768px) and (max-width: 1212px) { .itemid-101 .span6 .column-2, .itemid-130 .span6 .column-2 { padding:0 5% 0 4%; padding-top:32px; border:1px solid #BCBCBC; } } @media (max-width: 979px) { .span9 .item-pageblogpagina { margin-right:0px; } } @media (max-width: 979px) { .span9 .item-pageblogpagina .page-header h2[itemprop="headline"] { padding-top:22px; } }