/* $Id: style.css,v 1.3 2005/09/02 19:18:14 dries Exp $ */

/*
Kleuren:

donkerblauw (h-tags en links):	0F4076
achtergrondkleur licht:				FFF5E9						
achtergrondkleur donker (nav):	FDEEDE
groen (in logo):						00AE3A
groen (pijltjes in LI):				3EA92E
oranje (in logo):						EA5105

Afmetingen:
De 'page' is 	716 pixels breed, marge: 24px rondom

1 kolom is (740 - 48 - 24)/2 =  334px (24px column-gutter)
2ekolom-positie = 334px + 24 = 358px
width:			358px;


*/

/*
** HTML elements
*/
a, a:link, a:active {
  color: #0A4FA0;
}
a:visited {
  color: #0A4FA0;
}
body {
	background-color: #FFF5E9;
	font-family: 		arial;


}

body, body * {
/*	letter-spacing: 0.05em;*/
}

/*
body, html {
	height: 100%;
	overflow:			hidden;
}
*/

ul {
  list-style-type: disc;
}

#pagetitle {
	position:		absolute;
	left: 			310px;	/* 262 + 24 + 24 */
	top:				24px;
	color:			#0F4076;
	font-size:	 	24px;
	line-height:	32px;
	margin-top:		0px;
	margin-bottom:	66px;
	width:			300px;
}

#website {
	position:		absolute;
	left:				0;
	top:				0;
	bottom:			0;
	width:			1015px;
	padding: 		0;
	margin: 			0;
	background-color: #FFF5E9;
	border-left: 	3px solid #fff;
	
	/* IE uses iepcfixes.css for height */
}

/**
* Page layout blocks / IDs
*/

/* IE uses iepcfixes.css for height */
#navbar {
	position:		absolute;
	padding: 		0;
	left: 			0;
	top:				238px;
	bottom:			0px;
	width:			260px;
	background-color: #FDEEDE;
	overflow:		visible;
}

#navbar ul {
	list-style-type:	none;
	padding: 			0;
	margin: 				0;
}

#navbar li {
	display:		block;
}

#navbar li a {
	display: 			block;
	top:					0;
	left:					0;
	width:				100%;
	height:				51px;
	line-height:		48px;
	text-indent:		55px;
	text-decoration:	none;
	/*background-image:		url('bg_navbar_li.gif');*/
	background-repeat:	no-repeat;
	background-position: 0 -6px; /* background aligned bottom, easier to have text-align with background */
}

#navbar li a.active, #navbar li.active a {
	color: #0A4FA0;
	/*background-image: url('bg_navbar_li_active.gif');*/
}

div.node p a:hover{
	color:#EA5105;
	text-decoration:none;
}
#navbar li#menu-1-1 a{
color: #FEEFDC;
	background-image:		url('img/home.gif');
}
#navbar li#menu-1-2 a{
color: #FEEFDC;
	background-image:		url('img/visie.gif');
}
#navbar li#menu-1-3 a{
color: #FEEFDC;
	background-image:		url('img/beurstraining.gif');
}
#navbar li#menu-1-4  a{
color: #FEEFDC;
	background-image:		url('img/advies.gif');
}
#navbar li#menu-1-5 a{
color: #FEEFDC;
	background-image:		url('img/trainers.gif');
}
#navbar li#menu-1-6 a{
color: #FEEFDC;
	background-image:		url('img/links.gif');
}
#navbar li#menu-1-7 a{
color: #FEEFDC;
	background-image:		url('img/columns.gif');
}
#navbar li#menu-1-8 a{
color: #FEEFDC;
	background-image:		url('img/contact.gif');
}

/*submenus*/
div#submenu li#page_41 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/beurstraining1.gif');
}
div#submenu li#page_40 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/beurstraining2.gif');
}
div#submenu li#page_39 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/kickoff.gif');
}
div#submenu li#page_38 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/lezing.gif');
}
div#submenu li#page_37 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/mysteryvisit.gif');
}
div#submenu li#page_36 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/followup.gif');
}

/*submenus*/
div#submenu li#page_41 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/beurstraining1.gif');
}
div#submenu li#page_40 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/beurstraining2.gif');
}
div#submenu li#page_39 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/kickoff.gif');
}
div#submenu li#page_38 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/lezing.gif');
}
div#submenu li#page_37 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/mysteryvisit.gif');
}
div#submenu li#page_36 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/followup.gif');
}

div#submenu li#page_44 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/standperformance.gif');
}
div#submenu li#page_43 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/briefing.gif');
}
div#submenu li#page_42 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/prospectmanagement.gif');
}

div#submenu li#page_48 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/leenhouts.gif');
}

div#submenu li#page_25 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/trof.gif');
}
div#submenu li#page_24 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/kuijlaars.gif');
}
div#submenu li#page_23 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/vroedt.gif');
}
div#submenu li#page_22 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/steensma.gif');
}

div#submenu li#page_34 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/columsSub.gif');
}
div#submenu li#page_33 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/monstervanscan.gif');
}
div#submenu li#page_32 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/marktplaats.gif');
}
div#submenu li#page_30 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/michelin.gif');
}

div#submenu li#page_47 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/goverthenk.gif');
}

div#submenu li#page_50 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/column_positionering.gif');
}

div#submenu li#page_51 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/column_eenzomersecolumn.gif');
}

div#submenu li#page_52 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/column_beursvormgeving.gif');
}

div#submenu li#page_53 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/lommers.gif');
}
div#submenu li#page_54 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/dejonge.gif');
}
div#submenu li#page_55 a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/bos.gif');
}

/*active submenus*/


div#submenu li#page_41_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/beurstraining1_active.gif');
}
div#submenu li#page_40_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/beurstraining2_active.gif');
}
div#submenu li#page_39_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/kickoff_active.gif');
}
div#submenu li#page_38_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/lezing_active.gif');
}
div#submenu li#page_37_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/mysteryvisit_active.gif');
}
div#submenu li#page_36_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/followup_active.gif');
}

div#submenu li#page_44_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/standperformance_active.gif');
}
div#submenu li#page_43_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/briefing_active.gif');
}
div#submenu li#page_42_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/prospectmanagement_active.gif');
}

div#submenu li#page_48_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/leenhouts_active.gif');
}

div#submenu li#page_25_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/trof_active.gif');
}
div#submenu li#page_24_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/kuijlaars_active.gif');
}
div#submenu li#page_23_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/vroedt_active.gif');
}
div#submenu li#page_22_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/steensma_active.gif');
}
div#submenu li#page_34_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/columsSub_active.gif');
}
div#submenu li#page_33_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/monstervanscan_active.gif');
}
div#submenu li#page_32_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/marktplaats_active.gif');
}
div#submenu li#page_30_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/michelin_active.gif');
}

div#submenu li#page_50_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/column_positionering_active.gif');
}

div#submenu li#page_51_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/column_eenzomersecolumn_active.gif');
}

div#submenu li#page_52_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/column_beursvormgeving_active.gif');
}


div#submenu li#page_47_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/goverthenk_active.gif');
}

div#submenu li#page_53_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/lommers_active.gif');
}

div#submenu li#page_54_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/dejonge_active.gif');
}


div#submenu li#page_55_title a{
	height:59px;
	color: #FEEFDC;
	background-image: url('img/bos_active.gif');
}

/*active*/
#navbar li#menu-1-1-active a{
color: #FEEFDC;
	background-image:		url('img/home_active.gif');
}
#navbar li#menu-1-2-active a{
color: #FEEFDC;
	background-image:		url('img/visie_active.gif');
}
#navbar li#menu-1-3-active a{
color: #FEEFDC;
	background-image:		url('img/beurstraining_active.gif');
}
#navbar li#menu-1-4-active  a{
color: #FEEFDC;
	background-image:		url('img/advies_active.gif');
}
#navbar li#menu-1-5-active a{
color: #FEEFDC;
	background-image:		url('img/trainers_active.gif');
}
#navbar li#menu-1-6-active a{
color: #FEEFDC;
	background-image:		url('img/links_active.gif');
}
#navbar li#menu-1-7-active a{
color: #FEEFDC;
	background-image:		url('img/columns_active.gif');
}
#navbar li#menu-1-8-active a{
color: #FEEFDC;
	background-image:		url('img/contact_active.gif');
}
#logo{
	position:			absolute;
	left:					0;
	top:					0;
	width:				260px;
	height:				270px;
	background-color: #FEEFDC;
	text-align:			left;
}
#logo a{
	display:				block;
	line-height:		210px;
	width:				224px;
	height:				210px;
}

#logo img{
	margin:				auto;
	vertical-align:	middle;
}

/* ---------PAGE ---------- */
#page-scroller {
	position:		absolute;
	left: 			262px;
	top:				0;
	right:			3px;
	bottom:			0;
	overflow:		auto;
	width:			752px;
	
	/* IE uses iepcfixes.css for height */
}


#page {
	position:		relative;
	left: 			24px;
	top: 				24px;
	right:			44px;
	width:			687px;
}

#page h2 {
	color:			#0F4076;
	font-size:	 	24px;
	line-height:	32px;
	margin-left:	24px;
	margin-top:		0px;
	margin-bottom:	66px;
	width:			334px;
}

#page h3 {
	color:			#0F4076;
	height:20px;
	margin-bottom:	1em;
}

/**
* column2 - right-hand column on 'columns' index-page
*/
#page div.column1 {
	position:		absolute;
	top:				0pt;
	right:			0pt;
	width:			334px;
}

#page div.column2 {
	position:		absolute;
	top:				108px;
	left:				358px;
	width:			334px;
}


/**
* submenu - subnavigation in chapter
*/
div#submenu {
	position:		absolute;
	top:				249px;
	width:			334px;
	padding:			0px;
	left:				240px;
}

/**
* indexnode - index-page links for columns
*/
div.indexnode {
	width:				334px;
	padding:				0px;
}

div.indexnode ul {
	margin: 				0;
	padding: 			0;
	margin-left:		0;
	list-style-type:	none;
}

div.indexnode li {
	display: 				block;
	height:					59px;
	/*background-image:		url('bg_nodelist.gif');
	background-position: 0 0;
	background-repeat: 	no-repeat;*/
}

div.indexnode li.active {
	color: #0A4FA0;
/*	background-image:		url('bg_nodelist_active.gif');*/
}

div.indexnode li a{
	display: 			block;
	text-transform:	lowercase;
	margin-left:		0;
}

div.indexnode li a.active{
	color:	#0A4FA0;
}


div.indexnode li a{
	margin-left:		24px;
}


/**
* column-inhoud komt in rechter-kolom 
*/
#page div.column_inhoud,  #page div.node{
	position:			absolute;
	top: 					0;
	right: 				0;
	width:				358px;
	width:				334px;
}

#page div.node {
/*
	font-family:		arial, helvetica, sans-serif;
*/
	top:					5px; 
}

#page div.node h3 {
	margin-top:			-5px; 
}

#sidebar-left {
	position:		absolute;
	padding: 		0;
	left: 			0;
	top:				0;
	width:			260px;	
	background-color: #FDEEDE;
}


#sidebar-right {
  border-left: 1px solid gray;
}

/*
** Common declarations for child classes of node, comment, block, box etc
*/
#header .title {
  font-size: 2em;
  font-weight: bold;
}
#header .title a,
#header .title a:link,
#header .title a:visited,
#header .title a:active {
  text-decoration: none;
  color: #aaa;
}
#header .title a:hover {
  color: #930;
}
#header .site-slogan {
  margin-top: -0.1em;
  font-size: 0.8em;
}
.node .title {
  font-size: 1.2em;
}
.node .title a,
.node .title a:link,
.node .title a:active,
.node .title a:visited {
  text-decoration: none;
  font-weight: normal;
}
.node .title a:hover {
 	text-decoration: underline;

}
.links {
  margin: 1em 0 3em 0;
  text-align: right;
 }
.comment .content, .block .content, .menu {
  font-size: 0.9em;
}
.block {
  padding-bottom: 1em;
}
.block .title {
  font-size: 1em;
}

/*
** Module specific styles
*/
.item-list ul li {
  list-style: square;
}

#picture{
	position:relative;
	top:50px;
}