@charset "UTF-8";

html,
body {
	margin:0;
	padding:0;
	height:100%; 
	background:#fff; 
    color: #333;
    font-size: 13px;
    font-family: Arial;
    font-family: Arial, Verdana, Univers;
	
}
html>body #wrap {height:100%;} 
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}

html>body #content-wrap {
	/*height:100%; */
	padding:135px 20px 0px 20px;
	} 
html>body #content {
	padding:6em 1em; /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
	} 
#footer {
	width:100%;
	height: 30px;
	line-height: 30px;
}
html>body #footer {
	position:fixed;
	bottom:0;
	padding-left:20px;
	z-index:10; /* Prevent certain problems with form controls */
	border-top: 2px solid  rgb(75,114,164);
	color: #333333;
	background: #dbe1ed;
	background-image: linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
	background-image: -o-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
	background-image: -moz-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
	background-image: -webkit-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
	background-image: -ms-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(200,216,235)),
	color-stop(1, rgb(75,114,164)));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFC8D8EB,EndColorStr=#FF4B72A4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFC8D8EB,EndColorStr=#FF4B72A4)"
}


h1 {
	color: #25476C;
	font-size: 22px;
	font-weight: bold;
	margin: 3px 0px 20px 0px;
}
h2 {
	color: #214265;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
h3 {
	color: #244669;
	margin-top: 12px;
	margin: 0px 0px 15px 0px;
}
p {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 0px;
}
a          {
	color: #36C;
}
a:visited  { color: black; }
a:hover    { color: #5872f4; }

#header {
  z-index:10; /* Prevent certain problems with form controls */
  position:absolute; 
  top:0; 
  left:0;
  width:100%; 
  height: 125px;	
/* overflow: auto; */
/* rgb(75,114,164) = #FF4B72A4 */ 
/*
  blauwe achtergrond:
  border-bottom:2px solid  rgb(75,114,164);
  background:#dbe1ed;
  background-image: linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
  background-image: -o-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
  background-image: -moz-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
  background-image: -webkit-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
  background-image: -ms-linear-gradient(left , rgb(200,216,235) 0%, rgb(75,114,164) 100%);
  background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(200,216,235)),
	color-stop(1, rgb(75,114,164))
);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFC8D8EB,EndColorStr=#FF4B72A4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFC8D8EB,EndColorStr=#FF4B72A4)"
	*/
	border-bottom:2px solid  #008a53;
	background: #f1fff5;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMiUiIHN0b3AtY29sb3I9IiNmMWZmZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiMwMDhhNTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #f1fff5 12%, #008a53 67%);
background: -webkit-gradient(linear, left top, right top, color-stop(12%,#f1fff5), color-stop(67%,#008a53));
background: -webkit-linear-gradient(left,  #f1fff5 12%,#008a53 67%);
background: -o-linear-gradient(left,  #f1fff5 12%,#008a53 67%);
background: -ms-linear-gradient(left,  #f1fff5 12%,#008a53 67%);
background: linear-gradient(to right,  #f1fff5 12%,#008a53 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1fff5', endColorstr='#008a53',GradientType=1 );




  }
* html #header {height:120px;}



/* BANNER AREA */
.logo {
	color: #25476C;
	font-size: 32px;
	font-weight: bold;
	margin: 20px 0px 0px 15px;
	letter-spacing: 3px;
	vertical-align: bottom;
	text-shadow: 0.05em 0.05em 0.1em white;
	white-space: nowrap;
    overflow: hidden;
	position: absolute;
	z-index: 10;
}


/* For English link
.bannernav {
	padding-top: 20px;
	float: right;
	color: #112c4c;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	z-index: 2;
	padding-right: 10px;
}

.bannernav a { color: #ffffff; text-decoration: none; }
.bannernav a:visited { color: #ffffff; }
.bannernav a:hover { color: #112c4c; text-decoration: none; }
*/

.toplogo {
	padding-left: 20px;
	padding-top: 5px;
}

ul.square {
	padding-left: 45px;
	list-style-type:square;
	/*color: #214265;*/
	}


ul {
    margin: 0;
    padding: 0;
}

ul.menu {
	height: 30px;
	border-left: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
}

ul.menu li {
	list-style: none;
	float: left;
	height: 29px;
	text-align: center;
	margin-right: 4px;
	background: #666;
	/* http://projects.korrelboom.com/gradient-generator/ */
		
		
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDAsNTEsMTAyLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoODUsMTcwLDIzOCwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);
	

	
	background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
	
	background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
	
	background: -o-linear-gradient(top, rgb(31,169,244), rgba(0,28,78, 1));	
	
	background: linear-gradient(top, rgb(31,169,244), rgba(0,28,78, 1));
   
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF1FA9F4,EndColorStr=#FF001C4E);
   
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF1FA9F4,EndColorStr=#FF001C4E)"
	
	
	
	color: #999;
    }

ul.menu li a {
	display: block;
	padding: 0 20px;
	
	text-align: center;
	line-height: 29px;
	/*
	grijze achtergrond:
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background: #666;
	background-image: -o-linear-gradient(top, rgb(168,168,168), rgba(69,69,69,1));
	
	background-image: -moz-linear-gradient(top, rgb(168,168,168), rgba(69,69,69,1));
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(168,168,168)), color-stop(1, rgba(69,69,69,1)));
	
	background-image: linear-gradient(top, rgb(168,168,168), rgba(69,69,69,1));
	background-image: -ms-linear-gradient(top,#A8A8A8,#454545)    

    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA8A8A8,EndColorStr=#FF454545);

    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA8A8A8,EndColorStr=#FF454545)"
	*/
	border:1px solid black;
	background: #008a53;
	
    -webkit-transition-property: background;
	-webkit-transition-duration: 700ms;
	-moz-transition-property: background;
	-moz-transition-duration: 700ms;
	-o-transition-property: background;
	-o-transition-duration: 700ms;
	-ms-transition-property: background;
	-ms-transition-duration: 700ms;
    }

ul.menu li a:link {
    color: white;

}
ul.menu li a:visited {
    color: white;
}

ul.menu li a:hover {
    background: transparent none; 	
}

ul.menu li.active a{
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);

    /* Opera 11.10+ */
	background: -o-linear-gradient(top, rgb(31,169,244), rgba(0,28,78, 1));	
	/* Newer Browsers */
	background: linear-gradient(top, rgb(31,169,244), rgba(0,28,78, 1));
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF1FA9F4,EndColorStr=#FF001C4E);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=##FF1FA9F4,EndColorStr=#FF001C4E)"
	color: #FFF;
}

/* Google Map */
iframe {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
  box-shadow: 4px 4px 14px #000;
} 


/* Tooltip: http://sixrevisions.com/css/css-only-tooltips/ */
.tooltip {
			border-bottom: 1px dotted #000000; 
			color: #000000; 
			outline: none;
			cursor: help; 
			text-decoration: none;
			position: relative;
}
.tooltip span {
			margin-left: -999em;
			position: absolute;
}
.tooltip:hover span {
			border-radius: 5px 5px; 
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);            
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; 
			left: 1em; 
			top: 2em; 
			z-index: 99;
			margin-left: 0; 
			width: 450px;
}
.tooltip:hover img {
			border: 0; 
			margin: -10px 0 0 -55px;
			float: left; 
			position: absolute;
}
.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; 
			font-size: 1.2em; 
			font-weight: bold;
			display: block; 
			padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }