﻿@import url("tabs-accordion.css");

/* SIECOM blauw 009a9b*/
/* GRIJS a8b6bd */
/* GROEN b8cc51 */
/*ROOS d20281*/

body, html, form
{
    color: Black;
    font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 10pt;
    padding: 0px;
    margin: 0px;
    width:100%;
    background-color:  #fafafa; /* black*/
    text-align: justify !important;
}
 h1, h2, h3, h4, div, span, a, img, table, td, tr, p
{
    margin: 0;
    padding: 0;
    font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 8pt; /*10*/
}
a
{
	font-size: 8pt;
}
p
{
	padding: 0;
	padding-bottom: 10px;
}

img, table, tr, a
{
	border: none 0pt #FFFFFF;
}

table, tr, td
{
	font-size: 8pt;
}

a:link{
	color: #00a0b0;
	text-decoration: underline;
}

a:visited{
	color: #00a0b0; /*#a8b6bd;*/
	text-decoration: underline;
}

a:active{
	color: #153986;
	text-decoration: underline;
}

a:hover{
	color: #00a0b0;
	text-decoration: none;
}

.bordernone table,
.bordernone td,
.bordernone tr,
.bordernone tbody
{
   border: none !important
}

li
{
	font-size: 8pt;
}

/* *****************************************
 * Header
 * *****************************************
 */

#dnn_dnnLOGO_hypLogo 
{
	height: 77px;
	width: 241px;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
}

.contentTop
{
	background-image: url(images/centrale.gif);
	float: left;
	text-align: left;
	margin-top: 40px;
	height: 10px;
	width: 939px;
	z-index: 0 !important;
}

.topSquare
{
	background-image: url(images/bluebox.gif);
	text-align: right;
	margin-left: 700px;
	float: left;
	margin-top: -147px;
	height: 121px;
	width: 121px;
	z-index: 10 !important;

}

.topImage
{
	text-align: right;
	margin-left: 700px;
	float: left;
	margin-top: -147px;
	height: 121px;
	width: 121px;
	z-index: 10 !important;

}


.contentLogo
  {
 	background-color: #FFFFFF;
	float: left;
 	width: 100%;
 }
 
 #dnn_dnnLOGO_hypLogo
 {
 	margin-left: 20px;
 }

 
 .tdHeaderLanguage /* .LanguageStyle, */
{
	width: 30px;
	vertical-align: top;

}
.headerLanguage
{
	margin-top: 50px !important;
	margin-left: 0px;
	font-variant: small-caps !important;
	font-weight: bold;
	font-size: 12pt;
	color: black;
}


.nonactiveLanguage a
{
	color: #009a9b !important;
	text-decoration: none;
}

.activeLanguage a
{
	color: black !important;
	text-decoration: none;
}


.headerSearch
{
	float: left;
	margin-left: 40px;
	margin-top: 27px;
	height: 20px;
	vertical-align: top;
}

.headerSearch a, .headerSearch a:hover
{
	vertical-align: middle;
}


/* *****************************************
 * Panes
 * *****************************************
 */
 .tblPanes{
     width: 940px;     
     border: none 0pt #FFFFFF;
     border-collapse: collapse;
     table-layout: fixed;
 }

.tblFrame
{
	 table-layout: fixed;
}

 .middleContent
 {
 	background-color: White;
 }
 
.PhotoContent
 {
 	width: 890px !important; /*900px !important;*/
 	height: 240px;
 	/*padding: 17px 20px 4px 17px;*/
 	padding: 17px 20px 4px 27px;
 	float: left;
 	text-align: center;
 	vertical-align: top;
 	background-color: White;
 }
 
/* .dnn_ContentPane .head_title
 {
 	display: none !important;
 }
 */
 
 .PhotoContent .head_title
 {
 	display: none;
 }
 
 .PhotoContent .c_footer
 {
 	margin-bottom: 0px;
/* 	display: none;*/
 }

 
 .Photocontent .dnn_PhotoPane
 {
 	vertical-align: top !important;
 }
 
 .content
{
	padding: 0px 40px 80px 40px;
	width: 550px !important;
	vertical-align: top;	
}

.rightcontent
{
	vertical-align: top;
	width: 310px !important; 
	margin: 0 40px 0 30px;
	/*padding-left: 30px;*/
	overflow: hidden;
	text-align: left;
	background-color: white;
}
 
.DNNEmptyPane
{
  	width: 100% !important;
}
 
 /* *****************************************
 * Top Menu
 * *****************************************
 */
.menu
{
    width: 590px;
    margin-top: 27px;
    margin-left: 330px;
	/*float: left;*/
	border-width: 0;
	text-align: left;		
}
menu + span
{
	width: 100%;
}

/* hoofdmenu */
.menuRootItem .txt
{
    font-size: 12,5pt;
	text-align: center !important;
	font-weight: bold;
	color: #009a9b;
    display:inline-block;  
}


.menuHoverRoot .txt, .menuSelectedRoot .txt
{
    font-size: 12,5pt;
	text-align:center !important;
	font-weight: bold;
    color: Black;
    display: inline-block;    
}

.last .menuStreepke
{
	display: none;	
}

 /* *****************************************
 * Right Menu
 * *****************************************
 */
.menuRight
{
	width: 290px !important;
	float: right;
	margin-right: 40px;
}

.menuRight span
{
	display: block;
	font-size: 10pt;
}
.menuNodeRoot
{
	height:25px;
	/*width: 270px;*/
	background-color: #b8cc51; /*groen*/
	color: White !important;
	padding: 8px 2px 0px 20px;
	margin-bottom: 5px !important;
}

.menuNode:hover , .menuNodeSelected
{	
	height:30px; 
	background-image: url(images/WL2.jpg) !important;
	background-repeat: no-repeat;
	/*background-color: Transparent;
	color: #a8b6bd !important;	*/
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 7px;
	/*padding-bottom: 7px;*/
	margin-bottom: 0px !important;
}

.menuNodeHover, .menuNodeSelectRootParent, .menuNodeRoot:active /*, .menuNodeSelected:active, .menuNodeSelected:hover*/
{
	cursor:default;
		
	height:25px;
	background-color: #009a9b; /*blauw*/
	color: White;
	padding: 8px 2px 0px 20px;
	margin-bottom: 5px !important;
}


.menuNode
{
	height:30px; 
	background-image: url(images/NCP.jpg);
	background-repeat: no-repeat;
	/*background-position: left center;*/
	background-color: Transparent;
	color: #00a0b0 !important;
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 7px;
	/*padding-bottom: 7px;	*/
}


.menuIcon, .menuRight img{
    display:none !important;
}
 
/* *****************************************
 * Breadcrumb
 * *****************************************
 */

.onlybreadcrumb
{
		color: #a8b6bd;
		text-align: left;
		padding: 25px 0px 25px 42px; /*FF en IE8*/ /*padding: 5px 0px 25px 42px;*/    /*18px 0px 5px 42px;*/
		#padding: 5px 0px 25px 42px; /* IE 7*/
		font-size:10px;
}

.breadcrumbtext {
    text-align: left;
    color: #a8b6bd !important;
    font-size: 9pt !important;
    text-decoration: none !important;
    width: 100%;
}


/* *****************************************
 * FOOTER
 * *****************************************
 */
 .footerLine
 {
 	background-image: url(images/mobiliteit.jpg);
 	background-repeat: no-repeat;
 	height: 1px;
 	/*width: 900px;*/
 	padding-bottom: 15px;
 	padding-left: 20px;
 	background-color: White;
 	
 }
 
 .footerBack
 {
 	background-color: White;
 	padding-left: 20px;
 }
 
.footerDisclaimer
{
	font-size: 8pt;
	color: #a8b6bd !important;
	margin-bottom:  12px;
	text-align: right;
	margin-right: 40px;
}

.footerDisclaimer a
{
	font-size: 8pt;
	color: #a8b6bd !important;
	text-decoration: none;
}

A.SkinObject:link, A.SkinObject:active,  A.SkinObject:visited
{
	color: #a8b6bd !important;
	font-weight: normal;
}

.footerBottom
{
	background-image: url(images/telefonie.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 939px;
}


/* *****************************************
 * Slideshow
 * *****************************************
 */
 .slide-inner img
 {
 	text-align: center;
 }
 
 

/* *****************************************
 * FCK Editor
 * *****************************************
 */
 .Normal
 {
 	font-family:  Verdana, Arial, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif !important;
    font-size: 8pt !important;
    text-align: justify !important;
    font-weight: inherit;
 }
 
 /*.Tekst{
	font-family:  Verdana, Arial, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 9px;
    text-align: justify;
}*/
/* mag weg*/
/*.Titel
{
	font-family: Verdana;
	font-variant: small-caps;
	font-size: 10pt;	
	color: #009a9b;
}*/
/* mag weg*/
/*.Subtitel
{
	font-family: Verdana;
	font-size: 9pt;
	color: Black;
	font-weight: bold;
}*/



H1
{
	font-family: Verdana;
	font-variant: small-caps;
	font-size: 17pt;	
	color: #009a9b !important;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
}


H2 /*, SubHead*/
{
	font-family: Verdana !important;
	font-size: 10pt !important;
	color: Black !important;
	font-weight: bold !important;
	margin-bottom: 10px !important;
	text-align: left !important;
}

/*SubHead
{
	font-family: Verdana !important;
	font-size: 10pt !important;
	color: Black !important;
	font-weight: bold !important;
	margin-bottom: 10px !important;
	text-align: left !important;
}*/

/* *****************************************
 * Searchresults
 * *****************************************
 */
.SearchResultsContent
{
	text-align: left !important;
}
   
 .SearchResultsContent .Normal
 {
 	color: black;
 	
 }
 .SearchResultsContent .CommandButton
 {
 	color: #009a9b !important;
 }
 

/* *****************************************
 * Contactformulier, jobformulier
 * *****************************************
 */
 .tblContactForm
 {
 	width: 570px;
 	
 }
 
.ContactForm, .dnnLabel1, .tdHeader, .tdSubCategory
 {
 	font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 10px !important;
	margin: 0;
	padding: 0;
	text-align: left;
 }
 

.tdLabel
{
	/*font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 10px !important;*/
	vertical-align: top;
	width: 185px; /*200 -15 afpietsen om rechts naast input toe te komen*/
	
}
/*.tdLabel span
{
	border: 0;
	width: 165%;
}*/

.tdError li, .tdError ul
{
		list-style-image: none;
		list-style-type: none;
		width: 100%;
}

/*
.tdCategoryTitle
{
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
	width: 150px;
}
.tdCategoryTitle span
{
	width: 165%;
}

.tdSubCategory label
{
	margin-left: 0px;
	text-align: left;
	padding:0;
}
.tdHeader
{
	text-align: center;	
}*/

.tdInput
{
	width: 365px;
	padding-bottom: 10px;
}
.tdInput input
{
	width: 345px; /*350*/
}





.tdInput .inputPC
{
	width: 140px;
}

.tdInput .inputMultiline
{
	width: 345px;
	height: 120px;
}

.tdSend 
{
	/*width: 345px;*/
	text-align: right;

}


/* jobform */
.tblJobForm .tdInput input
{
 width: 245px;	
}

.tblJobForm .tdInput
{
	width: 245px;
}

.tblJobForm .tdInput .rowButton
{
	font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	background-color: #767b77;
 	border: solid 1px #3e8d8c;
 	padding: 0 10px 0 10px;
 	color: White;
 	margin-right: 23px;
 	width: 100px;
 	font-size: 8pt;
 	font-weight: bold;
 	height: 22px !important;
 	vertical-align: middle;
}

.tblJobForm .tdSend
{
	margin: 0;
	padding: 0 0 0 245px;
	text-align: left;	
}

.tblJobForm .tdSend .CommandButton
{
	text-align: center;
	height: 22px !important;
}


.tdSend input
{	
 	background-color: #767b77;
 	border: solid 1px #3e8d8c;
 	padding: 0 10px 0 10px;
 	color: White;
 	margin-right: 23px;
 	margin-top: 15px;
}

/*.tdInput span
{
	/*width: 355px;*/
	/*float: right;
}*/

/*
.input, .inputMultiline
{
	width: 250px;
	font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 11px;
}*/
/*
.tdIcon
{

	width: 8px;
	text-align: right;
}

.tdSubCategory
{
	background-image: url(images/VPN.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}
.CommandButton
{
	font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.CommandButton:hover
{
	font-family:  Verdana, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 12px;
	color: Black !important;
}*/


 
.CommandButton
{	font-family: Verdana;
	font-size: 8pt;
	color: #009a9b;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left ! important;
}

.CommandButton:hover
{
	color: #009a9b !important;
	text-decoration: none;
}


.CommandButton a
{
	font-size: 8pt;
}







/* *****************************************
 * slideshow
 * *****************************************
 */
 .slide-inner
 {
 	text-align: center;
 }
