/*****************************************************************************
 *
 *  Copyright            : Copyright (C) Vizzual Multimedia VOF
 *  Email                : info @ vizzual.com
 *	
 *  
 *  Disclaimer:
 *	Niets uit dit script mag zonder toestemming van de maker van deze
 *	scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze
 *	scripting blijft ten alle tijden copyright op dit product houden. De 
 *	scripting is ter beschikking gesteld door Vizzual Multimedia VOF.
 *	Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/
 * 	of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend
 *
 *****************************************************************************/

/*
Kleuren:
Wit:					#f4f4ec
Groen					#72b84c

*/

/*@font-face 																{ font-family: Agency; font-style: normal; font-weight: normal; src:url(agency.eot); }
*/

@font-face {
	font-family: 'AgencyFBBold';
	src: url('AGENCYB.eot');
	src: local('Agency FB'), local('AgencyFB-Bold'), url('AGENCYB.woff') format('woff'), url('AGENCYB.ttf') format('truetype'), url('AGENCYB.svg#AgencyFB-Bold') format('svg');
}

@font-face {
	font-family: 'AgencyFBRegular';
	src: url('AGENCYR.eot');
	src: local('Agency FB'), local('AgencyFB-Reg'), url('AGENCYR.woff') format('woff'), url('AGENCYR.ttf') format('truetype'), url('AGENCYR.svg#AgencyFB-Reg') format('svg');
}


html																	{ margin: 0px; padding: 0px; height: 100%; width: 100%; font-family: Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 1px;}
body																	{ margin: 0px; padding: 0px; height: 100%; width: 100%; font-size: 13px; text-align: justify; }

h1																		{ color: #000000; font-family: AgencyFBBold, Arial, Trebuchet MS, sans-serif; font-size: 34px; line-height: 1em; letter-spacing: 0.1em; margin: 0px 0px 25px 0px; }
h2																		{ font-weight: normal; color: #72b84c; font-family: AgencyFBRegular, Arial, Trebuchet MS, sans-serif; font-size: 23px; letter-spacing: 0.1em; margin: 0px 0px 10px 0px; }
img																		{ border: 0px; }
p																		{ margin: 0px 0px 1em 0px; }
form																	{ margin: 0px; padding: 0px; }
a																		{ color: #00aeef; text-decoration: none; }

#container																{ background: #f4f4ec url(../images/layout/background_content.jpg) no-repeat center 192px; }
#header																	{ height: 190px; border-bottom: solid 2px #fff; }
#header #logo															{ width: 900px; height: 200px; margin: 0px auto 0px auto; }
#header #logo img														{ position: relative; margin: 35px 0px 0px 5px; }
#header #menu															{ width: 970px; margin: -50px auto 0px auto; text-align: left; }
#header #menu div														{ padding: 0px 0px 0px 265px; }
#header #menu div ul													{ margin: 0px; padding: 0px; list-style: none; }
#header #menu div ul li													{ display: inline; padding: 0px; margin: 0px 20px 0px 0px; }
#header #menu div ul li a												{ text-decoration: none; }
#header #menu div ul li a span											{ color: #FFFFFF; text-decoration: none; padding: 10px 10px 22px 10px; font-size: 14px;  }
#header #menu div ul li a:hover span									{ color: #c1d72c; background: #fff; text-decoration: none; padding: 10px 10px 21px 10px; opacity:0.8;filter:alpha(opacity=80); }
#header #menu div ul li.active a span									{ color: #000000; background: #fff; text-decoration: none; padding: 10px 10px 21px 10px; }
#header #menu #search													{ padding: 0px 0px 0px 27px; }
#header #menu #search form												{ display: inline; cursor:text; border: 1px dotted #FFFFFF; }
#header #menu #search input[type=text]									{ width: 90px; background: none; color: #FFFFFF; border: none; padding: 2px; font-size:13px; font-family: Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; }
#header #menu #search input[type=image]									{ width: 15px; position: relative; top:2px; left:1px; cursor: hand; }

#breadcrumb																{ width: 900px; margin: 10px auto 0px auto; font-size: 80%; visibility:hidden; }
#breadcrumb div															{ margin: 5px 0px 0px 240px; }
#breadcrumb div a														{ color: #96968c; }

#content																{ width: 900px; margin: 0px auto 0px auto; padding: 20px 0px 2em 0px; }
#content #menu_left														{ width: 200px; float: left; padding: 63px 0px 0px 0px; text-align: left;  }
#content #menu_left ul													{ margin: 0px; padding: 0px; list-style: none; }
#content #menu_left ul li												{ margin: 0px 10px 10px 10px; line-height: 1.5em; }
#content #menu_left ul li a												{ color: #000000; text-decoration: none; font-size: 13px; padding: 4px 10px 4px 10px;}
#content #menu_left ul li a:hover										{ color: #c1d72c; background: #ffffff; padding: 4px 10px 4px 10px; }
#content #menu_left ul li.active a										{ text-decoration: none; background: #ffffff; padding: 4px 10px 4px 10px; }
#content #content_text													{ width: 660px; margin: 0px 0px 0px 240px; line-height: 1.8em; }
#content #content_text table td											{ padding: 0px 20px 0px 0px; }
#content #content_text input[type=text]									{ width: 450px; }
#content #content_text input[type=submit]								{ width: 456px; }
#content #content_text select											{ width: 456px; }
#content #content_text textarea											{ width: 450px; height: 75px; }
#content #content_text a												{ text-decoration: none; }
#content #content_text a:hover											{ border-bottom: dotted thin; text-decoration: none; }

#block																	{ background: url(../images/layout/background_block.jpg) #f4f4ec; padding: 0px 0px 12px 0px; border-top: 0px solid #000000; }
#block div																{ width: 900px; margin: 0px auto 0px auto; }
#block div #title														{ background: url(../images/layout/block_title.gif) no-repeat; }
#block div #title div													{ color: #c1d72e; height: 29px; width: 122px; margin: 0px; font-size: 21px; text-align: center; }

#footer																	{ height: 75px; background: #ffffff; font-size: small;  }
#footer div																{ margin: 30px auto 0px auto; width: 900px; text-align: left; }
#footer div ul															{ margin: 0px 0px 0px 11px; padding: 0px; list-style: none; }
#footer div ul li														{ display: inline; padding: 0px 30px 0px 8px; }
#footer div ul li a														{ color: #000000; text-decoration: none; }
#footer div ul li a:hover												{ text-decoration: none; }