/* 	------------------
	Beasty Bytes
	www.beastybytes.nl
 	------------------	*/	

body {
	background-color:#e0e1e5;
	background:url(../media/bg-wrapper.png) repeat-y center top #e0e1e5;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0 10px;
}

#boxWrapper {
	width:990px;
	margin:auto;
	text-align:left;
	overflow:auto;
}

/* =FontStyling General */
h1					{	font-size:16px; font-weight:normal;	margin-bottom:0;	}
a, p, em, input		{	font-size:11px; margin:0; padding:0; color:#FFFFFF 		}
p a					{	font-size:12px; text-decoration:underline;	}
p a:hover			{	text-decoration:none;	}
a					{	text-decoration:none; 						}
a:hover				{	text-decoration:underline; 					}
p, em, td		 	{	font-size:12px; margin:3px 0 7px 0; padding:0; 	}
img					{	border:0;	}
span.superscript		{	font-variant:small-caps; position:relative; top:-6px; line-height:0; font-size:8px; }

/* =Header classes */
#boxHeader {
	height:90px;
	border-bottom:3px solid #ce002d;
	margin:0 10px 10px 10px;
	position:relative;
}
#boxHeader .logo {
	position:absolute;
	top:25px;
	left:25px;
}

/* =hoofdNavigatie */
#boxNavigation			{	padding-top:25px;	}
#boxNavigation ul 		{	margin-left:605px; padding:0; list-style-type:none; 	}
#boxNavigation li 		{	float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #FFFFFF; 	}
#boxNavigation li.last 	{	margin-right:0; border-right:0;		}
#boxNavigation li a 		{	color:#FFFFFF; text-decoration:none; font-size:12px;	}	
#boxNavigation li a:hover	{	text-decoration:underline; 	}
#boxNavigation li a.active	{	text-decoration:underline; 	}

#boxPhoto 				{	position:relative; height:200px; margin:0 0 0 10px; clear:both;	}
#boxPhoto.followUp		{	height:150px;	}
#boxPhoto.followUp h1	{	position:absolute; background-color:#FFFFFF; color:#002c5a; font-size:21px; padding:10px 10px; opacity:0.85; filter:alpha(Opacity=85); left:240px; bottom:10px; width:355px; filter:alpha(Opacity=85);}
#boxPhoto img			{	position:absolute;	}

.boxQuotes		{	position:absolute; width:325px; left:605px; height:200px; background-color:#000000; opacity:0.85; filter:alpha(Opacity=85); padding:0 20px; }
.boxQuotes h1, .boxQuotes p 
				{	color:#FFFFFF;		}
.boxQuotes h1	{	margin-top:70px;	}
.boxQuotes p	{	font-size:13px;		}	

.boxFingerTab				{	filter:alpha(Opacity=85); opacity:0.85; position:absolute; width:auto; left:20px; bottom:20px; right:390px;  }
.boxFingerTab a 			{	text-decoration:none;	}
.boxFingerTab a h1			{	padding:4px 7px; width:auto; display:inline; background-color:#FFFFFF; color:#002c5a; margin-top:70px; font-size:18px;	}
.boxFingerTab a p			{	padding:4px 7px; background-color:#FFFFFF; color:#000000; font-size:13px;	}
.boxFingerTab a:hover h1	{	background-color:#000000; color:#FFFFFF;	}
.boxFingerTab a:hover p		{	background-color:#000000; color:#CCCCCC;	}


/* =breadcrumbs*/
#breadCrumbs	{	position:absolute; margin:-25px 0 25px 0; padding:0; list-style-type:none;  	}
#breadCrumbs ol	{	list-style-type:none;	}
#breadCrumbs li {	float:left; margin:0 10px 0 0; padding:0 0 0 7px ; background:url(../media/arrow-hyperlink-white.png) no-repeat 0 7px; 	}
#breadCrumbs li.last 	{	margin-right:0; background:none; 	}
#breadCrumbs li a 		{	text-decoration:underline; font-size:10px;			}	
#breadCrumbs li a:hover		{	text-decoration:none;	}
#breadCrumbs li.emphasize	{	font-size:10px; color:#FFFFFF; font-weight:bold; padding:1px 0 0 7px;	}
#breadCrumbs li.first		{	background:none; color:#3981cc; font-size:10px; padding:1px 0 0 0;	}

/* =Content classes */
#boxContent			{	width:720px; float:left; margin-left:10px;		}
#boxContent h1, #boxContent p
					{	color:#FFFFFF; 	}
.span-leftFrame		{	width:355px; margin:30px 10px 40px 0; float:left;	}
.span-rightFrame	{	width:355px; margin-top:30px; float:left;			}
/* =contentStyles */
#boxContent ul		{	list-style-type:square; margin:5px 0px; padding:0 25px;	}
#boxContent li, td	{	color:#FFFFFF; font-size:11px;	}
#boxContent h2		{	color:#FFFFFF; font-size:13px; font-weight:bold; padding:0; margin:10px 0 5px 0;	}
address				{	color:#FFFFFF; font-size:13px; font-style:normal!important; margin-left:0;	}

/* =contextPanel */
.contextPanel		{	background-color:#073b72; width:auto; margin-bottom:15px; padding:10px;	}
.contextPanel h2	{	color:#3981cc !important; font-size:16px; font-weight:normal; margin:0!important;		}
.contextPanel p		{	font-size:11px !important;	}
.contextPanel a		{	font-size:11px !important;	}

ul.quotes li			{	padding:2px;	}
ul.quotes li img		{	float:right; 	}
ul.quotes .contextPanel 			{	
	margin-left:350px !important;
	margin-top:-35px !important;
	position:absolute !important;
	width:300px !important;
	display:none;
	text-decoration:none!important;
}
ul.quotes li:hover	{	background-color:#3981cc;	}

ul.trainingSpecs 			{	list-style-type:none !important; padding:0 5px !important; margin:0 0 0 85px !important;	}
ul.trainingSpecs li			{	margin:0; padding:0; line-height:15px;				}
ul.trainingSpecs li	strong	{	position:absolute; margin-left:-85px;	}

ul.relatedLinks 	{	list-style-type:none !important; padding:0 5px !important; margin:0 0 0 15px;		}
.relatedLinks li	{	color:#98c3f0 !important; margin:0; padding:0; line-height:15px; 	}
.relatedLinks a		{	background:url(../media/arrow-hyperlink-white.png) no-repeat 0 6px; padding-left:7px; text-decoration:underline; color:#98c3f0 !important; 	}
.relatedLinks a:hover	{ text-decoration:none;				}

/* =demoBanner (startpagina) */
.bannerDemo			{	background-color:#073b72; width:720px; clear:both; margin-bottom:50px;		}
.bannerDemo	h1		{	color:#3981cc !important; padding-top:10px;	}
.bannerDemo	p		{	padding-bottom:10px;	}
.bannerDemo img		{	margin:5px 9pt 15px 15px; float:left;	}
.bannerDemo a		{	background:url(../media/arrow-hyperlink-white.png) no-repeat 0 6px; padding-left:7px;	}

/* =kalender*/
table.kalender				{	width:720px; 				}
table.kalender th			{	color:#FFFFFF; padding:5px; font-size:13px; font-weight:normal;	}
table.kalender th.title		{	width:140px; font-size:15px; font-weight:bold; }
table.kalender th.current	{	font-size:15px; font-weight:bold; }
table.kalender tr.evenRow	{	background-color:#083c76;	}
table.kalender tr:hover		{	background-color:#034b9d !important;	}
table.kalender td			{	padding:5px; 					}
table.kalender td.current:hover	{	background-color:#074382;	}


/* =boxFooter*/
.boxFooter			{	clear:both; border-top:3px solid #ce002d; font-size:10px; color:#3981cc; margin-bottom:10px; 	}
.boxFooter p		{	float:left; font-size:10px; color:#3981cc !important; margin-right:20px;	}
.boxFooter p.bb		{	float:right; 	}
.boxFooter p.bb a	{	color:#FFFFFF !important; font-size:10px !important;	}		

/* =boxLogin (startpagina) */
#boxLogin				{	border-bottom:1px dotted #CCCCCC; padding:5px 0 20px; overflow:auto;	}
#boxLogin p				{	margin:2px 0 2px 0; padding:0; color:#808080 !important;		}
#boxContent #boxLogin p	{	color:#FFFFFF !important;	}

input, select, textarea	{	font-size:11px !important; padding:2px; background-color:#b3c0ce; border:0; width:225px; color:#334559; font-family:"Trebuchet MS", Tahoma;	}
label 			{	display:block; margin-left:0px; color:#3981cc; font-weight:normal;	}
button 			{	cursor:pointer; background-color:#072748; color:#FFFFFF; font-size:10px; border:0; padding:2px; 	}

#boxToc #boxLogin ul		{	list-style-type:none; padding:0; margin:0;	}
#boxToc #boxLogin li		{	float:left; margin-right:15px!important; ; padding-left:7px!important; background:url(../media/arrow-hyperlink-blue.png) no-repeat 0 6px; border:0!important;	}

/* =boxToc (nieuws/toc) */
#boxToc						{	width:230px; margin:0 10px;	float:left;		}
#boxToc h1, #boxToc h1 a	{	display:block; color:#002c5a; border-bottom:1px dotted #CCCCCC; padding:5px 0; margin:0; font-size:16px; font-weight:normal;	}
#boxToc h1 a		{	border-bottom:0; padding:0; margin:0;	}
#boxToc ol			{	list-style-type:none; padding:0 0 20px; margin:0; width:230px; 	}
#boxToc li			{	font-size:11px; padding:0; margin:2px 0; border-bottom:1px dotted #CCCCCC; 	}
#boxToc li em		{	display:block; margin:0; padding:0; font-size:11px; color:#808080;		}
#boxToc li a			{	line-height:17px; color:#0062c9; font-weight:bold; margin:0; padding:0;  }
#boxToc li a:hover		{	text-decoration:underline;  			}
#boxToc li a.active		{	color:#000000; text-decoration:none;  	}

#boxToc li.moreNews		{	text-align:right; 			}
#boxToc li.moreNews a	{	background:url(../media/arrow-hyperlink-blue.png) no-repeat 0 6px; padding-left:7px;}

#boxToc h1 .open		{	background:url(../media/arrow-accordion-down.png) no-repeat right center;	}
#boxToc h1 .closed	{	background:url(../media/arrow-accordion-right.png) no-repeat right center;	}

#boxToc ol.closed	{	display:none;	}
#boxToc ol.open		{	display:bock;	}


/* =boxToc (nieuws/toc) */
.tocMenu				{	list-style-type:none; margin:0; padding:0;					}
.tocMenu li 			{	border-top:1px dotted #CCCCCC; border-bottom:0 !important;	}
.tocMenu li a			{	border-bottom:1px dotted #CCCCCC; display:block; color:#002c5a !important; font-weight:normal !important; padding:5px 0 !important; margin:0; font-size:16px; font-weight:normal;	}
.tocMenu li a			{	border-bottom:0; padding:0; margin:0;	}
.tocMenu ol				{	list-style-type:none; padding:0; margin:0; width:230px; 	}
.tocMenu ol	li			{	border-bottom:0!important	;	}

.tocMenu ol li a		{	line-height:17px; border-top:0; color:#0062c9 !important; font-weight:bold !important; margin:0; padding:0!important; display:block; background:none !important; }
.tocMenu ol li a		{	font-size:11px; padding:0; margin:2px 0;  	}

.tocMenu ol a:hover		{	text-decoration:underline;  			}
.tocMenu ol a.active	{	color:#000000 !important; text-decoration:none;  	}

.tocMenu li .open		{	background:url(../media/arrow-accordion-down.png) no-repeat right center;	}
.tocMenu li .closed		{	background:url(../media/arrow-accordion-right.png) no-repeat right center;	}
.tocMenu li.open a		{	background:url(../media/arrow-accordion-down.png) no-repeat right center;	}
.tocMenu li.closed a	{	background:url(../media/arrow-accordion-right.png) no-repeat right center;	}

.tocMenu  ol.closed	{	display:none;	}
.tocMenu  ol.open	{	display:bock;	}


p.note	{	font-size:11px; color:#3981CC !important; margin-bottom:5px !important;	}


/* =From classes */
form {	margin:0; padding:0;	}


/* Comprehensive Form Mark-up	*/
form.comprehensive			{	position:relative; 	}
form.comprehensive fieldset	{	border:0; padding:0; margin:0 0 5px 120px; 	}
form.comprehensive label	{	position:absolute; color:#FFFFFF; font-size:11px; font-weight:bold; left:0; padding:0; 	}
form.comprehensive input, textarea
							{	padding:0; margin:0; 	}
form.comprehensive textarea	{	height:150px;	}	


/* Klantdomein classes */
table.kdUsers	 	{	color:#000000; font-size:11px;	}
table.kdUsers thead	{	color:#3981CC; 	}
table.kdUsers tbody	{	color:#FFFFFF;	}
table.kdUsers td	{	border-right:1px dotted #FFFFFF; padding:4px;	}

table.kdUsers ul 	{	list-type-style:none; list-style-image:url(../media/arrow-hyperlink-white.png); margin:0 0 0 15px !important; padding:0 !important	}

.callUs		{	background-color:#cadcef; border-top:1px dotted #CCCCCC;  margin:15px 0;	}
.callUs h2	{	font-size:12px; margin:0; padding:5px 0 0 5px;	}
.callUs em	{	padding:5px 0 5px 5px; color:#000000 !important; font-style:normal;	}

/* inschrijfformulier*/
table.inschrijfformulier input					{	border:1px solid #004E96; font-family:Verdana; font-size:10px;	width: 18px;}
table.inschrijfformulier textarea				{	border:1px solid #004E96; font-family:Verdana; font-size:10px;	width: 18px;}
table.inschrijfformulier select					{	border:1px solid #004E96; font-family:Verdana; font-size:10px;	width: 18px;}
table.inschrijfformulier .inputAdd				{ 	width: 200px; height:17px;	}
table.inschrijfformulier .formKop				{	font-weight:normal; color:FFFFFF; font-size:11px; padding-right:5px;	}
table.inschrijfformulier .formTraining			{	font-weight:bold; color:FFFFFF; font-size:13px; padding-right:5px;	}
table.inschrijfformulier label 					{	display:inline; margin-left:0px; color:#fff; font-weight:normal;	}
.inschrijfknop									{	margin-top: 20px; margin-bottom: 20px;}

.linkBtn		{	font-size:11px; color:#FFFFFF; font-weight:normal; padding:2px 5px; border:1px solid #FFFFFF; background-color:#004E96	}
.linkBtn:hover	{	font-size:11px; color:#FFFFFF; border:1px solid #000000; text-decoration: none;	}

/*
	Vertical Accordions
*/

dt {
	display: block;
	width: 355px;
	background: url(../media/accordion_toggle.jpg) no-repeat middle left #e0542f;
	padding: 5px 10px 5px 5px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid transparant;
	cursor: pointer;
	margin: 0 0 0 0;
}

dd {
	background-color: #cadcef;
	color: #00264e !important;
	overflow: hidden;
	font-size:11px;
	padding:10px;
	margin:0 0 0 10px;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}