/* cmsms stylesheet: generic modified: 10/19/20 11:27:59 */
/* GENERIC */
html { height: 100%; margin: 0; padding: 0; }

body { font-family: "Roboto", helvetica, arial, sans-serif; color: #666; font-size: 14px; margin: 0; padding: 0; }

#wrapper { min-height: 100%; position: relative; }

h1, h2, h3, h4, h5 { font-size: 22px; font-weight: 500; color: #1071b9; padding-top: 20px; margin-top: 10px; margin-bottom: 10px; line-height: 1.5; }

a { color: #1071b9; }

a:hover, a:active, a:visited { color: #0061a9; }

.btn:hover, .btn:active, .btn:visited { color: #666; }

.content-container { padding-top: 80px; padding-bottom: 190px; }

table, th, td { border: 1px solid #666; padding: 8px; font-size: 14px; }

@media (min-width: 768px) and (max-width: 991px) { .content-container { padding-bottom: 210px; } }
@media (max-width: 767px) and (min-width: 423px) { .content-container { padding-bottom: 290px; } }
@media (max-width: 422px) { .content-container { padding-bottom: 310px; } }
div.divider.divider-dotted { margin-top: 20px; margin-bottom: 20px; height: 10px; border: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==") repeat-x center; }

div.divider.divider-dotted:after { display: none; }

/* END GENERIC */
/* NAVIGATION */
#header { height: 80px; background: white; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.header .main-nav { margin-top: 15px; margin-left: 0px; }

.header .main-nav .navbar-toggle { margin-right: 0; margin-top: 0; background: none; position: absolute; right: 10px; top: 10px; }

.navbar-nav { z-index: 1200; margin: 0px 0px; }

li.divider { padding: 15px 5px; margin-right: 15px; border-right: 1px solid #E0E0E0; padding-bottom: 35px; }

.nav .divider:hover { border-bottom: 0px; }

.logo-size { height: 70px; }

.logo { display: block; margin-top: 0; margin-bottom: 0; float: left; padding-top: 10px; padding-right: 10px; }

.navbar-toggle .icon-bar { height: 3px; margin-top: 6px; }

.dropdown-menu li { border-bottom: 1px solid #f0f0f0; padding: 3px 0; margin: 0 5px; }

.dropdown-menu p { padding: 2px 0; margin: 0 5px; margin-bottom: 10px; }

.dropdown-menu li:hover { border-bottom: 2px solid #1071b9; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #777; text-decoration: none; background-color: #FFFFFF; }

.nav li:hover { border-bottom: 1px solid #1071b9; }

.nav li a { 
	color: #1071b9; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.nav li a:active, nav li a:visited, .nav li a:hover { color: #1071b9; text-decoration: none; }

.nav .open a, .nav .open a:hover { background-color: rgb(255, 255, 255, 0); }


@media (min-width: 992px) { ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
  .dropdown-menu { border-top: 2px solid #1071b9; left: auto; right: 0; }
  .scrollable-menu { min-width: 800px; left: 60%; right: auto; transform: translate(-60%, 0); border-top: 2px solid #1071b9; font-size: 0.9em}
  .nav-item:hover > .caretDiv:after { content: ""; display: block; width: 0; border-right: 6px solid transparent; border-bottom: 6px solid #1071b9; border-left: 6px solid transparent; position: absolute; top: 44px; right: 13px; } }
@media (min-width: 992px) and (max-width: 1199px) { li .divider { margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .nav li a { padding-left: 5px; padding-right: 5px; }
  .nav li .scrollable-menu li a { padding-left: 0px; padding-right: 0px; }
  .scrollable-menu { left: 80%; transform: translate(-80%, 0); }
  .logo { padding-right: 0px; margin-top: 10px; }
  .header .main-nav { margin-left: 0px; }
  .logo-size { height: 45px; } 
  .divider { margin-right: 5px !important; } }
@media (max-width: 991px) { li.divider { padding: 0px; margin: 0px; border-top: 1px solid #E0E0E0; }
  .header .main-nav .navbar-toggle .icon-bar { background-color: #1071b9 !important; }
  .navmenu-default { -webkit-box-shadow: 10px 0 25px 1px rgba(51, 51, 51, 0.2); -moz-box-shadow: 10px 0 25px 1px rgba(51, 51, 51, 0.2); box-shadow: 10px 0 25px 1px rgba(51, 51, 51, 0.2); border-right: 1px solid #e0e0e0; background-color: white; max-width: 280px; }
  .nav li a { color: #666; }
  .nav li a:hover { color: #666; }
  .navbar-nav { float: none !important; margin-top: 7.5px; }
  .offcanvas-sm.in { display: block; }
  .offcanvas-sm { display: none; }
  .navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { left: 0; right: auto; border-width: 0 1px 0 0; }
  .navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas { position: fixed; z-index: 1030; top: 0; bottom: 0; overflow-y: auto; border-radius: 0; }
  .navbar-header { float: none; }
  .navbar-left, .navbar-right { float: none !important; }
  .navbar-toggle { display: block; }
  .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-nav { float: none !important; margin-top: 7.5px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .collapse.in { display: block !important; }
  .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
  .scrollable-menu p { margin-top: 10px; }
  .scrollable-menu > .col-md-4:nth-of-type(1) p { margin-top: 0px; }
  .scrollable-menu { margin-bottom: 10px; } }
.dropdown-menu .menu-header-p { margin-bottom: 15px; }
.dropdown-menu .menu-sectionheader { margin-top: 25px; margin-bottom: 15px; }

@media (max-width: 767px) { .dropdown-menu .menu-header-p { min-height: 0px; margin-bottom: 10px; } }

.dropdown-menu .nav li a { padding: 0 10px; }
.dropdown-menu .nav-item a { padding-left: 0px!important; }

/* END NAVIGATION */
/* FOOTER */
.footer-copyright { border-top: 1px dotted #666666; padding-top: 20px; padding-bottom: 20px; background: #111111; }

.footer-wrapper { padding-top: 20px; padding-bottom: 20px; background-color: #202020; }

.footer-wrapper li { list-style-type: none; }

.footer-wrapper li:before { content: "\f054"; font-family: FontAwesome; color: #1071b9; position: absolute; }

.footer-wrapper li a { margin-left: 15px; color: #FFFFFF; }

.footer { width: 100%; position: absolute; bottom: 0; left: 0; }

.footer a { color: #F0F0F0; }

.footer a:hover { color: #FCFCFC; text-decoration: underline; }

/* END FOOTER */
/* NEWS SUMMARY VIEW */
.backgroundImg { background-position: top; height: 200px; background-size: contain; margin-top: 14px; background-repeat: no-repeat; }

.newsitem-title a { color: #333; text-decoration: none; }

.newsitem-title a:hover { color: #FFA500; }

ul.blogitem-date { display: block; padding-top: 10px; padding-left: 0px; color: #999; font-weight: 400; font-size: 12px; text-transform: uppercase; }

ul.blogitem-date > li { float: left; list-style: none; margin-left: -5px; padding-right: 20px; padding-left: 5px; }

ul.blogitem-date > li > p { margin: 0px; margin-left: 5px; float: right; }

/* END NEWS SUMMARY VIEW */
/* NEWS DETAIL VIEW */
.banner { width: 100%; background-position: top center; background-repeat: no-repeat; height: 355px; position: relative; background-size: cover; }

.blog-title { color: #FFFFFF; font-size: 32px; line-height: 44px; font-weight: 200; background-color: rgba(0, 0, 0, 0.75); padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; display: inline-block; margin-bottom: 0px; bottom: 35px; position: absolute; }

ul.blog-date { background-color: #1071b9; color: #FFFFFF; font-size: 12px; font-weight: 300; padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; display: inline-block; bottom: 2px; position: absolute; }

ul.blog-date > li { display: inline-block; list-style: none; margin-left: -5px; padding-right: 20px; padding-left: 5px; }

ul.blog-date a { color: #FFFFFF; }

.blog-summary { margin-top: 15px; font-style: italic; font-size: 15px; margin-bottom: 10px; font-weight: 300; }

#rowPrevNextBack div { display: inline-block; }

#rowPrevNextBack { padding: 0 15px 0 15px; }

/* END NEWS DETAIL VIEW */
/* BACK TO TOP PLUGIN */
a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 80px; background: url("/assets/images/top.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* END BACK TO TOP PLUGIN */

/* START Beste 5 sim only deals blok */

h5.lined {
    font-size: 12px;
    color: #999;
    width: 100%;
    text-align: center;
    border-bottom: 1px dotted #E0E0E0;
    line-height: 0.1em;
    margin: 20px 0px 20px;
    display: block;
}

.lined span {
    background: #FFFFFF;
    padding: 0 10px;
    color: #999;
}

#siderBlokNav {
    width: 100%;
    margin-bottom: 10px;
}

#siderBlokNav .nav-item.active {
    border-bottom: 2px solid #F49600;
}

#siderBlokNav li a {
    color: #444;
}

#siderBlokNav li {
    width: 50%;
    float: left;
}

.clear-both {
    clear: both;
}

#siderBlokNav .nav-item:hover {
    border-bottom: 2px solid #F49600;
}

div#tds-pci-1.tds-armor > div#sub-tds-pci-1.tds-armor > div.tds-armor .bfBZRT {
   max-width: 100% !important;
}

#metToestel {
   text-align: right;
}

/* END Beste 5 sim only deals blok */

/* START Vergelijk menu mobiel */

@media (max-width: 991px){

#header {
   height: 155px !important;
}

.content-container {
   margin-top: 80px !important;
}

#vergelijk-type-menu-nav {
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0px;
    background-color: #F3F3F3;
}

#vergelijk-type-menu .nav-item {
   width: 50%;
   display: block;
   float: left;
   padding-bottom: 3px;
   padding-top: 3px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 15px;
}

#vergelijk-type-menu .nav-item a:hover {
    background-color: #e2e2e2 !important;
}

#vergelijk-type-menu .nav-item-border-right {
    border-right: 1px solid #c3c3c3;
    border-radius: 0px;
}

#vergelijk-type-menu .nav-item-full-width {
    width: 100%;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

#vergelijk-type-menu #vergelijk-type-menu-header {
   width: 100%;
   margin: 0px;
   font-weight: 600;
   padding-top: 8px;
   padding-bottom: 8px;
}

#vergelijk-type-menu-nav .navbar-nav {
    margin-left: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #c3c3c3;
}

#vergelijk-type-menu li:hover {
    border-bottom: 0px;
}
}

}

/* END Vergelijk menu mobiel */

.aanbieder-img {
    max-width: 150px;
    max-height: 100px;
}

.aanbieder-image {
    max-width: 200px;
    max-height: 150px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.dropdown-menu .col-md-4 {
   min-height: 200px;
}

    /* START KPN PROMO BLOK */

    .img-wrapper-iphone-kpn-promo img {
    	width: 100%;
    }

    .img-wrapper-iphone-kpn-promo-mobiel img {
    	width: 100%;
    }

    .img-wrapper-iphone-kpn-promo-2-column img {
    	width: 100%;
    	margin-top: 50px;
    }

    .text-wrapper-kpn-promo img {
    	float: right;
    	margin-top: 40px;
    }

    .text-wrapper-kpn-promo h3 {
    	font-size: 22px;
    	padding: 0px;
    	margin: 0px;
    	margin-bottom: 15px;
    }

    .text-wrapper-kpn-promo .btn {
    	width: 50%;
    }

    .kpnPromoBlok {
    	background-color: aliceblue;
    	border-radius: 10px;
    	padding: 20px;
    	margin-top: 20px;
    	margin-bottom: 20px;
    	margin-left: 0px;
    	margin-right: 0px;
    }

    .text-wrapper-kpn-promo a {
    	color: #666;
    }

    .text-wrapper-kpn-promo a:hover {
    	text-decoration: none;
    }

    .text-wrapper-kpn-promo-mobiel a {
    	color: #666;
    }

    .text-wrapper-kpn-promo-mobiel a:hover {
    	text-decoration: none;
    }

    .text-wrapper-kpn-promo-mobiel img {
    	float: right;
    	margin-top: 40px;
    }

    .text-wrapper-kpn-promo-mobiel h3 {
    	font-size: 18px;
    	padding: 0px;
    	margin: 0px;
    	padding-bottom: 15px;
    }

    .text-wrapper-kpn-promo-mobiel .btn {
    	width: 100%;
    }

    @media (min-width: 600px) {
    	.text-wrapper-kpn-promo-mobiel h3 {
    		font-size: 22px;
    	}
    }

    @media (max-width: 767px) {

    	.img-wrapper-iphone-kpn-promo img {
    		width: 50%;
    		display: block;
    		margin: 0 auto;
    		margin-bottom: 25px;
    	}

    	.img-wrapper-iphone-kpn-promo-2-column img {
    		width: 50%;
    		display: block;
    		margin: 0 auto;
    		margin-bottom: 25px;
    	}

    	.text-wrapper-kpn-promo img {
    		float: none;
    		display: block;
    		margin: 0 auto;
    		margin-top: 15px;
    		margin-bottom: 15px;
    	}

    	.text-wrapper-kpn-promo h3 {
    		font-size: 22px;
    		padding: 0px;
    		margin: 0px;
    	}

    	.text-wrapper-kpn-promo .btn {
    		width: 100%;
    	}

    	.kpnPromoBlok {
    		background-color: aliceblue;
    		border-radius: 10px;
    		padding: 20px;
    		margin-left: 5px;
    		margin-right: 5px;
    		margin-top: 15px;
    		margin-bottom: 15px;
    	}
    }

    @media (min-width: 768px) and (max-width: 991px) {
    	.img-wrapper-iphone-kpn-promo img {
    		margin-top: 50px;
    	}
    }

    @media (max-width: 460px) {
    	.text-wrapper-kpn-promo-mobiel {
    		width: 100%;
    	}

    	.img-wrapper-iphone-kpn-promo-mobiel {
    		width: 100%;
    	}

    	.img-wrapper-iphone-kpn-promo-mobiel img {
    		width: 50%;
    		display: block;
    		margin: 0 auto;
    		margin-bottom: 25px;
    	}
    }

    @media (min-width: 768px){
    	.img-wrapper-iphone-kpn-promo {
    		width: 20%;
    	}

    	.text-wrapper-kpn-promo {
    		width: 80%;
    	}
    }

    /* END KPN PROMO BLOK */

/* KPN FEATURED HEADER */

    .green-container {
    	background-color: #009900;
        margin-top: 80px;
        margin-bottom: -80px;
    }

    .kpn-promo-blok {
    	background-color: #009900;
    	height: 120px;
    	margin-left: 0;
    	margin-right: 0;
    }

    .wrapper-brand-img-kpn-blok {
    	height: 100%;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	width: 15%;
    	margin-right: 10px;
    }

    .wrapper-brand-img-kpn-blok img {
    	width: 100%;
    	padding-top: 15px;
    }

    .wrapper-text-kpn-blok {
    	padding: 0;
    }

    .wrapper-text-kpn-blok h3{
    	margin-top: 22px;
    	margin-bottom: 5px;
    	font-weight: 500;
    	color: white;
    	padding-top: 0px;
	font-size: 20px;
    }

    .wrapper-text-kpn-blok p {
    	margin: 0;
    	color: white;
    }

    .wrapper-button-kpn-blok {
    	margin-top: 40px;
    }

    .btn-kpn-blok {
    	background-color: white;
    	border-color: white;
    }

    .btn-kpn-blok a {
    	color: #009900;
    }

    .btn-kpn-blok a:hover {
    	color: #0d7d00;
    }

    .wrapper-iphone-img-kpn-blok {
    	float: right;
    	height: 120px;
    }

    .wrapper-iphone-img-kpn-blok img {
    	height: 100%;
    }

    @media (min-width: 1200px) {
    	.btn-kpn-blok {
    		width: 100%;
    	}
    }

    @media (max-width: 1199px) {
    	.wrapper-iphone-img-kpn-blok {
    		float: left;
    		margin-top: 9px;
    	}

    	.wrapper-text-kpn-blok h3 {
    		margin-top: 10px;
    		margin-bottom: 7px;
    		font-size: 20px;
    	}
    }

    @media (max-width: 991px) {
    	.wrapper-iphone-img-kpn-blok {
    		margin-top: 10px;
    	}
    }

    @media (min-width: 768px) and (max-width: 991px) {


    .green-container {
    	background-color: #009900;
        margin-top: 160px;
        margin-bottom: -160px;
    }

    	.wrapper-brand-img-kpn-blok {
    		width: 18%;
    		margin-right: 20px;
    	}

    	.wrapper-text-kpn-blok {
    		width: 40%;
    		margin-top: 15px;
    	}

    	.btn-kpn-blok {
    		padding-left: 6px;
    		padding-right: 6px;
    	}

    	.wrapper-brand-img-kpn-blok img {
    		padding-top: 22px;
    	}
    }

    @media (max-width: 767px) {

    .green-container {
    	background-color: #009900;
        margin-top: 160px;
        margin-bottom: -160px;
    }

    	.wrapper-brand-img-kpn-blok {
    		float: left;
    		width: 20%;
    	}

    	.wrapper-text-kpn-blok {
    		float: left;
    		width: 100%;
    	}

    	.btn-kpn-blok {
    		font-size: 11px;
    		width: 100%;
    	}

    	.wrapper-text-kpn-blok h3 {
    		font-size: 17px;
    	}

    	.wrapper-text-kpn-blok {
    		margin: 0;
    		text-align: center;
    	}

    	.wrapper-brand-img-kpn-blok {
    		height: 95px;
    		margin: 0;
    		padding: 0;
    		width: 30%;
    		padding-left: 20px;
    		padding-top: 5px;
    		margin-bottom: 8px;
    	}

    	.wrapper-button-kpn-blok {
    		float: left;
    		margin: 0;
    		width: 40%;
    		margin-top: 30px;
    		padding: 0;
    	}

    	.wrapper-iphone-img-kpn-blok {
    		margin: 0;
    		padding: 0;
    		height: 95px;
    		float: right;
    		width: 20%;
    		margin-top: 8px;
    	}

    	.wrapper-brand-img-kpn-blok img {
    		padding-top: 15px;
    		padding-right: 10px;
    	}
    }

    @media (max-width: 500px) {
    	.wrapper-button-kpn-blok {
    		margin-left: 20px;
    	}
    }

    @media (max-width: 422px) {
    	.wrapper-iphone-img-kpn-blok{
    		width: 25%
    	}

    	.wrapper-button-kpn-blok{
    		padding-left: 20px;
    		margin-left: 0px;
    	}

    	.wrapper-brand-img-kpn-blok{
    		padding-left: 0px;
    	}
    }

@media (max-width: 442px) {

    .green-container {
        margin-top: 185px;
        margin-bottom: -185px;
    }

}

    /* END KPN FEATURED HEADER */