charset "utf-8";
/* default CSS for eca */

body { margin:0; padding:0; }

* { margin:0; padding:0; }

a img { border:0; }

.cufon-loading { visibility:hidden; }

/* algemene terugkerende classes */

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

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

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

.Box { position:relative; }

.Span-14	{ width:1000px !important; }
.Span-10	{ width:625px; }
.Span-9		{ width:700px; }
.Span-8		{ width:640px; }
.Span-5		{ width:340px; }
.Span-4		{ width:375px; }
.Span-42	{ width:330px; }
.Span-3		{ width:220px; }

.Padding 	{ padding: 15px 40px 0 15px; }
.Padding2 	{ padding: 15px 15px 0 35px; }
.Padding3 	{ padding: 30px 15px 0 35px; }
.Padding4 	{ padding: 15px; }

.PaddingTop	{ padding-top:15px; }

.MarginB 	{ margin-bottom:10px; }
.MarginR 	{ margin-right:20px; }

.BorderB { margin-top:15px; border-bottom:1px solid #ccc; }

/* Basic horizontal menu */

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

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

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

html { background:#fff; }

body { background:url(img/back_headerholder.jpg) center top repeat; color:#51361c; }

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

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

#headerHolder { height:auto; background:url(img/back_header2.jpg) center top no-repeat; z-index:3; }

#header {  z-index:30; height:105px; }

#header .Logo { display:inline; width:282px; height:90px; border:none; background:url(img/logo.gif) no-repeat; margin:15px 0 0 5px; float:left; }

.Logo strong { position:absolute; top:-9999px; }

/* NAVHOLDER
****************************************/

.MainNav { position:absolute; top:60px; right:10px; z-index:300 }

.MainNav li a, .Language li a { padding:15px 5px; text-decoration:none; color:#381400; font-weight:bold; }
.MainNav li a { font-size:1.4em; padding:15px; }
.MainNav li.Current a, .MainNav li a:hover, .Language li a.Active, .Language li a:hover, .MainNav li.sfHover a, .MainNav li:hover a { color:#f93; }

.MainNav li a:hover, .MainNav li:hover a, .MainNav li.sfHover a { background:#fff; }

.MainNav ul { position:absolute; top:-999em; left:0; width:170px; background:#fff; z-index:51 }
.MainNav li:hover ul, .MainNav li.sfHover ul { top:45px; }

.MainNav ul li a { color:#381400 !important; display:block; width:140px; padding:15px; float: left; }
.MainNav ul li a:hover { color:#f93 !important; }

.Language { position:absolute; top:0; right:55px; }

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

#bannerHolder { background:url(img/back_bannerholder.jpg) center top no-repeat; z-index:10; }

#banner { height:380px; position:relative; z-index:100; }

#slide-holder { width:1000px; height:370px; position:relative; }

#slide-runner { position:absolute; top:35px; left:15px; width:970px; height:280px; overflow:hidden; }

#slide-runner img { display:none; margin:0; position:absolute; }

#slide-controls { position:absolute; top:0; left:0; width:970px; background: url(img/back_slidedesc.png) repeat; color:#fff; }
#slide-controls p { margin:15px 25px; font-size:1.3em; }

#slide-nav { position:absolute; bottom:37px; height:33px; left:10px; padding:20px 0 0 25px; height:33px; width:150px; background:url(img/slider_nav_back.png) center left no-repeat; }
#slide-nav a { display:block; float:left; width:16px; height:13px; text-decoration:none; color:#600; background:url(img/slider_nav.gif) top left no-repeat; margin-right:15px; }
#slide-nav a:hover, #slide-nav a.on { background-position:bottom left; }
#slide-nav a span { position:absolute; top:-9999px; }

.CaptionMore { color:#F90; font-weight:bold; text-decoration:none; position:absolute; top:12px; right:15px; font-size:1.3em; padding-left:30px; float:left; display:block; background:url(img/slider_moreleft.png) center left no-repeat; }

.CaptionMore span { padding:10px 15px 10px 0; background:url(img/slider_moreright.png) center right no-repeat; display:block; float:left !important; cursor:pointer; }

.MorePics { position:absolute; bottom:9px; right:7px; background: url(img/more_pictures.png) top left no-repeat; width:113px; height:101px; display:block; z-index:4 }

.MorePics span { position:absolute; top:-9999px; }

/* QUOTES homepage
****************************************/

#quotes { margin-bottom:20px; background:url(img/back_news.jpg) top center no-repeat; position:relative; height:250px; }

.Quote { clear:both; display:none; width:315px; position:absolute; top:30px !important; left:35px !important; }

.QuoteQuote { font-size:1.4em; margin:0 0 10px ; line-height:1.2em; clear:right; }
.QuoteFrom { font-weight:bold; font-size:1.2em; width:260px; float:left; line-height:1em; margin-top:7px; }

.QuoteImage { width:43px; height:53px; overflow:hidden; position:relative; float:left; margin:7px 12px 0 0; }
.QuoteImage .Mask { width:43px; height:53px; background:url(img/quote_mask.png); position:absolute; top:0; left:0; }

.QuoteRandom { display:block; width:171px; height:50px; background:url(img/quote_random.gif) center no-repeat; cursor:pointer; }
.QuoteRandom span { position:absolute; top:-9999px; }

/* CONTENT
****************************************/

#contentTop { background:url(img/back_contenttop.gif) center top repeat-x; height:31px; }

#contentHolder { background:#ede9dd url(img/back_contentholder.jpg) center top repeat-x; z-index:2 }

#content { background: url(img/back_content.png) 614px 0 repeat-y; overflow:hidden; z-index:20 }

#contentBottom { position:absolute; bottom:0; left:0; height:141px; background:url(img/back_contentbottom.jpg) center bottom repeat-x; z-index:11; }

.MorePlus { text-decoration:none; font-weight:bold; font-size:1.6em; padding-left:30px; display:block; float:left; background:url(img/more_left.gif) center left no-repeat; color:#581E00; }
.MorePlus strong { padding:5px 15px 10px 0; background:url(img/more_right.gif) center right no-repeat; float:left; display:block; }

/* grindstats
****************************************/

#grindStats { background:url(img/grindstats.gif) 270px 25px no-repeat; overflow:hidden; margin-bottom:20px; clear:both; }

#grindStats p { padding-right:120px; }

.Download { display:block; float:left; padding:0 0 0 30px; background:url(img/grindstats_link.gif) center left no-repeat; font-weight:bold; text-decoration:none; color:#5a8524; }
.Download span { display:block; float:none; padding:10px 20px 10px 0; background:url(img/grindstats_link.gif) center right no-repeat; }

/* QUIZ
****************************************/

.Wrong { color:#C00; font-weight:bold; }
.Correct { color:#690; font-weight:bold; }

.quizForm .row { margin-bottom:0; padding-right:0; }
.quizForm .radio, .quizForm .label { float:left; }
.quizForm input { border:none; background:none; }
.quizForm .radio { clear:left; width:20px }
.quizForm .label { clear:right; width:290px; margin-bottom:10px; }
.quizForm .label label { font-weight:normal; display:inline; }

.Question { overflow:hidden; width:310px; }
.Score { background:url(img/line.gif) top left repeat-x; padding-top:20px; margin-top:15px; }

/* SUBNAV
****************************************/

#subNav { margin:0; padding:0; list-style:none; overflow:hidden; margin-bottom:10px; clear:both; width:375px; list-style:none; line-height:1.4em; }
#subNav li { display:block; padding:0; background:none; margin:0; float:left; line-height:1.4em; }
#subNav li a { display:block; float:left; width:200px; font-size:1.2em; color:#581e00; font-weight:bold; text-decoration:none; padding:14px 20px 19px 55px; background:url(img/subnav_a.gif) 30px 45% no-repeat; } 
#subNav li.Current a, #subNav li a:hover { color:#F60; }
#subNav li.Current a { background:url(img/subnav_active.png) center left no-repeat; }

#subNav li ul { margin:8px 0 0 45px; float:left; clear:left;  }
#subNav li.Current li a { background:url(img/subnav_aa.gif) 0 -10px no-repeat; font-size:1em; color:#581e00; margin:0; padding:10px 20px 5px 28px; }
#subNav li li.Current a, #subNav li li a:hover { color:#f60; }

/* NEWS, MEMBERS
****************************************/

#news { background:url(img/back_news.jpg) top center no-repeat; }
/*#news h3 { padding-bottom:20px; background:url(img/line.gif) bottom center repeat-x; } news item is with content now */
#news h3.last { background:none; margin-bottom:0; }

p.Date { margin-bottom:0.5em; }

.Item { background:url(img/line.gif) bottom left repeat-x; margin-bottom:15px; overflow:hidden; }
.Item h2 a { text-decoration:none; border-bottom:1px solid #f93; font-weight:bold; }

#members h2 { margin-bottom:1.5em; }

.Item div { width:285px; float:left; }

/* PAPERS
***********************************/

.Paper { background:url(img/back_news.jpg) top center no-repeat; }

.PN { float:right; font-weight:bold; text-decoration:none; margin-left: 10px;  }
.Next { padding-right:20px; background:url(img/next.gif) center right no-repeat;}
.Prev { padding-left:20px; background:url(img/prev.gif) center left no-repeat;}

#terminology { margin:10px 0 20px; }

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

#footerHolder { background:#fff url(img/back_footer.jpg) top center repeat-x; }

#footer { padding-top:45px; background:url(img/footer_pod.jpg) 811px 11px no-repeat; color:#381400; }
#footer .Orange { font-weight:bold; }
#footer .Green { font-size:0.9em; }
#footerNav { overflow:hidden; margin-bottom:1.5em; }
#footerNav li a { font-size:1.2em; font-weight:bold; text-decoration:none; color:#; margin-right:25px; color:#381400; }
#footerNav li.Current a, #footerNav li a:hover { color:#f93; }