/****************************
   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; 
}
