/* CSS Document */
/**
 *  CSS document optimized for faster loading
 */
@import url("jquery.fancybox.css");
@import url("form.css");
@import url("jquery-ui-1.7.2.custom.css");

body  {
	margin: 0; 
	padding: 0;
	text-align: center; 
}
.thrColFix #mainContainer { 
	width: 1157px;  
	
	margin: 0 auto;
	text-align: left; 
	position:relative;
} 
.thrColFix #sidebar1 {
	float: left; 
	width: 220px; 
	overflow:hidden;
	padding: 0px; 
	padding-top:35px;
}
.thrColFix #sidebar2 {
	position:absolute;
	right:0px;
	width: 132px; 
	padding: 0px;
	padding-top:35px;
}
.thrColFix #mainContent { 
	margin: 0 225px;
	padding: 0; 
	padding-top:0px;
	width:700px;
	overflow:visible;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/**
 *  End stylesheet templates
 */
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal{
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	cursor: default;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive{
	z-index: 1000;
	
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li{
	margin: 0px;
	padding: 0px 7px;
	list-style-type: none;
	position: relative;
	float: left;
}

ul.MenuBarHorizontal li.spacer{
	color:#b8007b;
}
ul.MenuBarHorizontal li.spacer#first, ul.MenuBarHorizontal li.spacer#last{
	display:none;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	text-decoration: none;
	color:#009ee0;
}
ul.MenuBarHorizontal a.paars{
	color:#b8007b;
}
ul.MenuBarHorizontal li#selected a,
ul.MenuBarHorizontal li a:hover,
ul.MenuBarHorizontal a:hover{
	text-decoration:underline;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE{
		display: inline;
		f\loat: left;
	}
}
/**
 *  End stylesheet menu
 */

/* CSS Document */

ul#themaMenu{
	margin:0px;
	margin-top:5px;
	padding:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul#themaMenu ul#themaSubMenu{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul#themaMenu li a{
	width:135px;
	margin:0px;
	padding:1px 10px 1px 0px;
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:130px 6px;
}

ul#themaMenu li.sub-open a{
	background-image:url(../images/arrow-down.jpg);
}
ul#themaMenu li.sub-closed a{
	background-image:url(../images/arrow-right.jpg);
}

ul#themaMenu li.sub-open li a{
	background-image:none;	
}

ul#themaMenu li a{
	text-decoration:none;
	display:block;
	color:#000000;
}
ul#themaMenu li#selected a{
	color:#009ee0;
}

ul#themaMenu li a:hover{
	color:#009ee0;
}

ul#themaMenu ul#themaSubMenu li{
	color:#b8007b;
}

ul#themaMenu ul#themaSubMenu li a,
ul#themaMenu #selected ul#themaSubMenu li a{
	color:#b8007b;
	text-decoration:none;
}
ul#themaMenu ul#themaSubMenu li a:hover{
	color:#009ee0;
}
ul#themaMenu ul#themaSubMenu li#selected a{
/*	text-decoration:underline;*/
	color:#009ee0;
	
}

/**
 *  End stylesheet submenu
 */

#logoContainer img{
	margin-right:20px;
}

#contentTable{
	width:800px;
	margin:0px;
	background-repeat:repeat-y;
}

#contentTable tr#themaRij{
	height:167px;
}

#contentTable tr#themaRij td.kop{
	width:200px;
}

#contentTable td#fotoCel{
	width:399px;
	height:397px;
	vertical-align:top;
	background-repeat:no-repeat;
}

#contentTable td#contentCel{
	vertical-align:top;
	width:400px;
}
#contentTable td#contentCel div#youtube{
	display:none;
}
#contentTable td#contentCel div#tekst{
	width:350px;
	padding:14px;
	line-height:1.2em;
}#contentTable td#contentCel div#tekst span{
	line-height:1.1em;	
}
#contentTable td#contentCel h1{
	font-size:16px;
	color:#b8007b;
	font-weight:normal;
}
#contentTable td#contentCel h2{
	font-size:12px;
	color:#009ddf;
	font-weight:normal;
	margin-bottom:0px;
}
#contentTable td#contentCel a#inschrijven{
	width:341px;
	/*height:94px;*/
	display:block;
	position:relative;
	margin-top:15px;
	padding:10px 14px;
	padding-bottom:10px;
	background-image:url(../images/bg_inschrijven.png);
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	cursor:pointer;
	border:solid 1px #009DE0;
}
#contentTable td#contentCel a#inschrijven .inschrijf-btn{
	position:absolute;
	right:-10px;
	top:-10px;
}
#contentTable td#contentCel a#inschrijven_oud{
	width:351px;
	/*height:94px;*/
	display:block;
	margin-top:15px;
	padding:20px 14px;
	padding-bottom:10px;
	background-image:url(../images/inschrijven.png);
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	border-bottom:solid 1px #009DE0;
}
#contentTable td#contentCel a#inschrijven.info{
	background-image:url(../images/info.png);	
}
#contentTable td#contentCel a#inschrijven div#regel_1{
	color:#009ddf;
	width:235px;
	margin:0px;
	cursor:pointer;
}
#contentTable td#contentCel a#inschrijven div#regel_2{
	color:#b8007b;
	width:235px;
	margin:0px;
	cursor:pointer;
}

#contentTable td#thumbsCel{
	vertical-align:top;
}

#contentTable td#thumbsCel div#spacer{
	width:1px;
	height:190px;
}


a.browse{
	cursor:pointer;
}

a.prevPage {
	float:left;
	margin-left:25px;
}
a.nextPage {
	float:right;
	margin-right:25px;

}
div.scrollable {
	position:relative; 
	overflow:hidden; 
	width: 380px; 
	height:110px;
	margin-top:10px;
	margin-left:12px
}
div.scrollable div.items { 
	width:20000em; 
	position:absolute; 
}
div.scrollable div.items img { 
	margin:5px 10px;
	border:solid 1px #b8007b;
}
div.items div.active { 
	border:1px inset #ccc; 
	background-color:#fff; 
}

/**
 *  End stylesheet content
 */
/*
*{ 
	behavior:  url(iepngfix/iepngfix.php);
}
*/

/* Altijd tonen van de verticale scrollbar, om verspringen van de site te voorkomen */
html {
	overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

img{
	border:none;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/bg_thema_default.jpg);
	background-repeat:repeat-y;
	background-position:center;
	padding:0px;
	margin:0px;
}

td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#mainContainer{
	margin:0 auto;
	width:1157px;
/*	width:1140px;*/
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#mainMenuContainer{
	width:800px;
	height:35px;
	padding-top:0px;
	background-image:url(../images/bg_menu_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#logoContainer{
	padding:0px;
	background-image:url(../images/bg_logo.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	vertical-align:top;
	text-align:right;
	height:167px;
}

#subMenuContainer{
	height:415px;
	background-image:url(../images/papier.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:50px;
	vertical-align:top;
	text-align:left;
	padding-top:10px;
}

#contentContainer{
	vertical-align:top;
	width:800px;
}

#footerContainer{
	padding-top:0px;
	padding-bottom:40px;
	padding-left:190px;
	text-align:left;
}
#colRightTop {
	width:132px;
}

#colRightMiddle{
	vertical-align:top;
	position:relative;
	margin:0px;
	padding:0px;
}