* { margin: 0;}
html, body { height: 100%; }

body {
	background: url(/img/bg/body.png) repeat-x top #92abfd;
	font: 11px Arial, Helvetica, sans-serif;
	}

h1 { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px; background: url(/img/bg/h2.gif) no-repeat; height: 21px; padding: 7px; }
a { color: #015353; text-decoration: none; }
a:hover { text-decoration: underline; }
input { font: 11px Arial, Helvetica, sans-serif; }
p { margin-bottom: 20px; }
img { border: 0; }

#container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	}

#header {
	width: 1000px;
	height: 150px;
	background: url(/img/bg/header.gif);
	}

#login {
	width: 960px;
	margin: 20px;
	color: #fff;
	overflow: hidden;
	}
	#login a { color: #fff; font-weight: bold; }
	#login p { float: left; margin: 2px 10px 0 0; }
	#login form { float: left; }
	#login input { border: 0; padding: 0; float: left; color: #fff; }
	#login .veld { 
	width: 94px; 
	height: 14px; 
	padding: 2px 6px; 
	background: url(/img/bg/login-field.gif); 
	margin-right: 10px; 
	}
	#login .btn { 
	width: 18px;
	height: 18px; 
	background: url(/img/bg/login-btn.gif); 
	cursor: pointer; 
	}
	
#content {
	width: 1000px;
	padding: 10px 0;
	background: url(/img/bg/content-top.gif) no-repeat;
	line-height: 20px;
	}

#contentleft {
	width: 790px;
	background: url(/img/bg/contentleft-bottom.gif) no-repeat bottom #fff;
	float: left;
	padding-left: 10px;
	}

#left {
	width: 190px;
	float: left;
	padding-bottom: 10px;
	}
/*Menu*/
.menu01 { background: url(/img/bg/menu-01.gif); }
.menu02 { background: url(/img/bg/menu-02.gif); }
.menu03 { background: url(/img/bg/menu-03.gif); }
.menu04 { background: url(/img/bg/menu-04.gif); }
.menu05 { background: url(/img/bg/menu-05.gif); }
.menu06 { background: url(/img/bg/menu-06.gif); }
.menu07 { background: url(/img/bg/menu-07.gif); }

.submenu_top {
font-size: 1px;
background: url(/img/bg/menu_top.gif); 
}
.submenu_bottom {
font-size: 1px;
background: url(/img/bg/menu_bottom.gif); 
}
.submenu_background {
font-size: 12px;
background: url(/img/bg/menu_bg.gif);
}

/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;}
* html #menu ul li a{height:1%;}
/* End */

#menu		    
	{	
	line-height:normal;
	position:relative;	
	z-index: 10;
	width: 190px;						          
  font-size: 16px;	
	font-weight: bold;
	white-space:nowrap;
	}

#menu a
	{
	display:block;						
	white-space:nowrap;
	color: #fff;
  border-width: 0px;
  cursor:pointer;
	padding: 7px 10px;
	}
#menu a:hover
  {
	  text-decoration: none;
	}
#menu li ul li a
  {
	padding: 0px 10px;
	}
#menu li ul li a:hover
  {
	  text-decoration: underline;
	}
#menu li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menu ul li
	{
	position:relative;
	height:35px;
	margin-bottom: 6px;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 100%;
  width: 100%;
	}
#menu li ul li
  {	
	overflow:hidden;
	display:block;
	height:14px;
	position:relative;
	margin-bottom: 0px;	
	width:175px;
	}
div#menu ul, #menu ul ul, div#menu ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 190px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}
/*End Menu*/

#maincontent {
	width: 580px;
	padding: 0 10px;
	float: left;
	}

#nieuws {
	width: 220px;
	height: 260px;
	padding: 10px;
	position: absolute;
	color: #fff;
	}
	#nieuws img { margin-top: 7px; }
	#nieuws p { margin-bottom: 10px; }

#scrolllist { 
position: absolute; 
top:0px; 
left: 0px; 
padding: 0px; 
margin: 0px;
}
#scrolllistholder{
display: block; 
position:relative;
height: 250px;
width: 220px;
overflow: hidden;
z-index:5;
}
div.newsitem {
	width: 220px;
	height: 250px;
	margin-left:0px;
	margin-right:20px;
	
	font:12px Arial;

	text-align: justify;
	display: inline; 
	overflow: hidden;
	float:left;
}
#rightcontent {
	width: 190px;
	padding: 0 10px 0 0;
	background: #fff;
	float: left;
	}

#bottomright { 
background: url(/img/bg/contentright-bottom.png); 
width: 200px; 
height: 20px; 
float: left;
}

#logosright { 
width: 200px; 
height: 120px;
float: left;
}
#logosright img{
margin:5px;
}
#nieuwsbrief p { margin: 0; }
#nieuwsbrief input { float: left; border: 0; padding: 0; color: #fff; }
#nieuwsbrief strong {font-size: 16px;}
#nieuwsbrief .veld { 
width: 138px; 
height: 23px; 
background: url(/img/bg/nb-field.gif) no-repeat #c7d4ff; 
padding: 6px; 
font-size: 14px; 
font-weight: bold;
color: #7D9BFF;
}
#nieuwsbrief .btn { 
width: 40px; 
height: 35px; 
background: url(/img/bg/nb-btn.gif); 
cursor: pointer; 
}
#nieuwsbrief .message{
float: left;
width: 150px; 
height: 23px;   
}
#footer {
	width: 780px;
	height: 40px;
	margin: 0 auto;
	padding: 20px 210px 0 10px;
	background: url(/img/bg/footer.gif) no-repeat bottom left;
	color: #fff;
	clear: both;
	}
	#footer p { margin-bottom: 5px; }
	#footer a { color: #d9e2ff; }
	#footer a:hover { color: #fff; }

.leesmeer { padding-left: 30px; font-weight: bold; float: right; }
.leesmeer li a { color: #fff; }

.artikel { margin-bottom: 10px; overflow: hidden; clear: both; }
.artikel img { float: left; margin-right: 10px; }
.artikel p { margin-bottom: 10px; }
ul.leesartikel { padding-left: 30px; color: #000; font-weight: bold; float: right; }

.reactie { width:525px; margin-left: 10px; margin-bottom: 10px; clear: both; }
.reactie img { float: left; margin-right: 10px; }
.reactie p { margin-bottom: 10px;}

input.button {
width: 96px;
height: 22px;
border-style: solid;
border-color: black;
border-width: 1px;
color: white;
background: #668AFF;
}
input.text {
border-style: solid;
border-color: #95AEFF;
border-width: 1px;
width:198px;
}
input.text2 {
border-style: solid;
border-color: #95AEFF;
border-width: 1px;
height:20px;
width:94px;
}
textarea{
border-style: solid;
border-color: #95AEFF;
border-width: 1px;
}
.reactiebalk {padding-top: 5px; padding-left:3px; padding-right:3px; background: url(/img/bg/artikel-reactionbar1.gif) no-repeat #ffffff; width:519px; height:20px;}

.pagina { margin-bottom: 10px; overflow: hidden; clear: both; }
.pagina p { margin-bottom: 10px; }

.sitemap { margin-bottom: 10px; overflow: hidden; clear: both; }
.sitemap p { margin-bottom: 10px; }

#search .veld { 
width: 138px; 
height: 23px; 
background: url(/img/bg/nb-field.gif) no-repeat #c7d4ff; 
padding: 6px; 
font-size: 18px; 
color: #7D9BFF;
}
#search .btn { 
width: 40px; 
height: 35px; 
background: url(/img/bg/nb-btn.gif); 
cursor: pointer; 
}
#search input { float: left; border: 0; padding: 0; color: #fff; }

.push { height: 60px; }
.fr { float: right; cursor:pointer; }
.ml10 { margin-left: 10px; }
.mb9 { margin-bottom: 9px; }