*{
	font-family: Arial;
	font-size: 12px;

}

body, html{
	
	
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;

	
}


* html {
	overflow-x: hidden;
}
body {
	
	overflow-x: hidden;	
	background-color: #ffffff;
	
	/*background-image: url(../img/fish/fishie1.jpg);*/
	background-repeat: no-repeat;
	background-position: 200px bottom;
	background-attachment: fixed;
	
}
#shortcuts {
	position: absolute;
	top: -9px;
	left: 51px;
	width: 202px;
	
}

#shortcuts a {
	
	
	
	position: absolute;
	display: inline;
	width: 172px;
	height: 20px;	
	padding-left: 30px;
	padding-top: 17px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;

}

#shortcuts a:hover {
	text-decoration: underline;
}

#shortcuts #top1 {
	top: 0px;
	background-image: url(../img/top1.png);
	z-index: 3;
}
* html #shortcuts #top1 {

	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/top1.png", sizingMethod="crop");
}
#shortcuts #top2 {
	top: 28px;
	background-image: url(../img/top2.png);
	z-index: 2;
}
* html #shortcuts #top2 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/top2.png", sizingMethod="crop");
}

#shortcuts #top3 {
	top: 56px;
	background-image: url(../img/top3.png);
	z-index: 1;
}
* html #shortcuts #top3 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/top3.png", sizingMethod="crop");
}

#case {
	position: absolute;
	top:-24px;
	left:-240px;
	width: 202px;
	height: 172px;

}
#case {
	line-height: 1.2;
}

.cases #leftmenu {
	margin-top:114px;
}

#case .corneroverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 202px;
	height: 172px;
	background-image: url(../img/corneroverlay.png);

}
#case .artwork {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 202px;
	height: 172px;
	background-image: url(../img/contentbg.gif);
	background-position: right bottom;
}
#case .artwork .topunit{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 172px;
	height: 20px;
	background-image: url(../img/case_top.gif);
	padding-left: 30px;
	padding-top: 6px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}
#case .artwork .bottomunit{
	position: absolute;
	left: 0px;
	top: 26px;
	width: 202px;
	height: 146px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
* html #case .corneroverlay {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/corneroverlay.png", sizingMethod="crop");
}
#case .contentunit {
	position: absolute;
	left: 10px;
	top: 36px;
	width: 182px;
	height: 126px;
}
#case .caseshout{
	font-weight: bold;
	font-size: 15px;
	color: #1C2F6A;
	height: 58px;
	overflow: hidden;
	
}

#case .caseowner{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	height: 36px;
	
	
}
#case .text1 {
	font-weight: bold;
	font-size: 15px;
	color: #1C2F6A;
	height: 58px;
	padding: 0px;
	border: 0px;
	width: 184px;
	
	background-color: transparent;
	overflow: hidden;
	
}
#case .text2 {
		font-weight: bold;
	font-size: 12px;
	color: #000000;
	height: 36px;
	padding: 0px;
	border: 0px;
	width: 184px;
	background-color: transparent;
	overflow: hidden;
	
}
.editcase a {
	color: #ffffff;
	float: right;
	text-decoration: none;
	margin-right: 10px;
	margin-top: 6px;
	font-weight: bold;
}
.editcase a:hover {
	text-decoration: underline;
}
#case .prevnext {
	
	position: absolute;
	top: 112px;
	left: 144px;
	float: right;
	text-align: right;
	width: 50px;
	
	
	
}
#case .nextcase a, #case .prevcase a{
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 2px;
	
	cursor: pointer;
	
	
}
#case .nextcase a{
	background-image: url(../img/casenext.png);
}
#case .prevcase a{
	background-image: url(../img/caseprev.png);
}
* html #case .nextcase a{
	background-image: url(../../blueprint/img/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/casenext.png", sizingMethod="crop");
}
* html #case .prevcase a{
	background-image: url(../../blueprint/img/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/caseprev.png", sizingMethod="crop");
}

#case .casereadmore a{
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/pl.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 12px;
	color: #1C2F6A;
	padding-right: 6px;
	float: right;
}
#case .casereadmore a:hover{
	text-decoration: underline;
}



#logo {
	position: absolute;
	width: 207px;
	height: 44px;
	left: 468px;
	top: 22px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 10;
}
* html #logo {
	background-image: url('../../blueprint/img/spacer.gif');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/logo.png", sizingMethod="crop");
}
#topmenu {
	position: absolute;
	top: 92px;
	left: 0px;
	width: 692px;
	text-align: right;
	padding-right: 11px;
	background-image: url(../img/menu_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#topmenu .menulevel1 {
	
	 float: right;
	 padding-left: 35px;
	 background-image: url(../img/menu_left.gif);
	 background-repeat: no-repeat;
}
#topmenu .menuitemlevel1 {
	float: left;
	
}
#topmenu .menuitemlevel1 a .itemtitle{
	color: #ffffff;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: inline;
	padding: 3px 4px 4px 4px;
	margin-left: 1px;
	cursor: pointer;
	background-color: #2572A3;
	letter-spacing: 1px;
	
}

#topmenu .first a .itemtitle{
	background-color: #1D5A81;
	margin-left: 0px;
}

#topmenu .nr2 a .itemtitle{background-color: #2572A3;}
#topmenu .nr3 a .itemtitle{background-color: #1D5A81;}
#topmenu .nr4 a .itemtitle{background-color: #20648E;}
#topmenu .nr5 a .itemtitle{background-color: #2572A3;}
#topmenu .nr6 a .itemtitle{background-color: #123952;}
#topmenu .nr7 a .itemtitle{background-color: #20648E;}
#topmenu .last a .itemtitle{background-color: #2572A3;}
#topmenu .currenttree .itemtitle{background-color: #000000 !important;}

#topmenu .menuitemlevel1 a:hover .itemtitle, #topmenu .menuitemlevel1 a:hover {
	background-color: #123952;
}

#leftmenu {
	position :absolute;
	left: 51px;
	top: 182px;
	
	width: 202px;
	background-color: #FAFAFA;
	background-image: url(../img/leftmenu_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#leftmenu .menuitemlevel1 a .itemtitle{
	color: #1C2F6A;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 9px;
	text-decoration: none;
	background-color: #ffffff;
	float: left;
	width: 184px;
}
#leftmenu {
	padding-bottom: 3px;
}
#leftmenu .menuitemlevel2 a .itemtitle{
	border-top: 2px solid #364860;
	background-color: transparent;
	padding: 2px 9px 2px 9px;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	
}
#leftmenu .menuitemlevel3 a .itemtitle{
	background-color: none;
	padding: 2px 9px 2px 19px;
	color: #1C2F6A;
	width: 174px;
}
#leftmenu .menuitemlevel2 a:hover .itemtitle, #leftmenu .menuitemlevel2 a:hover,
#leftmenu .menuitemlevel2 .current {
	background-color: #5E8EAC !important;
	color: #ffffff !important;
}

#searchdiv {
	position: absolute;
	left: 711px;
	top: 92px;
	width: 142px;
	height: 22px;
}
#searchdiv input.zoekveld,
#searchdiv .zoekbutton
{
	float: left;
	background-image: url(../img/searchbg.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	border: 0px;
}
#searchdiv .zoekveld {
	font-weight: bold;
	color: #333333;
	font-size: 11px;
	padding: 4px 9px;
	height: 14px;
	width: 100px;
}

#searchdiv .zoekbutton {
	height: 22px;
	width: 22px;
	background-color: transparent;
	background-position: right top;
	cursor: pointer;
}
#contentdiv, #logindiv, #searchcontainer {
	position: absolute;
	left: 291px;
	top: 146px;
	width: 412px;
}
#contenttitle, #logindiv .title, #title_e, #searchtitle {
	float: left;
	font-weight: bold;
	font-size: 30px;
	width: 412px;
	padding-left: 0px;
	color: #1C2F6A;
	background-image: url(../img/titlebg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;

	
}

#content, #logindiv .content, #searchresults {
	float: left;
	width: 394px;
	padding: 0px 9px 9px 9px;
	background-color: #E7EAF1;	
	background-image: url(../img/contentbg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 304px;
	margin-bottom: 40px;
	line-height: 1.6;
	
}
#content a, #content2 a {
	color: #1C2F6A;
}

#content2{
	position: absolute;
	overflow:hidden;
	left: -240px;
	top: -24px;
	
	z-index: 20;
	min-height: 22px;
	width: 202px;
	
}
.contentmode #content2 {
	background-color: #f3f3f3;
}
* html #content2 {
	height: 22px;
}
.cases #content2 {
	top: 156px;
}
.notmozilla #content,.notmozilla #logindiv .content,.notmozilla #searchresults {
	height: 304px;
}
#leftunit {
	position: absolute;
	background-image: url(../img/leftunit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 43px;
	height: 172px;
	left: 0px;
	top: 122px;
	z-index: 2;
}
#bol1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%; 
	background-image: url('../img/bol1.png');
	background-repeat: no-repeat;
	
}
* html #bol1 {
	background-image: url('../img/spacer.gif');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="site/img/bol1.png", sizingMethod="crop");
}

#searchresults .title{
	font-size: 13px;
	font-weight: bold;
	color: #004390 !important;
	cursor: pointer;
	padding-top: 4px;
}

#searchresults .content {
	width: 100%;
	padding-top: 6px;
	cursor: pointer;
}

#searchresults .trail {
	width: 100%;
	
	padding-top: 16px;
	padding-bottom: 6px;
	border-bottom: 1px solid #004390;
}

#searchresults .trail a {
	color: #B51621;
	text-decoration: underline;
}

#searchresults a {
	text-decoration: none;
	color: #000000;
	
}

#searchresults a:hover {
	text-decoration: none;
	background-color: #f3f3f3;
}




.hidden{
	display:none;
}

.formrow{
}

.formrow div{
	float:left;
	width:190px;
	padding:4px;
}

.formrow .label{
	border-bottom:1px solid #1c2f6a;
	margin-right:10px;
}

.formrow input, .formrow select , .formrow textarea{
	width:160px;
	float:left;
	background-color:#d7e2fe;
	border:1px solid #1c2f6a;
}

.button{
	float:right;
	width:75px;
	border:1px outset #f85f01;
	margin-right:10px;
	text-align:center;
}

#contact {
	position: absolute;
	left: 471px;
	top: -2px;
	padding: 5px 5px 3px 5px;
	z-index: 10;
	width: 192px;
	background-image: url(../img/leftmenu_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	line-height: 1;
	
}
#contact .divider3 {
	margin: 0px 22px 0px 23px;
	font-weight: bold;
	
}

#contact .divider2 {
	margin: 0px 16px 0px 20px;
	font-weight: bold;
	
}
#contact .divider1 {
	margin: 0px 10px 0px 23px;
	font-weight: bold;
	
}
#contact a {
	font-weight: bold;
	text-decoration: none;
	
}
#contact a:hover {
	text-decoration: underline;
}
#contact * {
	color: #1C2F6A;
	font-size: 12px;
}
#contact {
	display: none;
}


.required INPUT{
		background-image: url('../img/required_non.gif');
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	.reqex {
		float: right;
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 15px;
	}
	#requiredmessage {
		padding: 3px;
		color: #ff0000;
		font-weight: bold;
	}
	
	.wrongmessage, .okmessage {
		font-weight: bold;
		padding: 2px;
		clear: both;
	}
	.wrongmessage {
		color: #ff0000;
		background-image: url(../img/wrong.gif);
	}
	.okmessage {
		color: #31BA04;
		background-image: url(../img/good.gif);
	}
	
	.editmessage {
	
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
		clear: both;
		display: block;
		text-align: right;
	}

	.course{
		display:block;
		border:1px solid black;
		float:left;
	}
	
	.course .row div{
		display:inline;
		float:left;
		padding:2px 4px;
	}
	
	.course .row{
		clear:both;
		margin:2px;
	}
	
	.daterow{
		clear:both;
	}
	
	.daterow .label{
		display:inline;
		float:left;
		width:190px;
		padding:4px;
		border-bottom:1px solid #1c2f6a;
		margin-right:10px;
	}
	
	.daterow table{
		display:inline;
		margin:2px;
	}
	
	.buttonrow{
		clear:both;
	}
	
	.notpublished{
		background-color:#dddddd;
	}
	
	.passed{
		background-color:#aaaaaa;
	}
	
	.listcourse{
		display:block;
		border:1px solid black;
		clear:both;
		height:20px;
		margin:2px 4px;
	}

	.listcourse .row .title, .listcourse .row .total, .listcourse .row .places{
		display:inline;
		padding:2px 4px;
	}
	
	.listcourse .label, .listcourse .value{
		display:inline;
		float:left;
	}

	.subscription{
		border:1px solid black;
		display:block;
		height:20px;
	}
	
	.subscription DIV{
		display:inline;
		float:left;
		padding:4px;
	}
	
	.viewcourse .row div{
		display:inline;
		float:left;
		padding:2px 4px;
	}
	
	.viewcourse .row{
		clear:both;
		margin:2px;
	}
	
	.viewcourse .label{
		float:left;
		width:45%;
	}
	.viewcourse .value{
		float:left;
		width:45%;
	}
	
	.course_type.short .short_desc{
		display:inline;
		cursor:pointer;
	}

	.course_type.long .description{
		display:inline;
		cursor:pointer;
	}
		
	.course_type.short .description, .course_type.short .coursedatelist, .course_type.long .short_desc{
		display:none;
	}
	.course_type.long .coursedatelist{
		display:block;
	}

#logindiv .content{
	width: 394px !important;
	padding: 0px 9px 9px 9px !important;
	margin-left:0px !important;
}

#logindiv {
	padding-top:42px;
}


#flags {
	position: absolute;
	left: 710px;
	top: 62px;
	z-index: 10;
}
#flags a{ 
	float: left;
	display: inline;
	color: #123952;
	text-decoration: none;
	margin-right:9px;
	background-repeat:no-repeat;
	filter: alpha(opacity=60);
	opacity=60;
	-moz-opacity: 0.6;
}

#flags a.active{ 
	filter: alpha(opacity=20);
	opacity=20;
	-moz-opacity: 0.2;
}

#flags a:hover{ 
	filter: alpha(opacity=80);
	opacity=80;
	-moz-opacity: 0.8;
}


	
	#nl_link{
		background-image: url(../img/nl.gif);
		height:22px;
		width:22px;
	}
	#en_link{
		background-image: url(../img/en.gif);
		height:22px;
		width:22px;
	}
	#es_link{
		background-image: url(../img/es.gif);
		height:22px;
		width:22px;
	}
	#br_link{
		background-image: url(../img/br.gif);
		height:22px;
		width:22px;
	}    
	
	a.youtube {
		float: left;
		width: 122px;
		margin-right: 10px;
		margin-bottom: 10px;

	}
	a.youtube span {
		text-decoration: none;
		color: #1C2F6A;
		margin-bottom: 10px;
		display: block;

	}
	a.youtube img {
		border: 1px solid ##1C2F6A;
		float: left;
		clear: both;
		margin-bottom: 2px;
	}
	a.youtube:hover img {
		border-color: #000;
	}
	a.youtube:hover span {
		color: #000;
	}

	#grayer {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #f3f3f3;
		z-index: 39;
	}
	#youtubeplayer {
		position: fixed;
		left: 50%;
		margin-left: -280px;
		top: 50%;
		margin-top: -170px;
		width: 560px;
		height: 340px;
		z-index: 40;
	}



#lightbox {  
 display:none;  
 background:#000000;  
 opacity:0.6;  
 filter:alpha(opacity=60);  
 position:fixed;  
 top:0px;  
 left:0px;  
 min-width:100%;  
 min-height:100%;  
 z-index:10000;  
} 
 
#infoform {  
 display:none;  
 position:fixed;  
 top:100px;  
 left:50%;  
 margin-left:-200px;  
 width:400px;  
 background:#FFFFFF;  
 padding:10px 15px 10px 15px;  
 border:2px solid #CCCCCC;  
 z-index:10001;  
}