/**************************************************/
/*      Copyright 2007: SF Sutcliffe,             */
/*      Sodaflux - Design & Development internet  */
/* 		Hortensialaan 40a					      */
/* 		Groningen, The Netherlands                */
/* 		www.sodaflux.nl	 | info@sodaflux.nl	      */
/* 		+31 (0)50-3140658  | +31 (0)6-40587993    */
/**************************************************/


body	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
    margin:0 auto;
    text-align:left; /* needed for IE5.x */
    min-height:100%; 
	padding: 0;
	background-color: #faf9f9;
	background-image: url('../images/background.jpg'); 
	background-repeat:no-repeat; 
	font-size: 75%;
}

a:link, a:visited{
	color: #37332F;
	text-decoration: none;
}

a:hover{
	color: #37332F;
	text-decoration: none;
}


h1{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	font-size: 13px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 0px;
	margin-left:12px;
	padding-top:3px;
	font-weight: bold;
	line-height: normal;
}


h2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 0px;
	margin-left:12px;
	padding-top:3px;
	font-weight: bold;
	line-height: normal;
}

h2 a:hover{
	color: #00cccc;
	text-decoration:underline;
	
}
h2 a:link {
	color: #009999;
	text-decoration: none;
}

h2 a:visited {
	color: #00cccc;
	text-decoration: none;
}

h6{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #999999;
	margin:0;
	padding:0;
}

h5{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #cc0000;
	margin:0;
	padding:0;
}

br
  {
    clear: left;
  }

/* Alid start */
img {
	border: 0;
}

/* Alid end */

.grey {
	color:#c4bebb;

}

/***********************************************/
/* Content colomns                             */
/***********************************************/

#colomnBoxLeft {
	position:relative;
	left:0;
	width: 224px;
	float: left;
	margin:0;
	padding:0;
	margin-top:6px !important;
	border:0px #000000 solid;
}

#colomnBoxRight {
	position:relative;
	background-image: url('../images/col2_bg.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	width: 442px;
	float: left;
	margin:0;
	margin-top:6px !important;
	border:0px #000000 solid;
}

#colomnBox3 {
	position:absolute;
	left:690px; //* position left margin offset from white background *//
	padding:0 0 0 0;
	width:218px;
/*	float:left; */
	margin-top:6px !important;
	margin-left:0;
	margin-right:0px;
	margin-bottom:0;
	border:0px #000000 solid;
}

.col1_top {
	background-image: url('../images/col1_bg_top.jpg');
	background-position: top left;
	background-repeat:no-repeat; 
	height:30px;

}


.top_news {
	background-image: url('../images/top_news.jpg');
	background-position: top left;
	background-repeat:no-repeat; 
	height:7px;
}

.middle_news {
	background-image: url('../images/middle_news.jpg');
	background-position: top left;
	background-repeat:repeat-y; 
	padding:0px 7px 0px 7px;

}

.bottom_news {
	background-image: url('../images/bottom_news.jpg');
	background-position: bottom left;
	background-repeat:no-repeat; 
	height:7px;
}

.top_submenu {
	background-image: url('../images/top_submenu.jpg');
	background-position: top left;
	background-repeat:no-repeat; 
	height:14px;
}

.bottom_submenu {
	background-image: url('../images/bottom_submenu.jpg');
	background-position: top left;
	background-repeat:no-repeat; 
	height:14px;
}

img {
	border: none;
}

#iconsBox {
	padding-left:12px;

}

#rssBox {
/*	padding:7px 5px 5px 5px; */
	font-size:10px;
/*	overflow:auto; */
	margin:0;	

}
.rss_news {
	background-image: url('../images/rss_news_bg.jpg');
	background-position: top left;
	background-repeat:no-repeat; 
	height:42px;
	overflow: hidden;
	line-height:12px;
	padding-left:10px;
	padding-top:5px;
	padding-right:15px;
	padding-bottom: 5px;
}

.rss_news h5 a {
	color: #666666;
	display: block;
}

/***********************************************/
/* all modules						           */
/***********************************************/

.module_tekstplaatjes {
/*	background-image: url('../images/col2_bg.jpg');
	background-position:left;
	background-repeat:repeat-y; */
	float: left;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}

.module_tekstplaatjes p {
	color:#666666;	
}

.module_tekstplaatjes h1 {
	color:#006699;	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:middle;
}

.module_download {
/*	background-image: url('../images/col2_bg.jpg');
	background-position:left;
	background-repeat:repeat-y; */
	float: left;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.module_download p {
	color:#666666;	
}

.module_download h1 {
	color:#006699;	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:middle;
}

.module_download .hr {
	background: url('/images/h_bar.gif') no-repeat center;
	/*height: 25px;*/
	height: 4px;
	clear: left;
	/*margin-top:40px;*/
	/*margin-top:5px;*/
	margin-bottom: 10px;
	width: 100%;
}

.module_download .floatRight {
	float:right;
	margin-top: -8px;
}

.module_download .floatLeft {
	float:left;
	margin-top:10px;
}

.module_download img {
/*
	width: 32px;
	height: 32px;
	*/
	margin-left:0px;
	border: 0;
}

.module_news {
	float: left;
	height:100%;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}


.module_news p {
	margin-top:2px; /* line breaks inside the paragraph */
	margin-left: 0px;
}

.module_news h2 {
	color:#666666;
	font-weight: none;
	font-family:arial; 
	text-align:left;
	padding-bottom:5px;
	margin-left:0px;
	padding-top:10px;
}

.module_news .right a, .module_news a.backlink {
	color:#5a4a44;
}

.module_news .right a:hover, .module_news a.backlink:hover {
	text-decoration:underline;
}


.module_news .imgRight {
	float: right;
	padding-left:6px;
	padding-bottom:2px;
}

.module_news .hr {
	background: url('../images/h_bar.gif') no-repeat center;
	height: 4px;
	clear: left;
	margin-top:40px;
	margin-bottom: 10px;
/*	
	height: 20px;
	width:100%;
  	border-top:1px solid #006699;
*/
}

.module_news .imgLeft {
	float: left;
	padding-right:6px;
	padding-bottom:6px;
}

.module_news .imgRight {
	float: right;
	padding-left:6px;
	padding-bottom:6px;
}

.module_news p  {
	margin-bottom:0;
	padding-bottom:13px;
  }

.module_news .row  {
	float:left;
	margin-bottom:7px;
	width:100%;
  	border-bottom:1px dotted #5a4a44;
  }

.module_news .rowpage  {
	margin-bottom:7px;
/*  	border-bottom:1px solid #006699; */
  }

.module_news .rowpage p {
	margin-bottom:17px;
  }

.module_news .left {
  float: left;
  text-align: left;
  font-weight: normal;
  vertical-align:bottom;
  }

.module_news .right {
  float: right;
  text-align: right;
  font-weight: normal;
  vertical-align:bottom;
  }

/***********************************************/
/* Gallery module					           */
/***********************************************/

/* Gallery boxes */

.beeldbox {
	float:left;
	width: 91px;
/*	background-color: #fff; */
	padding: 4px 4px 4px 4px; 	
}


#gallery_module {
	width:100%;
	margin-left:10px;
	padding:2px 2px 2px 2px;
	border:thick #000000;

}

#gallery_buttons {
	text-align:left;
	margin-left:40px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#gallery_module img {
	border: 2px solid black;
}

#gallery_buttons a {
	color:#006699;
	font-size:11px;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px dotted #fff;

}

#gallery_buttons a:hover {
	padding: 2px 2px 2px 2px;
	color:#999999;
/*	background-color:#efefef; */
	border-bottom: 1px dotted #666666;
}

#gallery_buttons a .current, #gallery_buttons a .current:link
{	
	padding: 2px 2px 2px 2px;
	cursor:auto;
	color:#006699;
/*	background-color:#efefef; */
	border-bottom: 1px dotted #666666;
}

/* Gallery boxes */


/***********************************************/
/* CMS             							   */
/***********************************************/


.icons {

	padding-left:1px;
	margin-left: 0;
	margin-right:0;

}

.mainicons {
	margin-top:7px;
	border-bottom: 1px dotted #918b60; 
}

/***********************************************/
/* Navigation and Navigation items             */
/***********************************************/

#navcontainermenu
{
	position:absolute; 
	left:197px;
	bottom:0;
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	font-weight:bold;
	width: 63% !important;
	border:0px #000 solid;
	margin-top:0px;
	padding:0;

}

#navlist ul {
	list-style-type: none;
	height:12px;
}


#navlist li * {

	color:#999999;
}

#navlist li
{	

	float: left;
	text-align:center;
	display: block;
	width:112.5px;
	border:0px #000000 solid;
}

#navlist li a, #navlist li a:link
{
	display: block;
	color: #5a4a44; /* brown */
	text-decoration: none;
	border-bottom: 0px solid #ffffff;
}

#navlist li a:hover
{
	display: block;
	color: #ab2d2d;
	border-bottom: 0px double #918b60;
	cursor: pointer;
}

#navlist li a.selected
{
	display: block;
	color: #a80e0e;
	border-bottom: 0px double #918b60;
	cursor: pointer;
}

/*	End main menu  */


/***********************************************/
/* Sub navigation	                           */
/***********************************************/

#subnavcontainer ul {
	margin:0;
	padding:0;
	padding-left:5px;
	width: 175px;
	list-style:none;
	letter-spacing:0.5px;
	line-height:18px;

}

#subnavcontainer li.selected {
	font-weight: bold;
	color:#ab2d2d;
	cursor: pointer;
/*	list-style-image:url('../images/menu_arrow_3.gif');
	list-style-position:outside;  */
	}

#subnavcontainer #navlist ul ul li.selected {
	font-weight: bold;
	color:#ab2d2d;
	cursor: pointer;
}

#subnavcontainer ul ul {
	width: 175px;
	padding-left:15px;
	padding-bottom: 2px;
	padding-top: 0px;

}

#subnavcontainer ul li.empty, #subnavcontainer ul li.show {
	margin-top: 0px;
	border-bottom: 0;
}

#subnavcontainer ul li.empty a, #subnavcontainer ul li.show a {
	margin-top: 0px;
	border-bottom: 0;
	text-decoration:none;
	font-weight:bold;

}

#subnavcontainer ul li.empty {
	display: none;
}
#subnavcontainer ul li {
	margin-top: 0px;
	margin-left: 0px;
	color: #25775e;
	border-bottom: 0px dotted #5a4a44;
	text-align:left;
}

#subnavcontainer ul ul li {
	font-size: 11px;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	list-style-image:url('../images/menu_arrow_3.gif');
	list-style-position:outside;  
}

#subnavcontainer ul li a
{
	color: #5a4a44; /* #ab2d2d */
	font-weight: bold;
	padding-left: 0px;

}

#subnavcontainer ul li a:hover {
	font-weight: bold;
	color: #ab2d2d;
	padding-left: 0px;
}

#subnavcontainer ul ul li a
{
	color: #5a4a44; /* brown! */
	font-weight: bold;
	padding-left: 0px;

}

#subnavcontainer ul ul li a:hover {
	font-weight: bold;
	color: #ab2d2d;
	padding-left: 0px;

}

#subnavcontainer ul ul li a:active {
	font-weight: bold;
	color: #ab2d2d;
	padding-left: 0px;

}




/* this is an already activated link
#subnavcontainer ul ul li a:link {
	font-weight: bold;
	color: #ab2d2d;
	padding-left: 0px;

} */

/*
#subnavlist li ul, #subnavlist li ul li {
	display: none;
}

#subnavlist li ul.show, #subnavlist li ul.show li {
	display: block;
}
*/
#subnavcontainer .tekst
{	
	color:#000000;

}


/***********************************************/
/* CMS                                         */
/***********************************************/

#subnavcms .selected, #subnavcontainer a:hover {
	font-weight: bold;
	color: #c9c9c9;
}

#subnavcms ul
{
	margin:0;
	padding: 0;
	padding-bottom: 5px;	
	width: 145px;
	list-style: none;

}
#subnavcms li.selected {
	font-weight: bold;
}
#subnavcms ul ul {
	width: 145px;
}
#subnavcms ul li {
	margin-top: 8px;
	margin-left: 12px;
	color: #25775e;
	border-bottom: 0px dotted #918b60;
}
#subnavcms ul li.empty {
	margin-top: 0px;
	border-bottom: 0;
}

#subnavcms ul li.empty a {
	margin-top: 0px;
	border-bottom: 0;
	text-decoration:none;
	font-weight:normal;
}

#subnavcms ul ul li {
	font-size: 11px;
	border: 0;
	margin-top: 0px;
}

#subnavcms ul li a
{
	color: #918b60;
	font-weight: bold;
}

#subnavcms .tekst
{	
	color:#000000;

}


/*	End CMS*/
/*	End CMS*/
/*	End CMS*/

/***********************************************/
/* Sitemap links	                           */
/***********************************************/
#rss {
	position: absolute;
	top:175px;
	left:202px;

}


#topNav {
	position:absolute;
	left:808px;
	top:76px !important;
	margin:0;
	padding:0;
	border:0;

	
}

#taal {
	position:absolute;
	left:20px;
	top:70px !important;
	margin:0;
	padding:0;
	border:0;

	
}

.taal_look_rss {
	position: relative;
	top:0px;
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	font-weight:bold;
	width: 63% !important;
}

.taal_look {
	position: relative;
	top:38px;
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	font-weight:bold;
	width: 63% !important;
}

#taal a {
	color:#666;

}

#taal a:hover {
	color:#ccc;

}

#taal a:link {
	color:#999;

}

div#taal a.selected
{
	color: #a80e0e;
}

#top {
	height:100%;

}


/* #topNav .topNavPos{
	float:left
	margin:0;
	padding:0;
}

#topNav .topNavPos a {
	color:#999999;
}

#topNav .topNavPos a:hover {
	text-decoration:underline;
}

#topNav .topNavPos a:visited {
	font-weight:bold;
} */
/*	End topNav  */



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#frame {
	width:926px;
    position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top:0;
	padding:0;
	background-image: url('../images/body_bg.jpg'); 
	background-repeat:repeat-y; 

}

#header{
	width: 926px;
	height:100%;  
    padding:auto;
	margin:auto;
	border:0px #000000 solid;
}

#topLogo {
	position:absolute;
	top:0;
	left:0;
	background-image: url('../images/logo_lines.jpg'); 
	background-repeat:no-repeat; 
	width: 926px;
	height: 127px; /* 96 */
	border:0px #000 solid;
}

#skyline {
	z-index:200 !important;		
	border:0px #000000 solid;
	height:170px;
	width:890px;
}


/*  Layout Hierarchy */

/* Level 1*/


#container {
	position: absolute; 
	background:#fff;
	width: 100%;
	min-height:500px;
	margin:0;
	padding: 0;
	border:0px #000 solid;

}

/* Level 2*/
#level_1 {	
	padding-left: 18px; //** position left margin from background in white *//
	margin:0;
	border:0px #000 solid;
}


 /* *** Float containers fix: */ 
/*.clearfix:after {
 content: "."; 
 display: block; 
	height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
/*
* html .clearfix{height: 1%;}
.clearfix{display: block;} */
/* End hide from IE-mac */ 


/***********************************************/
/* Footer	                                   */
/***********************************************/

#footerContainer  {

	margin:0;
	padding:0;
	width:100%;
	border:0px #000 solid;
	height:auto;
}


/***********************************************/
/* Back to the top                             */
/***********************************************/


.footerLink {
	position: absolute;
	top:760px;
	left:697px;
}