/*
Website voor de politie
Two Kings | www.twokings.nl
*/

/* colors
dark blue: #508CB8
light blue: #A7C5DB
lightest blue #E0E9EE
*/

/* some reset stuff */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, table, tr, th, td, form, fieldset, legend, div, object {
	margin:0;
	padding:0;
	background-color: transparent;
	border:0;
	list-style: none;
	font:normal 100% Arial, Verdana, sans-serif;
	text-align:left;
	vertical-align:top;
}

input, select, textarea, button {
	font:normal 100% Arial, Verdana, sans-serif;
}

table, td, th {
	border-collapse:collapse;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
	font-size: 0px;
	line-height: 0px;
}

* html .clearfix {
	height: 1%;
}

/* general styles */

body {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	background: #fff;
	color: #000;
}

h1, h2, h3, h4, h5, h6, p {
	font-family: Times New Roman, Times, Georgia, serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #508CB8;
}

h2 {
	font-size: 2.9em;
}

h3 {
	font-size: 1.4em;
}

p a {
	color: #508CB8;
	text-decoration: none;
}

p a:hover {
	color: #000;
	text-decoration: underline;
}


/* navigation */



#subnavbar ul {
	text-align: right;
	padding: 8px 0 4px 0;
}

#footer {

}

#footer ul {
	text-align: right;
	background: #508CB8;
	padding: 8px;
	margin: 4px 0 0 0;

}

#subnavbar li,
#footer li {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	display: inline;
}

#subnavbar li a {
	color: #000;
	text-decoration: none;
	padding: 6px 0 6px 6px;
}

#footer li a {
	color: #fff;
	text-decoration: none;
	padding: 6px 0 6px 6px;
}

#subnavbar li a:hover,
#footer li a:hover {
	text-decoration: underline;
}

/* feeds */

.rss-icon {
	background: url(/images/icon-rss.gif) center left no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 8px;
}

.feed {
	float: right;
	padding: 12px 10px 0 0; 
	width: 70px;
}

.rss-onderdeel {
	float: right;
	font: .75em Arial, Helvetica, Verdana, sans-serif;
}

.rss-onderdeel img {
	padding: 0 0 0 4px;
}


/* items */

/* mainitem  */

.divider {
	clear: both;
	height: 20px;
	border-top: 1px solid #000;
}

.mainitem {
	padding: 0 20px 0 0;
}

.mainitem p.intro {
	font: 1.05em Times New Roman, Times, Georgia, serif;
	padding: 0 0 12px 0;
}

.mainitem p {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 12px 0;
}

.mainitem p img {
	float: left;
	margin: 0 20px 0 0;
}

img.mainitem-more {
	clear: both;
	float: right;
	padding: 0 0 12px 0;
}

.mainitem ul {
	padding: 0 0 12px 20px;
}

.mainitem ol {
	padding: 0 0 12px 24px;

}

.mainitem ul li {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	list-style: disc;
	padding: 0 0 4px 0;

}

.mainitem ol li {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	list-style: decimal;
	padding: 0 0 4px 0;
}

.mainitem-beeld { /* moet gehackt voor IE! */
	float: left;
	width: 190px;
	margin: 0 12px 4px 0;
	background: #A7C5DB;
}

.mainitem-beeld-content {
	padding: 10px;
}

.mainitem-beeld-content p {
	font: .65em Arial, Helvetica, Verdana, sans-serif;
	line-height: 130%;
	padding: 4px 0 4px 0;
}

.mainitem-beeld-thumbs {
	padding: 0px 0 0 0;
}

.mainitem-beeld-thumb {
	padding: 0 10px 0 0;
}

.meta {
	font-size: .75em;
	color: #508CB8;
	padding: 6px 0 12px 0;
}

.meta a,
.itemopties a {
	color: #508CB8;
	text-decoration: none;
}

.meta a:hover,
.itemopties a:hover {
	color: #000;
}

.meta .comments a {
	background: url(/images/icon-comments.gif) center left no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
}

.meta .rating {
	padding: 0 0 0 12px;
}

.meta .rating img {
	padding: 0 8px 0 0;
}

.meta.bron {
	display: block;
	float: left;
}

.itemopties {
	display: block;
	float: right;
	font-size: .75em;
	color: #508CB8;
}

.itemopties .mail {
	padding: 0 12px 0 0;
}

.itemopties .print {
	padding: 0 12px 0 0;
}

.itemopties .abonneren img {
	margin: 0 8px 0 0;
}




.mainitem .quote {
	margin: 0 12px 12px 0;
}

.mainitem p.quote {
	float:left;
	display: block;
	width: 190px;
	background: red;
	font: 1.05em Times New Roman, Times, Georgia, serif;
	background: url(/images/blockquote.gif) top left no-repeat;
	padding: 0 0 0 0;
	color: #508CB8;
}

#voetnoten {
}

#voetnootbutton {
	float: left;
	display: block;
	padding: 4px 32px 0px 12px;
	margin: 0 0 20px 0;
	background: #A7C5DB url(/images/button-down.gif) center right no-repeat;
	cursor: pointer;
	clear: both;
}


#voetnootbutton p {
	padding: 0;
}

#voetnootbutton.uit {
	background: #A7C5DB url(/images/button-up.gif) center right no-repeat;
}


#voetnootcontent {
    border: 1px solid #A7C5DB;
	clear: both;
	background: #A7C5DB;
	margin: 0; 
	padding: 0;
}

#voetnootcontent p {
    margin: 8px 12px 8px 12px;
}

/* reacties */

.reacties h3,
.commentform h3 {
	font-size: 2.4em;
	border-bottom: 1px solid #000;
}

.comment {
	margin: 12px 0 0 0;
	border-bottom: 1px solid #E0E9EE;
}

.comment p {
	padding: 0;
}

.comment .commentinfo {
}

.comment .meta {
	display: block;
}

.meta .melding {
	float: right;
}

/* commentform */

.commentform {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 0.75em;
	margin: 20px 0;
}

.commentform form {
	margin: 20px 0;
}

.commentform label {
	color: #508CB8;
	padding: 0 0 4px 0;
}

.comment_row {
	clear: both;
	float: left;
}

.commentinput {
	margin: 0 0 6px;
	padding: 4px;
	width: 170px;
	border: 1px solid #A7C5DB;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.captchainput {
	margin: 0 0 6px;
	padding: 4px;
	width: 100px;
	border: 1px solid #A7C5DB;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentform label {
	clear: none;
	display: block;
	float: left;
	width: 80px;
}

.commentform .captcha label {
	clear: both;
	display: block;
	float: left;
	width: 220px;
}

.commentform textarea {
	width: 400px;
	height: 200px;
	border: 1px solid #A7C5DB;
	padding: 4px;
	margin: 0 0 20px 0;
	background: #fff url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentform .button {
	margin: 12px 0;
}

.captcha {
	clear: both;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 200px 0 0;
}

.captcha .captcha-img {
	float: left;
	width: 156px;
}

.captcha .captcha-answer {
	float: left;
	padding: 0 0 0 20px;
}

/* buttons */

.button {
	background: #508CB8 url(/images/bg-button.jpg) top left repeat-x;
	padding: 4px 20px;
	margin: 0 20px 0 0;
	color: #fff;
	border: 1px solid #fff;
}

.button:hover {
	border: 1px solid #508CB8;
}

/* nieuwsitems & forumberichten */

#main-left ul {
	clear: both;
	margin: 0 0 20px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

img#nieuwsheader {
	float: left;
	margin: 0 0 12px 0;
}

img#forumheader {
	float: left;
	padding: 0 0 12px 0;
}

li.nieuwsitem,
li.forumitem  {
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 1.05em;
	padding: 8px 0;
	border-bottom: 1px solid #E0E9EE;
}

li.nieuwsitem a,
li.forumitem a {
	color: #000;
	text-decoration: none;
}

li.nieuwsitem a:hover,
li.forumitem a:hover {
	color: #508CB8;
}

li.nieuwsitem .meta,
li.forumitem .meta {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	color: #508CB8;
	padding: 6px 0 12px 0;
}

li.nieuwsitem .meta a,
li.forumitem .meta a {
	color: #508CB8;
}

li.nieuwsitem .meta a:hover,
li.forumitem .meta a:hover {
	color: #000;
}


li.over { /* wordt in jQuery ge-addClass't */
	background-color: #F0F0F0;
	cursor: pointer;
}

.main-right-item {
	margin: 0 20px 0 20px;
}

/* poll */

.pollheader {
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #fff;
}

.poll {
	background: #E0E9EE;
	border-bottom: 1px solid #fff;
	padding: 8px;
	margin: 0 0 20px 0;
}

.pollcontent {
	clear: both;
}

.poll form {
	border-bottom: 1px solid #fff;
	padding: 0 0 12px 0;
}

.pollcontent p,
form.pollinput {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	clear: both;
}

.pollcontent img {
	float: left;
	margin: 0 8px 8px 0;
}

form.pollinput {
	margin: 12px 0;
}

.polloption {
	padding: 0 0 12px 0;
}

input.polloption-choice {
	float: left;
}

label.polloption-desc {
	padding: 0 0 12px 0;
}

.pollresults {
	font: .65em Arial, Helvetica, Verdana, sans-serif;
	clear: both;
}

.pollresults p {
	font: 1em Arial, Helvetica, Verdana, sans-serif;
	text-align: right;
	padding: 0 0 8px 0;
}

.pollresult {
	margin: 0 0 12px 0;
}

.pollresults img {
	margin: 0 8px 0 0;
}

/* advertorial */

.advertorial {
	margin: 0 0 20px 0;
}

.advertorial p.advertorialheader {
	color: #508CB8;
	text-align: center;
}

.advertorial p {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	clear: both;
}

.advertorial p.imagetitle {
	background: #508CB8;
	color: #fff;
	padding: 8px;
	margin: 0 0 8px 0;
} 

/* widget */

.widget {
	margin: 0 0 20px 0;
}

/* advertenties */

#leaderboard {
	text-align: right;
	margin: 20px 0;
}

.left-column-ad {
	padding: 0 0 20px 0;
}

#footer-google-ads {
	display:none	
}

.mainitem-banner,
.verzamellijst-item-banner {
	display:none
}

/* ankeiler */

.ankeiler {
	margin: 20px 0;
}

.bold {
	font-weight: bold;
}

.tabs {
	clear: both;
	border-top: 1px solid #FFF; /* deze border moet er staan, voor stomme IE */
}

.tabs .tab {
	float: left;
	width: 111px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #708CB8;
	color: #fff;
	cursor: pointer;
}

.tabs .tab div {
	padding: 4px 0 4px 12px;
}

.tabs .last {
	width: 112px;
	border-right: 0px solid #000;
}

.tabs .active {
    border-bottom: 1px solid #A7C5DB;
	background: #A7C5DB;
	color: #000;
}


.ankeiler p,
.tabs .tab,
.ankeiler li {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
}

.ankeiler li {
	background: url(/images/bullet-ankeiler-dark.gif) top left no-repeat;
	padding: 0 0 6px 20px;;
}

.ankeiler li a {
	text-decoration: none;
	color: #000;
}

.ankeiler li a:hover {
	color: #508CB8;
}

.tab-content {
	height: 160px;	
	margin: 0;
	padding: 0;
	background: #A7C5DB;	
	clear: both;	
}

.tab-content div {
	margin: 0;
	padding: 0;	
}

.tab-content div div {
	padding: 12px 12px 8px 12px;
	
}

.tab-content .hidden {
	display: none;
}

/* slideshow */

.slideshow {
	position: relative;
}

.slideshow-img {
	width:336px; overflow:hidden
}

.slideshow-onderschrift {
	position: absolute;
	bottom: 0;
	width: 336px;
	background: url(/images/bg-slideshow.png) repeat; 
}

.slideshow p {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	padding: 8px;
}

/* agenda */

.agenda {
	background: #A7C5DB;
	margin: 20px 0;
	padding: 12px;
}

.agenda p {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
}

#agendaheader {
	padding: 0 0 12px 0;
	border-bottom: 1px solid #fff;
}

.agenda-content img {
	float: left;
	margin: 0 8px 8px 0;
}

.agenda-content-more {
	float: right;
	clear: both;
}

.agenda .over {
    background: #99C3DF;
     cursor: pointer;
}

/* lay out */

#wrapper {

}

#leaderboard {
	text-align: right;
	margin: 20px 0;
	display:none;
}

#header {
	padding: 0 0 16px 0;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #000;
    height: 76px;
	display:none;
}

h1#logo {
	float: left;
	width: 539px;
	height: 76px;
	background: url(/images/logo.png);
	text-indent: -2000px;
}

#flash-datum {
	float: right;
	margin-top: 32px;
}

#navbar {
	position: relative;
	width: 970px;
	clear: both;
	background: #508CB8;
	display:none
}

#subnavbar {
	width: 970px;
	clear: both;
	display:none
}

#content {
text-indent: 
}

#home .mainitem {
	margin: 0 20px 0 0;
}

#main {
	float: left;
	width: 634px;
}

#main-left {
	float: left;
	width: 336px;
}

#main-right {
	float: left;
	width: 298px;
	display:none
}

#sidebar {
	float: left;
	width: 336px;
	display:none
}

#footer {
	display:none
}

#searchbar { /* de zoekbalk in de navigatiekolom */
	position: absolute;
	top: 7px;
	right: 10px;
}

.search label {
	font-size: .7em;
	padding: 0 12px 0 0;

}

#zoekresultaten {
	padding: 0 20px 0 0;
}

.search p {
	font: .7em Arial, Helvetica, Verdana, sans-serif;
}

#searchbar label {
	display: none;
}

.search form { /* zoekbalk op andere plekken */
	padding: 12px 0 12px 0;
}

#searchbar .searchbox,
.search .searchbox {
	background: transparent url(/images/bg-commentinput.jpg) repeat-x scroll left top;
	border: 1px solid #ccc;
	font-size: 0.75em;
	padding: 4px;
	color: #666;
}

#searchbar .searchbutton,
.search .searchbutton {
	height: 24px;
	background: #508CB8;
	border: none;
	color: #fff;
	font-size: 0.75em;
}

.searchbutton:hover {
	color: #000;
	background: #A7C5DB;
}

.zoekresultaat-categorie {
	font-size: .7em;
	padding-left: 12px;
	font-style: italic;
}

/* agenda pagina */

#agendalijst {
	padding: 0 20px 0 0;
}

.verzamellijst-item {
	clear: both;
	border-bottom:1px solid #E0E9EE;
	padding: 12px 0 0 0;
	cursor: pointer;
}


.verzamellijst-item h3 {
	padding: 0 0 8px 0;
}

.verzamellijst-item img {
	float:left;
	margin:0 8px 8px 0;
}

.verzamellijst-item p {
	font: .75em Arial, Helvetica, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 12px 0;
}

p.verzamellijst-item-meta {
	clear: both;
	background: #E0E9EE;
	padding: 4px;
	margin: 0 0 4px 0;
}

.verzamellijst-item {
	border-bottom: 1px solid #E0E9EE;
}

#reacties, .commentform, #footer-google-ads,#leaderboard, #header, #navbar,#subnavbar, #main-right, #sidebar, #footer     {display:none}