body {
	background-color: #000;
	width: 98%;
	font-family: arial, verdana, helvetica, sans;
	font-size: .8em;
}

#container {
	margin: 0 auto;
	width: 970px;
	height: 600px;
}

#top {
	width: 970px;
	height: 120px;
	background: #000 url('/images/logo_tweesprong.jpg') top right no-repeat;
}

#top #topmenu ul{
	color: white;
	margin: 0 4px;
	padding: 0;
	font-size: .8em;/* .8^2~.6 */
}

#top #topmenu ul ul {
	display: none;
}
/* NOT working in IE
#top #topmenu li:before { content: "| "; }
#top #topmenu li:first-child:before { content: ""; }
*/
#top #topmenu li {
	list-style-type: none;
	float: left;
	margin: 0 2px;
}

#top #topmenu li a {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#top #topmenu .on a,
#top #topmenu li a:hover {
	color: #f56211;
}

#top #time {
	clear: both;
	padding: 14px 0 0 401px;/* 60px;*/
	height: 76px;
	width: 168px;
}

#home #squash_tennis, #home #sporthal, #home #horeca, #home #zwembad,
#openingstijden #squash_tennis, #openingstijden #sporthal, #openingstijden #horeca, #openingstijden #zwembad {
	width: 224px;
	height: 452px;
	float: left;
	padding: 3px;
	margin: 0 5px;
	display: block;
	overflow: hidden;
}

#openingstijden table {
  margin: 0;
	padding: 0;
}

#topcontent #squash_tennis, #topcontent #sporthal, #topcontent #horeca, #topcontent #zwembad,
#maincontent #squash_tennis, #maincontent #sporthal, #maincontent #horeca, #maincontent #zwembad {
	width: 230px;
	height: 50px;
	float: left;
	margin: 0 6px;
	display: block;
}

/* fix the pool for IE6 */
#home #zwembad,
#maincontent #zwembad,
#topcontent #zwembad,
#openingstijden #zwembad {
	margin-right: 0;
}

#squash_tennis a, #sporthal a, #horeca a, #zwembad a {
	color: #000;
	text-decoration: none;
}

#home #linkwrap .sifrlink {
	width: 170px;
	height: 35px;
	margin-top: 375px;
	margin-left: 55px;
}

#topcontent #linkwrap .sifrlink,
#maincontent #linkwrap .sifrlink {
	margin-top: 12px;
	margin-left: 15px;
	width: 170px;
	height: 29px;/*35px;*/
}
#opening .sifrbox {
	width: 230px;
	height: 50px;
	float: left;
	margin: 0 6px;
	margin-top: 12px;
	display: block;
}
#opening .sifrlink {
	margin: 0 14px;
	height: 25px;
}

#home #linkwrap .content {
	display: block;
	width: 170px;
	height: 35px;
	margin-top: 375px;
	margin-left: 55px;
}

#topcontent #linkwrap .content,
#maincontent #linkwrap .content {
	display: block;
	margin-top: 10px;
	margin-left: 15px;
	width: 170px;
	height: 35px;
}

.timesheet h1 {
	width: 200px;
	height: 30px;
	text-indent: 20px;
}

.timesheet .time {
	float: left;
	width: 100%;
}

.timesheet .time table {
	margin: 0 auto;
}
/*
#home #squash_tennis { 	background: #f6e726 url('/images/background_home_tennis_squash2.jpg') top left no-repeat; }
#home #sporthal {		background: #db006b url('/images/background_home_sporthal2.jpg') top left no-repeat; }
#home #horeca {			background: #83b817 url('/images/background_home_horeca2.jpg') top left no-repeat; }
#home #zwembad {		background: #259bd2 url('/images/background_home_zwembad2.jpg') top left no-repeat;}

#home #squash_tennis:hover { 	background: #f6e726 url('/images/background_home_tennis_squash2_over.jpg') top left no-repeat; }
#home #sporthal:hover {			background: #db006b url('/images/background_home_sporthal2_over.jpg') top left no-repeat; }
#home #horeca:hover {			background: #83b817 url('/images/background_home_horeca2_over.jpg') top left no-repeat; }
#home #zwembad:hover {			background: #259bd2 url('/images/background_home_zwembad2_over.jpg') top left no-repeat;}

#openingstijden #squash_tennis { 		background: #f6e726 url('/images/background_openingstijden_tennis_squash.jpg') top left no-repeat; }
#openingstijden #sporthal {				background: #db006b url('/images/background_openingstijden_sporthal.jpg') top left no-repeat; }
#openingstijden #horeca {				background: #83b817 url('/images/background_openingstijden_horeca.jpg') top left no-repeat; }
#openingstijden #zwembad {				background: #259bd2 url('/images/background_openingstijden_zwembad.jpg') top left no-repeat;}
*/

/* for #maincontent, #topcontent & #home */
#squash_tennis { 		background: #f6e726 url('/images/background_home_tennis_squash.jpg') top left no-repeat; }
#sporthal {				background: #db006b url('/images/background_home_sporthal.jpg') top left no-repeat; }
#horeca {				background: #83b817 url('/images/background_home_horeca.jpg') top left no-repeat; }
#zwembad {				background: #259bd2 url('/images/background_home_zwembad.jpg') top left no-repeat;}

#openingstijden #squash_tennis { 		background: #000 url('/images/background_openingstijden_tennis_squash.jpg') top left no-repeat; }
#openingstijden #sporthal {				background: #000 url('/images/background_openingstijden_sporthal.jpg') top left no-repeat; }
#openingstijden #horeca {				background: #000 url('/images/background_openingstijden_horeca.jpg') top left no-repeat; }
#openingstijden #zwembad {				background: #000 url('/images/background_openingstijden_zwembad.jpg') top left no-repeat;}

#squash_tennis:hover,
#sporthal:hover,
#horeca:hover,
#zwembad:hover {		background-position: 0% -463px; }

.active {	background-image: none !important;  }

#topcontent #contentwrap {
	float: left;
	margin: 20px 6px;
	background-color: white;
	width: 960px;
}

#maincontent #contentwrap {
	float: left;
	margin: 0 6px;
	background-color: #f6e726;
	width: 956px;
}

#yellow #contentwrap {	background-color: #f6e726;}
#green 	#contentwrap {	background-color: #83b817;}
#pink 	#contentwrap {	background-color: #db006b;}
#blue 	#contentwrap {	background-color: #259bd2;}

#topcontent #contenttop {
	float: left;
	display: block;
	height: 50px;
	width: 100%;
	background-color: #f56212;
	overflow: hidden;
}

#contenttop h1 {
	margin-top: 12px;
	line-height: 50px;
	padding: 0;
	color: white;
	text-transform: uppercase;
}

#maincontent #contenttop {
	float: left;
	height: 20px;
	width: 100%;
}

#maincontent #navcontainer {
	float: left;
	margin-left: 10px;
	width: 220px;/*230px*/
	height: 350px;
	background-color: transparent;
}

#navcontainer .active a,
#navcontainer a#selected{
	color: white;
}

#maincontent #pagecontent {
	padding: 8px;
	float: left;
	display: block;
	width: 480px;
	background-color: white;
}

#maincontent #pageimage {
	float: left;
	width: 230px;
	height: 350px;
	overflow: hidden;
}

#navcontainer a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#navcontainer a:hover {
	color: #fff;
}

#navcontainer ul {
	margin-left: 10px;
	padding-left: 10px;
}

#content {
	float: left;
	display: block;
}

#blocks {
	float: left;
}

.block {
	display: block;
	float: left;
	width: 225px;
	padding: 12px;
	padding-right: 0px;
}

.clear {
	clear: both;
}

#content #blocks h1 {
	margin: 0;
	font-size: 1.2em;
	height: 2em;
}

#contentuser {
	float: left;
	padding: 12px;
}

/* Min-Height Fast Hack */
#pagecontent {
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

/* WTF

for Mozilla/Safari/Opera
*>#contentwrap {
 padding-top: 350px;
 min-height: 1px;
}
*>#contentwrap #content {
 margin-top: -350px;
}
/* for IE, with IE5/Mac backslash filter
* html #contentwrap {
 height: 350px;
}
/* end filter */

#example_form_id th {
	width: 120px;
	text-align: left;
}