/* --- ALGEMEEN --- */

body {
	background: transparent url(../images/back_body.gif) repeat-x;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	text-align:left;
	line-height: 18px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}
img {
	border: 0;
	}
.errormessage,
.error {
	color: red;
	font-weight:bold;
	}
/* Splash footer */
#splashfooter {
	position: absolute;
	bottom: 1px;
	color: #FFFFFF;
	background-color: #4C4C56;
	width: 100%;
	}
#splashfooter div {
	padding: 2px;
	width: 48%;
	float: left;
	}
#splashfooter div.right {
	float: right;
	text-align: right;
	}
#splashfooter a:link,
#splashfooter a:active,
#splashfooter a:visited{
	color: #FFFFFF;
	}
#splashfooter a:hover {
	color: #CCCCCC;
	}
/* Nicetitle Style */
div.niceTitle {
	background-color: #CC0000;
	color: #FFFFFF;
	font-weight: bold;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	margin: 0 0 0 15px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 0 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitleAlt {
	background-color: #383435;
	color: #666666;
	font-weight: bold;
	width: 175px;
	left: 0;
	top: 0;
	margin: 0;
	position: absolute;
	text-align: left;
	z-index: 20;
}
* html div.niceTitleAlt {
	margin: 5px 0 0 0;
}
div.niceTitleAlt img {
	border: 0;
	vertical-align: text-bottom;
	margin-right: 6px;
	}
div.niceTitle .contents {
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle p {
	font-weight: normal;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}
div.niceTitle a,
div.niceTitleAlt a {
	display: block;
	padding: 2px;
	margin: 2px;
}
div.niceTitle a:link, 
div.niceTitle a:active, 
div.niceTitle a:visited,
div.niceTitleAlt a:link, 
div.niceTitleAlt a:active, 
div.niceTitleAlt a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
}
div.niceTitleAlt a:hover,
div.niceTitleAlt a:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
}

#langSelectLink {
	position: absolute;
	left: 35px;
	top: 2px;
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	width: 174px;
	height: 20px;
	font-weight: bold;
	}
* html #langSelectLink {
	width: 173px;
	top: 4px;
	}
a#langSelectLink:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	}
#langSelectLink img {
	border: 0;
	vertical-align: text-bottom;
	margin: 0 6px 0 3px;
	}

#langSelect a {
	display: block;
	color: #000;
	text-decoration: none;
	width: 174px;
	height: 20px;
	font-weight: bold;
	background-color: #fff
}
#langSelect a img {
	border: 0;
	vertical-align: text-bottom;
	margin: 0 6px 0 3px;
}

#tooltipPool {
	display: block;
	background-color: #FFFFFF;
	width: 174px;
	position: absolute;
	left: 35px;
	top: 22px;
	}
	
#header {
	background-image: url(../images/headerbg.jpg);
	background-repeat: no-repeat;
	background-position: 218px 0;
	}

#container { 
	background: transparent url(../images/back_container.gif) repeat-y;
	padding: 0 0 1px 0;
	margin: 0px;
	text-align: left;
	width: 992px;
	}

#content a {
	font-weight: normal;
	color: #00486A;
	text-decoration: underline;
	font-size: 11px;
	}

#content a:hover {
	color: #00486A;
	text-decoration: none;
	}

#logo{
	background: transparent url(../images/top_logo.gif) no-repeat;
	height: 167px;
	width: 218px;
}

#logo span{
	display: none;
	}

a, a:visited{
	color: #D0222A;
	text-decoration: underline;
	}
	
a:hover{
	text-decoration: none;
	}

.upperleftmenu_home a{
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	margin-top: 38px;
	}

.upperleftmenu_contact a{
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	margin-top: 82px;
	}
	
.upperleftmenu_sitemap a{
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	margin-top: 128px;
	}
/* --- TITELS --- */

h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px; 
	letter-spacing: 1px; 
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	}
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px; 
	letter-spacing: 1px; 
	color: #D0222A;
	padding: 0px;
	margin: 0px;
	}

.boldred{
	font-weight: bold;
	color: #D0222A;
	}
.monospaced {
	font-family: "Courier New", Courier, monospace;
	color: #666666;
	}
.highlighted {
	color: #990000;
	background-color: #DADADA;
	}

.tekstkleiner{
	font-size: 10px;
	}
.route{
	text-align: left;
	}
.route a{
	background: transparent url(../images/arrow_red.gif) no-repeat left 5px;
	padding-left: 13px;
	}

.more{
	text-align: right;
	clear: both;
	}
.more a{
	background: transparent url(../images/arrow_red.gif) no-repeat left 5px;
	padding-left: 13px;
	}
	
.tooltip {
	border: 1px solid #990000;
	color: #FFFFFF;
	background-color: #CC0000;
	margin: 0;
	padding: 5px;
	}
.subtitle{
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	background: transparent url(../images/line_straightgrey.gif) left bottom repeat-x;
	}
.contactTitle{
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	margin-bottom: 13px;
	background: transparent url(../images/line_straightgrey.gif) left bottom repeat-x;
	}
.dotted_title{
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	margin-top: 10px;
	background: transparent url(../images/line_dotted.gif) left bottom repeat-x;
	}

div.pagination {
	margin: 10px 0;
	padding: 5px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	}
div.pagination a.current {
	font-weight: bold;
	color: #666666;
	background-color: #F5F5F5;
	}
div.pagination a.current:hover {
	background-color: #F5F5F5;
	}

div.pagination a {
	text-decoration: none;
	padding: 5px;
	}
div.pagination a:hover,
div.pagination a:active {
	color: #FFFFFF;
	background-color: #F5F5F5;
	}

.picgallery h3 {
	clear: both;
	margin-top: 10px;
}
/* Shadowed Images from http://www.alistapart.com/articles/cssdrop2/ */
.alpha-shadow {
	float:left;  /* float it to prevent it from taking up 100% width */
	clear: both; /* and clear again */
	background: url("/design/images/shadows/shadow1.gif") no-repeat bottom right;
	margin: 8px 5px 8px 0 !important;
	}
.alpha-shadow div {
	background: url("/design/images/shadows/shadow2.png") no-repeat left top !important;
	background: url("/design/images/shadows/shadow2.gif") no-repeat left top;
	float: left;
	padding: 0px 4px 4px 0px;
	}
.alpha-shadow img {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 0;
	}
.adjustedmargin {
	margin: 0 10px 5px 5px !important;
	}
.adjustedmargintop {
	margin-top: 0 !important;
	}
.adjustedfloat {
	float:right;  /* float it to prevent it from taking up 100% width */
	}
.noclear {
	clear: none;
	}

/* --- FOOTER --- */

#footer {
	color: #FFFFFF;
	align: right;
	height: 21px;
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/back_footer.jpg);
	min-width: 975px;
	}

*html #footer{
	width: auto;
	}

#footer #footercontainer{
	background: url(../images/back_footer.jpg);
	width: 975px;
	}
	
#footer #footerbalk{
	width: 218px;
	height: 21px;
	background: url(../images/back_footer_left.gif); 
	margin: 0px;
	padding: 0px;
	margin-right: 15px;
	float: left;
}

#adres{
	float: left;
	}

#copyright {
	bottom: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	float: right;
	padding-right: 15px;
	}
	
#copyright a:link, #copyright a:visited { 
	color: #999999;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11x; 
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
	
#copyright a:hover { 
	color: #ffffff; 
	text-decoration: none;
	}

/* --- NAVIGATIE --- */

#navigation {
	margin: 0px; 
	padding: 0px;
	width: auto;
	background: transparent url(../images/back_navtop.gif) no-repeat;
	min-height: 52px;
	}

*html #navigation {
	height: 52px;
}
	
#navigation ul {
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	display: block;
	list-style: none;
	}

/* --- MENU TREE --- */
.mainMenuTree {
	width: inherit;
	padding: 0;
	margin: 0 11px 0 40px;
}
.mainMenuTree li a {
	display: block;
	width: 150px;
	padding: 11px 0 5px 12px;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: transparent url(../images/back_knop_main.gif) left bottom no-repeat;
}
.mainMenuTree li a:link, .mainMenuTree li a:visited {
	color: #ffffff;
	font-weight: bold;
}
	
.mainMenuTree li a:hover {
	color: #A9A9A9;
	font-weight: bold;
}

.mainMenuTree li a.active {
	color: #A9A9A9;
	font-weight: bold;
}

.mainMenuTree ul ul a {
	margin-left: 10px;
	width: 140px;
}
.mainMenuTree ul ul ul a {
	margin-left: 20px;
	width: 130px;
}
	

/* --- INHOUD --- */

#linkerkolom{
	float: left;
	width: 218px;
	}

#rechterkolom{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 330px;
	}

#rechterkolom .vak {
	padding: 0 20px;
	clear: both;
}
*html #rechterkolom{
	margin-left: -4px;
	}

#default-anim{
	position:absolute;
	z-index:1;
	margin-left:220px;
}

#movie{
	margin-top: -160px; /* moves it up into the header */
	position: relative;
	z-index: 0;
	}
.swfmovie{
	position: relative;
	z-index: 0;
	}
	
.pers_nieuws_bericht{
	padding: 7px;
	background-color: #F5F5F5;
	margin-bottom: 15px;
	}

#content {
	float: left;
	margin: 0 0 10px 0;
	padding: 0px;
	width: 435px;
	}
#content.big {
	width: 763px; 
}
#content h3 {
	margin: 15px 0 5px 0;
	}
#content ul {
	margin-left: 30px;
	padding: 0;
	}

#content .partners_entry {
	margin: 0 0 15px 0;
	}
#content .partners_entry .subtitle {
	clear: both;
	}
#content .partners_entry .alpha-shadow {
	margin: 10px 5px 5px 0 !important;
	}


#title{
	width: 420px;
	height: 35px;
	background: transparent url(../images/back_titel.gif) no-repeat; 
	margin: 0px; 
	padding: 14px 0px 0px 5px;
	}
	
#content #text {
	padding: 0px 10px 25px 15px;
	margin: 0px;
	text-align: justify;
	}

#content #text_pics {
	padding: 5px 0px 0px 70px;
	margin: 0px;
	width: 330px;
	float: left;
	text-align: justify;
	}

*html #content #text_pics{
	margin-top: -20px;
}

.clear{
	clear: both;
}

/* =======[Forms]================================================================================= */
input,
select,
button {
	font-size: 100%;
	border: 1px solid #CCCCCC;
	background: #F7F6F6 url(/design/images/form_achtergrond.gif) repeat-x;
	}
textarea {
	font-size: 100%;
	font-family: inherit;
	border: 1px solid #CCCCCC;
	background: #F7F6F6 url(/design/images/form_achtergrond.gif) repeat-x;
	}
.errormessage,
.error {
	color: #FF0000;
	font-weight: bold;
	clear: both;
	padding: 0 0 0 92px;
	display: block;
	}
.niceform fieldset {
	display: block;
	margin: 0 0 2em 0;
	padding: 1em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-color: #171A3B;
	border-style: solid;
	border-top-width: 1px;
	}
.niceform fieldset legend {
	font-size: 120%;
	font-weight: bold;
	color: #171A3B;
	}
.niceform fieldset.radio {
	margin: 1em 0 2em 0;
	}
.niceform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
	border: 0;
	}
.niceform fieldset.radio label {
	font-weight: normal;
	}
.niceform input,
.niceform select,
.niceform textarea {
	width: 250px;
	float: left;
	margin: 5px 0 0 5px;
	height: 15px;
	color: #000000;
	}
.niceform textarea {
	height: auto;
}
.niceform label {
	float: left;
	clear: left;
	margin: 5px 0 0 5px;
	width: 110px;
	font-weight: bold;
	height: 15px;
	color: #C82027;
	}
.niceform label img {
	position: absolute;
	margin: 4px 0 0 495px;
	}
.niceform label strong {
	color: #FFFFFF;
	font-size: 120%;
	}

.niceform input.submitButton {
	width: auto;
	height: auto;
	margin-left: 90px;
}
.niceform .nobackground {
	background-color: transparent;
	background-image: none;
	}

/* --- sIFR DO NOT MODIFY! --- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced {
	visibility: visible !important;
	}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* --- FLASH DECOY STYLES --- */

.sIFR-hasFlash h2 {
	width: 340px;
	height: 24px;
	visibility: hidden;
	}
	
.sIFR-hasFlash h3 {
	height: 24px;
	padding: 0px;
	visibility: hidden;
	}

/* FCKEDITOR STYLES */
h3.red {
	color: #FF0000;
	}


/* Opleidingen */
div.opleidingen_entry { height: 100%; overflow: hidden; }
div.opleidingen_entry div.subtitle { color: #D0222A; }
div.opleidingen_entry div.info { width: 360px; float: left; padding-right: 50px; overflow: hidden; }
div.opleidingen_entry div.dates { width: 327px; float: left; background: #F5F5F5; }
#content div.opleidingen_entry div.dates ul { margin: 0; padding: 0; }
div.opleidingen_entry div.dates li { margin: 0; padding: 0; list-style: none; padding: 3px 2px; clear: both; overflow: hidden; height: 100%; line-height: 17px; background: url(/design/images/line_dotted.gif) bottom repeat-x; }
div.opleidingen_entry div.dates strong { float: left; width: 190px;}
div.opleidingen_entry div.dates em { font-style: normal; float:left; width: 128px; text-align: right; } 
div.opleidingen_entry div.more { clear: both; padding: 10px 0 15px; }

/* Trainings */
table.trainings { border-collapse: collapse; width: 100%; margin: 10px 0; background-color: #F5F5F5; }
table.trainings thead th { white-space: nowrap; padding: 2px 4px; color: #D0222A; background: url(/design/images/line_straightgrey.gif) bottom repeat-x; }
table.trainings tbody td { vertical-align: top; padding: 2px 4px; }
table.trainings tbody td.nowrap { white-space: nowrap; }
table.trainings tbody td.subscribe { text-align: right; }
table.trainings tbody tr.item td { padding-bottom: 10px; background: url(/design/images/line_dotted.gif) bottom repeat-x; }

/* banners */

#banner-top { background-color:#fff; display:block; width:468px; height:60px; position:absolute; z-index:5; left: 15px; top: 15px; border:#999 solid 1px; }

/* Modifications 25 January 2010 */
ul.folders { margin: 0 !important; width: 100%; overflow: hidden; }
ul.folders li { float: left; margin: 0 15px 15px 0; list-style-type: none; width: 45%; text-align: center; }
ul.folders li span { display: block; }