html{
overflow: scroll;
}

.tandjegroter {
	color: #31629D;
	font: normal 12px Tahoma,Helvetica,Arial,sans-serif;
}

a, a:visited, a:hover {
	outline: none;
	color:#336699;
}
a img {
	border: 0px solid #336699;
}
body{
	margin:0;
	padding:0;
	font:11px Tahoma,Helvetica,Arial,sans-serif;
	color: #333;
}
#wrapper{
	height:500px;
	margin:0 auto;
}
#wrapperhome{
	margin:0 auto;
	text-align:center;
}
#top{
	width:867px;
	height:60px;
	margin:0 auto;
}
#header{
	width:950px;
	height:240px;
	margin:0 auto;
	background-image:url("../images/header.jpg");
	background-repeat:no-repeat;
	z-index:1;
}
#contentBody{
	width:867px;
	margin:0 auto;
	padding:0 20px 180px 20px;
	background-image:url("../images/bottom.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:2;
	position: relative;
}
#content{
	margin:-120px 0 0 0;
	position:relative;
	padding:0 40px 0 40px;
}
#content * {
	position: relative;
}
p{
	text-align:justify;
	line-height: 15px;
}
h2, .nboTitle{
	margin:0 0 15px 0;
	padding:0;
	font:bold 20px/20px Arial,Helvetica,Tahoma,sans-serif;
	letter-spacing:-1px;
	color:#31629D;
}

.nboTitle {
	font: bold 16px/20px Arial;
	padding-bottom: 15px;
}

.nboFooter {
	display: none;
}

.nboTime {
	margin-left: 25px;
}

img.border {
	border: 2px solid #336699;
}
/**************************** N A V I G A T I E ************************************************/
#navigation{
	margin:0 30px 0 0;
	font-size:12px;
	float:right;
}
#navigation li{
	display:block;
	float:right;
	margin:0;
	/* background: transparent url(../images/sliding_doors/left.gif) no-repeat top left; */
}
#navigation li:hover {
	/* background-position: left -50px; */
}

#navigation a#addGroup {
	width: 124px;
	height: 33px;
	display: block;
	text-indent: -9000px;
	background: transparent url(../images/menu/off/header_menu_01.gif) no-repeat top left;
}

#navigation a#addGroup:hover {
	background: transparent url(../images/menu/on/header_menu_01.gif) no-repeat top left;
}

#navigation a#showGStatus {
	width: 114px;
	height: 33px;
	display: block;
	text-indent: -9000px;
	background: transparent url(../images/menu/off/header_menu_02.gif) no-repeat top left;
}

#navigation a#showGStatus:hover {
	background: transparent url(../images/menu/on/header_menu_02.gif) no-repeat top left;
}

#navigation a#sendCard {
	width: 138px;
	height: 33px;
	display: block;
	text-indent: -9000px;
	background: transparent url(../images/menu/off/header_menu_03.gif) no-repeat top left;
}

#navigation a#sendCard:hover {
	background: transparent url(../images/menu/on/header_menu_03.gif) no-repeat top left;
}

#navigation a#showGDone {
	width: 94px;
	height: 33px;
	display: block;
	text-indent: -9000px;
	background: transparent url(../images/menu/off/header_menu_04.gif) no-repeat top left;
}

#navigation a#showGDone:hover {
	background: transparent url(../images/menu/on/header_menu_04.gif) no-repeat top left;
}

#navigation a#faq {
	width: 30px;
	height: 33px;
	display: block;
	text-indent: -9000px;
	background: transparent url(../images/menu/off/header_menu_05.gif) no-repeat top left;
}

#navigation a#faq:hover {
	background: transparent url(../images/menu/on/header_menu_05.gif) no-repeat top left;
}

/*
#navigation a{
	background-color:#336699;
	color:#000;
	padding: 5px 10px 5px 10px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
#navigation a:hover{
	background-color: #cc0033;
} */

/**************************** F O R M S ************************************************/
form{
	margin:20px 0 0 0;
	padding:0 0 0 0;
}
label {
	display:block;
	margin-top:10px;
}				
input.text, select, textarea {
	border:1px solid #999;
	padding:2px;
	margin:3px 0 0 0;
	width:350px;
	font-size:11px;
}
textarea {
	height:150px;
	font-size:11px;
}
.error {
	border:1px solid #990000;
	background-color:#CC0000;
	color:#FFFFFF;
	visibility:hidden;
	font:normal 10px/14px Arial;
	padding:2px;
	margin:0 0 0 10px;
}
p.error {
	font:normal 11px/14px Arial;
	visibility: visible;
}
.opvallen {
	border:1px solid #FF9900;
	background-color:#FFFF99;
	color:#000000;
	font:normal 11px/14px Arial;
	padding:4px;
	margin:0 0 10px 0;
}
legend{
	font:15px Arial,Helvetica,Tahoma,sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
	color:#31629D;
	padding:10px 0 0 0;
	margin:0 0 0 -8px;
}
fieldset{
	/**width:360px;**/
	margin:0;
	border:0;
}
#formSubmit, #formExample {
	margin:16px 0 0 0;
	 /* background-color:#336699; */
	/* color:#FFFFFF; */
	/* padding: 3px; */
	padding:1px;
	font-size: 10px;
	/* border:0; */
}
#formSubmit:hover{
	/* background-color:#CC0033; */
}

#nboTicker {
	border:1px solid #7CA648;
	background-color:#D6EB9A;
	color:#000000;
	font:normal 11px/14px Arial;
	padding:4px;
	margin:0 0 10px 0;
	/* float: right; */
}

#nieuwsblad {
	display: block;
	text-indent: -10000px;
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	width: 100px;
	height: 40px;
	bottom: 105px;
	left: 35px;
	position: absolute;
}

#beforethehype {
	display: block;
	text-indent: -10000px;
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	width: 120px;
	height: 40px;
	bottom: 105px;
	left: 755px;
	position: absolute;
}



#leftCol {
	width: 260px;
	float: left;
}

#rightCol {
	width: 500px;
	float: right;
}

li.ok {
	list-style: none;
	background: transparent url("../images/ok.gif") no-repeat center left;
	padding-left: 20px;
	line-height: 20px;
}

li.nok {
	list-style: none;
	background: transparent url("../images/nok.gif") no-repeat center left;
	padding-left: 20px;
	line-height: 20px;
}

h1 {
	position: absolute;
	width: 389x;
	height: 56px;
	overflow: hidden;
	left: 50%;
	top: 20px;
	margin: 0;
	padding: 0;
	margin-left: -439px;
	_margin-left: -455px;	/* damn IE! */
}

h1 a {
	display: block;
	width: 389px;
	height: 56px;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9000px;
}



/* HOVERBOX */
.pg {
	width: 600px;
	list-style: none none;
}

.pg:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

.pg li {
	list-style: none none;
	display: inline;
}

.pg li a {
	margin: 2px;
	border: 1px solid #CCC;
	padding: 4px;
	position: relative;
	float: left;
	display: block;
	width: 100px;
	height: 100px;
}

.pg li a:hover {
	font-size: 100%;
	z-index: 2;
}

.pg li a img {
	border: 0 none;
	position: absolute;
	width: 100px;
	height: 100px;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
	width: 200px;
	height: 200px;
	left: -50px;
	top: -50px;
	z-index: 1;
}