/****************************
   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: 640px; overflow: hidden; float: left; }
.secondary { width: 320px; 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; }

#doneerbox { padding: 15px; background-color: #255ba7; font-weight: bold; line-height: 20px; color: #fff; margin-bottom: 15px; }

#bedrag-container { width: 220px; overflow: hidden; font-weight: normal; }
.bedrag-column { float: left; width: 72px; font-family: Arial, Helvetica, sans-serif; }