body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-image: url(../achtergrond.jpg);

}


#container {
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#container2 {
background-image: url(../_img/top.gif);
height: 98px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#top{
height: 80px;
width: 800px;
text-align: center;
background-color: #FFFFFF;
}

#leftnav {
width: 120px;
float: left;
background-color: #FFFFFF;
padding: 5px;
font-family: Calibri, Helvetica, sans-serif;
font-size: 15px;
}

#leftnav A:link { color: black; }
#leftnav A:visited { color: black; }
#leftnav U:hover { color: black; }
#leftnav U:active { color: black; }

#content {
float: left;
width: 470px;
padding: 10px;
padding-left: 15px;
background-color: #FFFFFF;
}

#content A:link { color: black; 
			text-decoration: underline; }
#content A:visited { color: black; 
			text-decoration: underline; }
#content U:hover { color: black; 
			text-decoration: none; }
#content U:active { color: black; 
			text-decoration: underline; }

#rightnav {
float: left;
width: 120px;
font-size: 11px;
text-align: center;
padding: 5px;
}

#rightnav A:link { color: black; 
			text-decoration: none; }
#rightnav A:visited { color: black; 
			text-decoration: none; }
#rightnav U:hover { color: black; 
			text-decoration: none; }
#rightnav U:active { color: black; 
			text-decoration: none; }

#footer {
font-size: 10px;
color: #333333;
height: 14px;
clear:both;
text-align: center;
background-color: #FFFFFF;
}

#tekst {
display: none;
width: 450px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}

#tekst2 {
display: none;
width: 450px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}

#tekst3 {
display: none;
width: 450px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}

#tekst4 {
display: none;
width: 450px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}

.myBox {
    width: 760px;
    padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #DDEEF6;
	border:1px solid #82B881;
	position:relative;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:0px 1px 5px #AAAAAA;
	-webkit-box-shadow:0px 1px 5px #AAAAAA;
	min-height: 300 px;
}

.myInput {
    margin: 2px auto;
    color: #333;
    width: 200px;
    background-color: #FFF;
    border: 1px solid #AACCEE;
	padding:6px;
	margin-bottom:10px;
	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
  
}
.button{
	border:0; margin:0; padding:0;
	background:#33B9F3;
	border:solid 1px #3399DD;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

}
</style>
<script type="text/JavaScript">

  addEvent(window, 'load', initCorners);

  function initCorners() {
    var setting = {
      tl: { radius: 6 },
      tr: { radius: 6 },
      bl: { radius: 6 },
      br: { radius: 6 },
      antiAlias: true
    }
    curvyCorners(setting, "#myBox");
	curvyCorners(setting, "myInput");
	curvyCorners(setting, "button");
  }
  
  h1 {	font-size:	50px;
		padding: 1px;
		margin: 15px;
		font-family: Freestyle Script, Arial, Helvetica, sans-serif;
		color: #FFFFFF; }
		
h2 {	font-size:	18px;
		margin: 0px;
		font-family: Cambria, Arial, Helvetica, sans-serif;
		color: #000000; }
		
h3 {	font-size:	14px;
		margin: 0px;
		font-family: Cambria, Arial, Helvetica, sans-serif;
		color: #000000; }