body {
	background	: #ffffff url(../images/design/bodybackground.jpg) repeat-x;
	height		: 100%;
	width		: 100%;
	margin		: 0px;
	padding		: 0px;
	font-family	         : tahoma, arial,helvetica,verdana;
	font-size	           : 11px;
	color		    : #000000;
}
/*- - - - - - - - -  MAIN ITEMS - - - - - - - */
a {
	text-decoration  : none;
	color		    : #015138;
	}
a:visited {
	color:#015138;
}
a:hover {
	text-decoration  : underline;
	}
a img {
	border		  : none;
	}
	
p{ margin: 0 0 10px; }
hr {
	width		    : 100%;
	background	       : #015138;
	color		    : #015138;
	border		  : 0px;
	height		   : 2px;
	}
.clearer { clear:both; }
.lightblue { color: #051D43; }
.darkblue { color: #0b5a8e; }
.strong { font-weight:bold;}
input {
	height		   : 12px;
	border		  : 1px solid black;
	font-size	           : 11px;
	}
.button {
	height		   : 16px;
	margin-left	        : 2px;
	color		    : #fff;
	background	       : #015138;
	border		  : 1px solid black;
	}
/*- - - - - - - - -  MAIN ITEMS - - - - - - - */
#Container {
	background	       : #ffffff;
	width		    : 1000px;
	border: 1px solid #fff;
	border-width: 0 1px;
	position	: relative;
	margin: 0 auto;
	}
/*- - - - - - - - -  MAIN DIVS - - - - - - - */
#topheader {
	width		    : 1000px;
	height		   : 25px;
	}
#header {
	background	       :   #051d43; 
	width		    : 1000px;
	height		   : 123px;
	position: relative;
	overflow: hidden;
	}
	
	.window{ 
		width: 322px;
		height: 123px;
		overflow: hidden;
			float: left; 
			position: relative;
		background-color: #fff;
	}
	
.window img{

}
	.glass{
		background:  url(../images/design/bg-window.png) no-repeat 0 0;
		width: 322px;
		height: 123px;
		position: absolute;
		top: 0; left: 0; 
	}
#main {
	background	    :   url(../images/design/bg-main.png) repeat-y 0 0;
	width		    : 1000px;
	height		   : 100%;
	border-top: 1px solid #fff;
	}
#footer {
	background	       : #051D43;
	width		    : 1000px;
	height		   : 20px;
	font-size : 10px;
	color		    : #ffffff;
	padding: 5px 0 0; 
	clear: both;
	border-bottom    : 1px solid white;
	}
	
#bottomfooter {
	background	       : none;
	height		   : 16px;
	width		    : 1000px;
	position	: relative;
	margin: 0 auto;
	}
	
	#main:after
{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden; }

	
/*- - - - - - - - -  TOPHEADER - - - - - - - */
#topheader .left {
	width		    : 140px; 
	height		   : 25px;
	background	       : #abcbdc;
	}
#topheader .menu { 
	height		   : 20px;
	text-align	        : left;
	padding: 5px 20px 0 0;
	color		    : #015138;
	letter-spacing    : 1.5px;
	float: right; 
	}
	
/*- - - - - - - - -  HEADER - - - - - - - */
#header .image {

	}
#header .logo {
	background: url(../images/design/bg-logo.png) no-repeat 0 0;
	width: 460px;
	height: 123px; 
	float: left; 
	}
	#header .menu { float: right;color: #fff; padding: 10px 20px 0 0; }
	#header .menu a { color: #fff; }
/*- - - - - - - - -  MAIN - - - - - - - */
#menu {
	width		    : 149px;
	float: left;
	margin: 20px 0 0; 
	padding: 0 0 30px 0;
	background-color: #007051;
	border-top: 1px solid #fff;
	}
#content {
	background: #ffffff;
	width: 656px;
	padding: 15px;
	line-height: 16px;
	float: left;
	}
#right {
width:164px;
float: left;
	background-color: #007051;
padding: 20px 0 0; 
	}
/*- - - - - - - - -  MENU - - - - - - - */
#Container .top {
	width		    : 149px;
	height		   : 16px;
	margin-right	      : -10px;
	border-bottom	   : 1px solid white;
	}
#Container #menu ul { list-style-type: none; }
#Container #menu ul {
padding: 0; 
	margin		  : 0;
	line-height	         : 15px;
	padding		: 0;
	}
#Container #menu li li { margin: 0px 0px 0 0px;	}
#Container #menu ul a {
	color		    : #fff;
	font-weight	        : bold;
	display		 : block;
	width		    : 144px;
	height		   : 20px;

	padding: 5px 0 0 5px;
	 background-color: #051d43; 
	}
	#Container #menu ul li{ 	border-bottom    : 1px solid white; }
		#Container #menu ul ul li{ 	border-bottom    : none;}
#Container #menu a:hover { text-decoration: none; }
#Container #menu li li a {	border-bottom: 1px solid #447666;  padding: 5px 0 0 10px; 	width: 139px; background-color: #007051; font-weight: normal; }
#Container #menu ul a:hover,
#Container #menu ul a .selected { ; }
#Container #menu li li a { 	}
#Container #menu li li li a {  background-color: #b1bbc9;}
#Container #menu li li ul { display:none; }
#Container #menu li li a:hover,
#Container #menu li li a.selected { background:  #b1bbc9 url(../images/design/menuactive.gif) no-repeat 90% 7px; }
#Container #menu li li a.children { background: url(../images/design/children.png) no-repeat 90% 8px; }
#Container #menu li li li a:hover{ background-color: #b1bbc9; }
#Container #menu ul.opened { display: block; }
/*- - - - - - - - -  CONTENT - - - - - - - */

#content  #breadcrumb a {
	color		    : #015138;
	}
#content h1 {
	width		    : 100%;
	font-size	           : 12px;
	color		    : #051D43;
	margin:0px;
	}
#content t p {
	margin		  : 10px 0;
	}
#content . .author {
	color		    : #7f7f7f;
	display		 : block;
	width		    : 49%;
	float		     : left;
	}
#content  .author a {
	color		    : #7f7f7f;
	font-weight	        : bold;
	}
#content .date {
	color		    : #85acc6;
	font-weight	        : bold;
	display		 : block;
	width		    : 50%;
	text-align	          : left;
	}
#content  .readmore a {
	display		 : block;
	width		    : 100%;
	text-align	          : right;
	font-weight	        : bold;
	color		    : #44a7e8;
	}
#content  .navigate a {
	display		 : block;
	width		    : 100%;
	text-align	          : right;
	font-weight	        : normal;
	margin		  : 10px 0;
	color		    : #7f7f7f;
	}
/*- - - - - - - - -  MEMBERDETAIL- - - - - - - */
#content  .memberdetail .title {
	font-weight	        : bold;
	}

#content .memberdetail td {
	padding		       : 2px;
	}
/*- - - - - - - - -  MEMBERLIST- - - - - - - */
#content #Memberlist li {
	list-style	           : square outside url(../images/design/square.png);
	margin-bottom   : 5px;
	}
#content #Memberlist form {
	text-align	          : right;
	padding		: 10px;
	}
/*- - - - - - - - -  RIGHT - - - - - - - */
#main #right .event {
	width		    : 164px;
	border-bottom    : 1px solid white;
	color		    : #fff;
	padding: 20px 0 0;
	border-top: 1px solid #fff;
	}
#main #right .event .head {
	border-top: 1px solid #fff;
	background-color: #051D43;
	font-weight	        : bold;
	height:20px;
padding:5px 0 0 5px;
	}
#main #right .event .head .date {
	font-size	           : 10px;
	font-weight	        : normal;
	text-align	          : right;
	position	: absolute;
	right		     : 2px;
	color		    : #8cc6ed;
	}
#main #right .event .text .inhoud {
	padding		: 10px;
	display		 : block;
	}
#main #right .event .text a {
	color		    : #FFFFFF;
	}
#main #right .event .text .readmore a {
	display		 : block;
	color		    : #8cd1ff;
	width		    : 170px;
	text-align	          : right;
	font-weight	        : bold;
	}
#main #right .space {
	display		 : block;
	height		   : 15px;
	border-bottom    : 1px solid white;
	}
/*- - - - - - - - -  RIGHTMEMBERS- - - - - - - */
#rightmembers {
	color		    : #fff;
	}
#rightmembers h2 {
	font-size:12px;
	width:154px;
	height: 20px; 
	margin: 0;
	padding:5px 0 0 10px;
	background:#015138;
	}
#rightmembers ul {
	list-style-type    : none;
	padding: 0;
	margin: 0; 
border-bottom:1px solid white;
	}
#rightmembers ul ul {
border-bottom:none;
}
#rightmembers ul li a {
	padding-left       : 10px;
	display		 : block;
	line-height	         : 150%;
	height: 20px;
	padding: 5px 0 0 20px;
	color		    : #fff;
	border-bottom: 1px solid #447666;
	font-weight	        : bold;
	overflow: hidden;
	min-height: 20px;
	height: auto!important;
	height:20px;
	}
#rightmembers ul li a:hover {
	background-color	       : #B1BBC9;
	text-decoration  : none;
	}
#rightmembers ul ul li a {
	background	       : none;
	border-bottom    : none;
	font-weight	        : normal;
	}
#rightmembers ul ul li a:hover {
	background	       : #B1BBC9;
	}
#rightmembers ul ul {
	width		    : 160px
	}
#rightmembers ul ul li {
          
        }
/*- - - - - - - - -  SHADOWS - - - - - - - */
.shadowleft {
	width		    : 20px;
	height		   : 135px;
	background	       : url(../images/design/leftshadow.jpg);
	position	: absolute;
	left		       : -21px;
	top: 0;
	}
.shadowright {
	width		    : 20px;
	height		   : 135px;
	background	       : url(../images/design/rightshadow.jpg);
	position	: absolute;
	right		     : -21px;
	top: 0;
	}
/*- - - - - - - - -  FOOTER - - - - - - - */
#footer span {
	display		 : block;
	text-align: right;
	padding: 0 20px 0 0;
	}
#footer img {
	display		 : block;
	height		   : 16px;
	float		     : right;
	}
#footer a,
#footer a:hover {
	color		    : #f5f5f5;
	text-decoration	  : underline;
	}
#footer a:hover {
	text-decoration	  : none;
	}
/*- - - - - - - - -  BOTTOMFOOTER - - - - - - - */
#bottomfooter .left {
	width		    : 140px; 
	height		   : 16px;
	background	       : #abcbdc;
	float		     : left;
	border		  : 1px solid white;
	border-top	         : 0px;
	text-align	          : right;
	}
#bottomfooter .left img { 
	position	: relative;
	right		     : 5px;
	}
