html {
	background-color: #efefef;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	margin-top: 0px;
}
#main {
	overflow: visible;
	width: 984px;
    height:inherit;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    padding:0px;
    background-color:#fff;
}
#header {
	overflow: hidden;
	margin: 0px;
    padding: 0px;
	width: 984px;
	height: 150px;
	background-image: url('Mijn_monitoring_Logo.png');
	background-repeat: no-repeat;
	background-position: -20px -25px;
    background-color:#efefef;
    position:relative;
    float:left;
    position:relative;
}

#top_nav, #top_nav_in {
	width: 979px;
	height: 20px;
	float:left;
	margin:0;
    padding: 0 0 0 5px;
    background-color:black;
}
#top_nav ul {
	margin:0;
	padding:0px;
	color:#fff;
	line-height:20px;
	text-align:left;
	font-weight:bold;
}
	
#top_nav li, #top_nav_in li {
    padding:0 20px 0 20px;
	list-style-type:none;
	display:inline;
	margin:0;
}
#top_nav a, #top_nav_in a { 
  color:white;
  font-weight:bold;
  text-decoration:none;
}
#top_nav a:hover, #top_nav_in a:hover { 
  color:white;
  font-weight:bold;
  text-decoration:none;
  color:#24C707;
}
#top_nav li:last-child {
	background:url(icon_login.png) no-repeat center right;
	padding:0 20px 0 20px;
    margin-right:20px;
    float:right;
}
	
#top_nav_in ul {
	margin:0px;
	padding:0px;
	color:#fff;
	line-height:20px;
	text-align:left;
	font-weight:bold;}
	
	
#top_nav_in li:last-child {
	background:url(icon_logout.png) no-repeat center right;
	padding:0 20px 0 20px;
    margin-right:20px;
    float:right;
}
#content_vb ul {
	width:400px;
	margin:0px 0px 25px 0px;
	list-style-type:none;
	padding:0px;
	position:relative;
    font-weight:bold;
    font-size:10pt;
}
	
#content_vb li {
	margin:0;
	padding:3px 0 3px 13px;
	border-top: 1px solid #24AC49;
    height:30px;
    line-height:30px;
	background:url(navlist_icon.png) no-repeat center left;}

#content_vb li:first-child {
	border-top:none;}

#content_vb ul a:link { color:#585858; text-decoration:none; }
#content_vb ul a:active { color:#585858; text-decoration:none; }
#content_vb ul a:visited { color:#585858; text-decoration:none; }
#content_vb ul a:hover { color:#24AC49; text-decoration:none; padding:0 0 0 5px; }

#logo {
    width:600px;
    height:146px;
    margin:0px;
    padding:0px;
    position:relative;
    float:left;
    top:0px;
    left:0px;
}
#logoklant {
 margin:0px;
 padding:0px;
 position: relative;
 float:right;
 top:0px;
}
#login {
    width:100px;
    height:136px;
    background-color:#24C707;
    float:left;
    position:relative;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-top:10px;
	line-height: 15px;
    top:0px;
    left:0px;
}
#content {
    width:934px;
    min-height:400px;
    float:left;
    position:relative;
    margin:10px 25px 20px 25px;
}
#content_vb {
    width:934px;
    min-height:400px;
    float:left;
    position:relative;
    padding:10px 25px 20px 25px;
	background-image: url('vb_achtergrond.jpg');
	background-repeat: no-repeat;
	background-position: 150px 0px;
}
#tekst {
    width:600px;
    float:left;
    position:relative;
}
#overzichtprojecten {
    width:800px;
    float:left;
    position:relative;
}
#voorbeelden {
    width:948px;
    float:left;
    position:relative;
    top:0px;
    left:0px;
}
#anker {
    width:984px;
    background-color:#24AC49;
    float:left;
    position:relative;
    color:#fff;
    font-size:8pt;
    text-align:right;
    padding:0;
    margin:0;
}
#fig_page {
  margin: 0 0 20px 0;
  padding: 10px;
  text-align: center;
  width: 250px;
  border: solid 1px #ccc;
}
#fotocontainer {
  width: 272px;
  float:right;
  margin:50px 30px 0 0;
  padding:0px;
  position:relative;
}
#tekstcontainer {
  width: 272px;
  float:right;
  margin:0 20px 20px 0;
  padding: 10px;
  position:relative;
  border: solid 1px #ccc;
}
#fig_proj {
  margin: 0;
  padding: 0;
  float:right;
}
#fig_organisatie {
  margin:0 0px 20px 0;
  padding: 10px;
  position:relative;
  border: solid 1px #ccc;
  float:right;
}

#f8b       { font-family:arial, helvetica, sans-serif; font-size:8pt; font-weight:bold;}
#f10b      { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold;}
#f12b      { font-family:arial, helvetica, sans-serif; font-size:12pt; font-weight:bold;}
#f14b      { font-family:arial, helvetica, sans-serif; font-size:14pt; font-weight:bold;}
#f16b      { font-family:arial, helvetica, sans-serif; font-size:16pt; font-weight:bold;}
#f18b      { font-family:arial, helvetica, sans-serif; font-size:18pt; font-weight:bold;}
#f20b      { font-family:arial, helvetica, sans-serif; font-size:20pt; font-weight:bold;}
#f22b      { font-family:arial, helvetica, sans-serif; font-size:22pt; font-weight:bold;}

#f8       { font-family:arial, helvetica, sans-serif; font-size:8pt;  }
#f10      { font-family:arial, helvetica, sans-serif; font-size:10pt; }
#f12      { font-family:arial, helvetica, sans-serif; font-size:12pt; }
#f14      { font-family:arial, helvetica, sans-serif; font-size:14pt; }
#f16      { font-family:arial, helvetica, sans-serif; font-size:16pt; }
#f18      { font-family:arial, helvetica, sans-serif; font-size:18pt; }
#f20      { font-family:arial, helvetica, sans-serif; font-size:20pt; }
#f22      { font-family:arial, helvetica, sans-serif; font-size:22pt; }

a.hyperlink{color:#24C707; text-decoration:none;}
a.hyperlink:hover {color:#cc3300;}
.actief{color:#cc3300;}

.button {
 display:inline-block;
 line-height:22px;
 width: 120px;
 margin:10px 10px 0 0;
 padding:0 5px 0 5px;
 background-color:#fff;
 border:solid 1px #000;
 text-decoration:none;
 text-align:center;
 color:#000;
 font-weight:bold;
}
.button2 {
 display:inline-block;
 line-height:22px;
 margin:0;
 padding:0 5px 0 5px;
 background-color:#fff;
 border:solid 1px #000;
 text-decoration:none;
 text-align:center;
 color:#000;
 font-weight:bold;
}
.button:hover, .button2:hover {
 background-color:#ddd;
 color:#222;
}
P.caption {
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
p.login {
 font-family:arial;
 color:#fff;
 font-size:12px;
 font-weight:bold;
 margin:0;
 padding:0;
}
TABLE.tbl_voorbeelden {
  border-collapse: collapse;  
  border: solid black 1px;
  padding:0px;
  margin:0px;
}
TD.td_voorbeelden {
  border:solid black 1px;
  padding:5px;
  margin:0px;
}
TABLE.tbl_info {
  border:0;  
  padding:0px;
  margin:0px;
}
TD.td_info {
  border:0;
  padding:0px;
  margin:0px;
}
TD.td_ijkpunt {
  padding:10px;
  margin:10px;
  color:#fff;
  background-color:#666;
  font-weight:bold;
}
TH.th_presentatie {
  border:solid black 1px;
  padding:5px;
  margin:0px;
  color:#fff;
  background-color:#666;
  font-weight:bold;
}
TD.td_meting {
  border:solid black 1px;
  padding:5px;
  margin:0px;
  color:#fff;
  background-color:#999;
  font-weight:bold;
}
TD.td_presentatie {
  border:solid black 1px;
  padding:5px;
  margin:0px;
}
label {
  	float:left;
  	width:110px;
 	margin:0px 0 0 0;
  	text-align:left;
  	font-weight:bold;
	position:relative;
}
label.zoek{
  	float:left;
  	width:110px;
 	margin:0px 0 0 0;
  	text-align:left;
  	font-weight:normal;
	position:relative;
}
input[type=text], input[type=password]  {
	margin:0 0 10px 0;
	width:300px;
	height:20px;
	padding:0 0 0 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	border:1px solid #bbbbbb;
	position:relative;
	display:block;}
fieldset {
 	 padding: 20px;
 	 margin: 20px 0 0px 0;
	 position:relative;}

.mainbutton {
	cursor:pointer;
	padding:0 10px 0 10px;
	margin:0;
	color:#585858;
	height:24px;
	border:1px solid #a7a7a7;
	line-height:24px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	behavior: url(css/PIE.htc);
}		

.mainbutton:link, .mainbutton:visited, .mainbutton:active {
	color:#585858;
	text-decoration:none;} 

.mainbutton:hover {
	color:#585858;
	text-decoration:none;
	background:#e6e6e6;
} 
table.tbl_presentatie {
  border-collapse: collapse;  
  border: solid black 1px;
  padding:0px;
  margin:0px;
  width:100%;
}
td.td_meting {
  border:solid black 1px;
  padding:5px;
  margin:0px;
  color:#fff;
  background-color:#999;
  font-weight:bold;
}
.slechtste {
 top:-20px;
 position:relative;
 float:right;
}
.ballon {
  width:250px;
  height:250px;
  padding:0;
  margin:0;
  top:-10px;
  left:-10px;
  border:0;
  background-color:#fff;
}
.clear {clear:both;}
#bericht {
  color:#fff;
 }
.pager {
  margin:5px;
}
#pagercontainer {
  height:30px;
  line-height:30px;
}
.pageselect {
  cursor:pointer; 
}
.pageselect:hover {
  color:#c30;
}
#gauge, #gauge_sfeer {
  position:relative;
  float:right;
}
.noty_layout {
    background-color: #fff;
    padding: 20px !important;
    color: red;
    border: 1px solid #000;
}