/* Start of CMSMS style sheet 'VVD' */
/* ===== reset.css ===== */
/*
 http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
 */
body {
    line-height: 1;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    /*
     font-weight: inherit;
     font-style: inherit;
     font-family: inherit;
     */
    font-size: 100%;
    text-align: left;
    vertical-align: baseline;
}

a img,:link img,:visited img {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* ===== typography.css ===== */
body {
    /*
     * 12px = 75%
     * 11px = 68.75%
     * 10px = 62.5%
     */
    font-size: 75%;
    line-height: 1.5em;
    font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}

h2, caption {
    font-size: 2em;
    margin-bottom:0.75em;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
    font-weight: bold;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    height: 1.25em;
    font-weight: bold;
}

h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}

p {
    margin: 0 0 1.5em;
}

p img {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}

p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}

a:focus, a:hover {
    color: #ff7609;
    text-decoration: underline;
}

a {
    color: #0d1d6f;
    text-decoration: none;
}

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre, code, tt {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em Monaco, 'lucida console', monospace;
    line-height: 1.5;
}

li ul, li ol {
    margin: 0 1.5em;
}

ul, ol {
    margin: 0 1.5em 1.5em 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

table {
    margin-bottom: 1.4em;
    width: 100%;
}

th {
    font-weight: bold;
}

th, td {
    padding: 0.75ex 1.6ex 0.75ex 0.8ex;
}

tfoot {
    /* nothing */
}

small {
    font-size: 0.9em;
    line-height: 1.665em;
    margin-bottom: 1.665em;
}
big {
    font-size: 1.2em;
    line-height: 1.15em;
    margin: 0 0 1.25em 0;
}

/* ===== grid.css ===== */
#container {
    width: 940px;
    padding:0 10px;
    margin: 0 auto;
}

.columns {
    margin: 0 -10px;
}

.columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.column {
    margin: 0 10px 1.5em 10px;
    float: left;
}

hr {
    border: 0;
    visibility: hidden;
    height: 0;
    min-height: 0;
    clear: both;
    margin: 0;
    overflow: hidden;
}

#content {
    width: 580px;
    float: left;
    margin-right:80px;

}

#side {
    width: 280px;
    float: left;
    margin: 0 0 1.5em 0;
}
#side .component {
    margin:0 -10px 1.5em -10px;
}
#sitemap {

}

#sitemap .wrapper {
    width: 940px;
    margin: 0 auto;
}

#sitemap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#sitemap dl {
    width: 140px;
    margin: 0 0 1.5em 20px;
    float: left;

}
#sitemap dl:first-child {
    margin-left:0;
}
.two .column {
    width: 460px;
}
.three .column {
    width: 300px;
}
.four .column {
    width: 220px;
}
#overview_container .column {
    width: 220px;
}
#overview_container .three .column {
    width: 300px;
}
#highlight_container .column {
    width: 270px;
}

/*
#content, #side, #sitemap dl, #overview_container .column  {
    background-image: url(/uploads/images/assets/hatch2.png);    
}
#container, #sitemap {
    background-image: url(/uploads/images/assets/hatch.png);    
}
*/


/* ===== layout.css ===== */

/* #0d1d6f blue */
/* #ff7609 orange */
body, input, textarea, select {
    font-family: 'lucida grande', 'lucida sans unicode', 'lucida sans', Helvetica, Arial, sans-serif;
}

body {
    background: url(/uploads/images/assets/background_body.png) 0 0 repeat-x white;
    color: #313131;
}

input, select, textarea {
    font-size: 100%;
    color: #6a6a6a;
}

#container {
    position: relative;
    padding-bottom: 4em;
}

#navigation {
    position: absolute;
    top: 0;
    z-index:90;
    width: 940px;
    margin-left: -470px;
    left: 50%;
}

#navigation * {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation dt {
    display: none;
}

#navigation dd {
    padding-left: 160px;
    padding-top: 64px;
}

#navigation ul#navigation_primary {
    position: relative;
    top: 0;
}

#navigation li {
    float: left;
}

#navigation li ul {
    position: absolute;
    top: 2.1em;
    font-size: 120%;
    left: 1em;
    display: none;
}

#navigation li.active ul {
    display: block;
}

#navigation_primary li {
    padding: 0 1.75em 0 0;
}

#navigation li a:hover {
    color: #ff7609;
}

#navigation_primary > li > a {
    font-size: 100%;
    vertical-align: baseline;
    display: block;
    height: 27px;
    line-height: 27px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(/uploads/images/assets/navigatie.png);
}

#navigation_primary > li > a > span {
    display: none;
}

#nav_standpunten {
    width: 136px;
    background-position: 0 0;
}

#nav_standpunten:hover {
    background-position: 0 -27px;
}

.active #nav_standpunten {
    background-position: 0 -54px;
}

#nav_actueel {
    width: 80px;
    background-position: -136px 0;
}

#nav_actueel:hover {
    background-position: -136px -27px;
}

.active #nav_actueel {
    background-position: -136px -54px;
}

#nav_agenda {
    width: 51px;
    background-position: -294px 0;
}

#nav_agenda {
    background-position: -294px 0px;
}

#nav_agenda:hover {
    background-position: -294px -27px;
}

.active #nav_agenda {
    background-position: -294px -54px;
}

#nav_mensen {
    width: 78px;
    background-position: -216px 0;
}

#nav_mensen:hover {
    background-position: -216px -27px;
}

.active #nav_mensen {
    background-position: -216px -54px;
}

#nav_over_vdd {
    width: 83px;
    background-position: -345px 0;
}

#nav_over_vdd:hover {
    background-position: -345px -27px;
}

.active #nav_over_vdd {
    background-position: -345px -54px;
}

#nav_pers {
    width: 29px;
    background-position: -427px 0;
}

#nav_pers:hover {
    background-position: -427px -27px;
}

.active #nav_pers {
    background-position: -427px -54px;
}

#navigation_primary a:hover {
    text-decoration: none;
}

#navigation_primary {
    font-weight: bold;
}

#navigation_secondary {
    position: absolute;
    top: 1em;
    right: 190px;
    margin: 0;
}

#navigation_secondary li {
    margin-left: 1.5ex;
}

#navigation_secondary a {
    color: #5f5f5f;
}

#logo {
    padding-top: 0.75em;
    position:relative;
    z-index:91;
    width: 132px;
}

#logo a, #logo img {
    width: 132px;
    display: block;
}

.component {
    margin-bottom: 1.5em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    background: white;
}

.component dt {
    padding: 10px;
    font-size: 110%;
    color: #ff7609;
}

.component legend {
    color: #ff7609;
}

.component dd, .component fieldset {
    padding: 0 10px 10px 10px;
    margin: 0;
}

.component li {
    padding: 1ex 0;
    font-size: 90%;
}

.component ul {
    margin: 0;
    list-style: none;
}

.component dd a {
    color: #313131;
}

.banner img {
    display: block;
    margin: 1.5em auto;
}
#signup_component {
    text-align: center;
    padding: 1ex;
}
    #signup_component a {
        color: #0d1d6f;
        font-size: 125%;
        padding-top: 0.5ex;
        line-height: 1.5em;
    }
    #signup_component a span {
        border-bottom: 4px solid #ff7609;
    }

#bio p {
    padding-left: 110px;
    font-size: 90%;
    line-height: 1.4em;
}

#bio dd {
    min-height: 140px;
}

#rated .rating {
    background: url(/uploads/images/assets/rating_small.png) 0 50% no-repeat;
    display: inline-block;
    width: 44px;
    margin-left: 1ex;
}

#rated .five {
    background-position: -18px 50%;
}

#rated .four {
    background-position: -27px 50%
}

#rated .three {
    background-position: -36px 50%;
    width: 27px;
}

#rated .two {
    width: 18px;
}

#rated .one {
    width: 9px;
}

#rated .rating strong {
    visibility: hidden;
    font-weight: normal;
}

#reactions li span {
    display: block;
	color: #6a6a6a;
}

span.reaction_info {
	display: block;
	color: #6a6a6a;
}
span.reaction_info em {
    font-style: normal;
}
span.is_vvd em {
    font-weight:bold;
    color: #0d1d6f;
    background:url(/uploads/images/assets/favicon.png) no-repeat 4px 50%;
    padding-left:22px;
}
#related_reactions li span {
    display:block;
    color: #949494;
}
h1 {
    font-family: sans-serif;
    color: #0d1d6f;
    font-weight: bold;
    font-size: 190%;
    line-height: 133%;
}

h1 > span {
    border-bottom: 4px solid #ff7609;
}

h2 {
    color: #0d1d6f;
    font-size: 125%;
    padding-top: 0.5ex;
    line-height: 1.5em;
}

h2 span {
    border-bottom: 4px solid #ff7609;
}

h2 a:hover {
    text-decoration: none;
}

#homepage_container h2 {
    color: #313131;
}

#homepage_standpunten_container h2 {
    border-bottom: 1px dotted #949493;
    margin-bottom: 0.75ex;
}

#highlight_container h2 {
    border-bottom: 0;
}

#homepage_container h2 span {
    border: 0;
}

#homepage_container h3 {
    color: #0d1d6f;
    font-size: 125%;
    padding-top: 0.5ex;
    line-height: 1.5em;
    margin-bottom: 0.75ex;
}

#homepage_container h3 span {
    border-bottom: 4px solid #ff7609;
}

#overview_container h1 {
    color: #313131;
    font-size: 175%;
    line-height: 125%;
}

#overview_container h1 > span {
    border: 0;
}

#photo_container {
    font-size: 90%;
}

#photo_container div.columns:first-child {
    border: 0;
}

#photo_container div.columns {
    border-top: 1px #888 dotted;
    margin-left: 0;
    margin-right: 0;
}

#photo_container div.column {
    width: 100px;
    overflow: hidden;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin: 0 0 0 20px;
}

#photo_container div.column:first-child {
    margin-left: 0;
}

#photo_container p {
    line-height: 1.33em;
}

.image_container img {
    display: block;
    border-bottom: 0.75ex solid #ff7609;
}

.image_container.left {
    float: left;
    margin: 0.5ex 10px 1.5em 0
}

.image_container.right {
    float: right;
    margin: 0.5ex 0 1.5em 10px;
}

#bio img, #photo_container img {
    display: block;
    border-bottom: 0.75ex solid #ff7609;
}

#bio img {
    float: left;
}

#photo_container p {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#photo_container p span {
    font-weight: normal;
    color: #888;
    display: block;
}

#overview_container {
    font-size: 90%;
    line-height: 1.4em;
}

#overview_container #content ul {
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid #e1e1e1;
}

#overview_container #content li {
    border-top: 1px solid #e1e1e1;
    list-style: none;
    padding: 1.4ex 0;
}

span.date {
    color: #6a6a6a;
}

#overview_container ul span.date {
    float: right;
    width: 80px;
    padding-left: 20px;
    text-align: right;
    color: #313131;
}

div.pager {
    margin-bottom: 1.5em;
    text-align: right;
    color: #6a6a6a;
}

div.pager a {
    color: #6a6a6a;
    border-bottom: 1px dotted #949393;
}

div.pager span a {
    margin-left: 1ex;
}
    div.pager span a:last-child {
        margin-right: 1ex;
    }

div.pager a:hover {
    text-decoration: none;
}

div.pager a.active {
    color: #ff7609;
    border-bottom: none;
}

#search_results div.pager {
    position: relative;
    top: 3.2em;
}


div#page_crumb {
    color: #6a6a6a;
    font-size: 90%;
    margin-left: 80px;
    position: relative;
    top: -1.5em;
    padding-bottom: 1.5em;
}

div#page_crumb a {
    color: #6a6a6a;
    background: url(/uploads/images/assets/crumb_arrow.png) no-repeat 100% 55% transparent;
    padding-right: 1em;
    margin-right: 0.5ex;
}

div#page_crumb a:hover {
    text-decoration: none;
}

div#page_crumb span {
    border-bottom: #949393 dotted 1px;
}

#overview_recent {
    padding-bottom: 1.5em;
}

#overview_#container img {
    display: block;
    border-bottom: 1ex solid #ff7609;
}

#sitemap {
    padding-top: 3em;
    background: url(/uploads/images/assets/background_sitemap.png) repeat-x 0 0 white;
}

#sitemap dt {
    color: #ff7609;
}

#sitemap dd {
    font-size: 90%;
    line-height: 1.5em;
    margin: 0;
    padding: 1.5ex 0 0 0;
}

#sitemap ul {
    margin-left: 0;
    margin-right: 0;
    margin: 0;
}

#sitemap li {
    list-style: none;
    padding: 0 0 1.5ex 0;
}

#sitemap a {
    color: #6a6a6a;
}

#sitemap .more a {
    padding-left: 1.5em;
    background: url(/uploads/images/assets/footer_plus.png) no-repeat 0.5ex 50%;
}

#footer {
    /*border-top: 1px dotted #949393;*/
    width: 940px;
    margin: 0 auto;
    position: relative;
    top: 0;
}

#footer ul {
    font-size: 90%;
    margin: 1ex 0 1ex 0;
    text-transform: uppercase;
}

#footer #disclaimer a {
    color: #6a6a6a;
}

#footer #disclaimer a:hover {
    color: #ff7609;
}

#footer #disclaimer #footer_rss a {
    background: url(/uploads/images/assets/rss.png) no-repeat 0 50%;
    padding-left: 20px;
}

#footer li {
    display: inline;
    list-style: none;
}

#footer li a {
    margin: 0 1.5ex 0 0;
}

#footer #contact li a {
    margin: 0 0 0 1.5ex;
}

#footer #contact {
    position: absolute;
    right: 0;
    top: 0;
}

#logos {
    clear: both;
    background: url('/uploads/images/assets/homepage-logos.jpg') no-repeat ;
    margin-top: 15px;
    position: relative;
    left: -10px;
    width: 960px;
    height: 100px;
    padding-left: 12px;
}

    #logos li {
        float: left;
        padding-top: 12px;
        margin-right: 25px;
    }

/* forms start here */
fieldset {
}

legend {
    font-weight: bold;
    font-size: 110%;
    line-height: 2.5em;
    color: #313131;
}

fieldset > div {
    position: relative;
    clear: left;
    margin-bottom: 1.5ex;
}

.text_wrapper label, .select_wrapper label {
    width: 80px;
    line-height: 2em;
    float: left;
}

/* todo: Jeroen Kroes needs to QA the error styles */
.error label {
    color: red;
}

.error input[type = text], .error input[type = password], .error textarea,
.error div.styledSelect, .error div.open ul {
    border-color: red;
}

input[type = text], input[type = password] {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #949494;
    padding: 2px 4px;
    background-color: #f0f0f0;
    width: 210px;
}

input[type = text]:focus, input[type = password]:focus {
    outline: none;
}

textarea {
    border: 1px solid #949494;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #f0f0f0;
}

.search input[type = text] {
    background-repeat: no-repeat;
    background-image: url(/uploads/images/assets/background_search_icon.png);
    padding-right: 20px;
    background-position: 100% 50%;
}

#reaction_form {
    padding: 0 1.5em;
    border-top: 1px solid #E1E1E1;
}

#reaction_form label {
    width: 160px;
}

#reaction_form input[type = text] {
    width: 310px;
}

#reaction_form textarea {
    width: 310px;
    padding: 4px;
}

/* buttons */
.button_container {
    /* padding-top: 1.5em; */
    text-align: right;
}

.button_container button {
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-transform: uppercase;
    padding: 0;
    height: 30px;
}

.button_container button:hover {
    cursor: pointer;
}

.button_container button span {
    visibility: hidden;
}
#forward button,
#newsletter_form button,
#lid_form button,
#donation_form button {
    width: 101px;
    background-image: url(/uploads/images/assets/versturen.png);
}
#reaction_form button {
    width: 92px;
    margin-right: 68px;
    background-image: url(/uploads/images/assets/reageren.png);
}
#forward button#preview {
	width: 82px;
	background-image: url(/uploads/images/assets/preview.png);
}
/* search_form specific */
#lid_form fieldset, #search_form fieldset {
    border-bottom: 1px solid #e1e1e1;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-bottom: 1.5ex;
    margin-bottom:1.5em;
    color: #6a6a6a;
}

/* search containers */
#search_container {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 180px;
    height: 24px;
    z-index: 92;
    background: url(/uploads/images/assets/background_search_input.png) no-repeat 0 0;
}

#search_container input {
    display: block;
    background: transparent;
    border: 0;
    padding-top: 4px;
    font-size: 11px;
    width: 144px;
    padding-left: 10px;
    font-family: 'lucida grande', Helvetica, Arial, sans-serif;
    color: #6a6a6a;
}

#search_container_side input, #search_container_homepage input {
    width: 252px;
}

#lid_form, #search_form, #search_container_side input {
    font-size: 90%;
    line-height: 1.65em;
}

#search_form {
    border-top: 1px solid #e1e1e1;
}
#search_form label {
    width: 160px;
}
#search_form input[type = text] {
    width: 198px;
}
#search_categories ul {
    margin: 0;
}
#search_categories li {
    list-style: none;
    margin-left: 0;
    float: left;
    clear: none;
    width: 108px;
}

#search_categories input {
    margin-left: 0;
}

#search_form .button_container button {
    width: 73px;
    height: 30px;
    background: url(/uploads/images/assets/zoeken.png) no-repeat 50% 50%;
}

#search_container_homepage fieldset {
    border: none;
    padding-left: 0;
    background: url(/uploads/images/assets/background_search_homepage.png) no-repeat 0 0.8ex;
    padding-left: 66px
}

#search_results {
    font-size: 90%;
    color: #6a6a6a;
    padding-top: 1.5em;
}

#search_results table {
    border-bottom: 1px solid #e1e1e1;
}

#search_results caption {
    color: #313131;
}

#search_results th {
    color: #313131;
    border: 1px dotted #e1e1e1;
    border-width:1px 0 0 0;
    padding-left: 0;
    padding-right: 0;
}

#search_results table a {
    color:#6a6a6a;
    display:block;
    background-repeat:no-repeat;
    margin-right:1em;
    background-position:100% 50%;
}


#search_results th a.ascending {
    background-image: url(/uploads/images/assets/toggle_asc.png);
}

#search_results th a.descending {
    background-image: url(/uploads/images/assets/toggle_desc.png);
}

#search_results td {
    border: 1px solid #e1e1e1;
    border-width:1px 0 0 0;
    padding-left: 0;
    padding-right: 0;
}

col.date {
    width: 8em;
}

.event_info {
	border-bottom: 1px solid #e1e1e1;
	margin: 1.5em 0;
	width: 100%;
}
.event_info th {
	font-weight: normal;
	color: #949494
	border:solid #e1e1e1;
	border-width:1px 0 0 0;
	padding-left: 0;
	width: 33%;
}
.event_info td {
	color: #313131;
	padding-left:1.5em;
	padding-right:1.5em;
	border:solid #e1e1e1;
	border-width:1px 0 0 0;
}

/* font weights for search terms */
.weight-1 {
    font-size: 80%;
}

.weight-2 {
    font-size: 90%;
}

.weight-3 {
    font-size: 100%;
}

.weight-4 {
    font-size: 112.5%;
}

.weight-5 {
    font-size: 125%;
}

#standpunten_container {
    padding-bottom: 3em;
}

#standpunten_container h2 {
    color: #313131;
    margin: 0;
    font-size: 175%;
    line-height: 125%;
}

#standpunten_container h2 > span {
    border: 0;
}

#standpunten_container .two .column {
    width: 280px;
    padding-top: 1.5em;
}

#content #standpunten_container ul {
    margin: 0;
}

.link_up {
    clear: both;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 1em;
}

.link_up a {
    color: #6a6a6a;
    border-bottom: #949393 dotted 1px;
}

.link_up a:hover {
    text-decoration: none;
    color: #ff7609;
    border-color: #ff7609;
}

.standpunten_index {
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 -10px;
    padding: 1.5ex 0;
    text-align: center;
    margin: 1.5em 0 1.5em 0;
}

.standpunten_index a {
    color: #6a6a6a;
    padding: 0 3px;
    margin: 0 2px;
}

.standpunten_index a:hover {
    color: #ff7609;
}

.movie_container {
    text-align: center;
    margin: 0 0 1.5em 0;
}

.movie_container object {
    width: 480px;
    height: 320px;
    margin: 0 auto;
}

div.info {
    position: relative;
}

div.info p {
    float: left;
}

div.tools {
    float: right;
}

div.tools a.reaction {
    position: absolute;
    right: 100px;
}

#rating_container form, #rating_container fieldset {
    border: 0;
    padding: 0;
}

div.rating-cancel {
    display: none !important;
}

#rating_container button {
    display: none;
}

.info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* widget stuff */
#homepage_widget {
    background: url(/uploads/images/assets/background_homepage_widget.png) no-repeat 50% 50%;
    height: 300px; /* 77 */
    padding: 33px 0 44px 0;
    overflow: hidden;
    margin: 0 -10px 1.5em -10px;
}
.widget_container {
    width: 640px;
    margin-left: 10px;
    float: left;
    height: 300px;
    border-right: 1px solid #e1e1e1;
    position: relative;
    text-align: center;
}

.widget_container a {
    background-color: black;
    display: block;
    width: 480px;
    height: 300px;
}

.jcarousel-prev, .jcarousel-next {
    position: absolute;
    display: block;
    width: 60px;
    height: 40px;
    top: 130px;
    background: url(/uploads/images/assets/homepage_widget_controls.png) no-repeat 50% 0;
}

.jcarousel-prev:hover, .jcarousel-next:hover {
    cursor: pointer;
}

.jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover  {
     cursor: default;
}

.jcarousel-prev {
    left: 0;
    background-position: 50% -40px;
}

.jcarousel-next {
    right: 0;
}

.jcarousel-item {
    width: 480px;
    height: 300px;
    float: left;
}

#homepage_widget .widget_container img {
    display: block;
    width: 480px;
    height: 300px;
}

#homepage_widget .widget_container object {
    width: 480px;
    height: 300px;
    background-color: white;
}

#homepage_widget .widget_content {
    width: 280px;
    height: 300px;
    float: left;
    padding-left: 20px;
    line-height: 1.26em;
    font-size: 90%;
    position:relative;
}

#homepage_widget .widget_content em {
    color: #ff7609;
    font-style: normal;
    display: block;
}

#homepage_widget fieldset > div {
    float: left;
    clear: none;
}

#homepage_widget .widget_poll_results {
    position: absolute;
    bottom:0;
}

#poll_result_url {
	background:url(/uploads/images/assets/reaction.png) no-repeat 0 60%;
	line-height:16px;
	margin:0.5ex 0 0 0;
	padding-top:0.5ex;
	border-top:1px dotted #949494;
}
#poll_result_url a {
	padding-left:22px;
	color:#6a6a6a;
}
#poll_result_url a span {
	border-bottom:1px dotted #949494;

}
#poll_result_url a:hover {
	text-decoration: none;
}
#homepage_widget .widget_poll_bar .bar {
    width: 200px;
    padding: 5px 0;
}

#homepage_widget .widget_poll_bar .bar span {
    display: block;
    height: 8px;
    text-indent: -200px; /* enough to hide three characters */
    overflow: hidden;
}

#homepage_widget .widget_poll_bar .agree span {
    background-color: #0d1d6f;
}

#homepage_widget .widget_poll_bar .disagree span {
    background-color: #ff7609;
}

#homepage_widget .widget_poll_link {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
}

#homepage_widget .widget_poll_bar em {
    position: absolute;
    left: 210px;
    width: 70px;
    top: 3px;
    color: #6a6a6a;
    line-height: 1em;
}

#homepage_widget .widget_poll_bar .disagree em {
    top: 21px;
}

.jcarousel-clip {
    overflow: hidden;
    width: 480px;
    height: 300px;
    margin: 0 auto;
    z-index: 2;
    z-index: 2;
    position: relative;
}

#homepage_widget .jcarousel-list {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}
#poll_form {
    position:absolute;
    bottom:1.5em;
}
.enhanced fieldset {
    background:url(/uploads/images/assets/title_poll.png) no-repeat 0 50%;
    height:30px;
    padding:3px 0 3px 110px;
    
}
.enhanced div.wrapper {
    overflow:hidden;
    width:81px;
    height:30px;
    background:url(/uploads/images/assets/oneens.png) no-repeat;
    margin-left:1ex;
}
.enhanced div.wrapper:hover, .enhanced div.wrapper *:hover {
    cursor: pointer;
}
.enhanced div.first {
    width:61px;
    background:url(/uploads/images/assets/eens.png) no-repeat;
}
.enhanced legend, .enhanced button {
    display: none;
}
.enhanced div.wrapper * {
    visibility: hidden;
}
#highlight_container, #search_container_homepage {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	position:relative;
}

#search_container_homepage {
    font-size: 90%;
}

#search_container_homepage {
    margin: 0 -10px 1.5em -10px;
    padding: 10px;
}

#highlight_container {
    margin: 0 0 1.5em 0;
}

#highlight_container .component {
    border: 0;
}

#highlight_container {
    color: #6a6a6a;
}

#highlight_container #rated {
    margin-bottom: 0;
    background-color: transparent;
}

#highlight_container #rated dd a {
    color: #6a6a6a;
}

#highlighted {
    background: url(/uploads/images/assets/background_highlighted.png) 0 0 transparent;
    padding: 0 25px;
}

#highlight_container .column {
    margin-top: 1.5em;
}

#highlight_container dt, #highlight_container h2 {
    color: #0d1d6f;
    font-size: 125%;
    padding-top: 0.5ex;
    line-height: 1.5em;
    border: 0;
}

#highlight_container dt span, #highlight_container h2 span {
    border-bottom: 4px solid #ff7609;
}

#most_recent p {
    font-size: 90%;
}

#most_recent_info a span {
    border-bottom: 1px dotted #313131;
    color: #313131
}

#most_recent_info a:hover span, #most_recent_info a {
    color: #ff7609;
    border: none;
}

#most_recent_info a:hover {
}

#homepage_standpunten_container {
    font-size: 90%;
}

#search_container_homepage {
    position: relative;
    top: 0ex;
}

#search_container_homepage legend {
    display: none;
}

#search_container_homepage form {
    position: absolute;
    top: 1.5em;
    left: 10px;
    width: 280px;
}

#search_keywords {
    padding-left: 370px;
}

#search_keywords a {
    color: #6a6a6a;
    padding-right: 5px;
}

#search_keywords a.static {
    color: #0d1d6f;
}

#homepage_standpunten_container h4 {
    font-size: 1.1em;
    padding-top: 1ex;
    color: #313131;
}

#homepage_standpunten_container .reaction {
    padding-left: 1.25em;
    border-top: 1px solid #e1e1e1;
    background: url(/uploads/images/assets/toggle_open.png) no-repeat 0 1em;
    clear: both;
}

#homepage_standpunten_container .standpunt_wrapper {
    padding-bottom: 1ex;
}

a.react {
    margin-left: 1em;
    background-image: url(/uploads/images/assets/reaction.png);
    background-repeat: no-repeat;
    padding-left: 1.5em;
    color: #6a6a6a;
}

a.react:hover {
    text-decoration: none;
}

a.react span {
    font-size: 85%;
    font-weight: normal;
    border-bottom: 1px dotted #6a6a6a;
}

/*************************************** styledSelect ***********************************************/
div.styledSelect {
    /* background: url(/uploads/images/assets/search_select.png) 0 0 no-repeat; */
    background-color: #f0f0f0;
    background: url(/uploads/images/assets/toggle_open.png) no-repeat 203px 50% #f0f0f0;
    border: 1px solid #949494;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 21px;
    line-height: 21px;
    position: relative;
    left: 160px;
    width: 218px;
    z-index: 100;
}

div.styledSelect ul {
    list-style: none;
    line-height: 21px;
    position: absolute;
    top: 0;
    width: 218px;
    margin: 0;
    padding: 0;
}

div.open ul {
    margin: 0;
    width: 218px;
    border: 1px solid #949494;
    background: #f0f0f0;
    opacity: 0.9;
    max-height: 192px;
    overflow: auto;
    top: -1px;
    left: -1px;
}

div.styledSelect li {
    color: #565656;
    list-style-image: none;
    height: 21px;
    cursor: pointer;
}

div.styledSelect li:hover {
    cursor: default;
}

div.styledSelect li.closed {
    padding-left: 5px;
}

div.open li {
    padding-left: 4px;
}

div.open li.hover {
    color: #ff7609;
}

select {
    width: 220px;
}

#lid_form label {
    width: 160px;
}
#lid_form .date select {
    width: auto;

}
#lid_form .date .styledSelect {
    float:left;
    margin-right:10px;
    width:4em;
    left:0;
    background-position:30px 50%;
}
#lid_form .date .styledSelect ul {
    width:4em;

}
#lid_form .medium input {
    width: 100px;
}
#lid_form .date .year,
#lid_form .date .year ul {
    width: 5.5em;
    background-position:45px 50%;
}

.message {
    margin: 1.5ex 0;
}

#related_container h4 {
    font-size: 110%;
    margin: 0;
    padding: 1ex 0;
}

#related_container {
    font-size: 90%;
}

#related_container .wrapper {
    padding-bottom: 1.64em;
}

#related_attachments, #related_tags, #related_reactions {
    border-top: 1px solid #e1e1e1;
    background: url(/uploads/images/assets/toggle_open.png) no-repeat 0.5ex 2ex;
    padding: 0 1.5em;
}

.collapsed {
    background: url(/uploads/images/assets/toggle_closed.png) no-repeat 0.5ex 2ex !important;
}

.collapsed .wrapper {
    display: none;
}

#related_attachments ul {
    margin: 0;
}

#related_attachments li {
    list-style: none;
    background: url(/uploads/images/assets/paperclip.png) no-repeat 0 50%;
    padding-left: 20px;
}

#related_attachments li a {
    border-bottom: 1px dotted #6a6a6a;
    color: #6a6a6a;
}

#related_attachments li a:hover {
    text-decoration: none;
}

#related_tags a {
    border-bottom: 1px dotted #6a6a6a;
    color: #6a6a6a;
    margin-right: 1ex;
}

#related_tags a:hover {
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

th, td {
    border: 1px solid #e1e1e1;
}

.recaptchatable label.recaptcha_input_area_text {
    float: none;
}

#lid_link {
    position:absolute;
    height:24px;
    padding-top:8px;
    padding-right:10px;
    padding-left:11px;
    width:85px;
    top:102px;
    right:-10px;
    background:url(/uploads/images/assets/header_wordt_lid.png);
}
#lid_link a {
    display:block;
    height:24px;
    width:85px;
}
#lid_link a span {
    visibility:hidden;
}
#lid_link a:hover, #lid_link a:focus {
    text-decoration:none;
    outline: none;
}


/* sharing is caring */

#sharing_container {
    font-size: 90%;
}

	#sharing_container ul {
		clear: both;
		margin: 0.5ex 0 0 0;
		padding: 0;
		position: relative;
	}

	#sharing_container li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#sharing_container label {
		display: block;
		width: auto;
		float: none;
	}

.share_panel {
    margin: 0 0 1.5em 0;
	clear: both;
	padding-top:1.5ex;
}

.share_panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.share_panel p.message {
	margin:0;
	padding:1.5ex 0;
}

#sharing_container input[type = text] {
    width: 270px
}

#sharing_container textarea {
    display: block;
    width: 278px;
}

#share a {
    float: left;
    width: 124px;
    background: url(/uploads/images/assets/social_bookmarks.png) no-repeat;
    padding-left: 16px;
    line-height: 16px;
    margin: 0.75ex 0;
}

#sharing_container h4 {
    margin: 0 1em 1.5em 0 ;
    padding: 0 0 0 16px;
    font-weight: normal;
    font-size: 1em;
	line-height:2em;
	float:left;
	height:1.5em;
	background-repeat:no-repeat;
}
#sharing_container h4 span {
	background:white;
	display:block;
	margin-left:1ex;
	border-bottom:1px dotted #949494;
	line-height:1.5em;
}
#share .share_panel a span {
	background:white;
	padding-left:1ex;
        display: block;
}
h4#share_title {
	background-image:url(/uploads/images/assets/bookmark.png);
}
h4#forward_title {
	background-image:url(/uploads/images/assets/forward.png);
}
h4#print_title {
	background-image:url(/uploads/images/assets/print.png);
}
#share #share_digg {
    background-position: -16px 50%
}

#share #share_hyves {
    background-position: -32px 50%
}
#share #share_linkedin {
    background-position: -48px 50%
}
#share #share_nujij {
    background-position: -64px 50%
}
#share #share_twitter {
    background-position: -80px 50%
}
#share #share_addthis {
    background-position: -96px 50%
}


/* ===== jquery.rating.css ===== */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/* override jquery.rating.css background location */
div.star-rating,div.star-rating a{background-image:url(/uploads/images/assets/star.png)}




/*** IE ***/
/**
 * @author: nueysan.waldman
 *
 */

/**
 * While border-radius is for competent browsers, IE will have to use background images.
 *
 */

.component, .component dt, .component dd, .component form, .component fieldset, .component .wrapper, .component .wrapper_inner {
    border: 0;
    background-image: url(/uploads/images/assets/component.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
}

.component {
    background-position: -600px 50%;
    background-repeat: repeat-y;
    zoom: 1;
}

.component fieldset, .component dd, .component .wrapper_inner {
    background-position: -300px 100%;
}

.component .wrapper, .component .wrapper_inner {
    padding: 5px 0;
    zoom: 1;
}

/* fix that #homepage_standpunten_container is overlapping the container bellow. */
#highlight_container {
    clear: both;
}

/* exceptions to background trick */

#highlight_container #rated,
#highlight_container #rated dt,
#highlight_container #rated dd {
    background: none;
}

/* IE 7 */

/* hasLayout bugs */
* + html #overview_container,
* + html .columns,
* + html #sharing_container .share_panel,
* + html #highlight_container,
* + html .info {
    zoom: 1;
}

* + html #homepage_standpunten_container {
    margin-left: 0;
}

* + html #search_results caption {
    padding-bottom: 1ex;
}

* + html #search_form legend,
* + html #reaction_form legend,
* + html #sharing_container legend {
    position: relative;
    left:-7px;
}

* + html .banner .wrapper_inner {
    margin-bottom: -0.85em;
}

* + html .banner {
    margin-bottom: 1.8em !important;
}

* + html .two .column {
    margin: 0 0 16px 0;
}

* + html .two .column:first-child {
    margin: 0 20px 16px 0 ;
}

* + html #search_filters .styledSelect,
* + html #lid_form .styledSelect {
    left: 0px;
}

/* fixes highlight container in the homepage */
* + html #highlight_container {
    clear: both;
    padding-bottom: 1.5em;
}

/* ie add some non breaking spaces to fix that a button does not click without value'*/
#search_container_homepage span,
#search_container_side span,
#search_container button span,
#gmaps_options button span {
    display: none;
}

/* END IE 7 */

/* ie styles for roundfix.js only */
.rf {
	width:8px;
	height:8px;
	background:#ccc;
	position:absolute;
	background:url(/uploads/images/assets/corner-ie.png);
	z-index:99;
}
.tr {
	top:-1px;
	right:-1px;
	background-position:-8px 0;
}
.tl {
	top:-1px;
	left:-1px;
}
.bl {
	bottom:-1px;
	left:-1px;
	background-position:0px -8px;
}
.br {
	bottom:-1px;
	right:-1px;
	background-position:-8px -8px;
}




/*** IE6 ***/
/**
 * @author: ferenc.radius
 */


/* IE 6 */
/* no rounded corner support */
.component, .component dt, .component dd, .component form, .component fieldset, .component .wrapper, .component .wrapper_inner {
    background: none;
}
.component {
    border: 1px #E1E1E1 solid;
}

/* ie styles for roundfix.js not supported in ie6 */
.rf {
    background: none;
}

/* hasLayout bugs */
div {
    zoom: 1;
}

/* fix peekaboo / double margin fixes */
.widget_container,
.columns .column,
.component {
    position: relative;
    display: inline;
}

/* show error that you should update your browser */
.ie_error {
    position: relative;
    top: 20px;
    border: 1px gray solid;
    border-bottom: 4px solid #ff7609;
    background-color: #f7f7f7;
    margin-bottom: 2em;
    padding: 1ex 0 1ex 1ex;
}

/* fix various positions problems */
div#page_crumb {
    position: relative;
    top: -100px;
}
#rating_container {
    width: 90px;
}
#navigation_primary ul {
    margin-left: -570px;
}

/* 8 bit image*/
#navigation_primary > li > a {
    background-image: url(/uploads/images/assets/navigatie_ie6.png);
}
div.star-rating,div.star-rating a{
    background-image:url(/uploads/images/assets/star_ie6.png)
}
#search_container {
    background: url(/uploads/images/assets/background_search_input_ie6.png) no-repeat 0 0;
}

.jcarousel-prev, .jcarousel-next {
    background: url(/uploads/images/assets/homepage_widget_controls_ie6.png) no-repeat 50% 0;
}
.jcarousel-prev {
    left: 0;
    background-position: 50% -40px;
}

/* remove border from wrong images */
#logo img, #highlighted img {
    border: 0 !important;
}

/* ===== MY CUSTOM STYLES ===== */
#banner_container_homepage {
    border: none;
    padding-left: 0;
    padding-left: 66px
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	position:relative;
    font-size: 90%;
    text-align: center;
    margin: 0 -10px 1.5em -10px;
    padding: 10px;
    position: relative;
    top: 0ex;
}

#banner_container_homepage input {
    width: 252px;
}

#banner_container_homepage legend {
    display: none;
}

#banner_container_homepage form {
    position: absolute;
    top: 1.5em;
    left: 10px;
    width: 280px;
}

#banner_container_homepage span {
    display: none;
}

/* End of 'VVD' */