@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; overflow:auto; }

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

.Span-14	{ width:942px; }
.Span-10	{ width:712px; }
.Span-9		{ width:606px; }
.Span-8		{ width:585px; }
.Span-7		{ width:470px; }
.Span-6		{ width:390px; }
.Span-4		{ width:226px; }
.Span-43	{ width:243px; }
.Span-5		{ width:250px; }
.Span-3		{ width:215px; }
.Span-35	{ width:225px; }

.Padding { padding:50px 75px 14px 45px; overflow:auto; }

.MarginR { margin-right:10px; }

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

/************* wax */

a.Wax {
	position:absolute;	
	right:10px;
	bottom:20px;
	display:block;
	width:27px;
	height:22px;
	background:url(img/wax_logo.gif);
	text-indent:-9999px;
	}

a.Wax:hover { background-position: 0 -22px; }

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

html { background:#596575; }
body { background:url(img/back_body.gif) center repeat-y; color:#666; }

a { color:#009999; text-align:left; }

/********** HEADER */

#Header { background:url(img/back_header.gif); height:151px; }

a.Logo { position:absolute; display:block; width:180px; height:74px; top:53px; left:248px; }
a.Logo span { display:none; }

ul#Language { position:absolute; right:5px; top:13px; }
ul#Language li { clear:both; }
ul#Language li a span { display:none; visibility:hidden; }
ul#Language li a { display:block; width:28px; height:28px; background-image:url(img/sprite_lang2.gif); margin:0 0 5px 0; }

ul#Language li a#en:hover, ul#Language li a#en:focus, ul#Language li a#en:active, ul#Language li a#en.Active { background-position:-28px 0; }

ul#Language li a#fr { background-position:0 -28px; }
ul#Language li a#fr:hover, ul#Language li a#fr:focus, ul#Language li a#fr:active, ul#Language li a#fr.Active { background-position:-28px -28px; }

ul#Language li a#de { background-position:0 -56px; }
ul#Language li a#de:hover, ul#Language li a#de:focus, ul#Language li a#de:active, ul#Language li a#de.Active { background-position:-28px -56px; }

ul#Language li a#nl { background-position:0 -84px; }
ul#Language li a#nl:hover, ul#Language li a#nl:focus, ul#Language li a#nl:active, ul#Language li a#nl.Active { background-position:-28px -84px; }

/********** mainnav */

#Menu { margin-bottom:5px; height:565px; z-index:10; }

#MainNav { z-index:12; position:relative; float:left }

#MainNav li { float:left; display:block; margin:0 2px 2px 0; }
#MainNav li a { display:block; width:111px; height:111px;  float:left; background-repeat:no-repeat; }
#MainNav li a span {display:none; visibility:hidden; }

.nl #MainNav li a { background-image:url(img/sprite_menu_nl.gif); }
.en #MainNav li a { background-image:url(img/sprite_menu_en.gif); }
.de #MainNav li a { background-image:url(img/sprite_menu_de.gif); }
.fr #MainNav li a { background-image:url(img/sprite_menu_fr.gif); }

#MainNav li.Current a.over, #MainNav li a.over:focus, #MainNav li a.over:active, #MainNav li a.over:hover { background-position:-226px 0; }

#MainNav li a.home { background-position:-113px 0; }
#MainNav li.Current a.home, #MainNav li a.home:focus, #MainNav li a.home:active, #MainNav li a.home:hover { background-position:-339px 0; }

#MainNav li a.producten { background-position:0 -113px; }
#MainNav li.Current a.producten, #MainNav li a.producten:focus, #MainNav li a.producten:active, #MainNav li a.producten:hover { background-position:-226px -113px; }

#MainNav li a.contact { background-position:-113px -113px; }
#MainNav li.Current a.contact, #MainNav li a.contact:focus, #MainNav li a.contact:active, #MainNav li a.contact:hover { background-position:-339px -113px; }

#MainNav li a.nieuws { background-position:0 -226px; }
#MainNav li.Current a.nieuws, #MainNav li a.nieuws:focus, #MainNav li a.nieuws:active, #MainNav li a.nieuws:hover { background-position:-226px -226px; }

/* cycle onder menu */

.Cycle { position:absolute; width:226px; height:341px; overflow:hidden; top:375px; left:0;  z-index:11; }

.Cycle #Cycle { width:226px; height:341px; }

.Overlay { position:absolute; top:0; left:0; width:226px; height:341px; background:url(img/cycle_overlay.png) top left no-repeat; z-index:30 }

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

.Top, .Bottom { overflow:hidden; height:4px; }
.Top { background:url(img/back_content_top.gif) top left no-repeat; }
.Bottom { background:url(img/back_content_bottom.gif) bottom left no-repeat; }

#Content { background:#fff; margin-bottom:5px; }

#Content a img {margin:5px 5px 5px 0; border:3px solid #e8eaeb;}
#Content a:hover img {border:3px solid #02869B;}

/************ home */

.Item h1 { font-size:1.2em; color:#6c3; }

.Item { margin:0 0 50px; overflow:auto; }

.Image { float:left; margin:0 20px 0 0; width:148px; overflow:hidden; position:relative; }
.Image .Overlay { position:absolute; top:0; left:0; width:148px; height:111px; background:url(img/image_overlay.png) top left no-repeat; }

.Text { float:left; width:415px; }

.More a{ display:block; width:20px; height:20px; background:url(img/link_more.gif) top left no-repeat; text-indent:-9999px; }

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



.Gmap { position:absolute; }

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

.row { padding-top:10px; }

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


.InputText input { width:200px;	background:url(img/back_input.jpg) top left no-repeat; }

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

.Short input { width:80px; }

textarea {
	height:158px;
	overflow:auto;
	width:427px;
	background:url(img/back_textarea.jpg);
	}
	
.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; }

/********* footer */

#Footer { height:89px; background:url(img/back_footer.gif) bottom center no-repeat; position:relative; }