/*
CSS for HRtop100.nl
*/

/* --------------------------------------------------
	ALGEMENE TAGS 
-------------------------------------------------- */

body { background-color:#fff; background-image:url('../img/bg.gif'); background-repeat:repeat-x; font-family:Arial,Sans-serif; font-size: 12px; line-height: 16px; color: #313131; }
div { /* nothing */ }
p { margin-bottom:16px; }
ul { margin-bottom:16px; }
li { margin-left:20px; list-style-type: square; }
h1 { font-weight: bold; font-size: 24px; display: block; color: #036; line-height: normal; margin: 0 0 16px 0; }
h2 { font-weight:bold; font-size: 16px; color: #036; line-height: 22px; margin: 0 0 16px 0; }
h3 { font-weight:bold; font-size:13px; margin: 8px 0 2px 0; color: #036; line-height: normal; }
img { border:0; }
a { text-decoration:none; color:#15406f; }
a:hover, div a:hover { text-decoration:underline; color:#000000 !important; }
strong { font-weight:bold; }
table { display:block; }
td { display:block; float:left; height:64px; }
img.right { float: right; margin: 0 0 5px 10px; }
div.clear { clear: both; }

a.more {  }

img.alignright { float: right !important; margin: 0 0 10px 10px !important; }
blockquote { display: block; padding: 16px 32px 1px 32px; color: #036; background-color: #eef3fc; margin: 0 0 16px 0; border-top:1px dotted #7f99b2; border-bottom:1px dotted #7f99b2; text-align: center; }
blockquote strong { xdisplay: block; font-family: Georgia; font-size: 17px; line-height: 22px; font-style: italic; font-weight: normal; }

/* --------------------------------------------------
	ALLE DIV'S 
-------------------------------------------------- */

div#container, div.container { width:980px; margin:0 auto; }

div#matrix { display:block; float:left; width:980px; height:520px !important; margin:0; padding:0 0 0 10px; background-color:#153f6d; }
div#matrix p { margin:8px 0 0 0; color:#fff; }
div#matrix p a, div#matrix p a:visited, div#matrix p a:hover { color:#fb9f4a; font-weight:bold; }
div#matrix p a:hover { color:#fb9f4a !important; text-decoration:underline; }
div#matrix td.M { background-image: url(../img/man_s.gif); }
div#matrix td.M-loading { background-image: url(../img/man_s_load.gif); }
div#matrix td.F { background-image: url(../img/vrouw_s.gif); }
div#matrix td.F-loading { background-image: url(../img/vrouw_s_load.gif); }
div#matrix td.loaded { background-image: none; }
div#matrix td a { display: block; width: 64px; height: 64px; overflow: hidden; }
div#matrix img { display: none; width: 64px; height: 64px; }

div.newrow, div.newrow-line, div.newrow-dotted { clear:both; float:none; width:100%; height:0em; margin:0em; border:none; }
div.newrow-line { border-top:1px solid #036; }
div.newrow-dotted { border-top:1px dotted #7f99b2; }

div#header { margin:0; }
div#navigation { display:block; width:980px; height:28px; margin:0; padding:12px 0 0 10px; font-size:16px; }
div.nav-tab { float:left; height:28px; margin:0 15px 0 0; color:#036; background-color:#fff; }
div.nav-notab { float:left; height:28px; margin:0 15px 0 0; }
div.nav-notab a, div.nav-notab a:hover, div.nav-notab a:visited { color:#fff !important; display:block; padding:5px 12px 5px 12px; }

div#content { margin-top:15px; }
div#contentpagina {  }
div#contentpagina h1, div#contentpagina h2 {  }
div#contentpagina a { text-decoration:underline; }

div.left-col { float:left; width:640px; margin:0; padding:20px 0 40px 20px; min-height: 400px; }
div.right-col { float:left; width:300px; margin:0; padding:20px 0 30px 20px; }
div.col-eenderde { display:block; float:left; width:300px; margin:15px 0 15px 20px; }
div.col-eenderde a { font-weight:bold; }
div#intro { /* border-bottom:1px solid #036; */ margin:0; padding:0 0 0 0; }

div.persoon-extras { font-size:11px; font-weight: bold; color:#369; position: absolute; width:330px; top:422px; margin-bottom:0; padding: 6px 0 15px 0; border-top:1px dotted #7f99b2; }
div.persoon-extras-profiel { float:left; width:100px; }

div.list-extras-profiel { float:left; width:80px; }
div.list-extras-profiel img { float: left; /* To force away the line-height effects below the icons. */ }
div.list-extras-stem { clear: both; padding-top: 22px; }

div#persoon-preview { position: absolute; display:none; width:400px; height:128px; background-color: white; background-position: top left; background-repeat: no-repeat; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); }
div#persoon-preview.M { background-image: url(../img/man_m.gif); }
div#persoon-preview.F { background-image: url(../img/vrouw_m.gif); }
div#persoon-preview img { display:block; float:left; }
div#persoon-preview span.age { color:inherit; }
div#persoon-preview-tekst { display:block; float:right; width:252px; margin: 10px; }
div#persoon-preview-tekst p.quote { margin-bottom:7px; width: 252px; height: 45px; overflow: hidden; font-size: 11px; font-style: italic; line-height: normal; margin: 5px 0 10px 0; }
div#persoon-preview-tekst img { margin-right:1px; }

div.right-col img { margin-bottom:8px; }
div.persoon-extras-populariteit { display:block; float:left; }

/* div#list-nav-top { display:block; height:24px; padding:10px 0 0 0; }
div#list-nav-bottom { display:block; height:32px; padding-top: 10px; background-image:url('../img/listitem.gif'); background-repeat:no-repeat; } */
div#list-nav-top {  }
div#list-nav-bottom { padding-top: 16px; }
/* div.nav-bar { display:block; clear: both; height: 37px; line-height: 37px; background-color: #eef3fc; border-top: 1px dotted #7f99b2; margin-bottom: 10px; xborder-bottom: 1px dotted #7f99b2; padding: 0 5px; } */
div.nav-bar { display:block; clear: both; height: 28px; line-height: 28px; xbackground-color: #f0f0f0; border-top: 1px dotted #7f99b2; margin-bottom: 16px; border-bottom: 1px dotted #7f99b2; padding: 0 5px; background-color: #eef3fc; }
div.nav-bar a.previous, div.nav-bar a.next { font-weight: normal; }


div.introwide { float:left; text-align:left; }
div.col-leftside { float:left; width:355px; text-align:left; }
div.col-rightside { float:left; width:265px; text-align:right; }
div.list-entry { display:block; clear:both; float:none; min-height:60px; margin:0; padding:10px 0 10px 0; border-top:1px dotted #7f99b2; }
div#rightnav { display:block; float:left; width:280px; background-color:#eef3fc; padding:10px; margin:0 0 10px 0; border-top:1px solid #036; }
div#personalia { display:block; float:left; width:280px; padding:5px 10px 5px 10px; margin:0 0 10px 0; border-top:1px solid #036; border-bottom:1px solid #036; }

div#rightnav ul { margin:0; }
div#rightnav ul li,
div#rightnav ul li.current-cat ul li { list-style-image: url(../img/arrow_right.gif); }
div#rightnav ul li a,
div#rightnav ul li.current-cat ul li a,
div#rightnav ul li.current-cat ul li a:visited { font-weight:normal; color:#15406f !important; }
div#rightnav ul li a:visited,
div#rightnav ul li.current-cat ul li a:visited { font-weight:normal; color:#5779ad !important; }
div#rightnav ul li.rightnav-parent { list-style-image: url(../img/arrow_down.gif); }
div#rightnav ul li.current-cat, /* Wordpress generated classname. */
div#rightnav ul li.current-cat a, /* Wordpress generated classname. */
div#rightnav ul li.current-cat a:visited { /* Wordpress generated classname. */ list-style-image: url(../img/arrow_left.gif); font-weight:bold; color:#fb9f4a !important; }

div.list-entry:hover { background-color:#eef3fc; }
div.list-entry-image { float:left; width:75px; margin:0; padding:0 0 0 10px; }
div.list-entry-persoon { float:left; width:325px; margin:0 15px 0 0; padding:0; }
div.list-entry-persoon .organisatie {  }
div.list-entry-persoon p.quote { font-style: italic; margin: 0; font-size: 11px; line-height: normal; padding-top: 2px; }
div.list-entry-text { float:left; margin:0 15px 0 0; padding:0 0 0 10px; }
div.list-entry-details { margin: 15px 0 0 0; }
div.list-entry-text a:hover, div.list-entry-persoon a:hover { text-decoration:none; color:#000000 !important; }
div.list-entry .grijs { margin: 0; }

div#footer { margin:0; padding:10px 0 0 20px; color:#666666; vertical-align:middle; }
div.list-entry-extras { margin-top: 0; float: left; font-size: 11px; color: #369; }
div#footer-text { float:left; width:270px; padding-top:20px; font-size: 11px; }

div#persoon-details { margin:0 0 10px 0; padding:0; height:260px; /* border-bottom:1px solid #036; JWN: Not needed because there is already a line element below it in the html. */ }
div#persoon-details h1, div#persoon-details h2 { color:#036; }
div#persoon-details h1 { display:inline; }
div#persoon-foto { float:left; width:270px; height:270px; background-color:#eef3fc; }
div#persoon-intro { float:left; background-color:#eef3fc; width:330px; height:250px; padding:10px 20px 10px 20px; }
div#persoon-intro h2 { font-size: 13px; margin: 0; }
div#persoon-nav-bottom { display:block; height:32px; padding-top:10px; }
div#persoon-content { display:block; width:640px; }
div#persoon-content ul { /* padding:0 0 10px 0; JWN: this was needed for the border, but we don't show it anymore. */
	/* border-bottom:1px dotted #7f99b2; JWN: not needed anymore. the border is now handled by another element. */ }
div.persoon-extras-profiel img, div.list-extras-profiel img { margin-right:1px; }

div.person { clear: both; margin: 0 0 20px 0; padding: 10px 0 0 0; border-top:1px dotted #7f99b2; border-bottom:1px dotted #7f99b2; font-size: 11px; line-height: normal; }

div.website { clear: both; margin: 0 0 20px 0; padding: 0 0 0 0; border-bottom:1px dotted #7f99b2; font-size: 12px; line-height: normal; }
div.website h2 { margin: 0 0 2px 0; font-size: 13px; }
div.website img { border: 1px solid #4b7db0; }


div.populariteitsbalk { display:block; float:left; width:102px; height:12px; background-color:#4b7db0; padding:2px; }
div.populariteitsbalk-perc { height:12px; background-color:#fff; border-left: 2px solid #fff; /* To show at least something, even if someone's at 0%. */ }

div.list-entry-text p { margin-bottom:0; }

div.col-eenderde small { font-size: 11px; margin-left:14px; }

div#contentpagina h1 { margin-bottom:5px !important; }
div#contentpagina img, div#contentpagina object { float:left; margin:15px 20px 15px 0; }

div#formulier-intro { display:block; width:640px; float:left; text-align:left; border-bottom:1px solid #036; margin:0; padding:0 0 10px 0; }
div.formulier-error { display:block; float:left; width:620px; padding:2px 10px 2px 10px; margin:0; background-color:red; color:#fff; font-weight:bold; }
div.formulier-bullets { display:block; float:left; width:300px; margin:10px 0 10px 0; padding:0 0 0 20px; }
div.formulier-bullets label.disabled { color: grey; }
div#formulier-onderkant { float:left; text-align:left; margin:10px 0 0 0; }
div#formulier-onderkant div.error span { color: red; }
div#formulier-onderkant div.error input { border:2px solid red; }

div.forminput-small, div.forminput-med, div.forminput-large, div.forminput-full { display:block; float:left; margin:0 20px 10px 0; font-weight: bold; }
div.forminput-small { width:80px; }
div.forminput-med { width:200px; }
div.forminput-large { width:300px; }
div.forminput-full { width:640px; }


/* --------------------------------------------------
	ALLE SPAN'S 
-------------------------------------------------- */

span.lijsttitel { font-size: 16px; }
span.organisatie { font-size: 12px; font-weight:bold; }
span.current { color:#fb9f4a; }
span.error { color:red; }
span.grijs { font-size:11px; color:#666; }
span.age { color:#036; font-weight: normal; }

/* --------------------------------------------------
	ALLE INPUT'S 
-------------------------------------------------- */

input.error { border:2px solid red; }
input.small { width:80px; }
input.med { width:200px; }
input.large { width:300px; }

/* --------------------------------------------------
	AL HET OVERIGE 
-------------------------------------------------- */

a.mediumblue { color:#336699; }
a.nav-tab-link { display:block; padding:5px 12px 5px 12px; }
body.home { background-image:url('../img/bg_home.gif'); }
#content-home { height:562px; }
li a { font-weight:bold; }
img#logo { float:left; margin:10px 0 0 10px; }
#leaderboard { float:right; margin:21px 0 0 0; width: 728px; height: 90px; overflow: hidden; }
#rectangle { width: 300px; height: 250px; overflow: hidden; }
.invisible { display:none; }
p.persoon-intro-citaat { font-size:12px; color:#313131; margin: 5px 0 5px 0; font-style: italic; xline-height: normal; font-size: 12px; width: 330px; height: 130px; overflow: auto; }
table img:hover, div.list-entry-extras img:hover, div.persoon-extras img:hover, div#persoon-preview-tekst img:hover { filter:alpha(opacity=50); opacity: 0.5; }
#adsense { margin-bottom: 10px; }

#partners {  }
#partners ul { list-style: none; margin: 0; padding: 0; }
#partners ul li { float: left; margin: 0; padding: 0; display: block; }

table.data { width: 100%; }
table.data th, table.data td { display: table-cell; float: none; padding: 2px 10px 2px 0px; height: auto; }
table.data th:first-child, table.data td:first-child { padding-left: 4px; }
table.data th { color: #ffffff; font-weight: bold; background-color: #003366; }