@import 'reset.css';
@import 'clearfix.css';

body{background:#000;}
body.mceContentBody{background:#7A0A09 !important;color:#fff;}
body.mceContentBody a{color:#fff;}
body{ font-family: Arial,Tahoma,"Lucida Grande","Trebuchet MS",Verdana,Arial,"Sans Serif"; color: #666666; font-size:12px;}

a{ color: #372B2B;}
a:hover{ color: #fff;}

h1{ font-size: 40px; margin-bottom: 0; }
div.inner h1{  margin-bottom: 0;color:#fff;
font-family:Arial;
font-size:21px;
margin-bottom:20px;}
h2{ font-family:Arial;color:#fff;
font-size:16px;
margin-bottom:5px; }
h3{ font-family:Arial;
font-size:14px; margin-bottom: 0; }
h4{ font-size: 13px; margin-bottom: 18px; color: #fff; }
h5{ font-size: 12px; line-height: 24px; margin-bottom: 24px; font-weight: normal; }
h6{ font-size: 10px; line-height: 1; margin-bottom: 20px; font-weight: normal; color: #333; }
.inner p {color:#fff;}
.inner p a{color:#E9E9E9;}
p{ font-size: 13px; line-height: 18px; margin-bottom: 10px; }

.leftSide a {
	display:block;
	color:#fff;
	padding:6px;
	border-bottom: 3px solid #942424;
	margin:0 50px 0 10px;
}
ul, ol{ font-size: 13px; line-height: 18px; margin-bottom: 18px; }

#header{clear:both;position:relative;height:188px;background:url(/images/header.jpg) no-repeat 0 0;}
#header_left {color:#FFFFFF;
float:left;
height:168px;
padding:20px 0 0 20px;
width:200px;}
#header a {color:#fff;}
#header h2{color:#FFFFFF;
font-size:41px;
left:339px;
position:absolute;
top:24px;}
#header h3{color:#FFFFFF;
font-size:26px;
left:339px;
position:absolute;
top:67px;}
#menu {left:278px;
position:absolute;
top:142px;}
#menu a {
	font-weight:bold;
	margin-right:35px;
}
span.note {
	display:block;
	margin:10px 0;
	padding:10px 10px 10px 36px;
}
span.warning {
	display:block;
	margin:10px 0;
	padding:10px 10px 10px 10px;
	background: #fce4e0;
	color: #d0583f;
	border: 1px solid #d0583f;
}
span.note {
	border: 1px solid #e7bd72;
	color: #000;
}
span.note a {
	text-decoration:none;
}

#content {background:url(/images/content.jpg) no-repeat 0 0;}
#wrapper{width:970px;margin: 0 auto;}
#container{ width: 980px; margin: 0 auto; position: relative; }

a.img{ display: block; padding: 0; border: none; }
a.img img{ display: block; }

a.videoIntro{ margin-left: -8px; position: relative; }
a.error{ border: none; padding: 0; }

h2.logo{ text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; float: left; }
h2.logo a{ width: 350px; height: 110px; display: block; background: url(/images/logo.png) top left no-repeat;
	padding: 0; 
	border: none;
	}
h2.logo a:hover{
	padding: 0; 
	border: none;
	}
#directionsPanel {font-size:12px;}
.mid{ margin-top: 6px; }
ul.list li{ margin-bottom: 8px; }

h4.h-overview{ background: url(/images/h-overview.gif) left top no-repeat; }
h4.h-aboutTest{ background: url(/images/h-abouttest.gif) left top no-repeat; }
h4.h-aboutAlzheimers{ background: url(/images/h/h-aboutalz.gif) left top no-repeat; }
h4.h-selftest-section{ background: url(/images/h/h-selftest-section.gif) left top no-repeat; }
h4.h-videoIntroduction{ background: url(/images/h/h-videointroduction.gif) left top no-repeat; }
h4.h-understandingResults{ background: url(/images/h/h-understandingresults.gif) left top no-repeat; }
h4.h-faqs{ background: url(/images/h/h-faqs.gif) left top no-repeat; }
h4.h-returningUsers{ margin: -16px -40px 0 -25px;height: 50px; }
h4.h-returningUsers a{ display: block; background: url(/images/h/h-returningusers.gif) left top no-repeat; height: 50px; width: 100%; }
h4.h-yourInfo{ background: url(/images/h/h-yourinfo.gif) left top no-repeat; }
h4.h-decodingResults{ background: url(/images/h/h-decodingresults.gif) left top no-repeat; }
h4.h-primer{ background: url(/images/h/h-primer.gif) left top no-repeat; }
h4.h-memosNews{ background: url(/images/h/h-memosnews.gif) left top no-repeat; }

h4.h-share-your-results{ background: url(/images/h/h-share-your-results.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-questions-to-ask{ background: url(/images/h/h-questions-to-ask.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-diagnosis-and-treatment{ background: url(/images/h/h-diagnosis-and-treatment.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-alzheimers-news{ background: url(/images/h/h-alzheimers-news.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-prevention-guides{ background: url(/images/h/h-prevention-guides.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-cognitive-monitoring{ background: url(/images/h/h-cognitive-monitoring.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-brain-exercise{ background: url(/images/h/h-brain-exercise.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-blog{ background: url(/images/h/h-blog.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-understandingResults{ background: url(/images/h/h-understanding-your-results.gif) left top no-repeat; margin-bottom: 2px; }

ul#nav-aux{ margin: 40px 0 0 0; padding: 0; width: 400px; float: right; list-style-type: none; }
ul#nav-aux li{ float: left; text-indent: -9999px; overflow: hidden; }
ul#nav-aux li a{ display: block; height: 23px; background: url(/images/nav-main.png) top left no-repeat;
	padding: 0; 
	border: none;
	}
	ul#nav-aux li.over a{ background-position: 0 0; width: 104px; }
	ul#nav-aux li.contact a{ background-position: -104px 0; width: 175px; }
	ul#nav-aux li.maakafspraak a{ background-position: -432px 0; width: 111px; }
	ul#nav-aux li.over a:hover{ background-position: 0 -23px; }
	ul#nav-aux li.contact a:hover{ background-position: -104px -23px; }
	ul#nav-aux li.maakafspraak a:hover{ background-position: -432px -23px; }

ul#nav-main{ margin: 0 0 20px 0; padding: 0; width: 955px; float: left; list-style-type: none; }
ul#nav-main li{ float: left; text-indent: -9999px; overflow: visible; position: relative; z-index: 900; }
ul#nav-main li a{ display: block; height: 30px; background: url(/images/nav-top.png) top left no-repeat;
	padding: 0; 
	border: none;
	}
	ul#nav-main li.main a{ background-position: 0 0; width: 107px; }
	ul#nav-main li.werkwijze a{ background-position: -107px 0; width: 107px; }
	ul#nav-main li.diensten a{ background-position: -214px 0; width: 107px; }
	ul#nav-main li.ondernemingsplan a{ background-position: -325px 0; width: 226px; }
	ul#nav-main li.financiering a{ background-position: -550px 0; width: 184px; }
	ul#nav-main li.faq a{ background-position: -743px 0; width: 167px; }
	ul#nav-main li.main a:hover,
	ul#nav-main li.main a.selected{ background-position: 0 -30px; }
	ul#nav-main li.werkwijze a:hover,
	ul#nav-main li.werkwijze a.selected{ background-position: -107px -30px; }
	ul#nav-main li.diensten a:hover,
	ul#nav-main li.diensten a.selected{ background-position: -214px -30px; }
	ul#nav-main li.ondernemingsplan a:hover,
	ul#nav-main li.ondernemingsplan a.selected{ background-position: -325px -30px; }
	ul#nav-main li.financiering a:hover,
	ul#nav-main li.financiering a.selected{ background-position: -550px -30px; }
	ul#nav-main li.faq a:hover,
	ul#nav-main li.faq a.selected{ background-position: -743px -30px; }

.leftSide ol{ padding-left: 19px; list-style-type: decimal; }
.leftSide ul{ padding-left: 19px; list-style-type: disc; }

#footer{ padding:0 17px;height: 95px; margin-top: 0;clear:both; background:url(/images/footer.jpg) no-repeat; }
#footer p{ color: #999999; float: left; clear: left; line-height: 2; margin: 16px 0 0; font-size: 12px; line-height: 20px; width: 50%; }
#footer p.outside a {color: #999999;}
#footer p.outside {font-size:10px;text-align:center;width:100%;}
#footer a{ color: #FFFFFF; 
	padding: 0 0 0 0; 
	border: none;
	}
#footer a:hover{ color: #FFFFFF; 
	padding: 0 0 0 0; 
	border-bottom: 1px dotted #fff;
	}
#footer a.facebook{ padding-left: 20px; background: url(/images/icon-facebook.png) no-repeat left center; }
#footer a.twitter{ padding-left: 20px; background: url(/images/icon-twitter.png) no-repeat left center; }
#footer a.rssfeed{ padding-left: 20px; background: url(/images/icon-rss.png) no-repeat left center; }

/* FORM GLOBALS */
label{width:80px;float:left; font-size: 11px; line-height: 24px; color: #fff; }
.rightSide label{width:115px;float:left; font-size: 11px; line-height: 24px; color: #fff; }
label em, .red{ color: red; }
div.captcha{text-align:right;padding:0 10px;}
input.text,
select,
textarea{ color:#222222;
font-size:10px;
background:#C0C0C0;
font-weight:bold;
margin-bottom:5px;
width:122px;
padding:1px; }
.rightSide input.text,
.rightSideselect,
.rightSide textarea{ color:#222222;
font-size:10px;
background:#C0C0C0;
font-weight:bold;
margin-bottom:5px;
width:322px;
padding:1px; }
input.image,
input.submit{ display: block; margin-top: 6px; }
div.row{clear:both;}
span.radio{
	width: 46px;
	height: 45px;
	padding: 0 5px 0 0;
	background: url(/images/btn-radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.rightSide ul li a {color:#fff;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#container{ width: 974px !important; width: 975px; margin: 0 auto; position: relative; }

.midThird h4{ width: 105px; height: 45px; width: auto; }
.rightThird h4{ width: 185px; height: 45px; width: auto; }
h4.h-aboutTest{ background: url(/images/h-aboutthetest.gif) left top no-repeat; }
h4.h-aboutAlzheimers{ background: url(/images/h-whoshouldtakethetest.gif) left top no-repeat; }

#callToAction{ margin: 0 0 30px 0; clear: both;  padding-bottom: 14px; }
.leftSide  {
min-height:385px;
width:250px;
float:left;
}
.leftSide .inner {
	padding:0 10px;
}
.leftSide .inner.small {
	padding-bottom: 20px;
}
.leftSide .inner form{margin:0 0 0 10px;}
.leftSide .inner h2 {margin:20px 10px 10px 10px;font-size:12px;}
.rightSide  {
float:right;
width:720px;
color:#fff;
}
.rightSide .inner {
padding:0 40px 30px 40px;
}
.rightSide .inner h3,
.rightSide .inner h4 {

	color:#fff;
	margin-bottom: 5px;
}
#logo {position:absolute; left:264px;top:28px;}
#callToAction .right{ float: right; width: 640px; }
#callToAction .right .corner{ float: right; width: 15px; height: 15px; position: absolute; right: -1px; display: block; background: url(/images/slide-show/corner.png) top right no-repeat; z-index: 99; }
#slide-show{ width: 640px; height: 353px; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#slide-show div.step1{ background: url(/images/slide1.png) top left no-repeat; height: 352px; width: 640px; }
#slide-show div.step1 h2{ text-indent: -9999px; overflow: hidden; margin: 0; height: 90px; }
#slide-show div.step2{ background: url(/images/slide2.png) top left no-repeat; height: 352px; width: 640px; }
#slide-show div.step2 h2{ text-indent: -9999px; overflow: hidden; margin: 0; height: 90px; }
#slide-show div.step3{ background: url(/images/slide3.png) top left no-repeat; height: 352px; width: 640px; }
#slide-show div.step3 h2{ text-indent: -9999px; overflow: hidden; margin: 0; height: 90px; }
#slide-show div.step4{ background: url(/images/slide4.png) top left no-repeat; height: 352px; width: 640px; }
#slide-show div.step4 h2{ text-indent: -9999px; overflow: hidden; margin: 0; height: 90px; }
#slide-show .details{ margin-left:38px;
width:460px; }
	#slide-show .details p{ color: #fff; margin-right: 30px; font-size:20px;line-height:30px;}
	#slide-show .details ul li { color: #fff; margin-right: 30px; font-size:20px;line-height:30px;list-style:inside;}
	#slide-show .details p a{ color: #fff; border-bottom: 1px dotted #fff; }
	#slide-show .details p a:hover{ color: #fff; border-bottom: 1px solid #fff; }
	#slide-show .details ul li a { color: #fff;}
	#slide-show .details ul li a:hover { color: #fff;}
	#template-secondary {
		border-top:1px solid #E7E7E7;
		clear:both;
		padding-top:30px;
	}
	.left{ float: left; width: 333px; height: 355px; }
	.left h2.test{ text-indent: -9999px; width: 333px; height: 75px; overflow: hidden; display: block; margin: 0 0 0 0; background: url(/images/startnu.png) left top no-repeat; border-top: 1px solid #e1e1e1; }
	.left h3.results{ text-indent: -9999px; width: 340px; height: 57px; overflow: hidden; display: block; margin: 0 0 0 0; background: url(/images/h-seeresults.gif) left top no-repeat; }
	#features-tab {background: url(/images/links.png) left top repeat-y;}
	div.topleft {background: url(/images/links.png) left top repeat-y;}

	.ui-tabs-hide{ display: none; }
	
	#features-tab{ padding-top: 0px; }
	#features-tab p{ padding: 10px 0 10px 0px; margin: 0; margin: 0 30px 0 20px; border-bottom: 1px solid #e7e7e7; }

#callToAction .left .topleft{ height: 200px; }

#callToAction .left p{ margin-left: 24px; margin-right: 50px; }
.getstarted{ margin-left: 22px; }
.getstarted li{ display: inline; text-indent: -9999px; }
.getstarted li a{ float: left; height: 39px; display: block; border: none; }
.getstarted li.getstarted a{ width: 188px; background: url(/images/afspraakmaken.png) no-repeat left top; margin-right: 10px; }
.getstarted li.learnmore a{ width: 82px; background: url(/images/btn-learnmore.gif) no-repeat left top; }
.getstarted li.getstarted a:hover{ background-position: left bottom; }
.getstarted li.learnmore a:hover{ background-position: left bottom; }
	
#callToAction .third{ float: left; padding-top: 5px; background: url(/images/gradient.gif) repeat-x left 5px; }
#callToAction .midThird{ width: 330px; }
#callToAction .rightThird{ width: 309px; border-right: 1px solid #e1e1e1; }

#callToAction .midThird .inner{ margin: 0 23px 0 34px; }
#callToAction .rightThird .inner{ margin: 0 0 0 20px; background: url(/images/doctor-corner.jpg) no-repeat right top; height: 326px; }
#callToAction .rightThird .inner p{ margin-right: 170px; margin-bottom: 26px; }

#callToAction .third ul{ margin: 0; }
#callToAction .third li{ text-indent: -9999px; overflow: hidden; margin: 0 0 5px 0; }
#callToAction .third li a{ height: 23px; display: block; border: none; }
#callToAction .third li.why a{ width: 250px; background: url(/images/btn-why.gif) no-repeat left top; }
#callToAction .third li.meet a{ width: 169px; background: url(/images/btn-meet.gif) no-repeat left top; }
#callToAction .third li.blog a{ width: 220px; background: url(/images/main/btn-blog.gif) no-repeat left top; }
#callToAction .third li.why a:hover{ background-position: left bottom; }
#callToAction .third li.meet a:hover{ background-position: left bottom; }
#callToAction .third li.blog a:hover{ background-position: left bottom; }