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

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

			html, body, td {	/* TinyMCE gebruikt anders eigen fontsize voor tables */			
			background: #d6dbda; 
			font-family: Trebuchet MS, arial;
			font-size: 13px;
			color: #353535;
			margin: 10px;
			text-align: center; /* Werkt alleen voor IE, Centereren van de Wrapper */
			}
			
			td { /* table bg eigenschappen n.v.t. */
			background:none;	
			}
		
			a {
			color: #a9c702;
			text-decoration: none;
			font-weight: bold;
			}
			
			a:hover 	{ text-decoration:underline; }
			
			#menu a	{
			font-family:Arial, Helvetica, sans-serif;
			color: #ffffff; 
			font-size: 13px;
			font-weight:bold;
			}
			
	    	#menu a:hover 	{  }
			#menu a:active 	{  }
			#ZebraSite a 			{	font: 10px Arial; color: #8d8c8c;text-decoration: none;	}
			#ZebraSite a:hover{	text-decoration:underline;	}
			
			img 			{ border: 0px; }
			
			.EBoxed { border: #c1e301 1px dotted ; }
			
			h1 {
			color: #292425;
			font-size: 20px;
			}
			
			h2 {
			color: #292425;
			font-size: 16px;
			}	
			h3 {
			color: #292425;
			font-size: 15px;
			}
			
/*  Layout styles **********************/

			*  {
			box-sizing :border-box; /* Zie width/height van border tot border. Niet vanaf content. (padding issue) */
			-moz-box-sizing :border-box; /* Mozilla wilt bovenstaande niet begrijpen. */
			}
			
			#wrapper {				
				width: 734px;
				margin: 0 auto; /* Werkt alleen voor FireFox, Centereren van de Wrapper */
				text-align: left;
			}
			
			#header {
				width: 734px;
				height: 187px;
				background: url("images/top.jpg") no-repeat;
			}
			
			#logo h1{
			background: url("images/logo.jpg") no-repeat;	
			text-indent:-999px;
			float:left;
			width:294px;
			height:113px;
			position:absolute;
			margin: 20px 0 0 240px;
			}
			#slogan h2{
			position:absolute;
			margin: 35px 0 0 310px;
			color:#FFF;
			}
			
			#menu {
				background:#292425;
				margin:140px 0 0 18px;
				float:left;
				width:698px;
				height:45px;
				text-align:center;
			}
			#menu ul {
				margin:0px;
				padding:7px 0 0 15px;
				list-style: none;
			}
			#menu ul li {
				display: inline;
				padding: 0 12px 0 0;
			}
			
			#container {
			background:#c9ed00;
			overflow:auto;
			}
			
			#left {
				width: 18px;				
				height: 505px;
				background: url("images/left.jpg") repeat;
				float: left;
			}
			
			#right {
				width: 18px;
				height: 505px;
				background: url("images/right.jpg") no-repeat;
				float: right;
			}
			
			#content { 
				padding:0px 5px 0px 5px;
				width: 698px;
				height: 505px;
				background: #fff;
				float: left;
				overflow: auto;			
			}
			
			/* ##CSS HACK##
			Deze DIV geldt alleen voor IE */
			* html #menu {
			margin:147px 0 0 9px;
			}
			/* IE7 hack padding probleem */
			html>body #content { *width:688px; }
			/* TINYMCE*/
			.mceContentBody {
			margin:0px;
			background: #fff;
			padding:0px 5px 0px 5px;
			text-align:left;
			min-height:375px;
			}
			#bottom {
				width:734px;
				height:18px;
				background: url("images/bottom.jpg") no-repeat;
				float:left;
			}
			
			#footer {
				height: 60px;
				clear: both;
				font-size:9px;
				color: #b20107;
				text-align:center;
			}
			#copyright a{
			color:#333;
			}
			#ZebraSite {
			float:right;
				
			}
			
		/* CMS HACK */
			#content_holder {
			position: absolute;
			margin: -999999px;
			visibility: hidden;
			}
			
			/* Einde Layout */	
			
			
			#module_category {
			width: 600px;
			height: 23px;
			background-image: url('images/menuback.gif');
			background-repeat:repeat y;
			color: #555555;
			font-weight:bold;
			padding-top:5px;
			}
			
			.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;
			font-size: 11px;
			font-weight: normal;
			padding: 6px 0 0 11px;

			}
			
			.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;
			}
			/* END GLOBAL MODULE */