/* default CSS for spermalie.be */

body { margin:0; padding:0; }

* { margin:0; padding:0; }

a img { border:0; }

fieldset { border:none; padding:0; }

.cufon-loading { visibility:hidden; }

/* algemene terugkerende classes */

.Holder { clear:both; width:100%; }

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

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

.Box { position:relative; }

.Span-14	{ width:970px; }
.Span-12	{ width:715px; }
.Span-12b	{ width:970px; }
.Span-10	{ width:580px; }
.Span-6		{ width:315px; }
.Span-6b{
	width: 100px;
}
.Span-4		{ width:370px; }
.Span-33	{ width:310px; }
.Span-3		{ width:260px; }
.Span-2 	{ width:235px; }

.Padding 	{ padding: 15px 15px 0; }
.Padding2 	{ padding: 15px; }
.MarginR 	{ margin-right:20px; }
.MarginB 	{ margin-bottom:20px; }

/* Basic horizontal menu */

.Horizontal ul { list-style:none; margin:0; padding:0; }
.Horizontal ul li { position:relative; float:left; padding:0; display:inline; }
.Horizontal ul li a { display:block; float:left; }
.Horizontal ul li a span { display:block; float:left; cursor:pointer; }

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

/************************************************************* Begin design **********************************************************/

body { color:#716d6d;  }

a { color:#d2232a; }
a:hover { }

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

#headerHolder { height:130px; background:url(img/back_headerholder.gif) center top repeat-x; z-index:3  }

#header { z-index:30 }

#header .Logo { display:block; width:213px; height:113px; border:none; background:url(img/logo.png) top left no-repeat; margin:0 0 10px 0; position:absolute; top:0; left:-30px; }
#header .Logo:hover { background-position: bottom left; }
.Logo strong { position:absolute; top:-9999px; }

/* topNav */

.topNav { float:right; }
.topNav li a { 
	padding:10px; text-decoration:none; color:#fff; font: 1.1em/1.6em arial,sans-serif; text-shadow: #330000 -1px -1px 2px; text-transform:uppercase; 
	/* text-shadow for ie */
	filter: Shadow(Color=#840203, Direction=-60, Strength=2);
	}

.topNav li.Lang a { padding-right:18px; background:url(img/topnav_lang.gif) 100% 55% no-repeat; }
.topNav li.Current a, .topNav li a:hover, .topNav li.Lang a { color:#ffae00; }

/* BANNER homepage
****************************************/

#bannerHolder { background:#ebebeb url(img/back_bannerholder.gif) bottom left repeat-x; margin-top:-83px; z-index:2 }

#banner { z-index:20; }

.BannerHome #banner { height:390px; }
.BannerSub #banner { height:190px; background:url(img/back_bannersub.jpg) center top no-repeat }
.BannerContact #banner { height:40px; }

#flashAlt { text-align:center; padding-top:150px; }

/* mainNav */

#mainNav ul li a { 
	text-transform:uppercase; 
	font-weight:bold; 
	text-decoration:none; 
	padding:0 0 0 25px; 
	background:url(img/mainnav_a.gif) top left no-repeat; 
	color:#fff; 
	font: bold 1.2em/1.6em arial,sans-serif; 
	margin-right:10px;
	text-shadow: #7f7575 0px 0px 8px; 
	/* text-shadow for ie */
	filter: Shadow(Color=#7f7575, Direction=-60, Strength=2);
	}
#mainNav ul li a span { padding:11px 25px 28px 0; background:url(img/mainnav_a.gif) top right no-repeat; float:none; }
#mainNav ul li a span span{ padding:0; background:none; }
#mainNav ul li a:hover, #mainNav ul li.Current a { background-position:bottom left; }
#mainNav ul li a:hover span, #mainNav ul li.Current a span { background-position:bottom right; }

/* breadcrumbs 
****************************************/

#breadCrumbs { position:absolute; right:15px; top:25px; font-size:0.9em; color:#50b948; font-weight:bold; }
#breadCrumbs a, #breadCrumbs span { text-decoration:none; font-weight:normal; float:left; color:#427149; }
#breadCrumbs a:hover { text-decoration:underline; }
#breadCrumbs .Sep { text-indent:-9999px; display:block; float:left; width:15px; height:15px; background:url(img/breadcrumb_sep.gif) center no-repeat; }

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

#content { margin-top:20px; }

.Box { background:#efeff1; border:1px solid #dddde1; }

/* red box */

.Red .Box { background:#D2232A; color:#fff; }
.Red h1 { color:#fff; }

/* oldskool image replacement */

.IR { background-position:top left; background-repeat:no-repeat; margin:0; display:block; overflow:hidden; }
.IR span { position:absolute; top:-9999px; }

h3.IR { width:310px; height:61px; }

h3.Audit { background-image:url(img/h3_audit.gif); }
h3.References { background-image:url(img/h3_references.gif); }
h3.Video { background-image:url(img/h3_video.gif); }

a.IR { width:235px; height:40px; float:left; }

a.Video { background-image:url(img/a_video.gif); }
a.Audit { background-image:url(img/a_audit.gif); }
a.References { background-image:url(img/a_references.gif); }
a.Downloads { background-image:url(img/a_downloads.gif); }

/* subnav */

.SubNav ul { list-style:none; margin:0; }
.SubNav ul li { padding:0; margin:0; width:235px; float:left; }
.SubNav ul li a { display:block; padding:4px 0 5px 10px; background:url(img/subnav_a.gif) top left no-repeat; font: bold 1.2em/1.5em arial,sans-serif; color:#758489; text-decoration:none; }
.SubNav ul li a:hover, .SubNav ul li a:focus { background-position:1px -30px; color:#bb0709; }
.SubNav ul li.Current a { background-position:0px -30px; color:#bb0709; }

/* news */

#news { width:205px; }
#news h2 { background:url(img/hr.gif) bottom left repeat-x; padding-bottom:5px; margin-bottom:10px; }
#news h3 { font-size:0.9em; margin-bottom:5px; }

.More { float:right; text-decoration:none; }
.More:hover { text-decoration:underline; }

/* scrollers */

#news .Scroller { height:95px; position:relative; overflow:hidden; }
#news .Scroller .Items { clear:both; height:95px; position:absolute; width:20000em; }
#news .Scroller .Items div { float:left; width:205px; margin-right:15px; }

#news .navi { position:absolute; top:15px; right:15px; }

.navi a { float:left; display:block; text-decoration:none; color:#fff; background:#d7d7d8; padding:0 4px; font-size:0.8em; font-weight:bold; margin-left:2px; }
.navi a.active, .navi a:hover { background:#d2232a; }

#video, #refs, #audit { min-height:215px; }

#video { width:280px; }
#video .Scroller2 { height:185px; position:relative; overflow:hidden; margin-bottom:15px; }
#video .Scroller2 .Items { clear:both; height:185px; position:absolute; width:20000em; }
#video .Scroller2 .Items div { float:left; width:280px; margin-right:15px; }
#video .navi { float:right; }

#video .Scroller2 .Items a { display:block; cursor:pointer; }

#refs { width:280px; }
#refs .navi { position:absolute; top:15px; right:15px; }
#refs .Scroller { height:210px; position:relative; overflow:hidden; }
#refs .Scroller .Items { clear:both; height:210px; position:absolute; width:20000em; }
#refs .Scroller .Items div { float:left; width:280px; margin-right:15px; }



/* button */

a.Button { float:right; display:block; width:100px; text-align:center; background:url(img/readmore.gif) center no-repeat; padding:3px 0 5px; text-decoration:none; color:#666; font-size:0.8em; margin-top: 8px; }

/* team */

.Member { margin-bottom:20px; }
.Odd { margin-left:20px; float: right;}

.Member img { float:left; overflow:hidden; width: 100px;}

.teamBox{
	width:100px;
	margin:0 6px 6px 0;
	background:#efeff1;
	border:#dddde1 1px solid;
	padding:15px;
	float:left;
	text-align:center;
}

.teamBox img{
	width:100px;
}

/* downloads */

ul.Downloads { list-style:none; margin-left:0; }
ul.Downloads li { padding-left:18px; background:url(img/li_downloads.gif) 0 2px no-repeat; }

/* audit */

.Special { 
padding:5px 19px 6px;
border:none; 
border-bottom:1px solid rgba(0, 0, 0, 0.25); 
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:1px; 
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); 
color:#fff;
font: bold 1.2em/1.5em arial,sans-serif;
background:#AF0507 url(img/overlay-button.png) repeat-x scroll 100% 0;
cursor:pointer;
float:none;
text-shadow:-1px -1px 2px #800506;
text-decoration:none;
}

.Special:hover { background-image:none; }

/* SITEMAP 
****************************************/

.indent_left
{
	margin-left: 50px;
	margin-top: 12px;
	padding-bottom: 12px;
}

/* FOOTER
****************************************/

#footerHolder { background:#fff url(img/back_contentholder.gif) top repeat-x; height:50px; margin-top:50px; }

/* overlay */

.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#000; 
     
    width:520px;     
    min-height:293px; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.simple_overlay .close { width:45px; height:45px; background:#990000; position:absolute; top:-25px; right:-25px; cursor:pointer; background:url(img/close.png) top left no-repeat }

div.error{
	color:#D2232A;
	font-weight:bold;
}

#waxlogo{
	width:35px;
	height:29px;
	margin:0 auto;
	position:relative;
	display:none;
}

#waxlogo a{
	position:absolute;
	top:15px;
}

#waxlogo a img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#waxlogo a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}