/***********************************************/
/* ZebraSite | Content Management Systeem      */
/* ZebraSite CSS bestand                       */
/* Bezoek http://www.zebrasite.nl              */
/*                             				   */
/* Template: Huisje40bergen
/* Created by: David
/* Alle rechten voorbehouden 2004 - 2009       */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

			html, body {				
			background: #fff url("images/bg.jpg"); 
			font-family: 'Ubuntu', sans-serif;
			font-size: 13px;
			color: #353535;
			margin: 0px;
			text-align: center; /* Werkt alleen voor IE, Centereren van de Wrapper */
			}
		
	   	a {
	   	color: #9c314d;
	    text-decoration: none;
	    font-weight: bold;
	    }
	    
			a:hover 	{ color: #9c314d; text-decoration:underline; }
			
			#menu a	{ 
			color: #ffffff; 
			font-size: 13px; 
			font-family: 'Ubuntu', sans-serif;
			}
			
	    #menu a:hover 	{ color: #ffffff; }
			#menu a:active 	{ color: #ffffff; }
			#ZebraSite a 			{	font: 10px Arial; color: #8d8c8c;text-decoration: none;	}
			#ZebraSite a:hover{	text-decoration:underline;	}
			
			img 			{ border: 0px; }
			.Eboxed		{	border: 0px;}
			
			h1 {
			color: #6b6b6b;
			font-size: 22px;
			font-family: 'Ubuntu', sans-serif;
			}
			
			h2 {
			color: #6b6b6b;
			font-size: 16px;
			font-family: 'Ubuntu', sans-serif;
			}		
		
			/* Layout */
			#wrapper {
			width: 800px; 
			margin: 0 auto; /* Werkt alleen voor FireFox, Centereren van de Wrapper */
			text-align: left;
			border: #000000 solid 1px;
			}
			
			#header {
			margin: 0px;
			background: #d5d2c1 url("images/top.jpg") no-repeat;
			width: 800px;
			height: 259px;
			position: relative;
			
			}
			
			#title {
			position: absolute;
			top: 28px;
			left: 250px;
			float:left;
			height: auto;
			width: auto;
			}
			
			#slogan {
			position: absolute;
			top: 50px;
			left: 250px;
			float:left;
			height: auto;
			width: auto;
			}
			
			#menu ul {
			position: absolute;
			top: 180px;
			left: 95px;
			float:left;
			height: auto;
			width: auto;
			}
			
			#menu ul li {
			display: inline;
			}
			
			#menu-item-left{
			background: url("images/menu-item-left.png") no-repeat;
			height: 32px;
			width: 16px;
			float: left;
			}
			#menu-item-middle{
			background: url("images/menu-item-middle.png") repeat-x;
			height: 32px;
			width: auto;
			float: left;
			}
			#menu-item-right{
			background: url("images/menu-item-right.png") no-repeat;
			height: 32px;
			width: 11px;
			float: left;
			}
			#menu-special_item-left{
			background: url("images/menu-special_item-left.png") no-repeat;
			height: 32px;
			width: 16px;
			float: left;
			}
			#menu-special_item-middle{
			background: url("images/menu-special_item-middle.png") repeat-x;
			height: 32px;
			width: auto;
			float: left;
			}
			#menu-special_item-right{
			background: url("images/menu-special_item-right.png") no-repeat;
			height: 32px;
			width: 11px;
			float: left;
			}
			
			#lang {
			position: absolute;
			top: 230px;
			right: 45px;
			float: right;
			}
			
			#lang table td {
			font-size: xx-small;
			}
			
			#container {
			min-height: 500px; 
			height: auto;
			background: url("images/content.gif") repeat;
			overflow: hidden;
			margin: 0px auto;
			
			}
			/* ZebraSite editor. */
			body.mceContentBody {
			background: url("images/content.gif") repeat;
			text-align: left;
			padding: 15px 0 0 15px ;
			}
			
			#contentbox {
			
			}
			
			#content {
			width: 547px;
			height: auto;
			padding: 8px 0 15px 40px;
			overflow: hidden;				
			}
			
			/* ##CSS HACK##
			Deze DIV geldt alleen voor IE */ 
			* html #container {
			background-attachment: fixed;
			height: 400px;
			overflow: auto;
			}
			
	
			#footer {
			background: #dccfbc url("images/footer.jpg") no-repeat;
			height: 90px;
			}
			
			#copyright {
			padding: 40px 0 0 270px;
			float: left;
			}
			
			#ZebraSite {
			float: right;
			width: 200px;
			text-align: right;
			color:#8d8c8c;
			font: 10px Arial;
			padding: 30px 35px 0 0;
			}
			
		/* CMS HACK */
			#content_holder {
			position: absolute;
			margin: -999999px;
			visibility: hidden;
			}
			
			/* Einde Layout */	
			
			
			#module_category {
			width: 500px;
			height: 23px;
			background-image: url('images/menuback.gif');
			background-repeat:no-repeat;
			color: #555555;
			font-weight:bold;
			padding-top:5px;
			}
			
			#module_category a{
			color: #b9ac55;
			}
			
			.module_title {
			font-weight:bold;
			}
			
			.module_postedby {
			font-style:italic;
			color: #b9ac55;
			}
			
			/* GLOBAL MODULE */
			.global_module_itemtitle{
			font-weight:bold;
			}
			.global_module_by
			{
			color: #b9ac55;
			font-weight: bold;
			}
			.global_module_message {
			width: 471px;
			background: #fbf1a7;
			font-size: 11px;
			font-weight: normal;
			padding: 6px 0 0 11px;
			border-left: 3px solid #d2bc1c;
			border-right: 3px solid #d2bc1c;
			border-bottom: 2px solid #d2bc1c;
			}
			
			.global_module_message a{
			color: #b9ac55;
			}
			
			* html .global_module_message {
			width: 500px;
			}
			.global_module_header {
				width: 350px;
				background-color: #ffffff;
			}
			.global_module_headerby{
				float: left;
				color: black;
				font-weight: bold;
				padding: 0 5px 0 0;
			}
			.global_module_headersite{
				float : left;
				color: black;
				font-weight: bold;
				padding: 0 5px 0 0;
			}
			.global_module_headeron{
				float : left;
				color: black;
				font-size: 10px;
				font-weight: bold;
				padding: 0 5px 0 0;
			}
			.global_module_headerontext{
				color:#666666;
				font-size:10px;
			}
			.global_module_headertitle {
				background-color: #ffffff;
				color: #b20107;
				font-size: 12px;
				font-weight: bold;
			}

			.global_module_headerlink a {
				color: #b20107;
			}
			
			/* Homma custom table */
			
			.dates {
			text-align:center;
			border: 1px solid #666;
			background-color:#99BA98;
			}
			
			/* END GLOBAL MODULE */