html{
  background: #224e75 url(back.gif) top center repeat-x scroll;
}

body{
	left: 50%;
  margin: 0;
	margin-left: -500px;
	padding: 0px 20px 20px 210px;
	position: absolute;
	top: 0px;
  color: #a80036;
  background: transparent url(side.gif) 0px 0px repeat-y scroll;
	width: 1000px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 770px;
}

#side{
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -492px;
  height: 400px;
  padding: 180px 14px 0px 14px;
  color: #e5c1cd;
  background: transparent;
  width: 179px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 151px;
}

html>body #side{
  padding-top: 180px;
}

h1#header{
  padding: 12px 1px 0px 8px;
  margin: 0px -21px 0px -210px;
  height: 259px;
  background: transparent url(header.gif) 0px 0px no-repeat scroll;
  color: #a80036;
}

html>body h1{ 
  margin-top: 0;
}

#content{
  margin:20px 120px 0px 80px;
}

h1, h2, h3, p, address, ul, ol{
font-family: Verdana, Arial, Sans-serif, Helvetica, Tahoma, "Trebuchet MS";
font-weight: normal;
}

p, ul, ol{
	font-size: 0.8em;
	line-height: 2.0em;
  color: #565656;	
}

h1{
  color: #002540;
  margin-top: 0.3em;
  margin-bottom: 0.4em;
  font-weight: bold;		
}

h2{
  color: #002f52;
  font-size: 1.3em;
  clear: both;
  font-weight: bold;	
  margin-top: 1.5em;
  margin-bottom: 0.5em; 	
}

h3{
  color: #002540;
  font-size: 1.0em;
  clear: both;
  font-weight: bold;
	margin-top: 0.5em;
  margin-bottom: -0.6em; 	
}

strong, b{
  font-weight: normal; 
}

#side h2{
  font-size: 1.2em;
  color: #a80036;
}

#side p{
	font-size: 0.8em;
	line-height: 1.4em;		
}

a{
  color: #002f52;
		text-decoration:none;
		line-height: 2.0em;	
}

a:hover{
  color: #002038;
}

#topnav {
	list-style:none;
	font-size:0.7em;
	margin: -72px -5px auto;	
	padding:0 0 0 0;
	text-align:right;	
	font-family:Verdana, Arial, Sans-Serif;
}

#topnav li{
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
	font-weight:bold;
}

#topnav li a:link, #topnav li a:visited{
	text-decoration:none;	
	color:#002f52;
}

#topnav li a:hover, #topnav li a:active{
	color:#002038;	
} 
 
#navcontainer{
background: transparent;
width: 100%;
margin: 0 auto;
padding: 1em 0;
text-align: center;
}

ul#navlist{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li a{
display: block;
width: 100%;
padding: 0.2em 0 0.2em 0.5em;
margin: 0;
border-width: 1px;
border-style: solid;
text-decoration: none;
font-weight: normal;
color: #adc6d7;
background: #003358;
border-color: #003a64 #002540 #002540 #003a64;
}

ul#navlist li a:hover, ul#navlist li#active a:hover{
color: #fff;
background: #00365e;
border-color: #003f6e #001d32 #001d32 #003f6e;
}

ul#navlist li#active a{
color: #FFFFFF;
background: #A3BDC3;
font-weight: bold;
}


img.left{ 
  float: left;
  margin-right: 15px;
	clear: left;
}

img.right{
  float: right;
  margin-left: 15px;
}

img.left2{ 
  float: left;
	padding:5px;	
	border:1px solid #eeeeee;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:0px;	
}

img.right2{
  float: right;
	padding:5px;	
	border:1px solid #eeeeee;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:0px;	
}

img.contact{
  float: right;
  margin-right: -44px;
	margin-top:0px;
	margin-bottom:0px;
}

img.mode{
  float: right;
  margin-right: -104px;
	margin-top:0px;
}

img.groot{
  float: left;
  margin-left: 0px;
	margin-top:0px;
	margin-bottom:0px;		
}

img.side{ 
	padding:5px;	
	margin-left:-10px;

}


p#bottomlinks{
  margin: 3em -350px 0 0;
  padding: 10em 0 2em 0;
  font-size: 0.7em;
  color: #a80036;
  display: block;
  text-align: center;
  width: 1000px;
  background: #224e75 url(footer.gif) 0px 0px no-repeat scroll;
  position: relative;
  left: -210px;
  top: 21px;
  height: 50px;
}

p#bottomlinks a{
  color: #d8bec7;
	text-decoration: none;
}

address{ 
  background: #002f52;
  font-weight: bold;
  color: #adc6d7;
  font-style: normal;
  margin-left: -202px; /* plaatsing */
  margin-right: -12px;
  font-size: 0.6em;
  padding: 6px 0 6px 0;
  text-align: center;
  position: relative;
  top: 61px; /* plaatsing */
  z-index: 3;
  border-top: 1px solid #002540;
}

.address a{
  color: #fff;
	text-decoration:none;	
}

.address a:hover{
  color: #fff;
	text-decoration:none;	
}
