@charset "utf-8";
/* CSS Document */
body {
	background-image: url(../images/bg_container.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #26557b;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
a {text-decoration: underline;font-size: 100%; font-weight: bold; color: #636363;}
a:hover{text-decoration: underline; color: #2b6799;}
/****************** tekst opmaak *******************************/

h1 {font-family: "Times New Roman", Times, serif;font-size: 240%;color: #2b6799;margin: 25px 0;border-bottom: 2px solid #e3ebf2;width: 70%;}
h2 {font-family: "Times New Roman", Times, serif;font-size: 200%;color: #2b6799;border-bottom: 2px solid #e3ebf2;}
h3 {font-family: "Times New Roman", Times, serif;font-size: 180%;color: #2b6799;border-bottom: 1px solid #e3ebf2;border-bottom-width: 60%}
h4 {font-family: "Times New Roman", Times, serif;font-size: 160%;color: #2b6799;border-bottom: 1px solid #e3ebf2;}
h5 {font-family: "Times New Roman", Times, serif;font-size: 140%;color: #2b6799;border-bottom: 1px solid #e3ebf2;}
h6 {font-family: "Times New Roman", Times, serif;font-size: 100%;color: #2b6799;margin: 5px 0 0 0; padding: 0;/*border-bottom: 1px solid #e3ebf2;*/}
.note {font-size: 85%;color: #aa0406; font-style: italic;}

/***************************************************************/
#container {
	padding: 0;
	width: 953px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	width: 953px;
	height: 167px;
	margin: 0;
	padding: 0;
}
#nav {
	height: 51px;
	margin: 0 0 0 0;
	padding: 0;
	margin-left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
}
#nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#nav li {
	float: left;
	display: block;
	padding: 0 15px;
	height: 34px;
	margin: 13px 5px 0 5px;
	list-style-type: none;
	font-size: 90%;
	font-weight: bold;
	/*background-image: url(images/navRed.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
}
#nav a {
	display: block;
	float: left;
	height: 34px;
	background-image: url(../images/navRed.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-decoration: none;
	color: #e8d8d8;
}
#nav a:hover {background-image: url(../images/navBlue.jpg);color: #FFFFFF;}
#nav .active {background-image: url(../images/navBlue.jpg);color: #FFFFFF;}
#swapper {
	clear: both;
	font-size: 90%;
}
#leftContent {
	float: left;
	width: 440px;
	background-image: url(../images/leftContent3.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 592px;/*645*/
}
* html #leftContent {
	height: 645px;
}
#rightContent {
	float: right;
	width: 440px;
	background-image: url(../images/contentTop.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: justify;
	padding-right: 50px;
}
/************acco*****************/
#floatLeftacco {
	float: left;
	width: 360px;
	margin-left: 40px
}
#leftContentacco {
	background-image: url(../images/accoLeft.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 200px;
}
* html #leftContentacco {
	height: 200px;
}
#rightContentacco {
	float: right;
	width: 430px;
	background-image: url(../images/accoRight.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 470px;
	margin-right: 10px;
}
* html #rightContentacco {
	min-height: 470px;
}
#studierichtingSwapper {
	position: relative;
	/*background-image: url(../images/header.jpg);
	background-repeat: no-repeat;*/
	width: 953px;
	margin: 0;
	padding: 0;
}
#linkLessen {
	position: absolute;
	width: 206px;
	height: 86px;
	border: red;
	top: 430px;
	left: 120px;
	/*z-index: 10;*/
	background: url(../images/lessentabel.jpg) no-repeat left top;
}

#linkLessen a {
	display: block;
	width: 206px;
	height: 86px;
}

#studierichtingInhoud {
	width: 440px;
}
#studierichting {
	/*background-image: url(../images/studierichtingen2.gif);
	background-repeat: no-repeat;
	background-position: top center;*/ 
	height: 690px;
	width: 825px;
	margin: 0 auto;
}
* html #studierichting {
	min-height: 690px;
}

/*****************************/
/********** afbeelding bij het openen van de site **************/

#homeContent {
	margin-left: 40px;
	background-image: url(../images/contentHome_new.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 290px;
}

/***************************************************************/
#rightContent .terug {
	text-align: right;
	margin: 20px 0 20px 0;
	padding-right: 10px;
	border-bottom: 1px solid #e3ebf2;
}
#contactList {
	margin-top: 50px;
	padding: 15px;
	background-color: #f3f6f9;
	border: 1px solid #c7d2dc;
}
#contactList h3 {
	margin: 0;
	padding: 0;
}
#contactList li {
	margin: 15px 0;
}
/*#contactList li a {
	font-size: 110%;
	font-weight: bold;
}*/
/**************** subnavigatie in content of rightcontent *******************/
#subMenu {
	margin-top: 20px;
	background-color: #f3f6f9;
	border: 1px solid #c7d2dc;
}
#subMenu ul{
	margin: 30px 0px 20px 18px;
}
#subMenu li {
	list-style-image: url(../images/listarrow2.gif);
	padding: 0 0 0 30px;
	margin-left: 20px;
	/*font-size: 120%;
	color: #006699;*/
}
/******************** achtergrond van pagina's schoolinfo en jaarkalener *************************/
#backgroundInfo {
	background-image: url(../images/contentBottom.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: 0;
	min-height: 200px;
}
* html #backgroundInfo {
	height: 200px;
}
#backgroundInfo2 {
	background-image: url(../images/contentBottom2.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: 0;
	min-height: 200px;
}
* html #backgroundInfo2 {
	height: 200px;
}
td.fotogalerij {
	padding: 4px 3px;
}

#container #rightContent #fotogalerij td img{
	padding: 2px;
	border: 1px solid #b0c7d9;
}

#container #rightContent #fotogalerij td a:hover{
	background-color: #6699CC;
}

#container #rightContent .backgroundGal {
	position: relative;
	background: url(../images/pictureGal2.gif) bottom right no-repeat;
	margin: 0;
	width: 300px;
	float: left;
}

#container #rightContent .backgroundGal dl {
	margin: 5px 7px 5px 7px;
	padding: 0;
	float: left;
	display: inline; /* fixes IE/Win double margin bug */
}

#container #rightContent .backgroundGal dt {
	float: right;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 130%;
	color: #627081;
	width: 190px;
}

#container #rightContent .backgroundGal dd.imageGal {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
}

#container #rightContent .backgroundGal dd {
	/*float: left;*/
	margin: 0 0 0 95px;
	padding: 0;
	font-size: 85%;
	color: #666666;
}

#container #rightContent .backgroundGal dl dd.imageGal {
	margin: 0;
}

#container #rightContent .meerGal {
	position: absolute;
	margin: 12px 35px;
	font-size: 85%;
	bottom: 0;
	right: 0;
	z-index: 5;
}

/***************************************************************************************************/
#schoolinfo {
	margin-top: 30px;
}
#schoolinfo ul {
	padding: 0;
	margin: O;
}
#schoolinfo li {
	list-style-image: url(../images/listItem.gif);
	margin: 3px 0;
	padding: 0;
}
#schooluren {
	background-color: #f3f6f9;
	border: 1px solid #c7d2dc;
	padding: 10px;
	width: 90%;
}
/*.accomodaties {
	font-size: 105%;
}*/
/****************************************************************************/
#footer {
	margin: 10px 0;
	padding: 20px 0;
	width: 100%;
	clear: both;
	text-align: center;
}
/************************ hover div , popup *********************/

.hiddenDiv {
	position: absolute;
	top: 190px;
	left: 150px;
	border: 1px solid #0066CC;
	background: #ffffff;
	width: 720px;
	display: none;
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	padding: 10px 10px 30px 10px;
}
.closeWindow {
	position: absolute;
	top: 5px;
	right: 5px;	
}

<!--<a class="thumbnail" href="link"><span>image</span></a>-->
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -12px;
left: 60px; /*position where enlarged image should offset horizontally */
}

#lessenrooster ul.lessenrooster {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#lessenrooster ul.lessenrooster li.noList {
	margin: 10px 0;
	padding: 0;
}