@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:912px; }
.Span-10 { width:662px; }
.Span-8 { width:514px; }
.Span-7 { width:390px; }
.Span-6 { width:410px; }
.Span-4 { width:236px; }
.Span-5 { width:321px; }
.Span-3 { width:215px; }
.Span-35 { width:225px; }
.Padding { padding:0 20px; }

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

.MarginLeft { margin-left:10px; }
.MarginRight { margin-right:20px; }
.MarginRight2 { margin-right:16px; }
.MarginBottom { margin-bottom: 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; }

.Horizontal ul li a { display:block; }

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

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

.Horizontal ul li:hover ul, .Horizontal ul li.Hover ul { display:block; }

/* basic vertical menu */

.Vertical ul {list-style:none;}

.Vertical ul li {clear:both; padding:0; }

.Vertical ul li a { display:block; position:relative; width:auto; 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; }

ul.List li { background:url(img/bullet.gif) 0 7px no-repeat; padding:3px 0 3px 20px; } 

/************* 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 */

body { color:#001850; background:#f3f1ec url(img/back_body.gif) repeat-x; }

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

#HeaderHolder { height:413px;

 }

#Header { height:413px; position:relative; margin-top:23px; }

#Header { background-position:50% 100%; background-repeat: no-repeat; }

.Home #Header { background-image:url(img/back_headerhome2.jpg) }

#en.Home #Header, #de.Home #Header { background-image:url(img/back_headerhome2.jpg) }

.color1 #Header { background-image:url(img/back_header_vibracel.jpg) }
.color11 #Header { background-image:url(img/back_header11.jpg) }

.color2 #Header { background-image:url(img/back_header2.jpg) }

.color3 #Header { background-image:url(img/back_header3.jpg) }

.color5 #Header { background-image:url(img/back_header5.jpg) }

.color6 #Header { background-image:url(img/back_header6.jpg) }

.color7 #Header { background-image:url(img/back_header7.jpg) }

.color8 #Header { background-image:url(img/back_header8.jpg) }

.color9 #Header { background-image:url(img/back_header9.jpg) }

.color10 #Header { background-image:url(img/back_header10.jpg) }

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

/*************** Content, variabele kleuren */

#RealContent { margin-top:10px; padding-top: 3px; } 

#Foto { position:absolute; bottom:0; }

.MainText { position:relative; }

#ContentWhite { background:#f9f8f6; margin-bottom:15px; }

.ContentTop, .ContentBottom { height:8px }

#ContentWhite .ContentTop, .ContentBlue .ContentTop { background-position: top left; }

#ContentWhite .ContentBottom, .ContentBlue .ContentBottom { background-position: bottom left; }

#ContentWhite .ContentTop, #ContentWhite .ContentBottom { width:663px; background-image: url(img/content_borders.gif) }

.ContentBlue { background:#3b8ab0; color:#fff; font-family:"trebuchet MS", Tahoma, arial, sans-serif; font-style:italic; font-size:1.1em; margin-top:15px; line-height:1em; }

.ContentBlue p {margin:0;}

.ContentBlue .ContentTop, .ContentBlue .ContentBottom { width:514px; background-image: url(img/content_borders3.gif) }

.ContentColor .ContentTop, .ContentColor .ContentBottom { background-image: url(img/content_borders4.gif) }

.Span-5 .ContentTop, .Span-5 .ContentBottom { width:321px; }

.Span-7 .ContentTop, .Span-7 .ContentBottom { width:410px; }

.Span-3 .ContentTop, .Span-3 .ContentBottom { width:236px; }

.ContentColors { color:#fff; background-repeat:repeat; }

.BorderRight { border-right:20px solid #F3F1EC; }

.ContentColors .ContentTop, .ContentColors .ContentBottom { background-image: url(img/content_borders4.gif) }

.color1 .ContentColors { background:#f3ae3b url(img/contentcolors_color7.gif) } 
.color11 .ContentColors { background:#f3ae3b url(img/contentcolors_color7.gif) } 

.color1 .ContentTop { background-position:top left; }
.color1.ContentTop { background-position:top left; }

.color1 .ContentBottom { background-position:0 -8px; }
.color11 .ContentBottom { background-position:0 -8px; }

.color1 h1, .color11 h1 { color: #ff9c01; }

.color1 h2, .color11 h2 { color: #ff9c01; }

.color2 .ContentColors { background:#99cc66 url(img/contentcolors_color2.gif); } 

.color2 .ContentTop { background-position:0 -16px; }

.color2 .ContentBottom { background-position:0 -24px; }

.color2 h1 { color:#008080; }

.color2 h2 { color:#008080; }

.color3 .ContentColors { background:#ced672 url(img/contentcolors_color3.gif); } 

.color3 .ContentTop { background-position:0 -32px; }

.color3 .ContentBottom { background-position:0 -40px; }

.color3 h1 { color:#090; }

.color3 h2 { color:#090; }

.color5 .ContentColors { background:#bbae31 url(img/contentcolors_color5.gif); } 

.color5 .ContentTop { background-position:0 -48px; }

.color5 .ContentBottom { background-position:0 -56px; }

.color5 h1 { color:#808000; }

.color5 h2 { color:#808000; }

.color6 .ContentColors { background:#f0c9c8 url(img/contentcolors_color6.gif); } 

.color6 .ContentTop { background-position:0 -64px; }

.color6 .ContentBottom { background-position:0 -72px; }

.color6 h1 { color:#FF6600; }

.color6 h2 { color:#FF6600; }

.color7 .ContentColors { background:#f3ae3b url(img/contentcolors_color7.gif); } 

.color7 .ContentTop { background-position:top left; }

.color7 .ContentBottom { background-position:0 -8px; }

.color7 h1 { color: #f90; }

.color7 h2 { color: #f90; }

.color8 .ContentColors { background:#dfd7c4 url(img/contentcolors_color8.gif); } 

.color8 .ContentTop { background-position:0 -96px; }

.color8 .ContentBottom { background-position:0 -104px; }

.color8 h1 { color: #9C0; }

.color8 h2 { color: #9C0; }

.color9 .ContentColors { background:url(img/contentcolors_color9.gif);}

.color9 .ContentTop { background-position:0 -112px; }

.color9 .ContentBottom { background-position:0 -120px; }

.color9 h1 { color: #3366CC; }

.color9 h2 { color: #3366CC; }

.color10 .ContentColors { background:#f0c9c8 url(img/contentcolors_color6.gif); } 

.color10 .ContentTop { background-position:0 -64px; }

.color10 .ContentBottom { background-position:0 -72px; }

.color10 h1 { color:#FF6600; }

.color10 h2 { color:#FF6600; }

#HomeText { background: url(img/home_content_repeat.gif) top center repeat-y; }

#HomeText .ContentTop { background-position:0 -128px; }

#HomeText .ContentBottom { background-position:0 -136px; }

#HomeText h1 { color: #3a5168; }

#HomeText h2 { color: #3a5168; } 

#News { background: #D7E0C5; color:#3a5168; margin-top:22px; color:#003300; }

#News .ContentTop { background-position:0 -144px; }

#News .ContentBottom { background-position:0 -152px; }

.ContentColors a { color:inherit }

#newsList h2 a { color:#390; }

#newsList { padding-top:15px; }

/****** Contactknop */

a.Contact { background:url(img/contact_left.gif) center left no-repeat; color:#fff; text-decoration:none; margin:15px 0 0 12px; display:block; padding:0 0 0 13px; }

a.Contact span { padding:7px 13px 9px 0; display:block; background:url(img/contact_right.gif) center right no-repeat; }

.Home a.Contact { margin-left:0; }

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

#Menu { margin-top:35px; }

#Menu ul li a { background:#8fac40; text-decoration:none; color:#fff; font-weight:normal; padding:6px 10px 7px; border-bottom:1px solid #dee6c6; border-top:1px solid #5d7e03; width:216px; font-size:1.2em; }

#Menu ul li a:hover, #Menu ul li a:focus, #Menu ul li.Current a { background:#b4ca66; color:#5d7e03}

#Menu ul li a.First { background: url(img/menu_corners.gif) 0px -74px no-repeat; border-top:none; }

#Menu ul li a.Last { background: url(img/menu_corners.gif) 0px -43px no-repeat; border-bottom:none; }

#Menu ul li a.First:hover, #Menu ul li a.First:focus, #Menu ul li.Current a.First { background-position: 0 -111px; }

#Menu ul li a.Last:hover, #Menu ul li a.Last:focus, #Menu ul li.Current a.Last { background-position: 0 -7px ; }

/******* language menu */

ul.Language { position:absolute; right:0; }

ul.Language li a { text-decoration:none; font-size:0.9em; color:#969696; display:block; padding:0 5px 0 0; margin:0 5px 0 0; border-right:1px solid #e15826; }

ul.Language li.Last a { border:none; }

ul.Language li a.Active, ul.Language li a:hover, ul.Language li a:focus { color:#d6755e; }

/****** homelink */

a.Home { font-size:0.9em; color:#595959; position:absolute; left:0; text-decoration:none; display:block; background:url(img/home.gif) left top no-repeat; padding:2px 0 0 15px; }

/****** News */

.Date {font-weight:bold; margin-bottom:5px; display:block }
#welcome-text { padding-top:15px; }


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

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

.row { padding-top: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, #security_code { 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, #security_code { width:87px; background:url(img/input_short.gif) }

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

#security_code { margin-left:15px; clear:right; }

.Captcha { float:left; }

.Buttons { clear:both; }

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

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

.Radios label { clear:right; float:left; }

input.Radio, input.checkbox { float:left; clear:left; margin:3px 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 { padding:20px 0; }

/* productfotos onder menu */

#Images { height:auto; background:#F9F8F6; margin:15px 0 0 0; } 

.More { color:#339900; margin:0; }