/*Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1*/
/*reset*/html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html { /*height: 100%;*/ background: url(/assets/images/site/top-bg.png) 0 0 repeat-x; }
html, body { font-family: arial, "Lucida Grande", sans-serif; font-size: 12px; line-height: 1.5; }

h1 { font-size: 18px; color: #2bb212; font-weight: bold; }
h2 { font-size: 14px; color: #2bb212; font-weight: normal; margin-bottom: -15px; }
h3 { font-size: 12px; color: #014c96; font-weight:bold; text-transform: uppercase; }
p { padding: 15px 0; }

b, strong { font-weight: bold; }
i { font-style: italic; }

.main b, .main strong { font-weight: bold; }
.main i, .main em { font-style: italic; }
.content a, .content a:link, .content a:visited { text-decoration: underline; color: #2BB212; }
.content a:hover { color: #EF6108; }

.topbg { background: url(/assets/images/site/header1.jpg) no-repeat 50% 0; position: relative; margin: 0 auto; /*width: 1419px;*/ }
.wrap-bg { position: relative; top: 120px; margin: 0 auto; width: 914px; background: url(/assets/images/site/sidebgs.png) no-repeat  0 15px; }
.wrap { width: 890px; position: relative; margin: 0 auto; }

.header { position: relative; z-index: 5; height: 60px; background: url("/assets/images/site/menu-bg.png") no-repeat 0 0; }
	.header img { position: absolute; top: 5px; left: 5px; }
	.menu { position: absolute; left: 160px; top: 22px; text-align: center; z-index: 105;  }
		.menu ul {  }
		.menu ul li { display: block; float: left; }
		.menu a { height: 32px; }
			.menu li ul li a { height: auto; }
		.menu ul li ul { position: absolute; display: block; z-index: 999; top: 31px; background-color: #7d7c7c; padding: 5px 0; left: -999em; width: 150px; }
			.menu li ul li { display: block; text-align: left; background: url(/assets/images/site/menuline.png) no-repeat 4px 100%; width: 150px; padding: 2px 0 2px 15px; }
			.menu li ul li a { font-size: 11px; color: #fff; }
		.menu ul a { color: #fff; text-decoration: none; font-size: 14px; display: block; float: left; padding-right: 15px; }
		.menu ul li a:hover, .menu ul li.active a, .menu ul li.active li.active a, .menu ul li.active li a:hover { color: #69d543; }
			.menu ul li.active li a { color: #fff; }
			.menu li:hover ul, .menu li.sfhover ul { left: auto; }
#logo { position: absolute; top: -110px; left: 25px; }
.main { background: #fff url("/assets/images/site/sidebar-bg.png") repeat-y 100% 0; margin-top: -7px; padding-bottom: 20px; position: relative; z-index: 2; }
	.left, .content, .sidebar { overflow-x: hidden; }
	.left { width: 235px; float: left; background-color: #fff; position: relative; }
		.submenu { padding: 15px; }
		.submenu li a { color: #9c9b9b; text-decoration: none; }
		.submenu li.active a { color: #2bb212; font-weight: bold; }
		.submenu li a:hover { text-decoration: underline; }
		.left img { padding: 5px; }
	.leftForm {padding-left: 10px; float:left; position: relative; background-color: #fff; width: 10px; }
	.contentForm { width: 600px; float:left; background-color: #fff; position: relative;}
	.content { width: 400px; float: left; background-color: #fff; position: relative; }
		.content p { color: #666; }
	.sidebar { width: 200px; float: right; margin: -7px -7px 0 0; padding: 15px; position: relative; background: url(/assets/images/site/sidebar-fx.png) no-repeat 10px 100%; }
		.searchform { padding: 10px; }
			.searchform input { color: #999; padding: 3px; border-width: 1px; }
			.searchform input:focus { color: #333; }
.footer { clear: both; background: #a6a5a5 url(/assets/images/site/footer-bg.png) 0 100% repeat-x; height: 367px; margin-top: -56px; overflow: hidden; }
	.footer-content, .footer-links { width: 890px; left: 50%; position: relative; margin-left: -445px; }
	.footer-content { background: url(/assets/images/site/footer-bg-center.png) no-repeat 0 159px; height: 208px; padding-top: 185px; }
		.footer-content li { float: left; width: 202px; padding: 0 10px; }
		.footer-content p, .footer-content li, .footer-content a { color: #fff; font-size: 11px; }
		.footer-content p { padding-top: 0; }
	.footer-links { text-align: center; margin-top: -47px; }
		.footer-links li { display: inline; }
		.footer-links a { text-decoration: none; color: #333; font-size: 10px; padding: 0 5px; }
		.footer-links a:hover { text-decoration: underline; }

.breadcrumb { font-size: 11px; color: #666; }
.breadcrumb a { margin: 0 3px; text-decoration: none; color: #666; font-size: 11px; }
	.breadcrumb a:hover { text-decoration: underline; color: #2bb212; }
	.breadcrumb span { color: #999; }

.content ul { padding: 0 0 0 15px; }
	.content ul .CursusTitles { list-style: none;}
	.content ul .CursusTitles h3 { margin: 10px 0px;}
	.content ul .Cursuslink {text-align: left; border: 0px solid #fff; background-color: #ffffff; cursor: pointer; color: #2BB212; text-decoration: underline;}
	.content ul li { list-style: disc; clear:both; }	
.content ol { padding: 0 0 0 20px; }
	.content ol li { list-style: decimal; }
.content li { color: #666; }


.news-list li { padding: 30px 0 10px 0; background: url(/assets/images/site/newsline.png) no-repeat 0 100%; }
	.news-list h3 { padding: 0; color: #fff; }
	.news-list p { padding: 0 0 10px 0; }
	.news-list p, .news-list li { font-size: 11px; color: #666; }
	p.readmore { padding: 0; text-align: right; }
		.readmore a { color: #666; text-decoration: none; font-style: italic; }
		.readmore a:hover { text-decoration: underline; }

.pro-list li { background: url(/assets/images/site/prolist.png) 0 0 no-repeat; line-height: 26px; height: 26px; padding: 3px 0 0 30px; }
	
.cta-blue, .cta-green, .cta-phone, .cta-orange { display: block; text-align: left; color: #fff; width: 175px; height: 28px; line-height: 28px; font-size: 11px; text-decoration: none; text-indent: 14px; text-transform: uppercase; margin: 5px 0 10px 0; }
	.cta-blue img, .cta-green img, .cta-phone img, .cta-orange img { margin: 0 0 -5px 3px; }
/*	.cta-blue:hover, .cta-green:hover, .cta-phone:hover, .cta-orange:hover { text-decoration: underline; }*/
	.cta-blue { background: url(/assets/images/site/cta-blue.png) no-repeat; }
		.cta-blue:hover { background: url(/assets/images/site/cta-blue-hover.png) no-repeat; }
	.cta-green { background: url(/assets/images/site/cta-green.png) no-repeat; }
		.cta-green:hover { background: url(/assets/images/site/cta-green-hover.png) no-repeat; }
	.cta-phone { background: url(/assets/images/site/cta-phone.png) no-repeat; }
		.cta-phone:hover { background: url(/assets/images/site/cta-phone-hover.png) no-repeat; }
	.cta-orange { width: 180px; height: 32px; line-height: 26px; background: url(/assets/images/site/cta-orange.png) no-repeat; }
		.cta-orange:hover { width: 180px; height: 32px; line-height: 26px; background: url(/assets/images/site/cta-orange-hover.png) no-repeat; }
		.sidebar .cta-orange { margin-top: 100px; }
button.cta-orange {border: 3px solid #fff;}
button.cta-orange:hover {cursor:pointer;}

/* ------------ CONTACT ----------------------------------------------- */
.formulier {width: 580px; font-size: 11px;}
.formulier #row {clear: both; padding: 3px 0; }
.formulier p {padding: 3px 0;}
.formulier #placeTime, .formulier #placeTime li {clear: both; margin-left: 70px;}
.formulier #keuze {border: 0px solid #ffffff; margin-right: 20px; }
.formulier #checkbox { border: 0px solid #ffffff; margin-left: 120px;}
.formulier label {  float: left;  width: 125px;  text-align: right; padding: 3px 0; margin-right: 5px; font-weight: normal;}
	.contentForm .formulier label { width: 170px; }
.formulier select { width: 80px; margin-left: 5px; }
.formulier input, .formulier textarea { float: left; border: 1px solid #cccccc; text-indent: 2px; padding: 2px 0; }
.formulier input[type=text] { width: 250px; }
.formulier input[type=submit]{ position: relative; border: 1px solid #cccccc; width: 140px; }
.formulier input[type=submit]:hover { cursor: pointer; font-weight: bold;}
.formulier textarea { width:250px; height:150px; }
.formulier input.cta,
.formulier input.cta:hover { width: auto; background: #6e6e6e; color: #fff; border: 0; padding: 2px 5px; margin: 2px 100px; cursor: pointer; text-align: center !important; text-decoration: none; }
.formulier input.cta:hover { background-color: #000000; }
.formulier .error { clear: both; margin: 0 0 0 100px;  padding: 5px 0 5px 0; color: #f00; font-weight: bold;/** background: url(/images/error.png) no-repeat 0 4px; */ padding-top: 3px; background-position: 0 6px; }
.formulier .notice { clear: both; font-style: italic; font-size: 0.8em; padding: 10px 0;}
.formulier .star { height:16px; margin-left:4px; width:20px; }
.formError .formErrorContent { background:#014C96;}
.formError .formErrorArrow div{ background:#014C96;}
.formulier #checkbox label {width: 76px;}
.formulier #checkbox input[type="radio"] { width: 50px; margin-top: 5px; border: 0px;}


.formulier a:visited, .formulier a:link {color: #fff; text-decoration: none;}
/*.formulier a:hover { text-decoration:underline;}*/
.errors {color: #ee2a2a; }

.clearboth { clear: both; }
.hidden { height: 1px; overflow: hidden; display: none; }

#print { position: absolute; right: 230px; bottom: 0; z-index: 11; cursor: pointer; }


.formError {
	position:absolute;
	top:300px; left:300px;
	padding-bottom:13px;
	display:block;
	z-index:5000;
	cursor:pointer;
}
	#debugMode{
		background:#000;
		position:fixed;
		width:100%; height:200px;
		top:0; left:0;
		overflow:scroll;
		opacity:0.8;
		display:block;
		padding:10px;
		color:#fff;
		font-size:14px;
		z-index:100000;
	}

	.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
	.formError .formErrorContent {
		width:100%; 
		/* background:#ee0101; */
		color:#fff;
		width:200px;
		font-family:tahoma;
		font-size:11px;
		border:2px solid #ddd;
		box-shadow: 0px 0px 6px #000;
		-moz-box-shadow: 0px 0px 6px #000;
		-webkit-box-shadow: 0px 0px 6px #000;
		padding:4px 10px 4px 10px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	.greenPopup .formErrorContent {background:#33be40;}
	
	.blackPopup .formErrorContent {background:#393939;color:#FFF;}
	
	.formError .formErrorArrow{
		position:absolute;
		bottom:0;left:20px;
		width:15px; height:15px;

		z-index:5001;
	}
	.formError .formErrorArrowBottom{top:0;margin:-6px;}
	
		.formError .formErrorArrow div{
			border-left:2px solid #ddd;
			border-right:2px solid #ddd;
			box-shadow: 0px 2px 3px #444;
			-moz-box-shadow: 0px 2px 3px #444;
			-webkit-box-shadow: 0px 2px 3px #444;
			/* background:#ee0101; */
			font-size:0px; height:1px; margin:0 auto;line-height:0px; font-size:0px; display:block;
		}
			.formError .formErrorArrowBottom div{
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
			}
			
		.greenPopup .formErrorArrow div{background:#33be40;}
		.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

		.formError .formErrorArrow .line10{width:15px;border:none;} 
		.formError .formErrorArrow .line9{width:13px;border:none;} 
		.formError .formErrorArrow .line8{width:11px;} 
		.formError .formErrorArrow .line7{width:9px;} 
		.formError .formErrorArrow .line6{width:7px;} 
		.formError .formErrorArrow .line5{width:5px;} 
		.formError .formErrorArrow .line4{width:3px;} 
		.formError .formErrorArrow .line3{width:1px;
			border-left:2px solid #ddd;
			border-right:2px solid #ddd;
			border-bottom:0px solid #ddd;} 
		.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
		.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

/** route maps **/
#routemap { width: 550px; height: 550px; float: left; }
#whereto-wrap { padding: 0 0 10px 0; }
	#whereto { margin: 0 5px 0 4px; width: 150px; }
	#whereto-wrap span { font-weight: bold; }
	#whereto-submit { }
#routemap-directions-wrap { width: 378px; height: 530px; float: right; border: 1px solid #ddd; padding: 10px; overflow-y: auto }
	#routemap-directions-wrap h2 { padding: 0 0 20px 0; }
	#routemap-directions { }