/*
 *  MetroStation CSS Styles
 *
 *  2006-10-18 JD:CS
 *
 *  (c)2006 Metrostation
 */
 


* {margin: 0; padding: 0; }
h4,h5,h6,dl,ol,ul,blockquote,pre,p { margin: 0.8em 0; }
ul, ol { margin-left: 2em; }
dt,dd,li { margin: 0.4em 0; }
fieldset, a img { border: none; }

.menu, .menu ul { list-style: none;  margin-left: 0;}
.menu li { margin: 0; }
.menu a { text-decoration: none; }

body {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: url(../images/bkg-gradient.jpg) repeat-x #22618b;
}
h1 { margin: 0.6em 0; height: 150%; color: #ffffff;}
h2 { margin: 0.6em 0; height: 135%; color: #ffffff;}
td {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.contenttitle { margin: 0.6em 0; font-size: 30px; font-weight:bold; height: 135%; color: #ffffff;}
a { color:#ffffff;}
a:hover img { 
  opacity: 0.7;
}

h3 {margin: 0.6em 0;   } 

#page {
  position: relative;
  width: 729px;
  margin: 0 auto;
}

#wrap {
  padding-top: 27px;
}

#banner {
  height: 245px;
	margin-bottom: 15px;
	background: url(../images/banner.jpg) no-repeat;
}

#banner p {
  text-indent: 0px;
}

#main {
	overflow: hidden;
	background: url(../images/bkg-columnsplit.gif) repeat-y 520px 0;
	margin: 15px 0;
}

#content {
  float: left;
	width: 460px;
	padding: 0 22px;
}

#content img.intro {
  float: left;
	margin: 0 1em 1em 0;
}

#sidebar {
  float: right;
	width: 166px;
	padding: 0 13px 0 26px;
}

#nav {
  margin: 1.8em 0 3em 0;
  padding-top: 34px;
	background: url(../images/hdg-menu.gif) no-repeat;
}

#nav li {
  margin: 0.5em 0;
}

#nav a {
  text-transform: uppercase;
	color: white;
	text-decoration: none;
	padding-bottom: 4px;
}

#nav a:hover {
  padding-bottom: 2px;
	border-bottom: 2px solid white;
}

#navtop
{
	margin: 1.8em 0 3em 0;
	padding-top: 0px;
	padding-left: 28px;
	list-style-type: none;
}

#navtop li {
  margin-bottom:17px;
}

#navtop a {
	color: white;
	text-decoration: none;
	padding-bottom: 4px;
}

#navtop a:hover {
  padding-bottom: 2px;
	border-bottom: 2px solid white;
}

#footer {
  clear: both;
	color: #a0bdcf;
	margin-top: 15px;
	padding: 6px 13px 6px 26px;
	background: url(../images/bkg-footersplit.gif) repeat-x;
}

#footer .smallprint {
  text-align: right;
	font-size: 84%;
}

#sitemenu {
  position: absolute;
	top: 5px;
	right: 27px;
	margin: 0;
}

#sitemenu li {
  display: inline;
	margin: 0;
}

#sitemenu a {
  padding: 0 8px;
}

#sitemap {
}

#sitemap li {
  margin: 0.5em 0;
}

#sitemap a {
  text-transform: uppercase;
	color: white;
	text-decoration: none;
	padding-bottom: 4px;
}

#sitemap a:hover {
  padding-bottom: 2px;
	border-bottom: 2px solid white;
}
#sidebar-content {
  margin: 3em 0;
}

#sidebar-content h3.nieuwe-websites {
  margin-bottom: 1em;
  text-indent: -4000px;
	height: 34px;
	background: url(../images/hdg-nieuwe_websites.gif) no-repeat;
}

#sidebar form#nieuwsbrief {
  margin: 3em 0 1.5em 0;
	padding-top: 40px;
	background: url(../images/hdg-nieuwsbrief.gif) no-repeat;
	line-height: 2;
  text-align: right
}

form#nieuwsbrief input.text {
  width: 98%;
	border: 1px solid #666666;
	padding: 2px;
	color: #666;
	font: 90% "Courier New", Courier, monospace;
}

form#nieuwsbrief input.text:focus {
  background: #a0bdcf;
}

form#nieuwsbrief input.btn {
  border: 1px solid #a0b0b1;
	color: #93b6cb;
	background: #31779f;
	font-size: 76%;
	padding: 2px 6px;
	margin-top: 8px;
}

form#nieuwsbrief input.btn:hover, form#nieuwsbrief input.btn:focus {
  color: #31779f;
	background: #93b6cb;
}


.formedit {
		font-family: "Lucida Sans Unicode", Verdana, Tahoma, sans-serif, Arial, Trebuchet, Helvetica, Geneva;
	line-height: 140%;
	color: black;
	font-size: 11px; 
	color: black;
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1;
}

.formeditradio {
	line-height: 140%;
	color: black;
	font-size: 11px; 
	color: black;
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1;
}

.searchformedit {
	line-height: 140%;
	color: black;
	font-size: 11px; 
	color: black;
	background-color: white; 
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1;
	width: 140px
}

a.intext {
		font-family: "Lucida Sans Unicode", Verdana, Tahoma, sans-serif, Arial, Trebuchet, Helvetica, Geneva;
	line-height: 140%;
	color : #0D3055;
	font-size: 11px; 
}

a.intextbold {
		font-family: "Lucida Sans Unicode", Verdana, Tahoma, sans-serif, Arial, Trebuchet, Helvetica, Geneva;
	line-height: 140%;
	color : #0D3055;
	font-size: 11px; 
	font-weight:bold;
}