@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; }
img { margin: 0; padding: 0; border: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }
address { font-style: normal; }
em { font-style: italic; }
b { font-weight: normal; }
i { font-style: normal; }


/*CLEAR FIX */

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

.clearfix {
   display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

/* END CLEAR FIC */

* { padding: 0; margin: 0; }



img, div { behavior: url(../images/iepngfix.htc) }


/* HTML */

body {
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color:#333;

background:url(../images/bg.png) repeat;
background-color:#f4f4f4;

}



#wrap{
	
	width:878px;
	margin:auto;
	
	}
	

#wrap p{ margin:0 0 10px 0; font-size:11px; line-height:16px;}
	
#header { height:140px; margin:10px 0 0 0;}

#logo { width:400px; height:153px; background:url(../images/logo.png) no-repeat; float:left}

#nav { width:460px; height:20px; float:right; margin:90px 0 0 0;}
#nav li { float:left; margin:0 0 0 40px; list-style:none;}

#visual01 { height: 220px; background:url(../images/header1.png);}
#visual01_fr { height: 220px; background:url(../images/header1_fr.png);}
#visual02 { height: 220px; background:url(../images/visual_10s_nl.png);}
#visual02_fr { height: 220px; background:url(../images/visual_10s_fr.png);}
#visual03 { height: 220px; background:url(../images/visual_wbu_nl.png);}
#visual03_fr { height: 220px; background:url(../images/visual_wbu_fr.png);}

#intro01{ width:570px; float:left; margin:20px 0 0 0; border:solid #cccccc 1px; background-color:#FFF;}
#intro01_txt{margin:20px;}

#content_r01{float:right; margin:20px 0 0 0; float:right;}
	
#content02 {float:left; width:727px; border:solid 1px #cccccc; background-color:#FFF; margin:20px 0 0 0;}	


#content_r02{float:right; margin:20px 0 0 0; float:right; width:141px;}

.content02_txt{width:690px; margin:20px;}

.content02_nr{width:10px;float:left; font-size:20px; font-weight:bold; font-style:italic; margin:20px 0 0 20px;}
.content02_q{width:650px;float:left; font-size:11px; margin:20px 20px 0 20px;}




	
#footer{height:35px; background-color:#FFF; border: solid 1px #cccccc; float:left; width:878px; margin:30px 0 0 0;}
#footer p {font-size: 10px; color:#666; text-align:center; margin:7px 0 0 0;}
#footer{height:35px; background-color:#FFF; border: solid 1px #cccccc; float:left; width:878px; margin:10px 0 0 0;}
#footer a:link, #footer a:visited {color:#666; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:underline;}

input{ border: 1px #999; background-color:#FFF;}

#naarstap2 {display: block; visibility:visible;}