@charset "utf-8";
/* CSS Document */
@import url("/netherlands/css/share-buttons-styling.css");
/* BASIC */

section,article,figure,h1,h2,h3,h4,h5,h6 { color:#4a4a4a; display:block; margin:0; font-size:13px; line-height:17px; padding:0; }

.twothirds h1, .twothirds h2, .onethird h2 { color:#666; font-family:'Roboto Slab'; font-size:22px; font-weight:bold; line-height:23px; }
.twothirds h3 { color:#6488a7; font-size:17px; font-weight:normal; margin-bottom:20px; }
.twothirds h4 { color:#4e4f53; font-size:15px; margin-bottom:5px; }

section.twothirds { float:left; }
section.onethird { float:right; }

article { margin-bottom:50px; }

article.twocol { line-height:19px; width:260px; }
article.xmar { margin-bottom:70px; }

.head .right { float:right; width:370px; }
.head p { font-weight:bold; margin-bottom:25px; }

.twothirds .head {
	
	margin-bottom:4px!important;
	
	}



.onethird article { border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; }
.onethird article { border:1px solid #ededed; margin-bottom:28px; }
.onethird h5 { background:#e8e8e8; color:#6488a7; font-weight:bold; display:block; padding:5px 10px; }
.onethird .inner { color:#4d4f53; font-size:12px; padding:18px 10px 14px; }

/* PAGINA DELEN / VOLG AON */

/* STYLE OM GIGYA SHAREBAR MARGIN TE GEVEN  */
#shareBarUI {
margin-bottom:20px;	
	}



.delen { border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; color:#6488a7; font-size:13px; font-weight:bold; padding:6px 3px; }
.volg-aon { color:#6488a7; font-size:13px; font-weight:bold; }
.delen span, .volg-aon span { float:right; margin-right:5px; padding-top:4px; }
.delen a, .volg-aon a { background-image:url(/netherlands/cyberrisico/images/deelpagina.jpg); display:block; float:right; height:23px; margin-left:10px; width:23px; }
.delen .linkedin, .volg-aon .linkedin { background-position:0 0; }
.delen .linkedin:hover, .volg-aon .linkedin:hover { background-position:0 -23px; }
.delen .twitter, .volg-aon .twitter { background-position:-23px 0; }
.delen .twitter:hover, .volg-aon .twitter:hover { background-position:-23px -23px; }
.delen .google, .volg-aon .google { background-position:-46px 0; }
.delen .google:hover, .volg-aon .google:hover { background-position:-46px -23px; }
.delen .youtube, .volg-aon .youtube { background-position:-69px 0; }
.delen .youtube:hover, .volg-aon .youtube:hover { background-position:-69px -23px; }
.delen .email, .volg-aon .email { background-position:-92px 0; }
.delen .email:hover, .volg-aon .email:hover { background-position:-92px -23px; }

/* ICONEN SET */

.iconset { background-image:url(/netherlands/cyberrisico/images/iconenset.png); display:block; height:38px; width:38px; }
.iconset.left { margin-right:10px; }
.iconset.show { float:left; margin:0 7px 7px 0; }

/* BANNERS */

.banner { background:#0039a6; border:1px solid #ededed; color:#fff !important; display:block; font-family:'Open Sans'; font-size:24px; font-weight:300; line-height:28px; padding:15px 18px 42px; position:relative; }
.banner:hover { text-decoration:none; }
.banner:hover .cta { text-decoration:underline; }
.banner .cta { bottom:15px; font-size:11px; font-weight:700; left:18px; line-height:18px; position:absolute; }
.banner .cta img { margin:0 0 -2px 2px; }

.banner_yellow { background:#F0AB00; border:1px solid #ededed; color:#000 !important; display:block; font-family:'Open Sans'; font-size:24px; font-weight:300; line-height:28px; padding:15px 18px 42px; position:relative; }
.banner_yellow:hover { text-decoration:none; }
.banner_yellow:hover .cta { text-decoration:underline; }
.banner_yellow .cta { bottom:15px; font-size:11px; font-weight:700; left:18px; line-height:18px; position:absolute; }
.banner_yellow .cta img { margin:0 0 -2px 2px; }


.banner_lightblue { background:#018fb5; border:1px solid #ededed; color:#fff !important; display:block; font-family:'Open Sans'; font-size:24px; font-weight:300; line-height:28px; padding:15px 18px 42px; position:relative; }
.banner_lightblue:hover { text-decoration:none; }
.banner_lightblue:hover .cta { text-decoration:underline; }
.banner_lightblue .cta { bottom:15px; font-size:11px; font-weight:700; left:18px; line-height:18px; position:absolute; }
.banner_lightblue .cta img { margin:0 0 -2px 2px; }

.banner.ribbon { background:url(/netherlands/cyberrisico/images/bnnr-ribbon.jpg) right top no-repeat #fff; color:#000 !important; font-family:'Roboto Slab'; font-size:22px; padding:15px 220px 42px 18px; }
.banner.ribbon .cta { color:#6488a7; font-family:'Open Sans'; }

.banner.small { width:220px; }
.banner.small, .onethird .banner { padding:15px 18px 60px; }
.banner.ribbon.small, .onethird .banner.ribbon { background:url(/netherlands/cyberrisico/images/bnnr-ribbon-small.jpg) left bottom no-repeat #fff; padding:15px 18px 110px; }
.banner.ribbon.small .cta, .onethird .banner.ribbon .cta { bottom:88px; }

div.banner { background:url(/netherlands/cyberrisico/images/bnnr-ribbon-txt.jpg) right center no-repeat #fff; color:#000 !important; font-family:'Roboto Slab'; font-size:20px; line-height:24px; margin-bottom:20px; max-height:106px; overflow-y:hidden; padding:12px 220px 12px 18px; }
div.banner .small { display:block; font-family:'Open Sans'; font-size:12px; font-weight:600; line-height:15px; margin-top:5px; }

.greenbanner {background:#7ab800;}
.redbanner {background:#e11b22;}



/* FORMULIER */

form.aanmelden { background:#e8e8e8; display:block; margin:65px 0 40px; min-height:265px; padding:20px; position:relative; }
form.aanmelden .whitepaper { position:absolute; right:40px; bottom:0; }
form.aanmelden .wrap { width:295px; }
form.aanmelden select, form.aanmelden input[type=text] { border-top:1px solid #c3c3c3; border-right:none; border-bottom:none; border-left:1px solid #c3c3c3; }
form.aanmelden select, form.aanmelden input[type=text] { font-size:12px; font-style:italic; margin:0 0 15px; padding:7px; }
form.aanmelden .left { width:110px; }
form.aanmelden .right { width:132px; }
form.aanmelden .full { width:280px; }
form.aanmelden select { padding:5px !important; width:124px !important; }
form.aanmelden input[type=checkbox] { bottom:-2px; display:block; float:left; margin:0 8px 25px 2px; position:relative; }
form.aanmelden .checkbox { display:block; float:left; font-size:10.5px; line-height:15px; width:270px; }
form.aanmelden .bedankt { display:block; font-size:12.5px; padding:20px 0 25px 25px; }
form.aanmelden input[type=submit] { background-image:url(/netherlands/cyberrisico/images/submit.png); background-position:right center; background-repeat:no-repeat; background-color:#6488a7; border:none; float:right; font-style:normal; margin-top:30px; padding:6px 30px 6px 12px; }
form.aanmelden .submit-2 { background-image:url(/netherlands/cyberrisico/images/submit-2.png) !important; }
form.aanmelden input[type=submit]:hover { background-color:#8a8a8a; cursor:pointer; }
.placeholder { color:#AAA !important; }

/* FOOTER */

div.footlinks { border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; display:block; margin:15px 0; padding:8px 0; }
div.footlinks .more { border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; }
div.footlinks .more { background-image:url(/netherlands/cyberrisico/images/submit-2.png); background-position:right center; background-repeat:no-repeat; }
div.footlinks .more { background-color:#6488a7; color:#FFF; display:block; float:left; font-family:'Open Sans'; font-weight:600; padding:5px 30px 5px 10px; }
div.footlinks.agressive .more { background-color:#e11b22; }
div.footlinks .more:hover { background-color:#8a8a8a; text-decoration:none; }
div.footlinks .up { background-image:url(/netherlands/cyberrisico/images/bnnr-arrow-up.png); background-position:left center; background-repeat:no-repeat; }
div.footlinks .up { display:block; float:right; padding:6px 1px 4px 18px; }

/* SIDEBAR */

.sidelinks { margin:4px !important; padding:0 !important; }
.sidelinks li { display:block; padding:0 7px; }
.sidelinks li:hover { background:#e8e8e8; text-decoration:none; }
.sidelinks a { background:url(/netherlands/cyberrisico/images/linkarrow.png) right center no-repeat; border-top:1px solid #ededed; color:#4d4f53; display:block; padding:5px 0; }
.sidelinks a:hover { background:url(/netherlands/cyberrisico/images/linkarrow.png) right center no-repeat #e8e8e8; text-decoration:none; }
.sidelinks .active a, .sidelinks .active a:hover, .sidelinks .active:hover { background:none; color:#939393; }
.sidelinks .first { border:none; }

.bluebtn { border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; }
.bluebtn { background:#6488a7; color:#fff !important; display:block; float:left; font-family:'Open Sans'; font-size:13px; font-weight:600; padding:5px 12px; margin-top:15px; }
.bluebtn:hover { background:#8a8a8a; text-decoration:none; }
.bluebtn img { margin:0 0 -1px 6px; }

.subnav ul { left:0 !important; width:auto !important; }
.subnav li { float:none !important; width:auto !important; }

/* COMPONENTS */

.hr { border-bottom:1px solid #bababa; margin-bottom:10px; padding-top:10px; }
.hr2 { border-bottom:1px solid #f2f2f2; margin-bottom:15px; padding-top:15px; }

.divider { border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; display:block; font-size:12px; font-weight:bold; margin-bottom:15px; padding:8px 3px; }

ul.red { color:#e11b22; margin:0 0 10px 15px; }
ul.red li { background:none; list-style:disc; padding:0; }

.bmargin { margin-bottom:20px; }
figure.bmargin { margin-bottom:15px; }

.left { float:left; }
figure.left { margin-right:20px; }
.right { float:right; }
figure.right { margin-left:40px; }
.clear { clear:both; }

.black { color:#000; }
.grey { color:#4a4a4a; }