/* cyberwatch.pro - stylesheet */
html, body { margin:0; padding:0; }
body {
	background-color:#dddddd;
	color:#000000;
	font-family:Arial, Tahoma, sans-serif;
	font-size:13px;
}
a { color:#00416f; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
.clear { clear:both; height:0; overflow:hidden; }
.left { float:left; }
.right { float:right; }
.nowrap { white-space:nowrap; }

/* ---------- header ---------- */
#header_container {
	position:relative;
	height:112px;
	margin-bottom:-112px;
	background:#666666;
	background-image:linear-gradient(to bottom,
		#707070 0px, #666666 2px, #666666 60px,
		#5f5f5f 66px, #515151 105px, #636363 112px);
	z-index:5;
}
#header_contents {
	width:1015px;
	margin:0 auto;
	padding:5px;
	height:60px;
}
#logo {
	display:block;
	float:left;
	width:267px;
	height:51px;
	margin-top:7px;
	background:url(logo.svg) no-repeat left top;
	background-size:267px 51px;
	text-indent:-9999px;
	overflow:hidden;
}
#poweredby {
	display:block;
	float:left;
	margin:18px 0 0 12px;
	color:#bdbdbd;
	font-size:10px;
	line-height:13px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#poweredby span { display:block; color:#8f8f8f; font-size:9px; letter-spacing:0; text-transform:none; }

/* ---------- navigatie ---------- */
#navigation_container {
	height:45px;
	background-color:rgba(215,215,215,0.47);
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	box-shadow:0 3px 4px rgba(0,0,0,0.09);
	box-sizing:border-box;
}
#navigation_contents { width:1020px; margin:0 auto; height:37px; }
#navigation_contents a.node {
	display:block;
	float:left;
	box-sizing:border-box;
	width:160px;
	height:37px;
	padding:0 5px;
	margin:0 15px 0 0;
	line-height:37px;
	color:#00416f;
	text-decoration:none;
}
#navigation_contents a.node span { font-size:16px; color:#dadada; line-height:37px; }
#navigation_contents a.node.active span,
#navigation_contents a.node:hover span { color:#ffffff; }
#navigation_contents a.node:hover { text-decoration:none; }
#navigation_contents .right.nouser { float:right; line-height:37px; }
#navigation_contents .right.nouser a { font-size:12px; color:#dadada; }
#navigation_contents .right.nouser a:hover { color:#ffffff; text-decoration:none; }
#navigation_contents .right.nouser .sep { color:#8d8d8d; font-size:12px; padding:0 3px; }

/* ---------- pagina ---------- */
#page_content_container {
	width:1020px;
	margin:0 auto;
	padding-top:112px;
	background-color:#ffffff;
}
.content_container { padding:15px 10px; }
.content_left { float:left; width:735px; }
.content_right { width:250px; margin-left:750px; }
#page_container_gap { height:100px; }

/* ---------- postings ---------- */
.spotlight_container { margin-right:-15px; overflow:hidden; }

/* Vaste hoogte houdt het raster strak. Zonder dit haken de zwevende blokken
   aan elkaar zodra hun hoogte verschilt, met witte gaten tot gevolg. */
.posting.spotlight {
	float:left;
	width:355px;
	height:250px;
	margin:0 20px 12px 0;
	overflow:hidden;
	position:relative;
}
.posting.spotlight .posting_body_container { padding:10px 0 0 0; }
.posting.spotlight h1,
.posting.spotlight h2,
.posting.spotlight h3 {
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height:58px;
}
.posting.spotlight .posting_content {
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height:66px;
}
.posting.spotlight .read_more_link { position:absolute; left:0; bottom:10px; }

/* Forumblok: precies zes regels tonen, zodat er geen halve regel afgesneden
   onderaan blijft hangen. */
.posting.spotlight .posting_list { max-height:168px; overflow:hidden; }
.posting.spotlight .posting_list_item { height:26px; line-height:26px; margin-top:2px; }
.posting.spotlight .more_activity_link { position:absolute; left:0; bottom:10px; }

/* Dunne scheidslijn boven de voetregel, zodat de blokken afgerond ogen. */
.posting.spotlight:after {
	content:"";
	position:absolute;
	left:0; right:0; bottom:30px;
	border-top:1px solid #ededed;
}
.posting_header {
	background-color:#00416f;
	color:#ffffff;
	font-size:12px;
	padding:5px 5px 5px 10px;
}
.posting_header a { color:#ffffff; }
.posting_header.category_news { background-color:#00416f; }
.posting_header.category_community { background-color:#0166ac; }
.posting_header.category_achtergrond { background-color:#3a6f38; }
.posting_header.category_standalone { background-color:#474747; padding:6px 5px 5px 10px; }
.posting_header.category_vacature { background-color:#7d8890; padding:6px 5px 5px 10px; }
.posting_header.category_column { background-color:#8a5a2b; padding:6px 5px 5px 10px; }
.posting_body_container { padding:10px 0 5px 0; overflow:hidden; }
.posting_body_container.tight { padding:10px 0 0 0; }
.posting_image_link {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:0 15px 0 0;
	border:1px solid #dbdbdb;
	text-align:center;
	line-height:98px;
	background-color:#fafafa;
}
.posting_image_link img { width:80px; height:80px; vertical-align:middle; }
.posting_image_link img.echte_foto { object-fit:cover; }
.article_image img.echte_foto { object-fit:cover; }
.posting h1, .posting h2, .posting h3 {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	color:#474747;
	line-height:19px;
}
.posting h1 a, .posting h2 a, .posting h3 a { color:#474747; }
.posting h1 a:hover, .posting h2 a:hover, .posting h3 a:hover { color:#00416f; text-decoration:none; }
.posting_subtext { font-size:11px; color:#474747; padding-top:3px; }
.posting_content { font-size:13px; color:#474747; line-height:16px; padding-top:6px; }
.read_more_link {
	display:inline-block;
	margin-top:5px;
	padding-right:15px;
	font-size:11px;
	color:#00416f;
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2711%27%20height%3D%279%27%3E%3Cpath%20d%3D%27M0%200l5%204.5L0%209z%27%20fill%3D%27%2300416f%27/%3E%3Cpath%20d%3D%27M5%200l5%204.5L5%209z%27%20fill%3D%27%2300416f%27/%3E%3C/svg%3E") no-repeat right 2px;
}

/* ---------- lijsten ---------- */
.posting_list_heading {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:0 0 10px 0;
}
.posting_list.frontpage .posting_list_heading { padding-top:12px; }
.posting_list.frontpage .posting_list_heading.first { padding-top:0; }
.posting_list_item {
	height:26px;
	line-height:26px;
	margin-top:2px;
	font-size:12px;
	overflow:hidden;
}
.posting_list.with_row_background .posting_list_item { background-color:#f0f0f0; padding:0 10px; }
.posting_list_item.first { margin-top:0; }
.posting_list_item .date { font-size:10px; font-weight:bold; color:#666666; padding-right:5px; }
.posting_list_item .timestamp { font-size:10px; font-weight:bold; color:#666666; padding-right:10px; }
.posting_list_item .childcount { color:#aaaaaa; font-size:13px; padding-left:10px; }
.posting_list_item .childcount a { color:#aaaaaa; }
.posting_list_item .title { font-size:13px; }
.more_activity_link { display:inline-block; margin-top:5px; font-size:11px; color:#00416f; }
a.button {
	display:inline-block;
	height:27px;
	line-height:27px;
	padding:0 12px;
	border:1px solid #0166ac;
	color:#00416f;
	font-size:13px;
}
a.button:hover { background-color:#f2f7fb; text-decoration:none; }
a.button.topgap { margin-top:15px; }

/* ---------- sidebar ---------- */
.sidebar_block { margin:0 0 10px 0; border:1px solid #dbdbdb; }
.sidebar_block.search { background-color:#474747; padding:10px; border:0; }
.sidebar_search_input {
	width:186px;
	height:21px;
	line-height:21px;
	padding:0 4px;
	border:1px solid #2f2f2f;
	font-family:Arial, Tahoma, sans-serif;
	font-size:13px;
	color:#333333;
	vertical-align:top;
}
.submit_search {
	display:inline-block;
	width:23px;
	height:23px;
	margin-left:4px;
	vertical-align:top;
	border:1px solid #2f2f2f;
	background-color:#dcdcdc;
	text-align:center;
	line-height:23px;
	color:#00416f;
	cursor:pointer;
	font-size:12px;
}
.submit_search:hover { text-decoration:none; background-color:#eeeeee; }
.sidebar_block .posting_body_container { padding:10px; }
.sidebar_block .posting h1, .sidebar_block .posting h2, .sidebar_block .posting h3 { font-size:14px; line-height:16px; }
.sidebar_block .posting_content { font-size:12px; line-height:15px; }
.posting_sidebar_footer { margin-top:10px; font-size:11px; color:#474747; overflow:hidden; }
.posting_sidebar_footer a { font-size:11px; }
.poll_container { padding:10px; }
.poll_content_container { padding-bottom:6px; color:#474747; }
.poll_answer_container { padding:2px 0; }
.poll_answer_container label { color:#474747; }
.poll_vote_count { color:#aaaaaa; font-size:11px; }
.sidebar_block.freeform { border:0; }
.sidebar_promo {
	height:248px;
	border:1px solid #dbdbdb;
	background:repeating-linear-gradient(45deg,#f6f6f6,#f6f6f6 12px,#f0f0f0 12px,#f0f0f0 24px);
	color:#9a9a9a;
	text-align:center;
	line-height:248px;
	font-size:12px;
}

/* ---------- artikelpagina ---------- */
.breadcrumb { font-size:11px; color:#888888; padding-bottom:10px; }
.article_header { border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:12px; }
.article_header h1 { font-size:24px; line-height:26px; color:#474747; margin:0 0 6px 0; padding:0; }
.article_meta { font-size:11px; color:#666666; }
.article_body { font-size:13px; color:#333333; line-height:18px; }
.article_body p { margin:0 0 14px 0; }
.article_body h2 { font-size:15px; color:#474747; margin:18px 0 6px 0; padding:0; line-height:18px; }
.article_body ul { margin:0 0 14px 0; padding-left:18px; }
.article_body li { margin-bottom:4px; }
.article_body blockquote {
	margin:0 0 14px 0; padding:8px 12px;
	background-color:#f0f0f0; border-left:3px solid #00416f;
	color:#474747; font-style:italic;
}
.article_image {
	float:right; width:190px; margin:0 0 10px 15px;
	border:1px solid #dbdbdb; background-color:#fafafa; padding:4px;
}
.article_image img { width:190px; height:125px; display:block; }
.article_image .caption { font-size:10px; color:#888888; padding-top:4px; line-height:12px; }
.bronvermelding {
	margin:14px 0 0 0; padding:7px 10px;
	background-color:#f6f6f6; border-left:3px solid #7d8890;
	font-size:11px; color:#555555; line-height:15px;
}
.bronvermelding a { font-size:11px; }

/* Zeer zichtbare markering voor het ene hypothetische scenario-artikel. */
.fictie_waarschuwing {
	margin:0 0 14px;
	padding:12px 14px;
	border:2px solid #9b251f;
	background:#fff0ed;
	color:#58150f;
	font-size:13px;
	line-height:18px;
}
.fictie_waarschuwing strong {
	display:block;
	font-size:16px;
	line-height:20px;
	letter-spacing:.2px;
}
.fictie_waarschuwing span { display:block; margin-top:3px; }
.fictie_waarschuwing.onderaan { margin:16px 0 0; }
.tags { margin:16px 0 0 0; font-size:11px; color:#666666; }
.tags a {
	display:inline-block; padding:2px 6px; margin:0 4px 4px 0;
	background-color:#f0f0f0; border:1px solid #dbdbdb; font-size:11px; color:#00416f;
}
.reactions_heading {
	margin-top:22px; padding:5px 5px 5px 10px;
	background-color:#474747; color:#ffffff; font-size:12px;
}
.reaction { border-bottom:1px solid #ededed; padding:10px 0; }
.reaction_meta { font-size:11px; color:#666666; padding-bottom:4px; }
.reaction_meta .author { font-weight:bold; color:#00416f; }
.reaction_meta .badge {
	display:inline-block; padding:0 4px; margin-left:6px;
	background-color:#00416f; color:#ffffff; font-size:9px; line-height:13px;
	text-transform:uppercase;
}
.reaction_meta a.author { font-weight:bold; color:#00416f; }
.reaction_meta a.permalink { color:#aaaaaa; }
.reaction_body { font-size:13px; color:#333333; line-height:17px; }
.vote { margin-left:8px; white-space:nowrap; }
.vote a { color:#c4c4c4; font-size:9px; text-decoration:none; padding:0 3px; }
.vote a:hover { color:#0166ac; text-decoration:none; }
.vote a.active { color:#0166ac; }
.vote .score { color:#999999; font-size:11px; }
#search_results .posting_list_item .childcount { color:#aaaaaa; }
.tags a:hover { background-color:#e6eef5; text-decoration:none; }
.reaction.nested { margin-left:30px; border-left:2px solid #ededed; padding-left:12px; }
.reaction_form { margin-top:15px; padding:12px; background-color:#f6f6f6; border:1px solid #dbdbdb; }
.reaction_form textarea {
	width:97%; height:70px; font-family:Arial, Tahoma, sans-serif; font-size:13px;
	border:1px solid #c5c5c5; padding:5px;
}
.reaction_form .note { font-size:11px; color:#666666; padding-bottom:6px; }
.related_list { margin:6px 0 0 0; padding-left:18px; }
.related_list li { margin-bottom:5px; }
.pager { margin-top:18px; font-size:12px; color:#666666; }
.pager a { padding:0 4px; }
.searchbar_page { margin-bottom:14px; }
.searchbar_page input[type=text] {
	width:420px; height:24px; line-height:24px; padding:0 5px;
	border:1px solid #c5c5c5; font-family:Arial, Tahoma, sans-serif; font-size:13px;
}

/* ---------- advertenties ---------- */
.ad_label {
	font-size:9px; color:#a2a2a2; letter-spacing:0.5px;
	padding:0 0 2px 1px; text-align:left;
}
.ad {
	display:block; position:relative; overflow:hidden;
	width:250px; height:250px; box-sizing:border-box;
	padding:16px 16px 14px 16px; color:#ffffff;
	text-decoration:none; border:1px solid #cfcfcf;
}
.ad:hover { text-decoration:none; }
.ad .ad_brand {
	font-size:14px; font-weight:bold; letter-spacing:0.3px;
	text-transform:uppercase; opacity:0.92;
}
.ad .ad_brand em { font-style:normal; opacity:0.65; }
.ad .ad_rule { width:34px; height:3px; background:#ffffff; opacity:0.75; margin:9px 0 12px 0; }
.ad .ad_head { font-size:21px; font-weight:bold; line-height:23px; }
.ad .ad_sub { font-size:12px; line-height:16px; margin-top:9px; opacity:0.88; }
.ad .ad_cta {
	position:absolute; left:16px; bottom:15px;
	display:inline-block; padding:6px 13px; font-size:12px; font-weight:bold;
	background:#ffffff; color:#222222; border-radius:2px;
}
.ad .ad_fine { position:absolute; right:14px; bottom:19px; font-size:10px; opacity:0.7; }
.ad .ad_mark {
	position:absolute; right:-28px; top:-28px; width:120px; height:120px;
	border-radius:60px; background:#ffffff; opacity:0.09;
}
.ad .ad_mark2 {
	position:absolute; right:14px; top:60px; width:64px; height:64px;
	border:2px solid #ffffff; opacity:0.16; transform:rotate(45deg);
}
.ad_academy { background:#123c63; background-image:linear-gradient(140deg,#1b5288 0%,#0d2c49 100%); }
.ad_soc     { background:#12403a; background-image:linear-gradient(140deg,#16584e 0%,#0b2b26 100%); }
.ad_hosting { background:#3d2f5e; background-image:linear-gradient(140deg,#513f7d 0%,#281f3e 100%); }
.ad_event   { background:#8a3520; background-image:linear-gradient(140deg,#b8461f 0%,#6d2716 100%); }
.ad_pentest { background:#22333f; background-image:linear-gradient(140deg,#31495a 0%,#16222b 100%); }
.ad_vault   { background:#7a5a10; background-image:linear-gradient(140deg,#a4790f 0%,#5b420b 100%); }
.ad_leader {
	display:block; position:relative; overflow:hidden; box-sizing:border-box;
	width:735px; height:90px; padding:14px 20px; margin:0 0 12px 0;
	color:#ffffff; text-decoration:none; border:1px solid #cfcfcf;
}
.ad_leader .ad_brand { font-size:12px; }
.ad_leader .ad_head { font-size:20px; line-height:22px; margin-top:4px; }
.ad_leader .ad_sub { position:absolute; left:20px; bottom:11px; margin:0; font-size:11px; }
.ad_leader .ad_cta { left:auto; right:20px; bottom:50%; margin-bottom:-14px; padding:8px 16px; }
.ad_leader .ad_mark { right:150px; top:-60px; width:170px; height:170px; }

/* ---------- formulieren ---------- */
.form_row { padding:0 0 10px 0; }
.form_row label { display:block; font-size:12px; color:#474747; font-weight:bold; padding-bottom:3px; }
.form_row input[type=text], .form_row input[type=password], .form_row input[type=email] {
	width:280px; height:24px; line-height:24px; padding:0 6px;
	border:1px solid #c5c5c5; background-color:#ffffff;
	font-family:Arial, Tahoma, sans-serif; font-size:13px; color:#333333;
}
.form_row input:focus { border-color:#0166ac; outline:none; }
.form_row .hint { font-size:11px; color:#888888; padding-top:3px; }
.form_row.checkbox label { display:inline; font-weight:normal; font-size:12px; }
.form_message { font-size:12px; padding:6px 0 0 0; }
.form_message.error { color:#a52222; }
.form_message.ok { color:#2c6b2c; }
.form_note {
	margin:0 0 14px 0; padding:8px 12px; background-color:#f6f6f6;
	border-left:3px solid #0166ac; font-size:12px; color:#474747; line-height:16px;
}
.profile_table { border-collapse:collapse; font-size:13px; }
.profile_table th {
	text-align:left; font-weight:bold; color:#474747;
	padding:5px 20px 5px 0; vertical-align:top; white-space:nowrap;
}
.profile_table td { padding:5px 0; color:#333333; }
.poll_bar { position:relative; height:13px; background-color:#ececec; margin:3px 0 6px 20px; }
.poll_bar_fill { height:13px; background-color:#0166ac; width:0; }
.poll_bar_text { position:absolute; right:4px; top:0; font-size:10px; line-height:13px; color:#555555; }
.poll_answer_container { cursor:pointer; }

/* ---------- footer ---------- */
#footer_container {
	height:60px;
	margin-top:-60px;
	background:#666666;
	background-image:linear-gradient(to bottom,#707070 0,#666666 2px,#5c5c5c 100%);
}
#footer_contents { width:1015px; margin:0 auto; }
#footer_navigation { overflow:hidden; }
#footer_navigation div { float:left; width:250px; padding-top:10px; }
#footer_navigation a { font-size:16px; font-weight:bold; color:#aaaaaa; }
#footer_navigation a:hover { color:#ffffff; text-decoration:none; }
.footer_line { margin-top:5px; padding-top:5px; font-size:11px; color:#8f8f8f; overflow:hidden; }
.footer_line a { font-size:11px; color:#8f8f8f; }
.footer_line .left { width:640px; }
.footer_line .right { text-align:right; }