@charset "utf-8";
/* ===============================================================================1

BASIS STIJLEN VOOR EDITOR

================================================================================ */
.hsp-kop-wit {
text-decoration: none;
font-size: 24px;
font-family: "Arial Narrow", Arial;
color: #FFF;
font-weight:bold;
}
.hsp-kop-blauw {
text-decoration: none;
font-size: 24px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color: #00B5DD;
font-weight:bold;
}
.hsp-kop-grijs {
text-decoration: none;
font-size: 24px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color: #58585a;
font-weight:bold;
}
.hsp-subkop-wit {
text-decoration: none;
font-size: 18px;
font-family: "Arial Narrow", Arial;
color: #FFF;
font-weight:bold;
}
.hsp-subkop-blauw {
text-decoration: none;
font-size: 18px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color: #00B5DD;
font-weight:bold;
}
.hsp-subkop-grijs {
text-decoration: none;
font-size: 18px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color: #58585a;
font-weight:bold;
}
.hsp-slogan-wit {
font-size: 32px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color:#FFF;
text-transform: uppercase;
font-weight:bolder;
}
.hsp-slogan-blauw {
font-size: 32px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color: #00B5DD;
text-transform: uppercase;
font-weight:bolder;
}
.hsp-slogan-grijs {
font-size: 32px;
/* line-height:35px; */
font-family: "Arial Narrow", Arial;
color: #58585a;
text-transform: uppercase;
font-weight:bolder;
}
.xxx overige stylen xxx {
}
/* =============================================================================== 

KOP STIJLEN

================================================================================ */
/* hsp-kop-blauw-bold */
.contentheading,
.componentheading_cases, .componentheading_rndcases
{
text-decoration: none;
font-family: "Arial Narrow", Arial;
color: #00B5DD;
font-size: 24px;
/* line-height:35px; */
text-transform: uppercase;
font-weight:bold;
margin-bottom: 15px;
}

/* hsp-kop-grijs-bold */
.contentheading_fpg a, .contentheading_fpg a:visited
{
text-decoration: none;
font-family: "Arial Narrow", Arial;
color: #58585a;
font-size: 24px;
/*line-height:35px;*/
text-transform: uppercase;
font-weight:bold;
}

/* hsp-subkop-grijs-bold */
.contentpagetitle_cases, .contentpagetitle_rndcases,
.contentheading_cases, .contentheading_rndcases,
.contentpagetitle_cases a, contentpagetitle_cases a:visited,
.contentpagetitle_rndcases a, contentpagetitle_rndcases a:visited
{
text-decoration: none;
font-family: "Arial Narrow", Arial;
color: #58585a;
font-size: 18px;
text-transform: uppercase;
font-weight:bold;
margin-bottom: 5px;
}

#archive-list {
	background-color:#CCC;
}

/* =============================================================================== 

EDITOR OPMAAT STIJLEN

================================================================================ */
.mceContentBody .hsp-slogan-wit {
	background-color:#00B5DD;
}

/* =============================================================================== 

OPMAAT STIJLEN

================================================================================ */
.moduletable_category td {
height: 30px;
padding: 5px;
}
.moduletable_cloud {
color:#FFF;
font-size: 16px;
font-weight: bold;
font-family: Arial;
text-transform: lowercase;
}
.avPlayerContainer {
margin: 0px;
}
.addthis_space {
	position:relative;
	margin-bottom: 30px;
}
.addthis {
position:absolute;
text-align:left;
bottom: -15px;
}
.article-content {
padding-bottom: 0px;
}

/* =============================================================================== 

IMAGES STIJLEN

================================================================================ */
/*-- images all --*/
img {
border: none;
}
/*-- images fontpage --*/
.article_row_fpg img, .leading_fpg img {
	max-width: 500px;
	height:auto;
}
/*-- images next pages --*/
li.latestnews_rndcases img, .article-content img {
	max-width: 750px;
	height:auto;
}
.addthis img {
height: 14px;
}
/* Lees meer... link  */
.readon img, .readon_fpg img{
	margin-top: 5px;
	margin-left: 360px;
	width:89px;
	height:16px;
}
.rafcloudimg {
}
/* =============================================================================== 

BASIS STIJLEN

================================================================================ */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, .componentheading, .contentpagetitle, .sectiontableheader, .newsfeedheading {
margin: 0;
padding: 0;
}
ul {
margin: 0 0 0 17px;
}
ol {
margin: 0 0 0 23px;
}
li {
margin: 0;
}
form {
margin: 0px;
padding: 0;
}
fieldset {
/*	border: none; */
}
table {
border:0;
border: none;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table td {
padding: 0;
vertical-align: top;
}
/* ===============================================================================

ALGEMENE CONTENT STJILEN 

================================================================================ */
/* Body  */ 
body {
font-family: Arial;
font-size: 13px;
color: #58585a;
}
/* Kop, paragraaf en list stijlen */
h1 {
color: #00B5DD;
font-size: 24px;
font-weight: bold;
font-family:;
line-height:;
padding-bottom:;
padding-top: 15px;
margin: 15px 0;
text-transform: uppercase;
}
h2 {
color: #58585a;
font-weight: bold;
font-family: "Arial Narrow", Arial;
line-height:;
text-transform: uppercase;
}
.blog_fpg h2{
padding-top:0px;
margin-top:0px;
margin-bottom: 10px;
}
.contentheading, .contentpaneopen h2, .contentheading h2, .componentheading_rndcases {
margin-bottom: 15px;
}
.xmap h2 {
color: #58585a;
border-top: 2px solid #bcbdc0;
font-weight: bold;
font-family: "Arial Narrow", Arial;
line-height:;
padding-top:5px;
text-transform: uppercase;
margin-top: 5px;
}
h3 {
color: #58585a;
font-size: 24px;
font-weight: bold;
font-family: "Arial Narrow", Arial;
line-height:;
padding-top:15px;
text-transform: uppercase;
}
a {
text-decoration: none;
font-family: "Arial Narrow", Arial;
color: #00B5DD;
}
input.button {
border: #999 outset 1px;
background:#fff url(../images/top.png) repeat-x;
height:25px;
line-height:25px;
font-size:14px;
margin:4px 0;
padding:0 4px;
cursor:hand;
}
/* ===============================================================================

VOORPAGINA BLOG LAY OUT

================================================================================ */
table.contentpaneopen {
margin: 1px;
}
/* ===============================================================================

Kleine tekst bij artikelen

================================================================================ */
div.article-tools {
line-height:;
margin-top: 10px;
margin-bottom: 10px;
}
/* geschreven door ... */
span.small {
font-family:;
font-size:;
line-height:;
color:;
}
/* gemaakt op .... */
span.createdate {
font-family: "Arial Narrow", Arial;
font-size: 11px;
color: #58585a;
line-height:;
padding-bottom:;
}
/* artikel scheiding  */
span.leading_separator_fpg, span.article_separator, span.section_separator {
display: block;
height:10px;
border-top: 7px solid #bcbdc0;
margin-top: 17px;
margin-bottom: 0px;
}
span.article_separator {
}
span.section_separator {
}
/* ===============================================================================

PAGINATIE

================================================================================ */
.pagination  {
margin-top: 30px;
}
.pagination span {
margin-left:10px;
}
.pagination a, .pagination a:visited {
font-family: "Arial Narrow", Arial;
color: #bcbec0;
}
.pagination a:hover, .pagination span {
font-family: "Arial Narrow", Gadget, sans-serif;
color: #00B5DD;
}
/* ===============================================================================

HOOFDMENU VERTIKALE MENULIJST

================================================================================ */
div.moduletable {
font-family:"Arial Narrow", Gadget, sans-serif;
text-transform: uppercase;
}
div.moduletable h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 24px;
}
/* nivo 0 */
div.moduletable ul {
list-style: none;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:24px;
}
div.moduletable ul li a, div.moduletable ul li a:visited {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
div.moduletable ul li a:hover, div.moduletable ul li.active a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
/* nivo 1 */
div.moduletable ul ul {
font-weight: normal;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:18px;
}
div.moduletable ul ul li a, div.moduletable ul ul li a:visited {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
div.moduletable ul ul li a:hover, div.moduletable ul ul li.active a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
/* ===============================================================================

CASESMENU VERTIKALE MENULIJST

================================================================================ */
table.contentpane_menu {
font-family:"Arial Narrow", Gadget, sans-serif;
text-transform: uppercase;
}
table.contentpane_menu h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 24px;
}
/* nivo 0 */
table.contentpane_menu ul {
font-weight: normal;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:18px;
}
table.contentpane_menu ul li a, table.contentpane_menu ul li a:visited {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
table.contentpane_menu ul li a:hover, table.contentpane_menu ul li.active a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
/* ===============================================================================

CLOUD MODULE

================================================================================ */
.moduletable_cloud {
color: #FFF;
}
.moduletable_cloud a, .moduletable_cloud a:visited, .moduletable_cloud a:hover {
color: #FFF;
text-decoration: none;
}
/* ===============================================================================

LAATSTE NIEUWS MODULE

================================================================================ */
div.moduletable_nieuws {
font-family:"Arial Narrow", Gadget, sans-serif;
text-transform: uppercase;
}
div.moduletable_nieuws h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 24px;
}
/* nivo 1 */
div.moduletable_nieuws ul {
font-weight: normal;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:18px;
}
div.moduletable_nieuws ul li a, div.moduletable_nieuws ul li a:visited {
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
div.moduletable_nieuws ul li a:hover, div.moduletable_nieuws ul li.active a {
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
/* ===============================================================================

LAATSTE NIEUWS MODULE

================================================================================ */
div.moduletable_archief {
font-family:"Arial Narrow", Gadget, sans-serif;
text-transform: uppercase;
}
div.moduletable_archief h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 24px;
}
/* nivo 1 */
div.moduletable_archief ul {
font-weight: normal;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:18px;
}
div.moduletable_archief ul li a, div.moduletable_archief ul li a:visited {
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
div.moduletable_archief ul li a:hover, div.moduletable_archief ul li.active a {
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-decoration: none;
}
/* ===============================================================================

RANDOM CASES MODULE

================================================================================ */
/* nivo 0 */
div.module_rndcases ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.module_rndcases ul li a, div.module_rndcases ul li a:visited,
div.module_rndcases ul li a:hover, div.module_rndcases ul li.active a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
/*font-size: 24px;*/
}
span.latestnews-category {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
/*font-size: 18px;*/
}

/* ===============================================================================

CK FORM FORMULIER

================================================================================ */

#ckformcontainer {
	width: 100%;
}
.ck_mandatory {
	color: #00B5DD;
	padding: 0px;
	font-size:0.83em;
	font-weight: bold;
}
div.ck_mandatory {
}
.ckform_tooltip, .ckform_tooltipcss {
	margin-top: 13px;
	margin-left: 5px;
}
.ckform {
	margin-top: 10px;
}

.ckform div.error {
	display: none;
}
.ckform div.fc-error {
	margin-left: 20%;
	border: none;
	background:none;
	padding: 0px;
}
.ckform div.fc-error p {
	margin: 0px;
	padding: 0px;
	color:#F00 !important;
}
.ckform input { 
	padding: 2px;
}
.ckform input:focus { 
	border: #00B5DD solid 1px;
}
.ckform input.error {
	border: 1px dotted #FF0000 !important;
}
.ckform textarea.error { border: 1px dotted red; }

#ckpoweredby {
	text-align:center !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ckpoweredby a {color:#666666;}
.captchaCont {
	margin-top: 10px;
}
.ckBtnCon {
	text-align: left !important;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20%;
}

/* CSS layout */

.ckCSSlabel {
	display: block;
	float: left;
	margin-top: 1px;
	width: 20%;
	font-size:1em;
}

.ckCSSinput {
	width: 300px;
	margin-top: 1px;
	background:none;
	border: #00B5DD solid 1px;
}
select.ckCSSinput {
	width: 306px;
}

.ckCSSinput input {
	background:none;
}

.ckCSSinputnowidth {
	display: block;
	float: left;
	margin-top: 10px;
}

.ckCSSTip {
	background-image: url(../img/info-bck.png);
	background-repeat:no-repeat;
	background-position:right;
}

.ckCSSclear {
	margin: 0px;
	padding: Opx;
	clear: both;
}

.ckCSSFloatLeft {
	float: left;
}

.ckCSSbot10 {margin-bottom: 10px;}
.ckCSSbot5 {margin-bottom: 5px;}

.ckCSStop10 {
	margin-top: 1px;
}

.ckCSScenter {
	text-align:center !important;
	margin-top: 10px !important;
}

.ckCustomText {
	margin-top: 10px;
}

.ckNoBorder {
	visibility:hidden;
}

.ckpagination {
	text-align:center !important;
	margin-bottom: 15px;
}

.ckdatatable {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	border-collapse:collapse;
}

.ckdatatableborder td {
	border : 1px solid #ccc;
}

.ckfrontlabel {
	height: 30px;
	padding-right: 20px;
	font-weight: bold;
	color:#666;
}

#submit_bt, #reset_bt {
	border: #00B5DD solid 1px;
	color: #FFF;
	background-color: #00B5DD;
	text-transform: uppercase;
}

.ckform textarea{
	width: 304px;
}
.ckform checkbox{
	border: #00B5DD solid 1px;
}
.ckCSSlabelchecke {
	margin-left: 20%;
	position:relative;
}