@charset "utf-8";
/* default.css voor martera */

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:700px; }
.Span-9		{ width:630px; }
.Span-8		{ width:514px; }
.Span-7		{ width:390px; }
.Span-6		{ width:410px; }
.Span-4		{ width:280px; }
.Span-45	{ width:308px; }
.Span-5		{ width:330px; }
.Span-3		{ width:215px; }
.Span-35	{ width:225px; }

.Padding3 { padding:20px 20px 20px 0; }

.Padding2 { padding:20px 0; }

.Padding4 { padding:10px 10px 0 10px; }

.PaddingTop { padding:20px 0 0; }

.MarginR { margin-right: 20px; }

.Border { border-bottom:1px solid #ccc; }

/* Basic horizontal menu */

.Horizontal ul { list-style:none; margin:0; padding:0; }

.Horizontal ul li { position:relative; float:left; display:inline; padding:0}

.Horizontal ul li a { display:block; }

.Horizontal ul li a span { display:block; float:none; cursor:pointer; }

.Horizontal ul li ul { display:none; position:absolute; }

.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;}

/* algemene lijsten voor in tiny */

ul.List {
	margin-bottom:1.5em;
	list-style:none;
	}

ul.List li { padding:3px 0 3px 13px; } 
	
#Content ul.List li { background:url(img/list_green_white.gif) 0 7px no-repeat; } 

#FooterContent ul.List li { background:url(img/list_white_blue.gif) 0 7px no-repeat; }

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

a.Wax {
	display:block;
	width:28px;
	height:23px;
	background:url(img/wax_logo.gif);
	text-indent:-9999px;
	float:right;
	}
	
a.Wax:hover { background-position: 0 -23px; }

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

html { background:#002c2c; }

body { color:#023535; background:url(img/back_headerholder.jpg) center top repeat-x; }

a, a:visited { color:#366; }

a img { border:none; }

#FooterContent a { color:#fff; text-decoration:none; }

#FooterContent a:hover { text-decoration:underline; }

#FooterContent a:visited { color:#9c6; }

#Content a.More  { background-image: url(img/arrow_blue_white.gif) }

#FooterContent a.More, #FooterContent a.More:visited { color:#fff; background-image: url(img/arrow_white_blue.gif) }

a.More { font-weight:bold; background-position:100% 80%; background-repeat:no-repeat; padding-right: 20px; text-decoration: none; }

a.More:hover { text-decoration:none !important; padding-right:22px; }

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

#HeaderHolder { z-index:10; }

#Header {
	height:193px;
	position:relative;
	background:url(img/back_header.jpg) top left no-repeat;
	z-index:11;
	overflow:hidden;
	}

#Flash { float:left; margin-top:50px; }

a.Logo {
	display:block;
	width:194px;	
	height:171px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:15px;
	background:url(img/logo.png) top left no-repeat;
	cursor:pointer;
	}
	
.Tagline { position:absolute; bottom:-4px; right:370px; color:#fff; margin:0; text-transform:uppercase; font-size:41px; line-height:0; font-stretch:-10px;}

/* fotos header */

.Fotos { position:absolute; top:0; text-align:right; vertical-align:bottom; right:0; width:362px; height:235px; background:url(img/back_foto.png) bottom right no-repeat; z-index:30; }

.Fotos img { position:absolute !important; bottom:0 !important; right:0 !important; left:auto !important; top:auto !important; }

.Fotos2 { position:absolute; top:0; text-align:left; vertical-align:top; left:0; width:130px; height:235px; z-index:30; }

.Fotos2 img { position:absolute !important; bottom:0 !important; left:0 !important; left:auto !important; height: 192px /* 235px */; top:auto !important; }


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

#NavHolder { background:#fff; z-index:29; }

#Menu { float:left; font-family:Arial, Helvetica, sans-serif; padding-left: 50px }

ul#Menu  li a {
	text-decoration:none;
	color:#023535;
	font-weight:normal;
	padding:0 5px;
	font-size:1.4em;
	font-weight:bold;
	margin-right:1px; 
	line-height:2.8em;
	}
	
ul#Menu li a:hover, ul#Menu li a:focus, ul#Menu li.Current a, ul#Menu li:hover a, ul#Menu li.sfHover a { color:#fff; background:#366; text-decoration:underline; }

ul#Menu ul { background: url(img/back_ul.png) bottom left no-repeat; width:206px; padding:0 0 15px; left:-3px; top:43px; }

ul#Menu li li a, ul#Menu li.sfHover li a, ul#Menu li.Current li a, ul#Menu li li, ul#Menu li li a:hover, ul#Menu li li a:hover span { color:#fff; font-size:11px; font-weight:normal; margin:0; line-height:normal; background:none; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

ul#Menu li li a { padding:7px 5px 7px 20px; width:176px; margin:0 0 0 7px }

ul#Menu li li a:hover, ul#Menu li li a:hover span { color:#9c6 !important; text-decoration:underline; }

/*********** language */

#LangNav { 
	position:absolute;
	right:150px;
	top:10px;
	z-index:50;
	}
#LangNav li {
	padding: 2px;
} 
#LangNav li a,#LangNav li a:hover,#LangNav li a:visited,#LangNav li a:active,#LangNav li a:link{
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
} 
#LangNav li a:hover {
	text-decoration: underline;
}
/*************** Content */

#ContentHolder { background:#fff url(img/back_content_bottom.gif) bottom center repeat-x;  }

#Content { background:url(img/back_content_sep.gif) 629px 0px repeat-y; margin-bottom:2px; }

#Koe { background:url(img/koe.gif) 96% 100% no-repeat; }

/* list */

.Item { padding:0 0 5px; background:url(img/item_border.gif) bottom center repeat-x; margin:0 0 2px; }

div.Last { background:none; margin:0; padding:0; }

/******** rightside */

#RightSide h2 { margin-top:0 }

.Blok { margin-bottom:20px; }

/* home diensten */

ul.Diensten li a { display:block; width:183px; padding:5px 0 0 10px; height:58px; background:url(img/back_dienst.gif); margin:0 15px 15px 0; overflow:hidden; font-size:2em; line-height:0.2em; }

ul.Diensten li a.Last { margin-right:0; }

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

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

.Row { padding-bottom:10px; }

input.Button { 
	background:#7b9633; 
	border:1px solid #b7c58f;
	border-bottom-color: #3d4d10;
	border-right-color: #3d4d10;
	padding:3px 6px; 
	font-size:1.2em; 
	font-weight:bold; 
	color:#FFFFFF; 
	cursor:pointer; 
	}

input.Button:hover { background:#8fac40; }

input.formfield_text, textarea  {
	border:none;
	background:#f5f4f0;
	padding:6px;
	width:187px;
	font:1.2em normal Tahoma, Arial, sans-serif;
	clear:both;
	}

input.formfield_text { background:url(img/back_input.gif) }

input.Short { width:87px; background:url(img/input_short.gif) }
input.Medium { width:134px; background:url(img/input_medium.gif) }

textarea {
	height:158px;
	overflow:auto;
	width:299px;
	background:url(img/back_area.gif);
	border: 1px solid #ccc;
	}

input.formfield_submit {
	cursor:pointer;
	font-weight:bold;
	color:#030;
	width:auto;
	padding:5px 10px;
	border-top-color:#e4e1da;
	border-left-color:#e4e1da;
	border-bottom-color:#b1b0ad;
	border-right-color:#b1b0ad;
	}
	
input.formfield_radio { width:auto; }
	
label { margin-left:7px; clear:both; display:block; color:#366; }

.Radios label { clear:right; float:left; }
input.Radio, input.checkbox { float:left; clear:left; margin:1px 0 0 0; }

.Radios ul { margin:0 15px 15px 0; padding:0; list-style:none; float:left; }

.Radios p { margin:0 0 10px 0; }

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

#FooterContentHolder { background:url(img/back_footer_content.gif) top left repeat; color:#fff; }

#FooterHolder { background:url(img/back_footer.gif) top center repeat-x; color:#366; }

#FooterContent { background:url(img/footer_sep.jpg) 302px 0px repeat-y; padding-bottom:20px; }

.Event { background:url(img/event_border.gif) bottom left repeat-x; margin:0 0 10px; padding:3px 0 0; }

.Event span.Date { display:block; float:left; margin:0 10px 0 0; padding:2px 0 0; color:#9c6; clear:left; }

.Event p { float:left; clear:right; width:268px; }

/*.BorderR { background:url(img/back_footer_sep.gif) top right repeat-y; }*/

/************ search */

#SearchHolder { text-align:center; position:absolute; top:0; width:100%; z-index:40; }

#Search { margin:0 auto; position:relative; }

#SearchForm { position:absolute; right:15px; top:203px; background:url(img/back_search.gif) top left no-repeat; }

#SearchForm input { float:left; }

#Search .InputText { background:none; padding:0 5px 0 0; margin:8px 0 0 5px; border:0; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; width:215px; }

/********** nieuwsbrief */

#Nieuwsbrief input { float:left; }

#Nieuwsbrief .InputText { font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; width:225px; background:#d7e99f; border:0; padding:6px 5px 7px; }

/********** poll */

.Poll { background:#d7e99f url(img/poll_border.gif) top left repeat-x !important; }

form { padding:0; margin:0; }

fieldset {
	border: none;
	padding:0;
	margin:0;
}

legend {
	border: 0;
	padding: 0 !important;
	font-size: 24px; font-weight:normal; color:#9c6; margin:0 0 15px ;
}

legend.Flir { line-height:1; }

.Buttons { background: #b4d671; }

.PollButton { cursor:pointer; background:#b4d671 url(img/arrow_blue_green.gif) center right no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; border:0; padding:5px 15px 6px 9px; color:#366; float:left; }

.Result { padding:5px 17px 6px 9px; font-weight:bold; background:#b4d671 url(img/arrow_blue_green.gif) center right no-repeat; text-decoration:none; float:left; }