body,html {
	color:#555;
	background:#3c70c9 url(i/bg-gradient.jpg) repeat-x 0 0;
	margin:0;
	padding:0;
	color: #3767B1;}
	/* het verspringen in firefox tegengaan door de scrollbar reeds toe te voegen */ 
html {height:100%}



body {
	font:76%/140% Verdana, Arial,Helvetica,sans-serif;
	text-align:center;
	min-height:101%;
	}


ul,li {
	list-style-type:none;
	}
a:link,a:visited {
	color: navy;
	text-decoration:underline;
	padding:2px 2px 0;
	margin:0 -2px;
	

	}

a:focus,a:hover {
	color: #bc0024;

	}
#container {
	margin:0 auto;
	padding:2em 0;
	width:957px;
	position:relative;
	text-align:left;

	}

#crumbs {
	position:absolute;
	top:0.5em;
	left:0;
	color:#c8ddf6;
	font-size:0.94em;
	line-height:100%;

	}

#crumbs a , #footer a{
	color:#c8ddf6;
	font-weight: normal;
	

	}
	
#header {
	background: #92483F url(i/header7.jpg) no-repeat right top;
	height: 275px;
	border: 1px solid #fff;
	
	
	}

#nav-top {
	width:100%;
	float:left;
	line-height:100%;
	

	}	
	
#content {

	background:#fff url(i/bg-content.gif) repeat-y;
	clear: both;
	border-top:1px solid #fff;
	
	}

#content-left{
	float:left;
	width:659px;
	margin:10px 0 0 20px;
	
	}

#content-right{
	float:right;
	width:240px;
	margin:10px 0 0 0;
	}
	
.clear {

	clear:both;

	}	
.box-blue {
	background:#f0f5ff;
	padding:1em;
	margin: 1.5em 0 0 0;
	border-top:1px solid #c8ddf6;
	border-bottom:1px solid #c8ddf6;
	}
.box-blue-right {
	background:#f0f5ff;
	padding:1em;
	margin: 1.5em 0 0 0;
	border-top:1px solid #c8ddf6;
	border-bottom:1px solid #c8ddf6;
	color: #3767B1;
	}		
.box-blue h3, h3 {
	color:#369;
	font-size:1.2em;
	line-height:1.2em;
	padding:0 0 .5em 0;
	margin:0 0 .5em 0;
	border-bottom: 1px dotted #d2e4fa;
	}
/*.box-blue ul {
	margin:0 0 1em 0;
	}
.box-blue ul ul {
	margin:0;
	}					
.box-blue ul li {
	color: #3f7bbc;
	padding:0 0 0 15px;
	background:url(../images/bullet-arrow-small.gif) no-repeat 0 .4em;
	}
.box-blue a.noborder,
.box-blue a.noborder:link,
.box-blue a.noborder:visited,
.box-blue a.noborder:hover {
	border:none;
	}	*/		
#footer {
	clear:both;
	color:#c8ddf6;
	font-size:0.94em;
	background:#3c70c9;
	height: 0px;
	}
.imgborder{ border: 1px solid #000;}


/*- Menu Tabs 10--------------------------- */

    #tabs10 {
      float:left;
      width:100%;
      font-size:93%;
      border-bottom:1px solid #63a1ed;
      line-height:normal;
	  background: #f0f5ff;
      }
    #tabs10 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("i/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  border-bottom:0;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("i/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs10 a:hover span {
      color:#FFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

      #tabs10 #current a {
              background-position:0% -42px;
      }
      #tabs10 #current a span {
              background-position:100% -42px;
      }
	  
#menu3 {padding:0; margin: 0; width: 238px}
#menu3 li {
	display:block;
	padding:0;
	margin:0;
	border:1px solid #fff;
	border-width:1px 0 1px 1px;
	border-bottom-color:#cbdff6;
	background: #fff;
	
	}	
#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	

#menu3 li a:link, #menu3 li a:visited {
	display: block;
	line-height:180%;
	padding:0 0.5em 0 15px;
	color:#69c;
	background: url(i/nav-bullet.gif) no-repeat 5px 45%;
	border: 0;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #bc0024;
	background:#f0f5ff url(i/nav-bullet.gif) no-repeat 5px 45%;
	xpadding:0 0.5em 0 16px;
	xborder: 0;
	}
#flashcontent {width:660px; height: 100%; }

/*CSS voor het fotoalbum -- */
#foto-container {position:relative; width:658px; height:333px; background:#fff;}
.minis {margin: 2px; border: 1px solid #494F4F; }
/* einde css fotoalbum */	

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

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!-[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]->