@import "../Scripts/tickertape/tickertape.css";

/*
groen: #007942
rood: #EA172D
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #D2E0DE;
	background-image: url(../images/layout/backgr.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment:fixed;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA172D;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA172D;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007942;
	text-decoration: none;
}
a.witlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.witlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.witlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58CE84;
	text-decoration: none;
}
a.groenlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007942;
	text-decoration: none;
}
a.groenlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007942;
	text-decoration: none;
}
a.groenlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA172D;
	text-decoration: none;
}
a.roodlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA172D;
	text-decoration: none;
}
a.roodlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA172D;
	text-decoration: none;
}
a.roodlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007942;
	text-decoration: none;
}
.rood {
	color: #EA172D;
}
.kop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #007641;
}


.plat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
}
.platwit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}
.txtgroen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    line-height: 14px;
	color: #007942;
}

td.hoofdkopGroen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #007942;
}
.SubkopGroen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: lighter;
	color: #007942;
	vertical-align: baseline;
	line-height: normal;
}
.SubkopRood {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: lighter;
	color: #EA172D;
	vertical-align: baseline;
	line-height: normal;
}
.TELwit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bolder;
	line-height: normal;
	color: #66CC00;
}
sup {
	font-size: 15px;
	color: cyan;
}
.cvkop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.cvfunctie {
	color: #EA172D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
}


div#cvPhoto {
	width: 85px;
	height: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}


div#animation {
	margin: 0;
	padding: 0;
	width: 434px;
	height: 275px;
	}


/* mainBody & mainBodySub
--------------------------------------------------------------------------------------- */

div#mainBody,
div#mainBodySub {
	padding: 0;
	margin: 0 30px 30px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	overflow: hidden;
	}
div#mainBodySub {
	margin: 0 30px 30px 55px;
	}

div#mainBody p,
div#mainBodySub p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	line-height: 20px;
	}
div#mainBody h1,
div#mainBodySub h1 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #007942;
	line-height: 20px;
	}

body#smoelenboek div#mainBodySub,
body#klanten div#mainBodySub {
	margin-left: 30px;
	margin-right: 30px;
	}


/* title
--------------------------------------------------------------------------------------- */

div#title {
	margin: 0 30px 30px 30px;
	padding: 0;
	border-top: 30px solid #EA172D;
	}
div#title table {
	height: 123px;
	}



/* licenceHolders
--------------------------------------------------------------------------------------- */

div#licenceHolders {
	padding: 0px;
	margin: 0px;
	width: 208px;
	height: 130px;
	position: relative;
	}
div#licenceHolders h1 {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #007942;
	font-weight: normal;
	}

div.cf_element {
	padding: 0px;
	margin: 0px;
	width: 208px;
	height: 100px;
	text-align:center;
	line-height: 100px;
	color: white;
	position: relative;
	left: 0px;
	top: 20px;
	background: white;
	}



/* navigation
--------------------------------------------------------------------------------------- */

div#navigation ul {
	margin: 0px;
	padding: 0px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	}

div#navigation ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

div#navigation ul li a:link,
div#navigation ul li a:visited {
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../images/layout/navigationMainBG.gif);
	height: 23px;
	width: 135px;
	color: white;
	text-indent: 10px;
	}
div#navigation ul li a:hover {
	background-position: 0 -23px;
	}
div#navigation ul li a:active {
	background-position: 0 -46px;
	}


div#navigation ul li ul li a:link,
div#navigation ul li ul li a:visited {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	display: block;
	background: url(../images/layout/navigationSubBG.gif);
	height: 23px;
	width: 115px;
	color: #EA172D;
	text-indent: 0px;
	}
div#navigation ul li ul li a:hover {
	background-position: 0 -23px;
	}
div#navigation ul li ul li a:active {
	background-position: 0 -46px;
	}


div#navigation ul li ul li.twoLines a:link,
div#navigation ul li ul li.twoLines a:visited {
	height: 40px;
	padding-top: 6px;
	background: url(../images/layout/navigationSubTwoLinesBG.gif);
	line-height: 16px;
	}
div#navigation ul li ul li.twoLines a:hover {
	background-position: 0 -46px;
	}
div#navigation ul li ul li.twoLines a:active {
	background-position: 0 -92px;
	}


/* highlight the current page in the Navigation */
body#home div#navigation ul li a#homeNav:link,
body#home div#navigation ul li a#homeNav:visited,

body.organisatie div#navigation ul li a#organisatieNav:link,
body.organisatie div#navigation ul li a#organisatieNav:visited,

body.product div#navigation ul li a#productNav:link,
body.product div#navigation ul li a#productNav:visited,

body.referenties div#navigation li a#referentiesNav:link,
body.referenties div#navigation li a#referentiesNav:visited,

body.media div#navigation ul li a#mediaNav:link,
body.media div#navigation ul li a#mediaNav:visited,

body.nieuws div#navigation ul li a#nieuwsNav:link,
body.nieuws div#navigation ul li a#nieuwsNav:visited,

body.contact div#navigation ul li a#contactNav:link,
body.contact div#navigation ul li a#contactNav:visited {
	background-position: 0 -46px;
	}

/* highlight the current subnavs */
body.organisatie#visie div#navigation a#visie,
body.organisatie#missie div#navigation a#missie,
body.organisatie#navigators div#navigation a#navigators,
body.organisatie#vacatures div#navigation a#vacaturesNav,

body.product#evaluator div#navigation a#evaluator,
body.product#ppi div#navigation a#ppi,

body.media#beeldGeluid div#navigation a#beeldGeluid,
body.media#publicaties div#navigation a#publicaties,

body.referenties#licentiehouders div#navigation a#licentiehouders,
body.referenties#klanten div#navigation a#klanten,
body.referenties#testimonials div#navigation a#testimonials {
	background-position: 0 -46px;
	}

body.product#competence div#navigation a#competence,
body.product#performance div#navigation a#performance,
body.product#business div#navigation a#business,
body.product#learning div#navigation a#learning,
body.product#individueel div#navigation a#individueel {
	background-position: 0 -92px;
	}


/*hide the subNavs */
div#navigation ul li ul {
	display: none;
	}
/*show the subNavs */
body.organisatie div#navigation ul li ul#organisatieSubNav,
body.product div#navigation ul li ul#productenSubNav,
body.referenties div#navigation ul li ul#referentiesSubNav,
body.media div#navigation ul li ul#mediaSubNav {
	display: block;
	}




/* contact
--------------------------------------------------------------------------------------- */

div#contact {
	padding: 70px 0 0 0;
	margin: 0px;
	width: 120px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 20px;
	color: white;
	text-align:	center;
	font-weight: bolder;
	}

div#contact a:link,
div#contact a:visited {
	font-size: 10px;
	color: white;
	}
div#contact a:hover {
	color: #58CE84;
	}



/* logoContainerSubpage
--------------------------------------------------------------------------------------- */

div#logoContainerSubpage {
	margin: 0px;
	padding: 0px;
	width: 208px;
	height: 160px;
	}



/* linksContainer
--------------------------------------------------------------------------------------- */

div#linksContainer {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-bottom: 30px;
	}
div#linksContainer ul {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #C0414C;
	list-style-type: none;
	}
div#linksContainer ul li {
	margin: 0px;
	padding: 20px 0px;
	border-bottom: 1px solid #C0414C;
	}

div#linksContainer a:link,
div#linksContainer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007942;
	text-decoration: none;
}
div#linksContainer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA172D;
	text-decoration: none;
}




/* navigators
--------------------------------------------------------------------------------------- */

div.navigators {
	margin: 0px;
	padding: 0px;
	width: 124px;
	float: left;
	line-height: 14px;
	text-align: center;
	height: 200px;
	}
div.navigators div.photo {
	margin: 0px;
	padding: 0px;
	width: 124px;
	height: 100px;
	text-align: center;
	}
div.navigators div.photo a:link,
div.navigators div.photo a:visited {
	margin-left: 20px;
	width: 85px;
	height: 100px;
	display: block;
	overflow: hidden;
	}
div.navigators div.photo a:hover {
	background-position: 0 -100px;
	}


div.navigators div.name {
	margin-top: 4px;
	color: #007942;
	font-weight: bold;
	}
div.navigators div.function {
	font-size: 10px;
	color: #EA172D;
	}




/* secondaryNavigation
--------------------------------------------------------------------------------------- */

div#secondaryNavigation {
	margin: 0 30px;
	padding:0;
	overflow: hidden;
	margin-bottom: 30px;
	line-height: 18px;
	}
div#secondaryNavigation ul {
	margin:0;
	padding:0;
	padding-bottom: 30px;
	}
div#secondaryNavigation ul li {
	margin:0;
	padding:0;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-right: 20px;
	float: left;
	list-style-type: none;
	border-left: 1px solid #EA172D;
	height: 18px;
	}
div#secondaryNavigation a:link,
div#secondaryNavigation a:visited {
	margin: 0;
	padding: 0;
	display: block;
	text-indent: 10px;
	}
div#secondaryNavigation a:hover {
	}
div#secondaryNavigation a.current:link,
div#secondaryNavigation a.current:visited {
	padding: 0px;
	background: url(../images/layout/secondaryNavArrow.gif) no-repeat -3px 0;
	text-indent: 10px;
	}




/* subtitel
--------------------------------------------------------------------------------------- */

div#subtitel {
	margin: 0 30px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #EA172D;
	line-height: normal;
	padding-bottom: 4px;
	border-bottom: 2px solid #EA172D;
	}




/* backAndNext
--------------------------------------------------------------------------------------- */

ul.backAndNext {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	position: relative;
	width: 323px;
	height: 18px;
	list-style-type: none;
	overflow: hidden;
	}
ul.backAndNext li a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	height: 18px;
	position: absolute;
	line-height: 18px;
	background-color: #b2d7c6;
	background-repeat: no-repeat;

	min-width: 35px;
	width: auto !important;  /* IE6 hack for setting min-width  */
	width: 35px;              /* IE6 hack for setting min-width  */
	}
ul.backAndNext li.previous a:link,
ul.backAndNext li.previous a:visited {
	top: 0px;
	left: 0px;
	padding-left: 12px;
	padding-right: 6px;
	border-right: 1px solid white;
	background-image: url(../images/layout/back_arrow.gif);
	background-position: left 0px;
	color: white;
	text-align: right;
	}
ul.backAndNext li.next a:link,
ul.backAndNext li.next a:visited {
	top: 0px;
	right: 0px;
	padding-left: 6px;
	padding-right: 12px;
	border-left: 1px solid white;
	background-image: url(../images/layout/next_arrow.gif);
	background-position: right 0px;
	color: white;
	text-align: left;
	}
ul.backAndNext li.previous a:hover,
ul.backAndNext li.next a:hover {
	color: white;
	background-position: 0 -18px;
	background-color: #ea172d;
	}
ul.backAndNext li.previous a:active,
ul.backAndNext li.next a:active {
	color: white;
	background-position: 0 -36px;
	background-color: #d8f1e6;
	}
ul.backAndNext li.next a:hover {
	background-position: right -18px;
	}
ul.backAndNext li.next a:active {
	background-position: right -36px;
	}




/* eindklanten
--------------------------------------------------------------------------------------- */

div#eindklanten img {
	border: 1px solid #cccccc;
	margin: 0 4px 4px 0;
	}



/* nieuwsitems
--------------------------------------------------------------------------------------- */

body.nieuws div#mainBody p {
	line-height: 14px;
	}	
body.nieuws div#mainBody h1 {
	margin-top: 20px;
	line-height: 16px;
	}



/* mediaItem
--------------------------------------------------------------------------------------- */

div.mediaItem {
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 20px 0px;
/*	background: #CCE4D9;*/
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #007942;
	}
div#mainBodySub div.mediaItem h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #007942;
	font-weight: bold;
	}

div.mediaItem div.picture {
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 100px;
	margin-right: 10px;
	border: 1px solid #bbbbbb;
	border-bottom: none;
	overflow: hidden;
	}

div.mediaItem div.picture img {
	border: none;
	}

div.mediaItem div.description {
	border-top: 1px solid #bbbbbb;
	padding-top: 10px;
	line-height: 14px;
	}

div.mediaItem div.link {
	padding-top: 10px;
	line-height: 14px;
	}



/* language
--------------------------------------------------------------------------------------- */

div#language {
	margin: 0;
	padding: 10px;
	}
div#language a:link,
div#language a:visited {
	padding-right: 25px;
	height: 15px;
	line-height: 15px;
	display: block;
	background: url(../images/layout/flag_en.gif) no-repeat right -15px;
	overflow: hidden;
	}
div#language a:hover {
	background-position: right 0;
	}
div#language a.dutch:link,
div#language a.dutch:visited {
	background: url(../images/layout/flag_nl.gif) no-repeat right -15px;
	}
div#language a.dutch:hover {
	background-position: right 0;
	}

div#mainBodySub p.partnersHeading {
	display: block;
	margin: 30px 0 0 0;
	padding: 4px 8px;
	background: #97C9B3;
	}
div#mainBodySub p.partnersHeading a {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 14px;
	color: white;
	}
div#mainBodySub p.partnersTekst {
	display: block;
	margin: 0;
	padding: 8px;
	padding-top: 0;
	border-left: 1px solid #97C9B3;
	border-right: 1px solid #97C9B3;
/*	background: #CBE4D9;
*/	line-height: 15px;
	}
div#mainBodySub p.partnersImage {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	border-top: 1px solid #97C9B3;
	border-left: 1px solid #97C9B3;
	border-right: 1px solid #97C9B3;
	}
div#mainBodySub p.partnersImage img {
	border: none;
	}
div#mainBodySub p.partnersSlogan {
	display: block;
	margin: 0;
	padding: 16px 8px;
	border-left: 1px solid #97C9B3;
	border-right: 1px solid #97C9B3;
/*	background: #CBE4D9;
*/	line-height: 15px;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	}
div#mainBodySub p.partnersName {
	display: block;
	margin: 0 0 30px 0;
	padding: 8px;
	border-left: 1px solid #97C9B3;
	border-right: 1px solid #97C9B3;
	border-bottom: 1px solid #97C9B3;
/*	background: #CBE4D9;
*/	line-height: 15px;
	}



/* partnersList
--------------------------------------------------------------------------------------- */

div#partnersList img {
	border: 1px solid gray;
	margin: 0 8px 8px 0;
	}




/* productPayoff
--------------------------------------------------------------------------------------- */

div#productPayoff {
	margin-top: 30px;
	height: 30px;
	background: url(../images/layout/productpayoff.gif) no-repeat;
	}