html, body{ margin: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; height: 100%;  background: #fff; color: #000;}
img{ border: none; }
input{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px}
a{ color: #000; text-decoration: none; }
a:hover{ text-decoration: underline; }
#top{ height: 280px; background: url(../images/top2_bg.png) repeat-x; }
#top .inner{ height: 280px; background: url(../images/top2.png) no-repeat top center; }
#top .inner #headContainer{ width: 980px; margin: 0px auto; }
.results #top .inner{ background-image: url(../images/result_head.png); cursor: pointer; }
#middle{ background: url(../images/analyseer_bg.png) repeat-x; height: auto; margin-top: 9px;  }
#middle .inner{ background: url(../images/analyseer.png) no-repeat top center; }
#middle .inner .txt{ width: 980px; margin: 0px auto;  }
.error{ color: #d92626; padding-left:15px; }
.info{ color: #aaa; font-style: italic; }
.message{ padding: 5px;padding-left:10px;background-color:#ffffcc;margin: 10px 0px;line-height:18px;border:1px solid #FFEC00; color: black; }
#left{ width: 500px; padding: 10px; float: left; }
#right{ width: 360px; padding: 10px; float: left; background-color: #7f7f7f; min-height: 600px; }
#bottom{ width: 980px; margin: 10px auto; color: #000; clear: both; }
.blank #bottom{ background-image: url(../images/bottom_blank.png); }
td{ font-size: 12px; }
th{ text-align: left; border-bottom: 2px solid #aaa; color: #000; font-size: 14px; }

tr.loading{ background-color: #1383c4; }
tr.odd.loading{ background-color: #2b96d4; }


.resulthead{ margin-top: 0px; }
.resulthead td{ font-size: 14px; vertical-align: bottom; color: white; }
#percentage{ width: 50px; margin-top: 4px;}
.voortgangOuter{ width: 200px; border: 1px solid #fff; background-color: #444; height: 20px; margin-left: 10px; float: left; }
.voortgangInner{ width: 10px; height: 20px; background-color:#29e203; }
.resulthead .domein{ color: white; font-size: 24px; font-weight: bold; }
.resulthead .domeinLight{ font-weight: normal; font-size: 24px; }

#bullets{ list-style-image: url(../images/bullet.png);margin: 10px; }
#bullets li{ font-size: 18px; padding: 0px; margin: 0px; }
.white{ font-size: 16px; color: #fff; font-weight: bold; padding-left: 20px; }
.home #site{ background: url(../images/input_bg.png) no-repeat; border: none; width: 624px; height: 50px; line-height:50px;  font-size: 30px; font-style: italic; color: #777; padding: 0px 10px; margin-top: 25px; }
.home #site.focus{ color: #000; font-style: normal; font-weight: bold; }
#submit{ background: url(../images/analyseer_btn.png) no-repeat; border: none; width: 319px; height: 50px; cursor: pointer; margin-top: 15px; }

#laatste5{ width: 670px; }
#laatste5 td{ font-size: 14px; }
#laatste5 th{ font-size: 14px; font-weight: bold; }

#top5 #laatste5{ width: 100%; }

td.score, .volgende{ color: #1485c6; font-weight: bold; }
tr.over td.score{ color: #fff; }
.pagerankOuter{ height: 14px; width: 100px; border: 1px solid #555; background-color: white; margin-left: 10px; text-align:left; }
.pagerankOuter.small{  float: left; margin-right: 10px; width: 60px; }
.pagerankOuter.big{ width: 200px; border: 1px solid #fff; height: 20px; }
.pagerankInner{ height: 14px; }
.pagerankOuter.big .pagerankInner{ height: 20px; }
.pagerankInner.pr0{ width: 10%; background-color: #f31414; }
.pagerankInner.pr1{ width: 20%; background-color: #f31414; }
.pagerankInner.pr2{ width: 30%; background-color: #f31414; }
.pagerankInner.pr3{ width: 40%; background-color: #ff9000; }
.pagerankInner.pr4{ width: 50%; background-color: #ff9000; }
.pagerankInner.pr5{ width: 60%; background-color: #ff9000; }
.pagerankInner.pr6{ width: 70%; background-color: #12e90d; }
.pagerankInner.pr7{ width: 80%; background-color: #12e90d; }
.pagerankInner.pr8{ width: 90%; background-color: #12e90d; }
.pagerankInner.pr9{ width: 95%; background-color: #12e90d; }
.pagerankInner.pr10{ width: 100%; background-color: #12e90d; }

.pagerankOuter.small .pagerankInner.pr0{ background-color: #fff; }

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

#inschrijven{ border: none; background: url(../images/btn_aanmelden.png) no-repeat; width: 412px; height: 45px; cursor: pointer; }

#copyright{ clear: both; margin-top: 10px; color: #fff; font-weight: bold; font-size: 11px; background: url(../images/bottom_bg.png) repeat-x bottom left; height: 115px; margin-top:60px}
#copyright a{ color: #fff; }

#copyright .logo{ width: 980px; margin: 0px auto; text-align: right; }
#copyright .inner{ width: 980px; margin: 0px auto; margin-top: 12px; }

.newAnalyse{ font-size: 14px; font-weight: bold; }
.alle_resultaten{ font-size: 12px; color: white; font-weight:bold; line-height:24px;}
/* SORTABLE TABLE */
#blResult th, #overzicht th {
	background: url(../images/icon-table-sort.png) no-repeat 2px 8px;
	padding: 4px 4px 4px 14px;
}


#blResult .sortedASC, #overzicht .sortedASC {
	background: url(../images/icon-table-sort-asc.png) no-repeat 2px 4px;
}

#blResult .sortedDESC, #overzicht .sortedDesc {
	background: url(../images/icon-table-sort-desc.png) no-repeat 2px 10px;
}

#blResult .tableHeaderOver, #overzicht .tableHeaderOver {
	cursor: pointer;
	color: #29e203;
}



tr.over {
	background-color: #30cb1b;
	color: #fff;
	cursor: pointer;
}
tr.over a{ color: #fff; }

tr.hide {
	display: none;
}
.clear{ clear: both; }
h1{ font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; border-bottom: 1px solid #dbe8f9; font-style: italic; padding-top: 10px; margin-bottom: 5px; }
.bold{ font-weight: bold; }
.form input[type=text]{ width: 325px; height: 33px; line-height:33px; padding: 0px 7px; background: url(../images/inputwide_bg.png) no-repeat; border:none; margin-left:12px;}
#hand{ position: fixed; _position: absolute; top: 0px; width: 106px; height:169px;  z-index: 10; margin-left: 874px; margin-top: 400px; }
.msg{ font-size: 14px; font-weight: bold; color: white; margin-bottom: -25px; padding-left:10px; padding-top: 2px;}

#inschrijfForm{ width: 700px; float: left; }
#top5{ width: 220px; float: left; margin-left:40px; background-color: #dbe8f9; padding: 10px; margin-top: 60px; }
#top5 td{ font-size: 12px; }
#top5 h1{ font-size: 14px; font-weight: bold; border: none; }
#top5 h2{ font-size: 12px; font-weight: normal; color: #555; font-style: italic; }