/* CSS for http://stgnook.nl/ Created by Bernt Design
	/* --------- 1. standaard  --------- */
* { margin: 0; padding: 0; border: 0;}	
body, html{ margin:0; padding:0;
height: 100% !important;
text-align: center;
background:#003174 url("http://www.stgnook.nl/imgkl/blue.png") left top repeat; 
font-family: "Book Antiqua", arial, sans-serif;
font-size:100.01% !important;
color: #333;
line-height: 140%;
}
html>body {
font-size: 16px; /* non-IE */
}
#container{position: relative;
min-height: 90%;
height:auto !important;
height:100%;  
/*_height:100%;  bestaat niet volgens validator*/
min-width: 820px !important;
margin: 10px auto 0 auto;
padding:0;
text-align: left;
width: 95%;
background: #003174  url("http://www.stgnook.nl/imgkl/button/faux3.png")center top repeat-y;
}
#upperpart {clear:both; position: absolute; width:100%;
margin: 0 auto;
background: #6C87BA; 
}
/*  --------- 4a. upperpart: topbalk  --------- */
.topbalk{ width:100%; height:7px; margin-left: 0;
  position: absolute;
  margin-top: 0px;
  width: 100%;
  background:#003174  url("http://www.stgnook.nl/imgkl/button/grd-1px_1.4.png") repeat-x;
 }
/*  --------- 4b. header:  taalbalk  --------- */
#icons { z-index:9;
	margin:0 0 10px 15px;
	background-color:#F7F7F7;
	border-bottom:solid 1px #D5D8D7;
	height:21px;
	/*position:absolute;
	width: 1600px;*/ overflow:hidden;
}
/*  --------- 4. upperpart: header  --------- */
#header {
	position: absolute;
	margin-top:7px;
	width: 100%; 
	height:130px;
	overflow:hidden;
	background-color:#6C87BA;
}
#logo {float: left; position: absolute; width:10%; height: 130px; z-index:10;margin-top:0px;
}
.imglogo {	border: none; height: 130px; width: 125px;
}
#headerimage {
	position:absolute;
	/*width:554px;
	width:100%;*/
	height:130px;
	right: 0px;
	z-index:1;
	top: 7px;
}
#adresbalk {
	position:absolute;
	/*width:372px;
	height:50px;*/
	z-index:100;
	left: 150px;
	top: 50px; 
}
		/*  --------- 4d. navigatiemenu zie menu.css --------- */
		/*  --------- 4e. subbalk en zoek --------- */
#subbalk{  position: absolute;
  margin-top:160px;  width: 100%;  background:#F7F7F7}
 #locator #here {/*float:left;*/
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	color: #00008B;
	background:#F7F7F7; 
	font-size: 80%; 
	font-weight: normal;
}
							/*einde upperpart*/
							/*begin deel 2*/

.floatcontainer:after{content:"."; display:block; height:0px; clear:both; visibility:hidden; font-size:0px}
.floatcontainer{display: inline-block;}
/* Hides from IE Mac \*/
* html .floatcontainer {height:1%}
.floatcontainer{display:block}
/* End Hack */
.midbalk{ width:100%; height:7px; margin-left: 0;
  position: absolute;
  margin-top: 192px;
  width: 100%;
  background:#F7F7F7
 } 
							/*begin wrapper*/
#wrapper{position: absolute;  width:100%; 
    /*height: 100%; */
	margin: 0 auto;
	margin-top:180px;
	background-color:#E4F7FE;
	padding-bottom:1px;
	background: #E4F7FE url("http://www.stgnook.nl/imgkl/faux3.png");
}
#left p { 
padding:0 10px; 
} 
#right p { 
padding:0 10px; 
} 
p.top { 
margin-top:20px; 
}
#outer{/* dit mogelijk weglaten*/
margin-top:6px;
clear:both; float: left; position: relative; height:100%; width:100%;  background-color:#E4F7FE;
min-height: 100%;
height:auto !important; 
height:100%; 
/*_height:100%; bestaat niet volgens validator*/ 
}
#innerfloat{ float: left; position: relative; height:100%; width:60%; left: 0px; background: url("http://www.stgnook.nl/imgkl/faux3.png")center top repeat-y; background: #E4F7FE; /*of korter plaatje ?*/}
#text{
	float:left;
	height:100%;
	/*left:5%; */
  width: 100%; min-height:350px;
		/*margin-bottom:10px; kan mogelijk weggelaten*/
	padding-left:5%;
	padding-right: 5%;
	padding-bottom: 1px;
	text-align: left;
	background: #E4F7FE url("http://www.stgnook.nl/imgkl/tekstbackgr2.jpg") no-repeat;
}
#text .bron {
	font-size:80%;
}
/* Overige */
#top-back{padding-top:10px; padding-bottom:10px; height:20px;}
.top {float: left; background:url("http://www.stgnook.nl/imgkl/top.gif") no-repeat; padding-left:20px; }
.back {float: right; background:url("http://www.stgnook.nl/imgkl/back.gif") no-repeat; padding-left:20px;}
#copyright{
	clear:both;
	height:10px;
	background-color:#fff;
	text-align:center;
	background-image: url("http://www.stgnook.nl/imgkl/button/gradient.gif");
	background-repeat: repeat;
}
#rightside{
	float: right;
	height:100%;
	right: 0px;
	width:30%;
	/*background: url("http://www.stgnook.nl/imgkl/faux3.gif")center top repeat-y;*/
	background-color: #E4F7FE;
	border-left-style: double;
	border-left-color: #9FC376;
}
.actueelright { width: 160px;
	background-image:url("http://www.stgnook.nl/imgkl/menurechts.gif");
	border:1px solid #d5d8d7;
	margin-left:1em;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
}
.actueelrightwit { width: 200px;
	border:1px solid #8DAAD2;
	margin-left:1em;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em; -moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
}
.photoright{padding: 0.5em; margin: 1em; border: 6px solid #86A1CC; -moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;}

.google{ background-color:#F7F7F7}
.img{ border:none;}
.imgright{ padding:2px;
	border:solid 1px #d5d8d7;
	background-color:#fff; }
.imgtekst{ float:left; padding:4px;
	border:none;
	}
.imgtekstright{	float: right; padding-left:20px;}
#popup{ text-align:center; padding-top:10px;}
.clear { clear: both; height: 0px; }
.clearboth {
clear : both;
position: absolute; margin-bottom:20px; padding-top:10px;
height : 5px;
width:100%;
background : #fff;
}
.clearfooter {clear: both; background-color:#E4F7FE; height:20px;
text-align:center; margin-bottom:-20px;
}
	.footerleft {float: left;  padding-left:20px; }
    .footerright {float: right;  padding-left:20px;}
#footer {display: none; position: absolute; left: -9000px;}
.hide{display: none; position: absolute; left: -9000px;}
ul.downloads .pdfLink { list-style-image:url("http://www.stgnook.nl/imgkl/button/pdf_download.gif");}
ul.downloads .xlsLink { list-style-image:url("http://www.stgnook.nl/imgkl/button/excel_download.gif");}
ul.downloads .docLink { list-style-image:url("http://www.stgnook.nl/imgkl/button/word_download.gif");}
.download {
	background-image:url("http://www.stgnook.nl/imgkl/downloadDivider5.gif");
	background-position:left bottom;
	padding:0 0 10px 25px;
	margin-bottom:1.5em;
}
#text dd {
	margin-left:2.5em;
}
					/* Typography */
ul.arrow li {list-style: square url('http://www.stgnook.nl/imgkl/button/ul-blue.gif') ; 
	padding-left: 16px; 
	}
em {
	font-style: italic;
	}
#text p {
	font-size: 0.9em;
	color: #55606B;
	text-align: left; line-height:1.5em; 
	padding: 0 0 10px 0;
	margin: 0;
}
h1{/*titel*/ text-align:center; }
h2{}
h3{font-size: 0.8em/1em ; font-weight: bold;}
h4{font-size: 0.9em/1.1em }
.ftheader {color: #fff;font-size:0.7em;}
.ft1 {/*subtitel*/
	font-weight: bold;
	color:#fff; 
font-size: 1.4em /*1.125em*/; 

}
.ft2 {/*subtitel*/
	font-weight: bold;
	color:#718BBC; 
font-size: 1em /*1.125em*/;
	 text-align:center; text-shadow:#ccc 1px 1px 2px;
	
}
.ft3{/*tekst*/
	font-size: 0.9em;
	color: #55606B;
	padding-top: 0.1em;
	text-align: left; line-height:140%;
}
.ft4 /*tekstrightside*/{
color:#004400;
font-size: 0.8em;
	}
.ft5{/*adres*/
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	padding-top: 0.1em;
	text-align: left; line-height:140%;
}
.ft6 {
font-size: 0.7em;
color: #000;
}
.ft7 { /*teksfooter, popup*/
	font-size: 0.7em;
	color: #004400;
	text-align: center; line-height:140%;
}
.ft8{
	font-size: 11px; font-weight: 800; background-color: transparent; 
}
.xsmall {
	font-size: xx-small; background-color: transparent; 
}
.imgborder{ border: none;}
.hoverbox{
	cursor: default;
	list-style: none; background-color:#F7F7F7;
}
.name{
	color:#003174; 
font-size: 0.8em ;}

.hoverbox a{
	cursor: default;
}
.hoverbox a .preview{
	display: none;
}
.hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
.hoverbox img{
	background: #0000FF;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}
.hoverbox ul{	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	position: relative;
}
.hoverbox li{
	background: #F7F7F7;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px 5px 5px 0;
	position: relative;
}
.hoverbox .preview{
	border-color: #000;
	width: 200px;
	height: 150px;
}
		/*  --------- 7. Links --------- */
a:link { font-size: 1em; 
color:#59842F; text-decoration:none; 
}
a:hover { 
color: #31659c;
text-decoration : underline;
}
a:active {font-size: 1em; 
color : #31659c;
}
a:visited {
color : #59842F; text-decoration:none;
}
a.foo:link {font-size:0.7em; background-color:#fff;
color:#000666;
padding : 2px;
}
a.foo:hover {background-color:#EAF4D3;
color : #31659c;
}
a.foo:visited {font-size:0.7em;
color:#000666;
}
a.copy:link {font-size: 0.7em;
color:#004400;
text-decoration : none;
padding : 2px;
}
a.copy:hover {background-color:#EAF4D3;
color : #31659c;
}
a.copy:visited {font-size: 0.7em;
color:#004400;
}