@charset "utf-8";

/* default.css voor fungrass.com */


body {
	margin:0;
	padding:0;
	}

*html {
	margin:0;
	padding:0;
	}

/* algemene terugkerende classes */

.Holder { clear:both; }

.Center { text-align:center; position:relative; }	
.Centered { margin:0 auto; text-align:left; position:relative; }

.Column { float:left;}
.ColumnRight { float:right;}

.Span-14	{ width:982px; }
.Span-10	{ width:660px; }
.Span-9		{ width:606px; }
.Span-8		{ width:585px; }
.Span-7		{ width:470px; }
.Span-6		{ width:390px; }
.Span-4		{ width:320px; }
.Span-43	{ width:243px; }
.Span-5		{ width:335px; }
.Span-3		{ width:191px; }
.Span-35	{ width:225px; }

.Padding { padding:10px 10px 0 10px; }
.Padding2 { padding:10px; }
.Padding22 { padding:10px 20px 20px 20px; }
.Padding3 { padding:20px 20px 0 20px; }

.MarginB { margin-bottom: 1px; }
.MarginR { margin-right:35px; }
.MarginL { margin-left:15px; }

.PaddingR { padding-right: 35px; }

.BorderR { border-right:1px solid #ccc; }

/* Basic horizontal menu */
.Horizontal ul { list-style:none; margin:0; padding:0; }
.Horizontal ul li { position:relative; float:left; display:inline; margin:0; padding:0;}
.Horizontal ul li a { display:block; float:left; }
.Horizontal ul li a span { display:block; float:left; cursor:pointer; }
.Horizontal ul li ul { display:none; position:absolute; z-index:101 }
.Horizontal ul li:hover ul, .Horizontal ul li.sfHover ul {  }

/* basic vertical menu */
.Vertical ul {list-style:none;}
.Vertical ul li {clear:both; padding:0; }
.Vertical ul li a { display:block; position:relative; clear:both; float:left; /* width:custom */ }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.Clearfix{display: inline-block;}

* html .Clearfix {height: 1%;}

.Clearfix {display: block;}

a img { border:0; }

/*************************** BEGIN DESIGN */

html { background:#fff url(img/foto22.jpg) center top repeat fixed; }

/**************** Header */

#Header {
	height:130px;
	position:relative;
	text-align:left;
	}

a.Logo {
	display:block;
	width:191px;	
	height:92px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:10px;
	background:url(img/logo.png) top left no-repeat;
	cursor:pointer;
	}


/************** Menu */

#Menu { left:192px; position:absolute; z-index:20; top:10px; list-style:none; margin:0; }

ul#Menu  li { padding:0; position:relative; overflow:none; clear:both; }

ul#Menu  li.Last { background:none; }

ul#Menu  li a { text-decoration:none; font-weight:normal; margin:0 1px 1px 0 ; float:left; background:url(img/transparant.png) repeat; color:#333; padding:3px 5px 4px; position:relative; }

ul#Menu  li a:hover, ul#Menu  li.sfHover a, ul#Menu  li.sfHover li a:hover { color:#C00; }

ul#Menu  li.sfHover li a { color:#333; }

ul#Menu ul { display:none; margin:0; float:left; position:relative; height:23px; }

ul#Menu ul li { position:relative; float:left; display:inline; clear:none; }

/*********** subnav */

#Subnav { margin-left:1px; }

#Subnav li a { display:block; float:left; color:#333; padding:5px 10px; text-decoration:none; width:171px; margin-bottom:1px; background:url(img/transparant.png) repeat; }

#Subnav li.current a, #Subnav li a:hover { color:#C00; }

/*********** Content */

#RealContent, .Item { background:url(img/transparant.png) repeat !important; }

.Item td { padding:0; }

/****** Forms, Contact */

#frmContact fieldset {
	border:0;
	padding:0;
	margin:0;
	}

.row { padding-top:10px; }

label { margin-bottom:4px; clear:both; display:block; }


.InputText input { width:200px; }

.InputText, textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ccc;
	padding:6px 5px;
	color:#033
	}
	
.InputText:hover, .InputText:focus, textarea:hover, textarea:focus { border-color:#999; }

.Short input { width:80px; }

textarea {
	height:158px;
	overflow:auto;
	width:427px;
	}
	
.InputButton input { 
	background:#690 url(img/back_button.gif) top left repeat-x; 
	border:1px solid #a9d157;
	border-bottom-color: #587e18;
	border-right-color: #587e18;
	padding:5px 6px; 
	font-size:1.2em; 
	font-weight:bold; 
	color:#FFF; 
	cursor:pointer; 
	font: bold 1em Verdana, sans-serif;
	}

.InputButton input:hover { background:#9c3; }

.Errors { margin:15px 0 0 0; }

.Errors h3 { padding-left:20px; background:url(img/icon_error.gif) center left no-repeat; }

.Succes h3 { padding-left:20px; background:url(img/icon_succes.gif) center left no-repeat; color:#690; }


