@charset "utf-8";
/*********************************** DEFAULT ***********************************/
body, html		{ 	margin:0px; padding:0px; height:100%; width:100%; }
html			{	overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
img 			{ 	border:0px; }
a:active		{  	outline: none; }
a:focus			{ 	-moz-outline-style: none; }
body			{ 	background-color:#dedede;	font-family:Arial; font-size:13px; line-height:18px; color:#666; }
input			{ 	font-family:Arial; font-size:12px; line-height:normal;}
a				{ 	color:#666; text-decoration:none; }
a:hover			{ 	color:#000; text-decoration:none; }
ul, li			{ 	margin:0px; padding:0px; list-style-type:none; }
.clearfix		{	height:1px; overflow:hidden; line-height:0px; font-size:0px; clear:both; display:block; position:relative;}

#logo			{ 	background-image:url('../images/logo.gif'); width:224px; height:71px; display:block; overflow:hidden; text-indent:-224px; margin:40px 0px 0px 26px}

/**********************************************
DIV, CONTAINERS ETC
**********************************************/
#container			{	position:relative; z-index:2; padding:0px; margin:0px; width:100%; height:100%; min-height:100%; _height:100%;}
#bg					{	position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1; overflow:hidden;}

/* STREEPJES ZIJN LETHAL VOOR IE - FLASH? */
#bg #xxxstripes		{ 	position:absolute; right:0px; top:0px; width:100%; height:100%; background-image:url('../images/bglines.png'); background-position:0px 2px;}

#bg #flashcontainer	{ 	position:absolute; right:0px; top:0px; width:100%; height:100%; background-color:#FFF;}

h1, h2				{ padding:0px; margin:0px 0px 0px 1px; background-color:transparent; text-indent:-9999px; overflow:hidden;}
.contenthome		{ position:relative; width:100%;  min-height:100%; _height:100%;}

#languages			{ position:absolute; top:5px; right:0px; z-index:5; padding:2px 0px 2px 3px; font-size:12px; line-height:normal; font-weight:bold;}
#languages span		{ display:block; float:left; color:#FFF; font-size:13px; padding:3px 14px;}
#languages a		{ display:block; float:left; padding:3px 4px; color:#FFF; background-color:#000; margin:0px 5px 0px 0px;}
#languages a.active, #languages a:hover { color:#000; background-color:#FFF; }
.contenthome #contentcontainer	{	height:140px; top:60%; position:absolute; width:100%; z-index:2;}
.contenthome #semiblack			{	position:absolute; height:100%; left:0%; top:0px; width:100%; z-index:1; overflow:hidden; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.contenthome #backgroundcolors	{	position:absolute; height:100%; width:100%; left:0px; top:0px;  z-index:2;  background-image:url('../images/bg_col.gif'); background-position:50% 50%;}
.contenthome #columns			{	position:relative; height:100%; width:1000px; margin:0px auto 0px auto; z-index:3;}

.contenthome #columns #shifter	{	position:relative; height:100%; width:1000px; overflow:hidden;}
.contenthome #columns #col_1	{	z-index:10; position:absolute; height:100%; top:0px; left:0px; width:128px; background-color:#464449;}
.contenthome #columns #col_2	{	z-index:9; position:absolute; height:100%; top:0px; left:128px; width:272px; color:#000; background-color:#FFF;}
.contenthome #columns #col_3	{	z-index:8; position:relative; margin-left:-420px; width:420px; background-image:url('../images/bg_col3.gif'); background-position:0px 0px; background-repeat:repeat-x;}
.contenthome #columns #col_4	{	z-index:7; position:absolute; height:100%; top:0px; left:-600px; width:180px; background-image:url('../images/bg_col3.gif'); background-position:0px 0px; background-repeat:repeat-x;}
.contenthome #kompas			{ 	display:none;}
.contenthome #slogan			{	position:absolute; color:#FFF; left:530px; top:0px;}
.contenthome #slogan ul			{	position:absolute; color:#FFF; left:-110px; top:0px; margin:0px; padding:0px; list-style-type:none;}

.contenthome #slogan li				{	position:absolute; left:0px; top:0px; background:url('../images/arrow_splash.gif') no-repeat 10px 25px; width:450px; height:140px; }
.contenthome #slogan li img			{	position:absolute; left:420px; border:2px solid #FFF; top:13px;}
.contenthome #slogan li .text		{	position:absolute; left:30px; top:20px; width:380px; line-height:15px; font-size:12px;  }
.contenthome #slogan li .text h3	{	}
.contenthome #slogan li .text div	{	padding-top:10px; }
.contenthome #slogan li .text a		{	color:#FFF; text-decoration:underline; }
.contenthome .nextmessage			{	height:24px; background:url('../images/arrow_splash_down.gif') no-repeat; position:absolute; display:block; top:160px; z-index:10; left:450px; padding:2px 0px 0px 30px; color:#FFF;}
.contentpage .nextmessage			{	display:none; }
.slogan							{	position:absolute; }
.slogan h1						{	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}


.contentpage						{	position:relative; width:100%;  min-height:100%; _height:100%;}
.contentpage #semiblack				{	display:none;}
.contentpage #backgroundcolors		{	position:absolute; height:100%; width:100%; left:0px; top:0px;  z-index:2;  background-image:url('../images/bg_col.gif'); background-position:50% 50%;}
.contentpage #columns				{	position:relative; height:100%; width:1000px; margin:0px auto 0px auto; z-index:3;}

.contentpage #columns #shifter				{	position:relative; width:1000px; overflow:hidden;}
.contentpage #columns #col_1				{	z-index:10; position:absolute; height:100%; top:0px; left:0px; width:128px; background-color:#464449;}
.contentpage #columns #col_2				{	z-index:9; position:absolute; height:100%; top:0px; left:128px; width:272px; color:#000; background-color:#FFF;}

.contentpage #columns #col_3								{ z-index:8; position:relative; margin-left:-420px; width:420px; background-image:url('../images/bg_col3.gif'); background-position:0px 150px; background-repeat:repeat-x; overflow:hidden;}

.contentpage #columns #col_3.nobackground 					{ background-image:none; background-repeat:repeat; background-position:0px 0px;}
.contentpage #columns #col_3.nobackground #contents .text	{ padding:0px 0px 0px 0px;}

.contentpage #columns #col_3.grey 							{ background-image:url('../images/bg_trainingen.gif'); background-repeat:repeat; background-position:0px 0px;}
.contentpage #columns #col_3.grey #contents .text			{ padding:0px 0px 0px 0px; }

.contentpage #columns #col_3.grey2 							{ background-image:none; background-color:#717174; background-repeat:repeat; background-position:0px 0px; color:#FFF;}
.contentpage #columns #col_3.grey2 #contents .text			{ padding:0px 0px 0px 0px; }

.contentpage #columns #col_3.grey3 							{ background-image:url('../images/bg_training.gif'); background-color:transparent; background-repeat:repeat-y; background-position:0px 0px; color:#FFF;}
.contentpage #columns #col_3.grey3 #contents .text			{ padding:0px 0px 0px 0px; }

.contentpage #columns #col_4				{	z-index:7; position:absolute; height:100%; top:0px; left:-600px; width:180px; backgroundxx:url('../images/bg_col4.gif') 0px 249px repeat-x;}



.contenthome #tagline				{ display:none;}
#taglinedata 						{ display:none;}
.contentpage #tagline				{ position:absolute; bottom:0px; left:0px; padding:10px 10px 15px 20px; background-color:#FFF;}

.contentpage #kompas				{ position:absolute; right:0px; bottom:10px; z-index:3; cursor:pointer;}
.contentpage #slogan				{ display:none;}

.contentpage #bgxx					{ height:400px;}

#col_3 #contents .text				{ padding:150px 0px 0px 0px;}
#col_3 #contents .plaincontent		{ padding:0px 20px 0px 0px;}
#col_4 #contents .text				{ padding:249px 0px 0px 0px;}
#col_3 #contents .text p a 			{ border-bottom:1px dotted #333; color:#333}
#col_3 #contents .text p a:hover 	{ border-bottom:1px dotted #a0000c; color:#a0000c}

.text ul				{ 	padding:10px; }
.text li				{ 	padding:0px 0px 1px 20px; background-image:url('../images/bullet.png'); background-position:0px 5px; background-repeat:no-repeat; }

.contentpage #columns #col_3 #lorem	{ 	}
.contentpage #columns #col_4 #lorem	{ 	}

/* KOMPAS */
#extracontents 				{ position:absolute; left:30px; top:40%; widthn:230px;}
/* DEFAULT TRANSPARENT */
.transparent 				{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* KOMPAS */
#kompasover 				{ position:absolute; left:0px; top:0px;  width:100%; height:100%; z-index:20; display:none; overflow:hidden}
#kompasover2 				{ position:absolute; left:0px; top:0px;  width:100%; height:100%; z-index:2; }
#kompasover2 .bg 			{ position:absolute; left:0px; top:0px; background-color:#333; width:100%; height:100%; z-index:1; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;}
#kompasover2 #flashkompas 	{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2;}
#kompasover2 #flashlogo 		{ position:absolute; background:url('../images/logo.gif') no-repeat 26px 40px; width:272px; height:140px; display:block; overflow:hidden; text-indent:-224px; padding:0px 0px 0px 0px; left:50%; margin-left:-372px; z-index:3; background-color:#FFF;}


.bigquote div 					{ background-color:#00457c; padding:5px; color:#FFF; border:2px solid #FFF; position:relative; }
.bigquote .arrow 				{ display:block; background:url("../images/arrow_quote.png") transparent no-repeat 0px 0px; width:24px; height:16px; bottom:-16px; position:absolute; left:15px; bottom:-16px;}
.bigquote strong				{ display:block; padding:18px 0px 0px 26px; font-style:italic; font-weight:normal;}


/**********************************************
ACTUEEL
**********************************************/
#nieuws h1								{ }
#nieuws 								{ width:500px; overflow:hidden; margin:67px 0px 0px 70px;}
#nieuws .items							{ padding:45px 0px 80px 0px; clear:both}
#nieuws .item							{ position:relative; display:block; clear:both; margin:0px 0px 16px 0px;}
#nieuws .item img						{ float:right; border: 2px solid #FFF; }
#nieuws .item .text						{ background-color:#FFF; width:346px;}
#nieuws .item .totop					{ display:block; float:right; height:24px; background:url('../images/arrow_splash_up.gif') no-repeat 100% 0px; margin:10px 154px 0px 0px;  padding:2px 30px 0px 0px; color:#FFF;}
#nieuws .item h3						{ display:block; padding:15px 15px 5px 15px; font-weight:bold; margin:0px; color:#00457c; font-size:15px; text-transform:uppercase;}
#nieuws .item div						{ display:block; padding:0px 15px 15px 15px;}
/**********************************************
KLANTENLIJST
**********************************************/

#referentielinkshider				{ position:relative; width:230px; height:210px; overflow:hidden;}
#referentielinks					{ position:absolute; width:230px; }
#referentiethumbs .volgende			{ display:block; position:absolute; top:220px; right:20px; width:12px; height:7px; text-indent:-999px; overflow:hidden; background-image:url('../images/volgende_down.gif'); background-repeat:no-repeat; background-position:0px 0px;}
#referentiethumbs .vorige			{ display:block; position:absolute; top:220px; right:35px; width:12px; height:7px; text-indent:-999px; overflow:hidden; background-image:url('../images/vorige_up.gif'); background-repeat:no-repeat; background-position:0px 0px;}


#referentielijst #referentielijsthider 	{ height:600px; width:100%; position:relative; margin:0px 0px 0px 0px;  overflow:hidden}
#referentielijst ul 					{ position:relative; position:absolute; width:480px; height:600px;}
#referentielijst ul li 					{ position:absolute; top:-1000px; left:50px; color:#FFF; width:600px;}
#referentielijst ul li img				{ border:4px solid #FFF; float:left; margin:0px 20px 0px 0px; border-top:0px;}
#referentielijst ul li .naam			{ display:block; padding:50px 0px 0px 0px; text-transform:uppercase; font-weight:bold; }
#referentielijst ul li .functie			{ display:block; padding:3px 0px 0px 0px; width:400px;}

#col_3 #contents .text #referentielijst ul li .tekst p a 				{ border-bottom:1px dotted #FFF; color:#FFF}
#col_3 #contents .text #referentielijst ul li .tekst p a:hover 			{ border-bottom:1px dotted #a0000c; color:#a0000c}

#referentielijst ul li .tekst			{ display:block; clear:both; font-size:20px; padding:50px 0px 0px 0px; font-weight:bold; color:#FFF; line-height:40px; font-style:italic; width:480px;}


#referentielijst ul li .tekst .scroll 				{ height:400px; width:480px; }
#referentielijst ul li .tekst .scroll p:first-child { margin-top:0px; }

#referentielinks a 				{ display:block; width:45px; height:45px; margin:0px 10px 10px 0px; float:left; background-color:#dedede; overflow:hidden; text-indent:-500px; cursor:pointer;}
#referentielinks a .transparent { height:100%; width:100%; background-color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#referentielinks a .active 		{ border:1px solid #F00;}


#referentielijst #navigatie { 	position:absolute; margin:20px 0px 0px 70px;}
#referentielijst #vorige,
#referentielijst #volgende 	{ 	display:block; float:left; width:95px; height:21px; background-image:url('../images/vorige.gif'); background-repeat: no-repeat; background-position:100% 0%; 
								background-color:#FFF; overflow:hidden; margin:0px 10px 0px 0px; cursor:pointer; color:#888888; padding:4px 0px 0px 8px; font-size:11px; font-weight:bold;}
#referentielijst #volgende	{ 	background-image:url('../images/volgende.gif'); }
#referentielijst #vorige:hover,
#referentielijst #volgende:hover {color:#000;}

/*********************************** JSCROLLER ***********************************/
.jScrollPaneContainer 	 {	position: relative;	overflow: hidden;	z-index: 1; }
.jScrollPaneTrack 		 {	position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background-image:url('../images/scrollpane_bg.gif'); background-repeat:repeat-y; background-position:50% 0px; }
.jScrollPaneDrag 		 {	position: absolute; background: #FFF; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop 	 {	position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom 	 {	position: absolute;	bottom: 0;	left: 0; overflow: hidden; }
a.jScrollArrowUp 		 {	display: block;	background-image:url('../images/arrow_up.gif');	background-repeat:no-repeat;	background-position:0px 0px;	position: absolute;	z-index: 1;	top: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 15px;	width:9px;}
a.jScrollArrowUp:hover 	 {	/*background-color: #f60;*/ }
a.jScrollArrowDown 		 {	display: block;	background-image:url('../images/arrow_down.gif');	background-repeat:no-repeat;	background-position:0px 100%;	position: absolute;	z-index: 1;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 15px;}
a.jScrollArrowDown:hover {	/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }


/**********************************************
GALLERY
**********************************************/
#gallerylinkshider				{ position:relative; width:230px; height:210px; overflow:hidden;}
#gallerylinks					{ position:absolute; width:230px; }
#gallerythumbs .volgende		{ display:block; position:absolute; top:220px; right:20px; width:12px; height:7px; text-indent:-999px; overflow:hidden; background-image:url('../images/volgende_down.gif'); background-repeat:no-repeat; background-position:0px 0px;}
#gallerythumbs .vorige			{ display:block; position:absolute; top:220px; right:35px; width:12px; height:7px; text-indent:-999px; overflow:hidden; background-image:url('../images/vorige_up.gif'); background-repeat:no-repeat; background-position:0px 0px;}

#gallerylinks a 				{ display:block; width:45px; height:45px; margin:0px 10px 10px 0px; float:left; background-color:#dedede; overflow:hidden; text-indent:-500px; cursor:pointer;}
#gallerylinks a .transparent 	{ height:100%; width:100%; background-color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#gallerylinks a .active 		{ border:1px solid #F00;}


#gallery #navigatie 	{ position:absolute; margin:20px 0px 0px 40px;}
#gallery #vorige,
#gallery #volgende 		{ display:block; float:left; width:36px; height:36px; background-image:url('../images/vorige_big.gif'); background-repeat: no-repeat; background-position:0px 0px; 
						  background-color:#FFF; overflow:hidden; margin:0px 5px 0px 0px; cursor:pointer; color:#888888; font-size:11px; font-weight:bold; text-indent:-999px; overflow:hidden;}
#gallery #volgende		{ background-image:url('../images/volgende_big.gif'); }
#gallery #titel 		{ display:block; float:left; height:36px; width:450px; color:#FFF; position:relative;}
#gallery #titel .bg		{ position:absolute; height:100%; width:100%; top:0px; width:100%; z-index:1; overflow:hidden; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#gallery #titel h1		{ position:relative; z-index:2; padding:0px; margin:0px; color:#FFF; text-indent:0px; font-size:12px; font-weight:bold; padding:10px 0px 0px 10px;}
#gallery #vorige:hover,
#gallery #volgende:hover { color:#000;}



/**********************************************
KLANTENLIJST
**********************************************/

#klantenlijst 						{ width:500px; overflow:hidden; margin:10px 0px 0px 70px;}
#klantenlijst h1					{ margin-top: 57px;}
#klantenlijst ul, 
#klantenlijst li					{ margin:0px; padding:0px; background-image:none; }
#klantenlijst #klantenlijsthider 	{ height:500px; width:100%; position:relative; margin:54px 0px 0px 0px;  overflow:hidden}
#klantenlijst ul 					{ position:absolute; left:0px; top:0px; width:8000px;}
#klantenlijst li 					{ float:left; width:250px; }
#klantenlijst li.active 			{ }
#klantenlijst a 					{ display:block; font-weight:bold; color:#acadb0; padding:1px 0px 1px 0px;}
#klantenlijst a:hover 				{ text-decoration:underline; color:#FFF;}
#klantenlijst #navigatie 			{ position:absolute; margin:20px 0px 0px 0px;}
#klantenlijst #vorige,
#klantenlijst #volgende 			{ display:block; float:left; width:25px; height:25px; background-image:url('../images/vorige.gif'); background-repeat: no-repeat; text-indent:-1000px; 
									  overflow:hidden; margin:0px 10px 0px 0px; cursor:pointer;}
#klantenlijst #volgende				{ background-image:url('../images/volgende.gif'); }


/**********************************************
TRAININGEN
**********************************************/
#trainingencategorieen, #trainingencategorieen li	{ margin:0px; padding:0px; background-image:none; }
#trainingencategorieen								{ width:600px; }
#trainingencategorieen img							{ display:block;}
#trainingencategorieen li 							{ float:left; display:block; width:196px; border-left:6px solid #FFFFFF; background-image:none; }
#trainingencategorieen li.first						{ border-left:0px;}
#trainingencategorieen li.first strong				{ white-space:nowrap}
 
#trainingencategorieen li .info 					{ background-color:#00457c; padding:15px; color:#FFF; border-top:2px solid #FFF;  height:180px; position:relative;}
#trainingencategorieen li .arrow 					{ background:url("../images/arrow_quote.png") transparent no-repeat 0px 0px; width:24px; height:16px; bottom:-16px; position:absolute; left:15px; bottom:-16px;}
#trainingencategorieen li .cursussen 				{ border-top:2px solid #FFF; color:#FFF; padding:40px 0px 0px 0px; border-bottom:1px solid #FFF;}
#trainingencategorieen li .cursussen li				{ display:block; float:none; padding:0px; margin:0px; border:0px; border-top:1px solid #FFF; background-color:#717174; }
#trainingencategorieen li .cursussen li	a 			{ display:block; color:#FFF; padding:5px 5px 5px 10px; font-size:11px; font-weight:bold;}

/**********************************************
TRAININGEN
**********************************************/
#trainingcat ul, #trainingcat li				{ margin:0px; padding:0px; background-image:none; }
#trainingcat									{ width:449px; }
#trainingbelow									{ width:399px; color:#bebebe; font-size:11px; line-height:15px; padding:10px 25px 10px 25px;}
#trainingcat .trainingblokinfo					{ background-color:#00457c; padding:25px; color:#FFF; border-bottom:1px solid #FFF;}
#trainingcat .trainingblokinfo strong			{ padding:22px 0px 0px 0px; display:block; text-transform:uppercase; font-size:1.1em;}
#trainingcat .trainingblok						{ padding:25px 25px 10px 25px; position:relative;  border-bottom:1px solid #FFF;}
#trainingcat .trainingblok strong				{ padding:0px 0px 0px 0px; display:block; text-transform:uppercase; font-size:1.1em;}
#trainingcat .trainingblok p:first-child		{ margin-top:4px;}
#trainingcat .trainingblok table				{ margin:0px 0px 10px 0px;}
#trainingcat .trainingblok td					{ font-size:10px; line-height:14px; padding:1px;}
#trainingcat .trainingblok td:first-child		{ width:70px;}

#trainingcat .trainingblok .arrow 				{ background:url("../images/arrow_main2.gif") transparent no-repeat 0px 0px; width:24px; height:16px; top:26px; position:absolute; left:0px;}


#trainingcat .trainingblok	.download			{ 	background-image:url("../images/icon_pdf2.gif"); background-repeat:no-repeat; background-position:100% 0px; 
													padding:7px 40px 0px 0px; height:25px; float:right; color:#FFF; font-size:10px; width:110px; white-space:nowrap;
													line-height:normal; text-decoration:underline; margin:-7px 0px 0px 0px; text-align:right;}
											
#trainingcat .trainingblok .links					{ float:left; padding:0px 0px 0px 0px; display:block;}
#trainingcat .trainingblok .links a					{ text-decoration:underline; border-left:1px solid #FFF; display:block; float:left; padding:0px 0px 0px 10px; margin:0px 0px 5px 10px; color:#FFF; height:12px; font-size:10px; line-height:11px;}
#trainingcat .trainingblok .links a:first-child		{ border-left:0px; margin-left:0px; padding-left:0px;}


/**********************************************
TRAININGEN
**********************************************/
#training .trainingblokinfo						{ background-color:#00457c; padding:25px 25px 10px 25px; color:#FFF;  width:399px;}
#training .trainingblokinfo  strong				{ padding:22px 0px 0px 0px; display:block; text-transform:uppercase; font-size:1.1em;}
#training .trainingblokinfo  table				{ margin:10px 0px 10px 0px;}
#training .trainingblokinfo  td					{ font-size:10px; line-height:14px; padding:1px;}
#training .trainingblokinfo  td:first-child		{ width:70px;}
#training .trainingblokinfo .download	 		{ background-image:url("../images/icon_pdf.gif"); background-repeat:no-repeat; background-position:0px 0px; padding-left:40px; height:40px; float:right; color:#FFF; font-size:10px; width:70px; line-height:normal; text-decoration:underline; margin:0px 0px 0px 0px;}
#training .trainingblokinfo .arrow 				{ background:url("../images/arrow_main2.gif") transparent no-repeat 0px 0px; width:24px; height:16px; top:48px; position:absolute; left:0px;}


#training .traininginfo h3						{ padding:0px 0px 10px 0px; margin:0px; font-size:13px; font-weight:bold;}
#training .traininginfo .info 					{ float:left; padding:25px; background-image:url("../images/arrow_training.gif"); background-position:20px 0px; background-repeat:no-repeat; width:399px;}
#col_3 #contents .text #training .traininginfo .info #tekstload a { color:#FFF; border-color:#FFF;}
#col_3 #contents .text #training .traininginfo .info #tekstload a:hover { color:#a0000c; border-color:#a0000c;}

#training .traininginfo .links					{ float:right; width:151px;}
#training .traininginfo .links a				{ float:left; background-color:#222; width:130px; font-size:10px; text-decoration:none; display:block; color:#FFF; padding:5px;  filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; font-weight:bold; margin:0px 0px 3px 0px;}
#training .traininginfo .links a.active			{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color:#717174;}


/**********************************************
MENU
**********************************************/
#mainmenu 		{	position:absolute; left:10px; top:10px; }
#mainmenu li	{	display:block;  }

#mainmenu a 			{ position:relative; color:#c3c2c7; font-size:12px; font-weight:bold; display:block; padding:0px 0px 7px 0px; width:100px; text-align:right;}
#mainmenu a.active, 
#mainmenu a:hover 		{ color:#FFF;}
#arrow_main 			{ position:absolute; background-image:url('../images/arrow_main.gif'); height:16px; width:9px; top:-16px; right:0px; }

#submenuhider	 		{ position:relative; width:100%; height:500px;}
#submenucontainer 		{ position:absolute; width:100%; left:0px; top:0px;}

#submenu 				{ position:relative; margin:50px 0px 0px 30px;}
#submenu li .toggle		{ display:none; padding-left:20px;}
#submenu a 				{ color:#aaaaaa; font-size:12px; font-weight:bold; display:block; padding:0px 0px 6px 0px;}
#submenu a.active, 
#submenu a:hover 		{ color:#515055;}
#arrow_sub 				{ position:absolute; background-image:url('../images/arrow_sub.gif'); height:18px; width:10px; top:-300px; left:0px; }

/**********************************************
COLUMN ZIJBALK
**********************************************/
.quote			{}
.quote .quotetekst	{ background-color:#00457c; border:2px solid #FFF; color:#FFF; position:relative; padding:10px}
.quote .arrow 		{ background:url("../images/arrow_quote.png") transparent no-repeat 0px 0px; width:24px; height:16px; bottom:-16px; position:absolute; left:15px;}
.quote .image 		{ background:url("../images/quoteimage.jpg") transparent no-repeat 0px 0px; width:180px; height:70px; }
.quote .wie 		{ color:#7a797d; padding:7px; font-size:11px; background-color:#FFF;}



#col_4 a.side_extra							{ display:block; color:#333; background-color:#c3c4c8; }
#col_4 a.side_extra:hover					{ color:#FFF; background-color:#333333; }
#col_4 div.side_extra						{ display:block; color:#333; background-color:#c3c4c8; }

#col_4 .side_extra .titel					{ border:2px solid #FFF; border-left:0px; border-right:0px; position:relative; font-size:11px; padding:5px 30px 5px 10px; line-height:normal;}
#col_4 a.side_extra .titel					{ background: url(../images/arrow_side.gif) no-repeat 160px 50% transparent; }
#col_4 .side_extra .image 					{ background:url("../images/quoteimage.jpg") transparent no-repeat 0px 0px #FFFFFF; width:180px; height:70px; }

#col_4 .side_referentie						{ display:block; color:#333; background-color:#c3c4c8; }
#col_4 .side_referentie:hover .titel		{ color:#FFF; background-color:#333333; }
#col_4 .side_referentie .titel				{display:block; border:2px solid #FFF; border-left:0px; border-right:0px; position:relative; background: url(../images/arrow_side.gif) no-repeat 160px 50% transparent; 
											  font-size:11px; padding:5px 30px 5px 10px; line-height:normal;}
											  
#col_4 .side_referentie .image  			{ height:57px; background-color:#FFF;  padding:0px;}
#col_4 .side_referentie .image li 			{ float:left; margin:0px 0px 0px 2px; width:57px; height:57px; background-position:50% 50%; padding:0px; position:relative;}
#col_4 .side_referentie .image li.smaller 	{ margin:0px 0px 0px 2px; }
#col_4 .side_referentie .image li a	 		{ display:block; position:relative; width:55px; height:55px; padding:0px; margin:0px;}

#col_3 .side_referentie						{ display:block; color:#666666; background-color:#FFF; border-top:1px solid #bebebe;  background: url("../images/arrow_extragrey.gif") no-repeat 380px 50% transparent; }

#col_3 .side_referentie:hover a				{ color:#000000;}
#col_3 .side_referentie .titel				{ display:block; position:relative; font-size:11px; line-height:normal; vertical-align:middle; float:left;}
#col_3 .side_referentie .table  			{ height:57px; margin:5px 0px 2px 0px;}

#col_3 .side_referentie .image  			{ height:57px; background-color:#FFF;  padding:0px; float:left; margin:4px 10px 3px 0px;}
#col_3 .side_referentie .image li 			{ float:left; margin:0px 0px 0px 2px; width:57px; height:57px; background-position:50% 50%; padding:0px;}
#col_3 .side_referentie .image li.smaller 	{ margin:0px 0px 0px 2px; }
#col_3 .side_referentie .image li a	 		{ display:block; position:relative; width:55px; height:55px; padding:0px; margin:0px;}

#col_3 a.side_extra							{ display:block; color:#666666; background-color:#FFF; border-top:1px solid #bebebe; background: url("../images/arrow_extragrey.gif") no-repeat 380px 50% transparent; }
#col_3 div.side_extra						{ display:block; color:#666666; background-color:#FFF; border-top:1px solid #bebebe; }
#col_3 a.side_extra:hover					{ color:#000000; }
#col_3 .side_extra .table  					{ height:70px; margin:5px 0px 2px 0px;}
#col_3 .side_extra .titel					{ border-left:0px; border-right:0px; position:relative; font-size:11px; pline-height:normal;}
#col_3 .side_extra .image 					{ background: url("../images/quoteimage.jpg") transparent no-repeat 0px 0px #FFFFFF; width:180px; height:70px; float:left; margin:4px 10px 3px 0px;}


#col_3 .closeline							{ display:block; color:#666666; background-color:#FFF; border-top:1px solid #bebebe; }


/**********************************************
CONTACT FORMULIEREN
**********************************************/
#contactformulier td	{ padding:2px 20px 2px 0px; }
#contactformulier		{ margin:10px 0px 0px 0px;}
#contactformulier input, #contactformulier textarea	{ width:250px; border:1px solid #dedede; padding:2px; }
#contactformulier input[type=radio] {width:auto;}
#contactformulier .error { background-color:#a20b16; color:#FFF;}
#contactformulier .submit { background-color:#00457c; color:#FFF; border:0px; padding:4px; width:auto; cursor:pointer}
#contactformulier p {margin: 5px 0px;}

/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }


/*********************************** TOOLBOX IMAGES ***********************************/
.img_left_border			{ 	float:left; margin-right:15px; margin-bottom:5px; clear:left;}
.img_left_noborder			{ 	float:left; margin-right:15px; margin-bottom:5px;  clear:left;}
.img_right_border			{ 	float:right; margin-left:15px; 	margin-bottom:5px; clear:right;}
.img_right_noborder			{ 	float:right; margin-left:15px; margin-bottom:5px; clear:right;}
.img_noalign_noborder		{	margin:0px; }
.img_noalign_border			{ 	margin:0px; }