/* ################################################## */
/*  MADE BY: ALEX VAN DER VEGT	                      */
/*  DEBORAH LALIHATU v7.0                             */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { width: 100%; height: 100%; font-family: Arial; font-size: 11px; color: #484848; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #000; }
body { background: url('/images/bodyBg.gif'); }
img { border: 0px; display: block; }
a { outline: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### CONTENT BOX ### */
.contentBox { overflow: hidden; width: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { position: relative; display: table; width: 100%; height: 100%; vertical-align: middle; background: url('/images/glow.png') no-repeat center; }
#mainCntr h2 { margin-bottom: 10px; padding-left: 60px; display: block; height: 62px; line-height: 62px; font-family: 'Apple Chancery', 'Times New Roman'; font-size: 35px; font-weight: normal; color: #000; background: url('../images/kroon.gif') no-repeat; }

	/* ### CENTER CONTAINER ### */
	#centerCntr { padding: 0px 50px 0px 50px; position: relative; display: table-cell; height: 527px; vertical-align: middle; }
	
 	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin: 0 auto; position: relative; overflow: hidden; width: 900px; height: 527px; }
	#contentCntr div.left { margin-top: 117px; float: left; width: 10px; height: 410px; background: url('/images/boxLeft.png') no-repeat left; }
	#contentCntr div.right { margin-top: 117px; float: left; width: 10px; height: 410px; background: url('/images/boxRight.png') no-repeat right; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 0px; left: 20px; overflow: hidden; width: 558px; height: 117px; background: url('/images/menuBg.png') no-repeat; }
		#menuCntr ul { padding-top: 55px; list-style: none; }
		#menuCntr li { margin-left: 35px; float: left; display: inline; }
		
		/* ### JAVA CONTAINER ### */
		#javaCntr { padding: 20px; position: relative; top: 117px; float: left; overflow: hidden; width: 840px; height: 370px; background: url('/images/boxBg.gif') repeat-x; }
		#javaCntr a { color: #000; }
		#javaCntr a:hover { text-decoration: none; }
		
		/* ### BOX CONTAINER ### */
		#boxCntr { position: relative; top: 117px; display: none; float: left; overflow: hidden; width: 880px; height: 410px; background: url('/images/boxBg.gif') repeat-x; }
		#boxCntr ul { width: 3000px; list-style: none; }
		#boxCntr li { position: relative; float: left;}
		
			/* ### HOME CONTAINER ### */
			#homeCntr { margin-right: 20px; padding: 20px; float: left; width: 540px; height: 370px; background: url('/images/rightBg.gif') no-repeat right; }
			#homeCntr p { padding-bottom: 25px; font-style: italic; }
			#homeCntr div.list { margin-top: 15px; overflow: hidden; width: 170px; }
			#homeCntr div.list div { float: left; width: 100px; line-height: 18px; }
			#homeCntr div.list div.first { width: 70px; font-weight: bold; }
			
			/* ### GALLERY CONTAINER ### */
			#galleryCntr { margin-right: 20px; padding: 20px; float: left; width: 540px; height: 370px; background: url('/images/rightBg.gif') no-repeat right; }
			#galleryCntr div.list { overflow: auto; width: 540px; height: 298px; list-style: none; }
			#galleryCntr div.list div { margin: 0px 3px 3px 0px; float: left; display: inline; }
			#galleryCntr div.list div.last { margin-right: 0px; }
			#galleryCntr div.list img { border: 1px solid #cf0077; }
			
			/* ### PUBLICATIES CONTAINER ### */
			#publicatiesCntr { margin-right: 20px; padding: 20px; float: left; width: 540px; height: 370px; background: url('/images/rightBg.gif') no-repeat right; }
			#publicatiesCntr div.list { overflow: auto; width: 540px; height: 298px; list-style: none; }
			#publicatiesCntr div.list div { margin: 0px 0px 10px 0px; }
			#publicatiesCntr div.list img { border: 1px solid #cf0077; }
			
			/* ### VIDEOS CONTAINER ### */
			#videosCntr { margin-right: 20px; padding: 20px; float: left; width: 540px; height: 370px; background: url('/images/rightBg.gif') no-repeat right; }
			#videosCntr div.list { overflow: auto; width: 540px; height: 298px; list-style: none; }
			#videosCntr div.list div { margin: 0px 10px 10px 0px; float: left; display: inline; }
			#videosCntr div.list div.last { margin-right: 0px; }
			#videosCntr div.list img { border: 1px solid #cf0077; }
			
			/* ### BOOKINGS CONTAINER ### */
			#bookingsCntr { padding: 20px; float: left; width: 540px; height: 370px; }
			#bookingsCntr p { padding: 11px 0px 0px 20px; font-style: italic; }
			#bookingsCntr div.calendar { margin: 30px 0px 20px 20px; padding-bottom: 6px; overflow: hidden; width: 500px; background: url('/images/calendarBg.gif') no-repeat bottom; }
			#bookingsCntr div.calendar a:hover { text-decoration: underline; }
			#bookingsCntr div.hRow { overflow: hidden; width: 500px; }
			#bookingsCntr div.hRow div { float: left; }
			#bookingsCntr div.hRow div.title { padding-bottom: 15px; width: 400px; font-size: 13px; font-weight: bold; text-align: center; }
			#bookingsCntr div.hRow div.prev { padding-left: 5px; display: inline; width: 45px; }
			#bookingsCntr div.hRow div.next { padding-right: 5px; display: inline; width: 45px; text-align: right; }
			#bookingsCntr div.hRow a { text-decoration: none; font-weight: bold; color: #484848; }
			#bookingsCntr div.row { overflow: hidden; width: 500px; }
			#bookingsCntr div.row div { float: left; width: 71px; height: 26px; line-height: 26px; text-align: center; }
			#bookingsCntr div.today { font-weight: bold; color: #fff; background: url('/images/today.gif') no-repeat center; }
			#bookingsCntr div.today2 a { display: block; width: 71px; height: 26px; text-decoration: none; text-align: center; color: #fff; background: url('/images/today2.gif') no-repeat center; }
			#bookingsCntr div.row a { display: block; width: 71px; height: 26px; font-weight: bold; text-decoration: none; text-align: center; color: #fff; background: url('/images/event.gif') no-repeat center; }
			#bookingsCntr div.cRow { font-style: italic; }
		