/*****************************************************************************
 *
 *  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: 'century gothic', "Century Gothic", 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: #8d8d86; font-family: AgencyFBRegular, Arial, Trebuchet MS, sans-serif; font-size: 23px; letter-spacing: 0.1em; margin: 0px 0px 13px 0px; }
img																		{ border: 0px; }
p																		{ margin: 0px 0px 1em 0px; }
form																	{ margin: 0px; padding: 0px; }
a																		{ color: #72b84c; text-decoration: none; }
em																		{ color: #8d8d86; font-size:14px; }
#container																{ background: url(../images/layout/bg_content_top.jpg) #f4f4ec repeat-x center 180px; }
#header																	{ height: 179px; border-bottom: solid 1px #fff; background-color: #fff; }
#header #logo															{ width: 900px; height: 200px; margin: 0px auto 0px auto; }
#header #logo img { position: relative; margin: 25px 0px 0px 5px; }
#header #menu	{ width: 970px; margin: -58px auto 0px auto; text-align: left; }
#header #menu div	{ padding: 0px 0px 0px 265px; }

#header #menu div ul { position:relative; bottom:9px; float:left; height:48px; margin:0px; padding:0px; list-style: none; }

#header #menu div ul li { float:left; margin: 0px 20px 0px 0px; background-image:url('/images/layout/bg_menu2.png'); background-repeat:repeat-x; background-position:0 0; }
#header #menu div ul li.active { background:#e9e9e0; padding-bottom:21px; }
#header #menu div ul li a { display:block; padding:10px 10px 20px 10px; color:#000; }
#header #menu div ul li a:hover { color:#72b84c; }
/*
#header #menu div ul li	{ float:left; 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:#000; text-decoration:none; padding: 10px 10px 19px 10px; font-size:14px;  background-image:url('/images/layout/bg_menu.png');  background-repeat:repeat-x; background-position:0 0; }
#header #menu div ul li a:hover span { color: #72b84c; text-decoration: none; padding: 10px 10px 19px 10px; border-top: solid 1px #fff; }

#header #menu div ul li.active a span	{ color: #000000; background: #e9e9e0; text-decoration: none; padding: 10px 10px 21px 10px; border-top: solid 1px #fff; }
*/
#header #menu #search { position:relative; top:7px; left:15px; background:none; }
#header #menu #search form												{ display: inline; cursor:text; border: 2px dotted #e9e9e0; }
#header #menu #search input[type=text]									{ width: 90px; background: none; color: #000; border: none; padding: 2px; font-size:11px; font-family: 'century gothic', "Century Gothic", Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 1px;}
#header #menu #search input[type=image]									{ width: 15px; height: 15px; position: relative; top:2px; left:1px; bottom: 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.8em; }
#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: #72b84c; background: #ffffff; padding: 4px 10px 4px 10px; }
#content #menu_left ul li.active a										{ color: #000; 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 0px 0px 0px; }
#content #content_text #home 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: 1px solid #fbfbf7; }
#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: 0px auto 0px auto; padding-top: 30px; 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; }

#sidebar_portfolio														{ margin-top: -60px; margin-left: -8px; }