body {
	font-family: Verdana;
	color: #222222;
	font-size:11px;
	margin:0px;
	margin-top: 20px;
	background-color: #DDDDDD;
}

#container {
	width:978px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#header {
	height: 96px;
}

#header img {
    float:left;
    display: block;
}

#menu {
	height: 35px;
	width: 960px;
	background-image:url(/images/bg-menu.jpg);
	margin:0 auto;
}

#content {
	width: 960px;
	margin:0 auto;
	padding-top:5px;
}

#footer {
	clear:both;
	height:49px;
	background-image:url(/images/footer.jpg);
	text-align: center;
}

.icontent {
	padding:10px;
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #02254F;
	background-color: #EEEEEE;
	border: 1px solid #02254F;
	margin:1px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #333333;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  margin:1px;
}

.input_fout {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FFEEEE;
	border: 1px solid #CC0000;
	margin:1px;
}

.remark {
	color: #CC0000;
	background-color: #FFDDDD;
	border: #CC0000 solid 1px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom:5px;
}

.obligate {
	color: #CC0000;	
}

h1 {
	color: #1A171B;
	font-family: arial;
	font-size:18px;
	font-weight:bold;
	background-color:inherit;
}

h2 {
	color: #E2001A;
	font-size:12px;
	font-weight:bold;
	background-color:inherit;
}

h3 {
	color: #02254F;
	font-size:12px;
}

a:link,
a:visited  {   
	text-decoration: none;
	color: #02254F;    
	font-size:11px;
	background-color:inherit;
}	

a:hover {   
	text-decoration: underline;
}

div.clear {
	clear: both;
	margin-top:10px;
}

/* Hieronder de weergave voor de eyecatchers */

#eyecatchers {
	margin-top:10px;
}

#eyecatcher-gymna {
	float:left;
	border:#DDDDDD solid 1px;
	width:228px;
}

#eyecatcher-uniphy {
	float:left;
	border:#DDDDDD solid 1px;
	width:228px;
	margin-left:13px;
}

#eyecatcher-shockmaster {
	float:left;
	border:#DDDDDD solid 1px;
	width:228px;
	margin-left:14px;
}

#eyecatcher-fitvibe {
	float:left;
	border:#DDDDDD solid 1px;
	width:228px;
	margin-left:13px;
}

/* Hieronder de styles voor de weergave van de panels */

div.panel {
	float:left;
	width:700px;
	margin-top: 5px;
	margin-bottom:5px;
}

div.panelTitle {
	float:left;
	width:694px;
	padding:3px;
	border:#02254F solid 1px;
	color: #02254F;
	font-weight: bold;
	background-color: #DDDDDD;
}

div.panelContent {
	float:left;
	width:694px;
	padding:3px;
	border-left: #02254F dotted 1px;
	border-right: #02254F dotted 1px;
	border-bottom: #02254F dotted 1px;
}