img {border:0px;}
html																						{ margin: 0; padding: 0; height: 100%; }
body 																						{ font-family: Tahoma, Geneva, sans-serif; line-height: 18px; font-size: 12px; margin: 0; padding: 0; background: url(../images/bg.gif); height: 100%; }

@font-face {
	font-family: 'MetaBoldLF-RomanRegular';
	src: url('../MtBdLFRo.eot');
	src: local('MetaBoldLF-Roman Regular'), local('MetaBoldLF-Roman'), url('../MtBdLFRo.woff') format('woff'), url('../MtBdLFRo.ttf') format('truetype');
}

.content																					{ position: absolute; width: 960px; height: 580px; left: 50%; top: 50%; margin-top: -290px; margin-left: -480px; background-position: right top; background-repeat: no-repeat; }
	.menu																						{ position: relative; float: left; height: 100%; width: 270px; background: url(../images/dark_bg.gif); }
	.menu .logo																					{ margin: 15px 0px 10px 30px; }
	.menu ul																					{ margin: 0; padding: 0px 25px; }
	.menu ul li																					{ list-style: none; }
	.menu ul li a																				{ background: url(../images/menu.png) no-repeat 0px 5px; display: block; width: 170px; font-family: 'MetaBoldLF-RomanRegular', Tahoma, Geneva, sans-serif; border-bottom: 1px solid #3e302a; padding: 2px 25px; color: #009dcd; text-decoration: none; font-size: 13pt; }
	.menu ul li a:hover, .menu ul li.active a													{ background: url(../images/menu_sel.png) no-repeat 0px 5px; color: #b2d235; }
		.menu .flowerimage																			{ position: absolute; bottom: 20px; left: 20px; width: 220px; height: 221px; }
	
	.text																						{ position: relative; float: left; margin-left: 20px; width: 360px; height: 100%; background: #b0cd36; }
		.scroll																						{ padding: 0px 20px 20px 20px; height: 480px; margin-right: 10px; }
	.paperclip																					{ position: absolute; top: -20px; right: 35px; width: 230px; height: 39px; background: url(../images/paperclips.png); z-index: 3; }
	.flower																						{ position: absolute; right: 20px; bottom: 20px; height: 44px; width: 44px; background: url(../images/flower.png); z-index: 2; }

	.portfoliocontent																			{ position: absolute; right: 0px; width: 320px; height: 540px; background: #180f0a; color: #8b8380; padding: 20px; z-index: 995; }
	a.album																						{ cursor: pointer; float: left; display: block; width: 100px; height: 150px; font-weight: bold; border-right: 1px solid #84993a; padding-right: 15px; text-decoration: none; color: #000; }
	a.album:hover																				{ text-decoration: none; }
	a.album.last																				{ border-right: none; margin-right: 0; padding-left: 15px; padding-right: 0; }
	a.album img																					{ border: 2px solid #fff; }
h1																							{ margin: 20px 0px 20px 20px; font-family: 'MetaBoldLF-RomanRegular', Tahoma, Geneva, sans-serif; color: #4c301d; font-size: 15pt; padding: 0; line-height: auto; font-weight: normal; }

.agendapunt .title																			{ background: url(../images/arrow_right.gif) 0px 10px no-repeat; padding: 3px 15px; border-bottom: 1px solid #98b038; }
	.title.active																				{ background: url(../images/arrow_down.gif) 2px 7px no-repeat #c4d76e; }
	.green																						{ padding: 10px; background: #b0cd36; color: #000 !important; text-decoration: none; font-weight: bold; }
.gastHead 																					{ font-family: Tahoma; font-size: 10pt; }
.gastContent 																				{ font-family: Tahoma; font-size: 9pt; padding: 4px 0px; border-bottom: 1px dotted #000000; }

a																							{ color: #000; font-weight: bold; text-decoration: none; }
a:hover																						{ text-decoration: underline; }

.porttext a																					{ color: #b0cd36; }

.formcell_left {
	font-family: Tahoma;
	font-size: 10pt;
}
input {
	border: 1px solid #08b1e3;
}
textarea {
	border: 1px solid #08b1e3;
}

td { font-weight: normal; }



























.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #b0cd36;
}
.jScrollPaneDrag {
	position: absolute;
	background: #c4d76e;
	cursor: pointer;
	overflow: hidden;
	border-top: 1px solid #98b038;
	border-bottom: 1px solid #98b038;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scroll_up.gif);
	/*background-color: #666;*/
	height: 20px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scroll_down.gif) 0px -10px;
	/*background-color: #666;*/
	height: 20px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; }
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px; }
.img_right_border{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px; }
.img_right_noborder{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px; }
.img_noalign_noborder{ margin:5px; display: block; margin-left: auto; margin-right: auto; }
.img_noalign_border{ margin:5px; display: block;  margin-left: auto;  margin-right: auto; }