/************************************************************/
/* ----------------- Copyright Hocom @dvies 2006 -2018 *  de basicomponenten            */ 
/* www.hocom-advies.nl											 */
/*															 */					

/*															 */					
/* CSS definitions	     			 						 */
/************************************************************/
/* ----------------- Copyright Hocom @dvies 2006 -2018 * /
* {
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: left;

}

/* ------------- opmaak site ----- */

html{ 
    scrollbar-face-color:light-gray;
	scrollbar-highlight-color:light-gray;
	scrollbar-3dlight-color:light-gray;
	scrollbar-darkshadow-color:white;
	scrollbar-shadow-color:white;
	scrollbar-arrow-color:white;
	scrollbar-track-color:light-gray;
	scrollbar-face-height:40px;

}

body {
	text-align:left;
}
/* -------------  wrapper om de site heen ----- */
#wrapper {
	
	width:963px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	height:1%;
}
/* -------------  header boven de site  ----- */
#header{	height: 224px;	background-color: #FFFFFF;	}
/* ------------- top banner / visual  vast ----- */
#tbanner{    	height: 220px;	width:700px;	margin-left: 200px; overflow:hidden; padding:0px;	background-image: url(/afbeeldingen/bannerstop/smaller_banner.gif);	background-repeat: no-repeat;    }
/* ------------- top banner / visual  wissel vlak ----- */
#tvisual{    	height: 201px;	width:700px;	margin-left: 200px; margin-top: -196px; overflow:hidden; padding-left: 0px; }
/* -------------  plaats voor het logo  ----- */
#tright{		float:left;	width:150px;	height:220px;	overflow:hidden; padding:0px;);	}

/***************************************************/
/* -------------  het content deel ----- */
#pa_content {
	position:relative;
}

/* -------------  de footer ----- */
#pa_footer {
	position:relative;
	height:30px;
	background-color:#FFF;
	color:#000;
	border-top:2px solid #CCC;
	padding:0 0 0 0px;
	margin:24px 0 0 0;
}

/* -------------  de navigatie ----- */
/* -------------  container voor het navigatie deel ----- */
#navcontainer
{
margin: 0;
padding: 0;
height: 40px;
width: 100%;
font-weight: bold;


}

/*============================MAINMENU====================================================*/
#nav ul {
	float: left;
	width: 86em;
	list-style: none;
	line-height: 1em;
	background: white;
	color: #000;
	font-weight: bold;
	padding: 0;
	border: solid #5cb8ef;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 10em;
	color: #5cb8ef;
	text-decoration: none;
	padding: 0.25em 0em;
}

#nav a.menuparent  {
	background: url(arrow.gif) no-repeat 90% 40%;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	border-width: 0.15em;
	margin: 0;
		
}

#nav li li {

	width: 14em
}

#nav li ul a {
	width: 14em;
	padding-left: 1em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #fff;
	color: white;
}
/*-------------- einde  navigatie / menuboven + layout -------------------- */

/* -------------  opmaak footer ----- */
.footertekst {
	color: #003399;
	padding-left: 0px;
	font-size: 100%;
	float: left;
}
.footertekst_rechts {
	color: #003399;
	padding-right: 15px;
	font-size: 100%;
	float: right;
	margin-right: 90px;
	word-spacing: 2em;
}
/* ------------- opmaak  tussenbalk o.a kruimelpad ----- */
#tussen_balk{
	padding: 4px 9px 5px 9px;
	color: #fff;
	height:20px;
	background-color: #ccccfc;
	border-top-color: #ccccfc;
	border-bottom-color: #ccccfc;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

/* -------------  hier evt toekomstig inlogdeel ----- */
#login  { float: right;   padding: 2px 15px 0px 0px;}
/* ------------- opmaak  extra info balkje aan de bovenkant  ----- */
#top_balk{	height:20px;	background-color: #FFFFFF;	border-top-color: #CCCCCC;	border-bottom-color: #CCCCCC;	border-top-style: solid;	border-bottom-style: solid;	border-top-width: 1px;	border-bottom-width: 1px;}.top_balk_tekst {	color: #FFFFFF;	padding-left: 15px;	padding-top: 2px;	padding-bottom: 2px;	float: left;}#top_rechts_tkst{ float: right;   padding: 2px 15px 0px 0px;}

/*** columns in de content area ***/

/* opmaak C */

#col_1_c {
	width:180px;
	float:left;
	padding:16px 0 0 3px;
}

#col_2_c {
	margin:0 195px 0 195px;
	padding:16px 0 0 0;
}

#col_3_c {
	width:180px;
	float:right;
	padding:16px 0 0 0;
}



/***************************************************/
/*** footer ***/

#footer_menu {
	float:left;
	margin-top:0px;
}

#footer_menu ul {
	list-style:none;
	float:left;
	padding:3px 0 0 0;
	height:1em;
}

#footer_menu ul li {
    position:relative;
	float:left;
	display:block;
	margin:0 20px 0 0;
}

#footer_menu ul li a {
	display:block;
	float:left;
	color:#009;
	text-decoration:none;
	font:1em Verdana, Helvetica, Arial, sans-serif;
}

#footer_menu ul li.current a {
	color:#F60;
}

#footer_menu ul li a:link, #ph_legal ul li a:visited {
	text-decoration:none;
}

#footer_menu ul li a:hover, #ph_legal ul li a:active {
	text-decoration:none;
	color:#FF6600;
}


/***************************************************/
/***************************************************/

.clearer {
	clear:both;
}

/* ------------- opmaak FCE Typo3 ----- */
/* ------------- dubbelbox met content en foto met tekst ----- */


.dubbel_box {
         height: 300px;
         width: 100%;
	padding:16px 3 3 3;
}

.cont_box_links {
	width:45%;
    height: 250px;
	float:left;
	padding:16px 0 0 3px;
	background-color: #FFCC33;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}	

.foto_box_rechts {
	width:45%;
	height: 250 px;
	float:left;
	margin-left: 5px;
	padding:0px 0 0 0px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}


/* ------------- opmaak FCE Typo3 ----- */
/* ------------- Fotobox met tekst ----- */

.overviewbox {
         height: 200px;
         width: 100%;
		 padding:0px;
		 overflow: hidden;
		 
}



/*----------begin opmaak tt_news -----------------*/

/*----------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-list-container hr.clearer, .news-single-item hr.clearer{
	clear: right;
	height: 1px;
}

/*-----------------------------------  tt_news LATEST view  van originele template  css van typo3nl -----------------------------------*/
/*---------- einde opmaak tt_news -----------------*/


/*****  SHADOWBOX STYLES  ******/
/* ------------- opmaak voor promobox1 ----- */
.shadowbox_top{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size: 0px;
	height: 4px;
	margin-right: 4px;
}
.shadowbox_bottom{
	width:100%;
	float: left;
	border-top:1px solid #CCCCCC;
	font-size: 0px;
	height: 4px;
	background-color: #CCCCCC;
}
.shadowbox_bottom_left_whitespace{
	width:4px;
	height:4px;
	background-color: #FFFFFF;
	float: left;
	border-top:none;
	font-size: 0px;
}


/************ space classes ************/

.space_cross_sell_shadowbox {
	height: 15px;
	font-size: 0px;
	clear: both;
}


/*****  LHS STYLES  ******/
#lhs {
	float: left;
	text-align: left;
	
	width: 224px;
	margin-top: 12px;
	overflow: visible;
	bottom: 0;
	/* display: block; */
}
.lhs_item {
	width: 100%;
	overflow: hidden;
}
.lhs_shadowbox_content {
	padding-top: 3px;
	border-left: 1px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	padding-bottom:10px;
	overflow: hidden;
	padding-left: 11px;
	text-align: left;
}
.lhs_title {
	clear:left;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCCFFF;
	text-align: left;
	width: 196px;
}
.lhs_title_text {
	font-size: 14px;
	font-weight: bold;
	color: #009DEF;
	text-align: left;
}
.lhs_links {
	width: 196px;
	padding-top: 4px;
	overflow: hidden;
}
.lhs_link {
	clear:left;
	width: 196px;
	overflow: hidden;
	text-align: left;
	padding-bottom: 7px;
}

.lhs_main_link{
	font-weight: bold;
	clear:left;
	width: 196px;
	overflow: hidden;
	text-align: left;
	padding-bottom: 7px;
}

.lhs_link_arrow{
	clear: left;
	float: left;
	margin-right: 3px;
}
.lhs_link_text{
	float:left;
	width: 94%;
}

/* Anchors  voor de gewone link opmaak?*/
a { text-decoration: none; color: #333; border-bottom: 1px dotted #333; }
a:hover { color: #5cb8ef; border-bottom: 1px dotted #5cb8ef; }
a span { color: #333; border-bottom: 1px dotted #333; }
a:hover span { color: #5cb8ef; border-bottom: 1px dotted #5cb8ef; }
a img { border: none; }
 
 /* Breadcrumbs */
.tussen_balk_tekst p { font-size: 1.1em; }
.tussen_balk_tekst p a { color: #5cb8ef; border-bottom: 1px dotted #fff; }
.tussen_balk_tekst p a:hover { color: #fff; border-bottom: 1px solid #fff; }
.tussen_balk_tekst p em { color: #fff; font-style: normal; }