/*
 * SalesBoosting
 * 20090621
 * Layout
 */

a {
	color:#689537;	
}

.alert {
	/* background-color: #FFA8AA; */
	border: #F00 solid 2px;
}

/* Algemene achtergronden */
	.browser{
		background:#bcbcbc url('../images/bg_body.jpg') repeat-y center top;
		font-family:Arial, Helvetica, sans-serif;
	}
	.midden{
		background:url('../images/bg_container.jpg') repeat-y left top;
	}
		#r1{background:#fff url('../images/bg_headerFoto.jpg') no-repeat right top;}
		#r1Mask{background:url('../images/bg_containerTop_01.png') no-repeat left top;overflow:hidden;}
		#r2{background:url('../images/bg_containerTop_02.jpg') no-repeat left top;}
		#r3{background:url('../images/bg_containerTop_03.jpg') no-repeat left top;}
		.loggedIn #r3{
			background:url('../images/bg_containerTop_loggedIn_03.jpg') no-repeat left top;
		}
	.midden-onder{
		background:url('../images/bg_containerBottom_loggedIn.jpg') no-repeat left bottom;
	}
	.template2 .midden-onder{ /* Index pagina */
		background:url('../images/bg_containerBottom.jpg') no-repeat left bottom;
	}
/* Logo */
	#logo a{
		margin:47px 0 0 10px;
		width:213px;
		height:47px;
		background:url('../images/bg_logo.jpg') no-repeat left top;
	}
/* Tekst rechts boven */
#slogan{
	color:#666;
	font-family:"HelveticaRounded BoldCond","Arial Narrow",Arial, Helvetica, sans-serif;
	text-align:right;
	margin:50px 37px 0 0 ;
	font-size:3.5em;
}
/* Menu links boven */
	#menu1{
		padding:22px 0 0 14px;
	}
	#menu1 .comp-menu {					/* Ganse menu */
		border-left:solid 1px #fff;
		font-size:1.2em;
		line-height:1.1em;
		height:1.1em;
	}
	/* Hoofdniveau */					/* Geldt zonder overschrijven voor alle koppelingen */
		#menu1 .comp-menu li {					
			border-right:solid 1px #fff;
		}
		#menu1 .comp-menu a {					/* Alle koppelingen binnen menu */
			padding:0 6px;					/* Ruimte rond koppelingtekst*/
		}
		#menu1 .comp-menu a
		, .comp-menu a:visited  { 		/* Hier kleur tekst instellen */
			color:#fff;
		}
		#menu1 .comp-menu li:hover a
		, #menu1 .comp-menu li.sfHover a {			/* Aanwijzen */
			text-decoration:underline;		
		}
/* Grote titel */
	#mainTitle{
		padding:0 0 0 25px;
		color:#fff;
		font-size:2.4em;
		line-height:60px;
		margin:0;
	}
/* Taalkeuze */
	#language{
		color:#fff;
		padding:10px 0 0 0;
	}
	#language select{
		width:100px;
		margin:5px 0 0 0;
	}
/* Menu links */
	/* Achtergronden */
		#menu2{
			background:url('../images/bg_menu2.jpg') repeat-y left top;
			margin:25px 0 0 0;
		}
		#menu2-boven{
			background:url('../images/bg_menu2Top.jpg') no-repeat left top;
			padding:35px 0 0 0;
		}
		#menu2-onder{
			background:url('../images/bg_menu2Bottom.jpg') no-repeat left bottom;
			padding:0 0 35px 0;
		}
	
	
		#menu2 .comp-menu-vb {					/* Ganse menu */
			width:190px;					/* Breedte menu */
		}
	/* Hoofdmenu */					/* Geldt zonder overschrijven voor alle koppelingen */
		#menu2 .comp-menu-vb li {					
			width:190px;					/* Breedte hoofditems, moet zelfde zijn als breedte menu */
			padding:3px 0;
			border-bottom:dotted 1px #fff;
			line-height:31px;
		}
		#menu2 .comp-menu-vb a {					/* Alle koppelingen binnen menu */
			font-size:1.2em;
			padding:0 0 0 18px;
			height:31px;
		}
		#menu2 .comp-menu-vb a
		, #menu2 .comp-menu-vb a:visited  { 		/* Hier kleur tekst instellen */
			color:#fff;
		}
		#menu2 .comp-menu-vb li:hover a
		, #menu2 .comp-menu-vb li.sfHover a {			/* Aanwijzen + geselecteerd koppelingen */
			background:url('../images/bg_menu2Hover.png') repeat left top;
		}
	/* Submenu niv1 */
		#menu2 .comp-menu-vb ul {
			border-top:dotted 1px #fff;
			margin:3px 0 0 0;
			padding:5px 0;
			color:#fff;
			line-height:20px;
			list-style:disc;
			overflow:hidden
		}
		#menu2 .comp-menu-vb li:hover li a
		, #menu2 .comp-menu-vb li.sfHover li a {	/* Verwijderen opmaak aanwijzen hoger niveau */
			background:none;
		}
		#menu2 .comp-menu-vb li li {					
			border-bottom:none;
			list-style:disc;
			margin:0 0 0 10px;
			width:180px;
			line-height:20px;
			height:20px;
			padding:0;
			overflow: hidden;
		}
		#menu2 .comp-menu-vb li li:hover
		, #menu2 .comp-menu-vb li li.sfHover
		, #menu2 .comp-menu-vb li li:hover a
		, #menu2 .comp-menu-vb li li.sfHover a {			/* Aanwijzen */
			color:#9dd2eb;
		}

/* Banner links */
	#bannerLeft{
		padding:30px 0 0 0;
		text-align:center;
	}

/* Breadcrumbs */
	#breadcrumbs{
		/*display:none;		/* Verberg op alle pagina's behalve aangemeld *//*20090623 > overal tonen */
		color:#648a9c;
		font-size:1.2em;
		padding:5px 0 0 150px;
	}
	#breadcrumbs a{
		color:#648a9c;
	}
	/*.loggedIn #breadcrumbs{
		display:block;
	}*/
/* Titel content */
	.contentTitle-bg{
		background:url('../images/bg_middleTitle.png') no-repeat left top;
	}
		.detail .contentTitle-bg
		,.overzicht .contentTitle-bg{
			background:url('../images/bg_middleTitle_detail.png') no-repeat left top;
		}
	#contentTitle{
		padding:0 20px;
		line-height:40px;
		color:#689537;
		font-size:1.8em;
		margin:0;
	}
		.detail #contentTitle
		,.overzicht #contentTitle{
			color:#597e91;
			font-size:1.4em;
		}
		.actuele-status #contentTitle{
			display:none;
		}

/* Pager = links naast contentTitle */
	#pager{
		display:block; 		/* Verbergen op alle pagina's tenzij nodig */
		line-height:35px;
		padding:0 3px 0 0;
		text-align:center;
		font-size:1.2em;
		color:#fff;
	}
		.detail #pager
		,.overzicht #pager{
			display:block;
		}
	#pager a{
		color:#fff;
		text-decoration:none;

	}
/* Content */
	.content-bg{
		background:url('../images/bg_middleContent.jpg') repeat-y left top;
	}
	#content{
		padding:20px;
		color:#446d80;
		font-size:1.2em;
	}
	
		#detailContent { width:200px; }
		
	#content a{
		color:#689537;
	}
	#content h1{
		font-size:1.5em;
	}
		#content h1{
			font-size:1.3em;
			color:#689537;
		}
		.actuele-status #content h1{
			font-size:1.2em;
			color:#689537;
		}
	#content h2{
		font-size:1.2em;
	}
		.detail #content h2{
			font-size:1.2em;
			color:#689537;
		}
		.actuele-status #content h2{
			font-size:1em;
		}
	#content h3{
		font-size:1em;
	}

		.detail #content ul li{
			list-style-image:url("../images/li_groen.gif");
		}
/* incentive Images detail pagina */
	#incentiveImages{ /* Div rond alles */
		margin: 20px 0 0 0;
		padding:0 0 20px 0; /* Ruimte voor navigatie onderaan */
	}
	#incentiveImages .comp-imageViewer-images{ /* Container rond afbeeldingen */
		width:235px; 			/* Verplicht */
		height:335px; 			/* Verplicht */
		border:solid 4px #9abdcd;
	}
	#incentiveImages .comp-imageViewer-nav{ /* Div met navigatie */
		left:0;
		bottom:0;
		background:url('../images/bg_imageViewerNav.gif') no-repeat left bottom; /* Achtergrondafbeelding links */
		padding:0 0 0 15px;
		height:30px;
	}
	#incentiveImages .comp-imageViewer-navInner{ /* Div met navigatie */ 
		background:url('../images/bg_imageViewerNav.gif') no-repeat right bottom; /* Achtergrondafbeelding onder en rechts */
		padding:0 15px 0 0;
		height:30px;
		overflow:hidden;

	}
	#incentiveImages .comp-imageViewer-nav a{ /* Koppelingen navigatie */
		width:17px;
		height:20px;
		line-height:20px;
		padding:10px 0 0 0;
		text-align:center;
		color:#fff;
	}
	#incentiveImages .comp-imageViewer-nav a:hover{ /* Koppelingen navigatie aangewezen */
		background:url('../images/bg_imageViewerNav_hover.gif') no-repeat left bottom;

	}
	#incentiveImages .comp-imageViewer-nav a.activeSlide{ /* Koppeling naar huidige slide */
		background:url('../images/bg_imageViewerNav_hover.gif') no-repeat left bottom;
	}
/* Incentive looptijd */
	.bg-incentiveLooptijd{
		background:url('../images/bg_incentiveDetail.png') no-repeat left top;
	}
	#incentiveLooptijd{
		color:#689537;
		font-size:1.4em;
		text-align:right;
		padding:7px 20px 0 0;
	}
/* Incentive Links */
	.bg-incentiveLinks{
		background:url('../images/bg_incentiveDetail.png') no-repeat left bottom;
		text-align:center;
		line-height:30px;
		font-size:1.4em;
	}
	.bg-incentiveLinks a{
		color:#fff;
		text-decoration:none;
	}
	#incentiveLinks-info{
	}

	#incentiveLinks-bestel{
		padding:0 10px 0 0;
	}
	
/* Incentives overzicht Wordt ook op de indexpagina gebruikt*/
.bg-incentivesOverzicht{
			background:url('../images/bg_incentiveOverzicht.png') no-repeat left bottom;
			padding:0 5px 77px 0;
			height: 335px; margin-top:15px; overflow:hidden;
}
	.overzicht #incentivesOverzicht{
			background:url('../images/bg_middleContent.jpg') repeat-y left top;
	}
	.overzicht .incentivesOverzicht-rij{
		background:url('../images/bg_rand.gif') repeat-x left bottom;
				padding:20px 20px 10px 0;	
	}
	.incentivesOverzicht-image img{
		border:solid 2px #9abdcd;
	}
	.incentivesOverzicht-tekst{
		color:#597e91;
		font-size:1.2em
	}
	.incentivesOverzicht-tekst h2{
		font-size:1.2em;
		margin:0;
	}
	.incentivesOverzicht-tekst p{
		padding:0;
	}
	.incentivesOverzicht-link a{
		color:#689537;
	}

/* Wat moet ik nog presteren */
	.bg-presteren{
		background:url('../images/bg_middleContent.jpg') repeat-y left top;
	}
	.bg-presteren-rand{
		background:url('../images/bg_rand.gif') repeat-x left bottom;
	}
	#presteren{
		background:url('../images/bg_linkTab_presterenLink.png') no-repeat right top;
	}
	#presteren a{
		display:block;
		height:30px;
		padding:2px 0 0 0;
		line-height:30px;
		text-align:center;
		color:#fff;
		font-size:1.4em;
		text-decoration:none;
	}
/* Hoeveel tijd heb ik nog */
	.bg-tijd{
	}
	.bg-tijd-rand{
	}
	#tijd{
		background:url('../images/bg_linkTab_tijdLink.png') no-repeat right top;
	}
	#tijd a{
		display:block;
		height:34px;
		line-height:34px;
		text-align:center;
		color:#fff;
		font-size:1.4em;
		text-decoration:none;
	}

/* index->actuele status en prestaties */
.bg-actuele-status{
	background:url('../images/bg_status.jpg') repeat-y left top;
}
	.bg-actuele-status-onder{
		background:url('../images/bg_statusBottom.jpg') no-repeat left bottom;
		overflow:hidden;
	}
	.bg-actuele-status .title{
		background:url('../images/bg_actuele-status-titel.gif') no-repeat left top;
		padding:0 20px;
		color:#fff;
		font-size:1.3em;
		line-height:25px;
		height:25px;
		margin:0;
	}
	.bg-actuele-status .content{
		padding:18px 15px;
		font-size:1.2em;
	}
	.bg-actuele-status a{
		color:#689537;
	}
#actuele-status{
		margin:0 12px 0 18px;
	
}
#actuele-prestaties{
		margin:0 25px 0 5px;
	
}

/* index overzicht incentives > maakt ook gebruik van overzicht*/
.bg-overzicht-incentives{
	background-color:#edf6e0;
	border:solid 1px #8cc63e;
}
		.overzicht-incentives-title{
			color:#689537;
			font-size:1.8em;
			padding:15px 0 18px 15px;
			margin:0;
		}
		.bg-overzicht-incentives #overzichtRow{
			font-size:1.2em;
			color:#597e91;
			padding:15px 18px 15px 18px;
		}
		.bg-overzicht-incentives #overzichtRow p{
			padding:0 0 0.2em 0;
		}
		.bg-overzicht-incentives #overzichtRow a{
			color:#689537;
		}
		
.bg-prestatiesOverzicht{
			background:url('../images/obk/bg_incentiveOverzicht.jpg') no-repeat left bottom;
			padding:0 0px 77px 0;
			margin-top:0px;
			overflow:hidden;
}

.bg-incentivesOverzicht{
			background:url('../images/obk/bg_incentiveOverzicht.jpg') no-repeat left bottom;
			padding:0 0px 77px 0;
			min-height: 455px;
			margin-top:0px;
			overflow:hidden;
}
	.overzicht #incentivesOverzicht{
			background:url('../images/obk/bg_middleContent.jpg') repeat-y left top;
	}
	.overzicht .incentivesOverzicht-rij{
		background:url('../images/obk/bg_rand.gif') repeat-x left bottom;
		padding:20px 20px 10px 0;
		
	}
	
	.incentivesOverzicht-image {
		width: 270px;
		height: 350px;
		text-align: center;
		margin-top: 15px;
		overflow: hidden;
	}
	.incentivesOverzicht-image img{
		margin: 0 auto;
		padding: 0;
		border:solid 1px #666;
	}
	.incentivesOverzicht-tekst{
		color:#597e91;
		font-size:1.2em;
		width:270px;
		padding-left:10px;
	}
	.incentivesOverzicht-tekst h2{
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
	}
	.incentivesOverzicht-tekst p{
		padding:0;
		text-align:center;
	}
	.incentivesOverzicht-link a{
		color:#689537;
		text-align:center;
	}


/* index check */
.bg-check
	#check{
		background:url('../images/bg_linkTab_tijdLink.png') no-repeat right top;
	}
	#check a{
		display:block;
		height:34px;
		line-height:34px;
		text-align:center;
		color:#fff;
		font-size:1.4em;
		text-decoration:none;
	}

/* Login */
	.bg-login{ /*Standaard weergave */
		background:url('../images/bg_login.jpg') no-repeat right bottom;
		font-size:1.1em;
	}
		.loggedIn .bg-login{
			background:none;
			font-size:1.2em;
			color:#fff;
			font-style:italic;
		}
		.loggedIn-tekst{
			line-height:30px;
			padding:0 0 0 10px;
		}
		.loggedIn-wijzigen{
			padding:0 0 0 10px;
		}

		.loggedIn-wijzigen a{
			color:#5e92a9;
			font-size:.8em;
		}
	#login{
		position:relative;
	}
	#login form{
		padding:5px 0 0 0;
	}
	#login .frmText{
		width:105px;
		height:18px;
		margin:0 0 2px 10px;
		border:none;
		background:#e6e6e6;
		color:#806c64;
		font-style:italic;
		padding:2px 5px 0 5px;
	}
	#login .frmButton{
		width:35px;
		height:40px;
		position:absolute;
		right:0px;
		top:30px;
	}
	#forgotPw{
		color:#fff;
		padding:45px 0 0 12px;
		font-size:1.1em;
	}
	#forgotPw label{
		padding:0 0 0 8px;
	}
	#forgotPw .frmText{
		color:#7f6c64;
		font-size:0.9em;
		border:none;
		background:#fff;
		width:113px;
		height:18px;
		padding:4px 5px 0 5px;
		margin:0 0 0 8px;
	}
	#forgotPw .frmButton{
		background:url('../images/bg_forgotPwButton.png') no-repeat left top;
		width:133px;
		height:26px;
		padding:0 0 4px 0;
		margin:8px 0 0 0;
		line-height:24px;
		border:none;
		color:#fff;
		cursor:pointer;
	}
	#register{
		color:#fff;
		padding:15px 0 0 12px;
		font-size:1.1em;
	}
	#register p{
		padding:0 0 10px 8px;
	}

	#register .registerLink{
		background:url('../images/bg_forgotPwButton.png') no-repeat left top;
		width:133px;
		height:26px;
	}
	#register .registerLink a{
		display:block;
		width:120px;
		line-height:24px;
		border:none;
		color:#fff;
		text-decoration:none;
		text-align:center;
	}
/* EINDE NOG TE BEKIJKEN */

/* Banner rechts */
	#bannerRight{
		padding:30px 10px 0 0;
		text-align:center;
	}
/* Menu links boven */
	#menu3{
		padding:25px 0 0 14px;
	}
	#menu3 .comp-menu {					/* Ganse menu */
		border-left:solid 1px #fff;
		font-size:1.2em;
		line-height:1.1em;
		height:1.1em;
	}
	/* Hoofdniveau */					/* Geldt zonder overschrijven voor alle koppelingen */
		#menu3 .comp-menu li {					
			border-right:solid 1px #fff;
		}
		#menu3 .comp-menu a {					/* Alle koppelingen binnen menu */
			padding:0 6px;					/* Ruimte rond koppelingtekst*/
		}
		#menu3 .comp-menu a
		, .comp-menu a:visited  { 		/* Hier kleur tekst instellen */
			color:#fff;
		}
		#menu3 .comp-menu li:hover a
		, #menu3 .comp-menu li.sfHover a {			/* Aanwijzen */
			text-decoration:underline;		
		}
/* Copyright */
	#copyright{
		padding:22px 0 0 8px;
		color:#fff;
	}


/* Prestaties overzicht items */
#prestation {clear:left; border-bottom: 1px solid #dce9ed; padding-bottom: 15px; padding-top:15px; width:600px; margin-left:5px}
#prestationImage { float:left; margin-right:20px; }
#prestationTitle { font-weight:bold; font-size:13px; margin-bottom: 2px; }
#prestationPoint { float:left; border: 1px solid #89b2c0; background-color:#dce9ed; font-weight:bold; padding: 2px 4px; margin-right:10px; margin-top: 5px; color:#666 }
#prestationLink { margin-top:10px;}
#prestationLink a { }
/* Thickbox  */ 
	#TB_caption{ /* Tekst onder de afbeelding */
	}
	#TB_secondLine { /* Tekst onder title tekst, inclusief navigatie */
	}
	#TB_next a
	,#TB_prev a{ /* Navigatie koppelingen */
	}
	#TB_next a:hover
	,#TB_prev a:hover{ /* Navigatie koppelingen wanneer aangewezen*/	
	}
	#TB_closeWindowButton{ /* Div rond "sluiten" */
	}