/* Start of CMSMS style sheet 'Default' */
/****************************
   default.css
   (C) Mangrove 2008 (modified by De Heren Van)
   Default style properties
*****************************/

html { font:100%/16px Georgia, 'Times New Roman', Tahoma; background: #212121; }
body { font-size: 14px; color: #5c5444; margin: 0; padding: 0; position: relative; }

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; color: #5c5444; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; }
h1 { background: transparent url(../images/logo_partijvandearbeid.png) no-repeat left top; width: 580px; height: 64px; position: absolute; top: 66px; left: 30px; }
h1 a { display: block; width: 472px; height: 64px; }
h1 span { height: 0; overflow: hidden; position: absolute; }

h2 { font-size: 23px; margin: 0 0 10px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
p { line-height: 22px; margin: 0 0 10px; padding: 0; }
a:link, a:visited { color: #255ba7; text-decoration: none; }
a:hover, a:active {	color: #E4062D; text-decoration: none; }
img { border: 0; display: block; }
hr { height: 0; border: 0; border-top: 1px solid #0f6a8a; }

/* menu elements */

.menu { list-style: none; padding: 0; margin: 0; float: right; border-left: 1px solid #fff; font: 13px Arial, Tahoma, Verdana; }
.menu li { float: left; border-right: 1px solid #fff; width: 108px; height: 44px; line-height: 42px; text-align: center; font-weight: bold; padding: 0; margin: 0; }
.menu li a:link, .menu li a:visited, .menu li a:hover, .menu li a:active { display: block; width: 108px; height: 44px; color: #292929;  background: transparent url(../images/bg_menu_item.png) repeat-x left top; } 
.menu li a:hover { background: transparent url(../images/bg_menu_item.png) repeat-x left -44px; }
.menu li.active a:link, .menu li.active a:visited, .menu li.active a:hover, .menu li.active a:active {  background: transparent url(../images/bg_menu_item.png) repeat-x left -88px; color: #fff; }

/* list elements */

/* parent elements - exceptions */

.primary h3 { line-height: 22px; }
.post-content h2 { line-height: 28px; padding-right: 20px; }
.post h2 a:link, .post h2 a:visited, .post h2 a:hover, .post h2 a:active { color: #000; } 
.secondary h2 { font-size: 20px; }
.secondary h2.line { border-bottom: 4px solid #e4e4e3; padding: 0 0 10px; }

/* main & grid elements */

.wrapper { background: #e4e4e2; overflow: hidden; padding: 0 0 30px 0; min-width: 960px; }
.header { background: #fff url(../images/bg_header.png) repeat-x left top; height: 152px; min-width: 960px; position: relative; }

.header2 { background: #fff; height: 108px; min-width: 960px; position: relative; }

.content, .header-content, .campaign-content, .bar-content, .footer-content { width: 960px; float: none; clear: both; position: relative; margin: 0 auto; }
.header-content { width: 940px; padding: 0 10px; }
.footer { min-width: 960px; background: #212121; color: #8f8f8f; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial; padding: 15px 0 0; clear: both; float: none; overflow: hidden; }

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #fff; }
.footer a:hover, .footer a:active { text-decoration: underline; }
.footer .copyright { float: none; clear: both; text-align: right; padding: 0 10px 10px 0; font-size: 10px; }

.primary { width: 560px; overflow: hidden; float: left; }
.secondary { width: 400px; overflow: hidden; float: left; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial; }



/* PvdA bar elements */

.bar { background: #e4062d url(../images/bg_bar.png) repeat-x left top; height: 90px; }
.bar-spot { background: transparent url(../images/bg_bar_spot.png) no-repeat center top; height: 90px; min-width: 960px; }


/* detail elements */

.posts { padding-top: 20px; position: relative; }
.posts-header { position: absolute; top: 22px; left: 20px; background: url(../images/bg_posts_header.png) repeat-x left bottom; height: 32px; line-height: 28px; color: #fff; padding: 0 15px; margin: 0;  }

.post { background: #fff; margin: 30px 10px 0; overflow: hidden; z-index: 100; }
.post a.author:link, .post a.author:visited, .post a.author:hover, .post a.author:active { color: #e4062d; text-transform: uppercase; font: 13px Arial, Tahoma, Verdana; font-weight: bold; }
.post a.author:hover, .post a.author:active { color: #CC0008; }
.post-content { padding: 20px 0 1px 20px; background: #fff url(../images/bg_line.png) repeat-x left bottom; overflow: hidden; }
.post-content p { padding: 0 20px 0 0; }
.post-none { padding: 20px 20px 10px; overflow: hidden; }
.post-info { color: #a6a6a6; font-style: italic; font-size: 13px; }
.post-teaser { padding: 0 0 10px; overflow: hidden; }
.post-img { float: left; margin: 5px 20px 0 0; }
.post-img p { margin: 0; padding: 4px 0; background: #f4f4f4; color: #70706f; text-align: center; font: 10px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial; }
.post-interact { height: 31px; background: #fff url(../images/bg_post_interact.png) repeat-x left bottom; padding: 10px 20px 0; margin: 0; overflow: hidden; clear: both; float: none; }
.post-author { padding: 20px 20px 15px; margin: 0; overflow: hidden; background: #fff url(../images/bg_line.png) repeat-x left bottom; }
.post-author img { float: left; margin-right: 20px; }
.post-author span { display: block; }
.post-author p { margin: 0; }
.post-comments { background: #f4f4f4 url(../images/bg_post_comments.png) repeat-x left top; padding: 0 20px 40px; overflow: hidden; }
.post-comments .post-interact { background: none; padding: 10px 0 30px; }
.post-comments .link-list { padding: 10px 0 20px; }
.post-video { padding: 0 0 10px; }
.posts-more { padding: 20px 10px 0; }
.post-discussions { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial; }


.block { background: #f4f4f4; margin: 30px 10px 0; padding: 15px 20px 10px; }
.block .more { text-align: right; margin: 0; padding: 10px 0 0; border-top: 1px solid #fff; }

#youtube-wrapper { font-weight: bold; color: #ff0000; width: 580px; }



label.identifier { display: block; float: left; width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 6px; color: #666; line-height: 16px; }
input[type="text"], select { display: block; float: left; clear: right; width: 160px; margin: 3px 0; padding: 2px; border: 1px solid silver; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; }
.inputrow { clear: both; width: 360px; }
#nieuwsbrief { width: 100px; clear: left; margin-left: 200px; margin-bottom: 10px; }
#nieuwsbrief-identifier { width: 500px; }
.error { color: red; padding: 3px; }
.toelichting p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 18px; color: #666666; }
.separator { border-top: 1px solid #cc0000; clear: both; margin: 10px 0 10px 0; }
#rekeningnummer { margin-bottom: 10px; }
/* Datepicker styles */



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
a.dp-choose-date {
	float: left;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 5px 0 0 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
.secondary strong, .secondary label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
/* End of 'Default' */