/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */
html {height:100%;}

body {
	height:100%;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	background:url(background.png) repeat-x;
	/*font-family: Calibri,Myriad,Arial,Helvetica,sans-serif;*/
	font-family: "Segoe UI","Gill Sans MT","Calibri","Myriad","Arial","Helvetica",sans-serif;
	font-size:9.4pt;
}
hr { color:#cccccc; }
img { border-width:0px; border-color:#cccccc; }
textarea, pre, tt, code { font-size:10pt; }
small { font-size:0.85em; }
h1 { font-size:2.0em; margin-top:15px; margin-bottom:8px; }
h2 { font-size:1.47em; margin-top:9px; margin-bottom:6px; }
h3 { font-size:1.27em; margin-top:7px; margin-bottom:5px; }
h4 { font-size:1.08em; margin-top:6px; margin-bottom:5px; }
h5 { font-size:1.0em; margin-top:5px; margin-bottom:4px; }
h6 { font-size:1.0em; margin-top:5px; margin-bottom:4px; }
/* Links 
a { font-weight:bold; color:#003366; text-decoration:none; }
a:visited { font-weight:bold; color:#003389; text-decoration:none; }
a:hover { color:#0033cc; text-decoration:underline; }
a:active { color:#9c0606; }*/

/* 	Zorg dat bij History paginas de zooi niet onder het menu links komt*/
.difftype { clear:none;}
.diffrestore { clear:none;}

#NonFooter {
	position: relative;
	min-height: 100%;
	height:auto;
	margin-bottom:-61px;
}
* html #NonFooter {	height: 100%;}


#FlexiTopContainer {
	margin: 0px 0px 0px 0px;
	width:100%;
	height:80px;
	border:none;
	background-color:#5e6a8e;
	background:url(header-repeat.png) repeat-x;
}

#FlexiTop {
	margin-left: auto; 
	margin-right: auto;
	padding-top:20px;
	width:1000px;
	height:60px;
	border:none;
	background:url(header.png) repeat-x;
	/*font-family: Myriad,Calibri,Arial,Helvetica,sans-serif;
	font-family: Adobe Garamond Pro,Garamond Pro,Garamond,Times New Roman,serif;*/
	font-size:28pt;
	font-weight: bold;
	letter-spacing: 3px;
	font-weight: bold;
}
#FlexiTop a, #FlexiTop a:visited {color:#000000; text-decoration: none;font-weight:normal;}
#FlexiTop a:hover {color:#333333; text-decoration: none;font-weight:normal;}

#FlexiAll { /*for setting e.g. additional Background-image*/
	margin-left: auto; 
	margin-right: auto;
	width:1000px;
	border:none;
}

#FlexiHeader {
	margin: 20px 0px 0px 0px;
	padding-left:0%;
	width:100%;
	//height:30px;
	font-size:16pt;
	border-bottom: 1px solid #b2b2b2;
}
#FlexiHeader a, #FlexiHeader a:visited {color:#333333;text-decoration: none;}
#FlexiHeader a:hover {color:#999999;text-decoration: none;}

#FlexiHeader ul {
	position: relative;
	margin:0px 0px 0px 15px;
	padding:0;
	list-style:none;
}
#FlexiHeader li {
	list-style: none;
	display: inline;
	margin:0;
	padding:0px 15px 0px 15px;
}
#FlexiHeader li#active {
	border: 1px solid #b2b2b2;
	border-bottom: 1px solid white;
	background: #ffffff;
}

/*#FlexiHeader a {
	display:block;
}*/

#FlexiLeft {
	float:left;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding:20px 0px 0px 20px;
	width:15%;
	font-size:10pt;
	background-color:#ffffff;
	text-decoration: none;
}
#FlexiLeft a { color:#000000;text-decoration: none;font-weight:normal;}
#FlexiLeft a.selflink { color:#000000;text-decoration:underline;font-weight:bolder;}
#FlexiLeft a:hover { color:#000000; text-decoration: underline;font-weight:normal;}
#FlexiLeft a.selflink:hover { color:#000000; text-decoration: underline;font-weight:bolder;}
#FlexiLeft strong { white-space:nowrap; margin-left:4px; margin-right:2px; }
#FlexiLeft .indent { margin-left:10px; margin-right:2px; } 
#FlexiLeft h1, FlexiLeft h6 {
	height:18px;
	padding: 2px 0px 0px 10px;
  margin-top:0px;
  margin-bottom:5px;
	white-space:nowrap;
	width:94%;
	background-color: #eeeeee;
	color:#000000;
	border-top:1px solid #b2b2b2;
	background:url(leftkop.png) repeat-x;
	text-align:left; 
	font-size:1.0em;	
	font-weight:normal;
}
#FlexiLeft h2 {
	height:18px;
	padding: 2px 0px 0px 10px;
  margin-top:0px;
  margin-bottom:5px;
	white-space:nowrap;
	width:94%;
	color:#000000;
	text-align:left; 
	font-size:1.0em;	
	font-weight:normal;
}


#FlexiLeft ul {
	font-size:9pt;
	margin:0px 0px 15px 0px;
	padding-left:15px;
	list-style-type:none;
}

#FlexiMain {
	margin: 0px 0px 0px 160px;
	padding:2%;
	background-color:#FFFFFF;
}
#FlexiMain a { font-weight:bold; color:#003366; text-decoration:none; }
#FlexiMain a:visited { font-weight:bold; color:#003389; text-decoration:none; }
#FlexiMain a:hover { color:#0033cc; text-decoration:underline; }
#FlexiMain a:active { color:#9c0606; }

#FlexiFooter {
	display:none;
	background-color:#FF0000;
	clear:both;
	margin: 0px 0px 0px 160px;
	height:20px;
	border:none;
	font-size:9pt;
	text-align:center;
	color:#888888;
}
#FlexiFooter a, #FlexiFooter a:visited {color:#888888;}
#FlexiFooter a:hover {color:#000000;}

#ClearBottom{clear:both;height:61px;}

#FlexiBottom {
	position:relative;
	clear:both;
	width:100%;
	/*margin-top: -61px;
	margin: -61px 0px 0px 0px;*/
	padding-top:8px;
	height:52px;
	border:none;
	background-color:#D6DBEA;
	background:url(bottom.png) repeat-x;
	font-size:9pt;
	text-align:center;
	color:#888888;
	border-top:1px solid #b2b2b2;
}
#FlexiBottom a, #FlexiBottom a:visited {color:#888888;text-decoration: none;}
#FlexiBottom a:hover {color:#000000;text-decoration: none;}

#FlexiLogo {
	position:absolute;
	top:-86px;
	right:200px;
	height:134px;
	width:89px;
	background:url(bootje.png) no-repeat;
}
#FlexiRight {
/*	display: none;*/
	position:absolute;
	top:130px;
	/*left:79%;*/
	right:0%;
	width:15%;
/*	height:2em;
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiRight.gif) no-repeat;*/
}

#FlexiTitle {
	display: none;
	float:left;
	width:56%;
	height:100%;
	margin:0.5em;
	margin-left:22%;
	height:1.5em;
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiTitle.gif) no-repeat;
}

/* FlickrAlbum mooi randje eromheen */
.flickralbum { margin:25px; }
.flickralbum img {
      padding:5px;
      margin:5px;
      border:1px solid #afafaf;
}