html
{
}
body
{
margin : 0px;
padding : 0px;
font : normal 12px/1.50em Arial, Helvetica, sans-serif;
color : #000000;
background-image : url(/images/new_background.jpg);
background-repeat : no-repeat;
margin-left : 40px;
}
a:link,
a:visited,
a:active
{
color : #DE3B34;
text-decoration : underline;
font-weight : bold;
outline : none;
}
a:hover
{
color : #DE3B34;
text-decoration : underline;
font-weight : bold;
outline : none;
}
h1
{
margin : 0px;
padding : 0px;
font : bold 19px/1.5em Arial, Helvetica, sans-serif;
}
h2
{
margin : 0px;
padding : 0px;
font : bold 16px/1.5em Arial, Helvetica, sans-serif;
}
h3
{
margin : 0px;
padding : 0px;
font : bold 13px/1.5em Arial, Helvetica, sans-serif;
}
h4
{
margin : 0px;
padding : 0px;
font : bold 10px/1.5em Arial, Helvetica, sans-serif;
}
h5
{
margin : 0px;
padding : 0px;
font : bold 8px/1.5em Arial, Helvetica, sans-serif;
}
h6
{
margin : 0px;
padding : 0px;
font : bold 7px/1.5em Arial, Helvetica, sans-serif;
}
div
{
}
span
{
}
ul
{
}
li
{
}
hr
{
}
p
{
margin : 2px 0px 15px 0px;
padding : 0px;
}
sub
{
}
sup
{
}
fieldset
{
}
input
{
}
label
{
}
textarea
{
}
button
{
}
select
{
}
table
{
}
tr
{
}
th
{
}
td
{
}
span.hidden
{
display : none;
}
div.sub_header
{
width: 870px;
height: 180px;
clear: both;
border-bottom: 1px solid black;
}
div.sub_header .left
{
width: 300px;
float: left;
}
div.sub_header .right
{
width: 870px;
}
div.sub_header .right .vrijwilliger
{
position: absolute;
top: 260px;
left: 720px;
}
div.sub_header .right .voorlichting
{
position: absolute;
top: 260px;
left: 530px;
}
/******************************************************* EINDE ALGEMEEN *******************************************************/
/******************************************************* NAVIGATION ***********************************************************/
/********************************************************* PAGESELECT *********************************************************/
a.pageselect_firstpage_link
{
padding : 5px;
}
span.pageselect_firstpage_text
{
padding : 5px;
}
a.pageselect_previouspage_link
{
padding : 5px;
}
span.pageselect_previouspage_text
{
padding : 5px;
}
a.pageselect_currentpage_link
{
padding : 5px;
}
a.pageselect_currentpage_text
{
padding : 5px;
font-weight : bold;
}
a.pageselect_nextpage_link
{
padding : 5px;
}
span.pageselect_nextpage_text
{
padding : 5px;
}
a.pageselect_lasttpage_link
{
padding : 5px;
}
span.pageselect_lastpage_text
{
padding : 5px;
}
/****************************************************** EINDE PAGESELECT ******************************************************/
/* ========================================================================================================================== */
/* ************************************************** EINDE SITE STANDAARD ****************************************************/
/* ========================================================================================================================== */
/*** Module: Content ***/
div.content_content
{
}
h2.content_content_title
{
}
div.content_content_publicationDate
{
}
/*** Module end ***/
/*** Module: FlatContent ***/
div.flatcontent_content
{
}
/*
div.flatcontent_columns
{
height : 300px;
column-count : 2;
column-width : 435px;
column-gap : 50px;
border: 1px dotted #000;
}
*/
h2.flatcontent_content_title
{
}
div.flatcontent_content_publicationDate
{
}
/*** Module end ***/
/*** Module: News ***/
div.news_content
{
}
div.news_back_link
{
margin : 5px 0px 10px 0px;
padding : 0px;
float : left;
clear : both;
}
a.news_readmore_link
{
}
a.news_archive_link
{
}
h2.news_list_header
{
}
h3.news_list_category_header
{
}
div.news_list_row
{
margin : 0px 0px 15px 0px;
padding : 0px;
}
a.news_list_title
{
}
a.news_list_title:hover
{
}
span.news_list_publicationDate
{
}
span.news_list_thumbnail
{
margin : 0px 0px 10px 10px;
float : right;
}
div.news_list_intro
{
}
div.news_details
{
}
h2.news_details_header
{
}
span.news_details_publicationDate
{
}
span.news_details_thumbnail
{
margin : 0px 0px 10px 10px;
float : right;
}
div.news_details_intro
{
}
div.news_details_content
{
}
h2.news_archive_title
{
}
div.news_archive
{
}
h3.news_archive_header
{
}
div.news_archive_month
{
}
div.news_archive_year
{
}
h3.news_archive_category_header
{
}
/*! Lijst wordt weergegeven in 2 classes (bijv. verschillende achtergrondkleuren) */
div.news_archive_list
{
margin : 0px 0px 5px 0px;
padding : 0px;
float : left;
clear : both;
}
div.news_archive_list1
{
margin : 0px 0px 5px 0px;
padding : 0px;
float : left;
clear : both;
}
a.news_archive_title
{
}
span.news_archive_category_title
{
}
div.news_archive_title
{
margin : 0px;
padding : 0px;
width : 400px;
float : left;
}
div.news_archive_publicationdate
{
margin : 0px;
padding : 0px;
width : 135px;
float : left;
}
/*** Module end ***/
/*** Module: Poll ***/
a.poll_back_link
{
}
div.poll_navigate
{
margin : 15px 0px 5px 0px;
}
a.poll_archive_link
{
}
div.poll_poll
{
}
h2.poll_poll_header
{
}
h3.poll_poll_title
{
margin-bottom : 5px;
}
div.poll_poll_title
{
float : left;
width : 150px;
}
div.poll_poll_error
{
margin : 0px 0px 10px 0px;
padding : 0px;
font-weight : bold;
color : #DE3B34;
}
div.poll_poll_percent_bar_border
{
margin-left : 200px;
border-style : solid;
border-color : #000;
border-width : 1px;
width : 200px;
height : 18px;
margin-bottom : 5px;
background : #FFF5E8;
}
div.poll_poll_percent_bar_text
{
margin : -18px 0px 0px 0px;
float : right;
width : 100%;
text-align : center;
background : transparent;
}
div.poll_poll_percent_bar_inner
{
background-color : red;
height : 18px;
}
div.poll_poll_option
{
}
div.poll_archive
{
}
h2.poll_archive_header
{
}
h3.poll_archive_question
{
}
h4.poll_archive_title
{
}
/*! Lijst wordt weergegeven in 2 classes (bijv. verschillende achtergrondkleuren) */
div.poll_archive_list
{
margin : 0px 0px 5px 0px;
padding : 0px;
}
div.poll_archive_list1
{
margin : 0px 0px 5px 0px;
padding : 0px;
}
/*** Module end ***/
/*** Module: Form ***/
div.form_form
{
}
div.form_row
{
}
div.form_label
{
display : block;
height : auto;
float : left;
width : 250px;
}
label.remark
{
color : blue;
cursor : pointer;
}
div.form_field
{
padding-left : 250px;
}
div.form_error
{
padding-left : 125px;
color : red;
font-weight : bold;
}
div.form_remark
{
display:none;
position:absolute;
border-style: solid;
border-width: 1px;
border-color: black;
background-color: white;
padding: 5px;
}
div.form_field ul.moveselect
{
list-style-type : none;
margin : 0px;
padding : 20px 20px 0 20px;
float : left;
}
div.form_field select.move_select_left
{
width : 150px;
float : left;
}
div.form_field select.move_select_right
{
width : 150px;
float : left;
}
div.form_moveselect
{
height : 100px;
}
/*** Module end ***/
/*** Module: Searchengine ***/
a.searchengine_search_link
{
}
div.searchengine_list
{
}
h2.searchengine_list_header
{
}
h3.searchengine_list_title
{
}
h4.searchengine_list_keywordtitle
{
}
div.searchengine_list_row
{
}
a.searchengine_list_row_title
{
font-family : verdana, sans-serif;
font-style : italic;
font-size : 9pt;
font-weight : bold;
text-transform : uppercase;
color : #91697A;
padding-left : 3px;
}
div.searchengine_list_row_content
{
}
a.searchengine_list_row_more_link
{
font-family : verdana, sans-serif;
font-style : italic;
font-size : 9pt;
font-weight : bold;
text-transform : uppercase;
color : #91697A;
padding-left : 3px;
}
div.searchengine_error
{
}
span.searchengine_list_row_keyword
{
font-weight : bold;
font-style : italic;
font-variant : small-caps;
}
/*** Module end ***/
/*** Module: Sitemap ***/
div.sitemap_list
{
}
h2.sitemap_list_header
{
}
h3.sitemap_list_title
{
}
div.sitemap_list_sitesection
{
background-image : url(/images/sitemap_folder.gif);
background-position : center left;
background-repeat : no-repeat;
padding-left : 20px;
}
div.sitemap_list_module_folder
{
}
div.sitemap_list_module_item
{
background-position : center left;
background-repeat : no-repeat;
padding-left : 20px;
margin-left : 40px;
background-image : url(/images/sitemap_item.gif);
}
div.sitemap_list_module_depth_1_folder
{
background-image : url(/images/sitemap_folder.gif);
background-position : center left;
background-repeat : no-repeat;
padding-left : 20px;
margin-left : 60px;
}
div.sitemap_list_module_depth_1_item
{
background-position : center left;
background-repeat : no-repeat;
padding-left : 20px;
margin-left : 60px;
background-image : url(/images/sitemap_item.gif);
}
div.sitemap_list_module_depth_2
{
background-position : center left;
background-repeat : no-repeat;
padding-left : 20px;
margin-left : 80px;
background-image : url(/images/sitemap_item.gif);
}
/*** Module end ***/
/*** Module: Publication ***/
a.publication_list_pdf
{
padding-top : 2px;
padding-right : 0px;
padding-bottom : 0px;
padding-left : 20px;
height : 20px;
width : 20px;
font-size : 0px;
background-image : url(/images/pdf_file.gif);
background-repeat : no-repeat;
}
a.publication_list_text
{
padding-top : 2px;
padding-right : 0px;
padding-bottom : 0px;
padding-left : 20px;
height : 20px;
width : 20px;
font-size : 0px;
background-image : url(/images/text_file.gif);
background-repeat : no-repeat;
}
a.publication_list_request
{
font-size : 9px;
margin-left : 20px;
}
div.publication_details
{
}
h2.publication_details_header
{
}
div.publication_list
{
}
h2.publication_list_header
{
}
h3.publication_list_category
{
}
div.publication_list_item
{
margin-bottom : 30px;
}
div.publication_list_thumbnail
{
float : left;
width : 100px;
height : 70px;
margin-right : 5px;
}
div.publication_list_title
{
}
span.publication_list_publicationDate
{
}
div.publication_list_intro
{
}
span.publication_list_filesize
{
}
span.publication_list_filesize
{
}
div.publication_list_uitgave
{
}
span.publication_list_select
{
}
div.publication_requestform
{
}
h2.publication_requestform_header
{
}
div.publication_requestform_content
{
}
div.publication_requestform_form
{
}
/*** Module end ***/
/** CONTENT EDITOR STYLES **/
span.content_normaltext /** Normale tekst **/
{
font-family : verdana, sans-serif;
font-weight : normal;
font-size : 10pt;
color : #003D7E;
line-height : 15pt;
}
h1.content_titel /** Titel **/
{
font-family : verdana, sans-serif;
font-weight : bold;
color : #FF0000;
font-size : 16pt;
line-height : 15pt;
}
h2.content_subkopje1 /** Subkopje 1 **/
{
font-family : verdana, sans-serif;
font-weight : bold;
font-style : italic;
font-size : 11.5pt;
color : #003D7E;
}
h3.content_subkopje2 /** Subkopje 2 **/
{
font-family : verdana, sans-serif;
font-weight : normal;
font-style : italic;
font-size : 11.5pt;
color : #003D7E;
}
/** END CONTENT EDITOR STYLES **/
/** Main **/
body.home,
body.nogame,
body.meisjesbesnijdenis,
body.voorlichting,
body.interactie,
body.films_en_boeken,
body.internationaal,
body.links,
body.wat_kun_jij_doen,
body.contact
{
}
div.volgons
{
position: absolute;
top: 50px;
left: 700px;
width: 172px;
height: 86px;
background-image: url('/images/volgonsbackground.png');
}
.hyvesknop
{
position: absolute;
top: 40px;
left: 22px;
}
.facebookknop
{
position: absolute;
top: 39px;
left: 67px;
}
.twitterknop
{
position: absolute;
top: 39px;
left: 110px;
}
div.header
{
height : 179px;
width : 100%;
background-repeat : no-repeat;
background-position : top left;
}
div.logo
{
margin-top: 20px;
}
div.text
{
position: absolute;
top: 30px;
left: 320px;
font-size : 18pt;
font-weight: bold;
line-height: 26px;
}
div.header_home
{
}
div.content_container
{
margin : 0px;
overflow : auto;
overflow-x : hidden;
clear : both;
background-repeat : no-repeat;
background-position : top left;
}
body.home div.content_container
{
}
body.nogame div.content_container
{
}
body.meisjesbesnijdenis div.content_container
{
}
body.voorlichting div.content_container
{
}
body.interactie div.content_container
{
}
body.films_en_boeken div.content_container
{
}
body.internationaal div.content_container
{
}
body.links div.content_container
{
}
body.wat_kun_jij_doen div.content_container
{
}
body.contact div.content_container
{
}
body.home,
body.nogame,
body.meisjesbesnijdenis,
body.voorlichting,
body.interactie,
body.films_en_boeken,
body.internationaal,
body.links,
body.wat_kun_jij_doen,
body.contact
{
background-color : #fff;
}
body.home div.content_container
{
}
body.nogame div.content_container
{
}
body.meisjesbesnijdenis div.content_container
{
}
body.voorlichting div.content_container
{
}
body.interactie div.content_container
{
}
body.films_en_boeken div.content_container
{
}
body.internationaal div.content_container
{
}
body.links div.content_container
{
}
body.wat_kun_jij_doen div.content_container
{
}
body.contact div.content_container
{
}
div.content
{
padding : 0px;
width : 875px;
}
div.footer
{
margin-top : 30px;
margin-bottom : 10px;
border-bottom : 1px solid #000;
border-top : 1px solid #000;
padding-top : 4px;
width : 872px;
text-align : right;
}
div.footer a:link,
div.footer a:visited,
div.footer a:active,
div.footer a:hover
{
color : #FFFFFF;
font : bold 11px Arial, Helvetica, sans-serif;
text-decoration : none;
}
img.zig
{
border : 0px;
}
form
{
margin : 0px;
padding : 0px;
}
/** Einde Main **/
/** Navigatie **/
div.navigation_container
{
height: 2em;
background-image: url("/images/home_title_background.png");
margin-left: 0px;
height: 30px;
width: 872px;
}
#nav
{
width: 872px;
}
#nav, #nav ul
{
padding : 0px;
padding-top: 2px;
margin : 0px;
list-style : none;
z-index : 10;
}
#nav a
{
display : block;
width : 100px;
color : #000000;
font : bold 12px/2.0em Arial, Helvetica, sans-serif;
text-decoration : none;
text-align : left;
white-space : nowrap;
}
#nav li
{
float : left;
text-align : left;
}
#nav ul li
{
background-color : #ffffff;
}
#nav li ul
{
position : absolute;
width : 100px;
left : -999em;
}
#nav a.home {
display : block;
width : 60px;
}
#nav li.home {
float : left;
width : 60px;
}
#nav a.nogame {
display : block;
width : 75px;
}
#nav li.nogame {
float : left;
width : 75px;
}
#nav li ul.nogame
{
position : absolute;
width : 75px;
left : -999em;
}
#nav a.meisjesbesnijdenis
{
display : block;
width : 135px;
}
#nav li.meisjesbesnijdenis
{
float : left;
width : 135px;
}
#nav li ul.meisjesbesnijdenis
{
position : absolute;
width : 135px;
left : -999em;
}
#nav a.voorlichting
{
display : block;
width : 100px;
}
#nav li.voorlichting
{
float : left;
width : 100px;
}
#nav li ul.voorlichting
{
position : absolute;
width : 100px;
left : -999em;
}
#nav a.interactie
{
display : block;
width : 80px;
}
#nav li.interactie
{
float : left;
width : 80px;
}
#nav li ul.interactie
{
position : absolute;
width : 80px;
left : -999em;
}
#nav a.films_en_boeken
{
display : block;
width : 120px;
}
#nav li.films_en_boeken
{
float : left;
width : 120px;
}
#nav li ul.films_en_boeken
{
position : absolute;
width : 120px;
left : -999em;
}
#nav a.internationaal
{
display : block;
width : 105px;
}
#nav li.internationaal
{
float : left;
width : 105px;
}
#nav li ul.internationaal
{
position : absolute;
width : 105px;
left : -999em;
}
#nav a.links
{
display : block;
width : 57px;
}
#nav li.links
{
float : left;
width : 57px;
}
#nav li ul.links
{
position : absolute;
width : 57px;
left : -999em;
}
#nav a.wat_kun_jij_doen
{
display : block;
width : 125px;
}
#nav li.wat_kun_jij_doen
{
float : left;
width : 125px;
}
#nav li ul.wat_kun_jij_doen
{
position : absolute;
width : 125px;
left : -999em;
}
#nav a.contact
{
display : block;
width : 75px;
}
#nav li.contact
{
float : left;
width : 75px;
}
#nav li ul.contact
{
position : absolute;
width : 75px;
left : -999em;
}
#nav li ul.nogame li,
#nav li ul.meisjesbesnijdenis li,
#nav li ul.voorlichting li,
#nav li ul.interactie li,
#nav li ul.films_en_boeken li,
#nav li ul.internationaal li,
#nav li ul.links li,
#nav li ul.wat_kun_jij_doen li,
#nav li ul.contact li
{
width: 185px;
}
#nav li ul.nogame a,
#nav li ul.meisjesbesnijdenis a,
#nav li ul.voorlichting a,
#nav li ul.interactie a,
#nav li ul.films_en_boeken a,
#nav li ul.internationaal a,
#nav li ul.links a,
#nav li ul.wat_kun_jij_doen a,
#nav li ul.contact a
{
width: 100%;
}
#nav li:hover ul, #nav li.sfhover ul
{
left : auto;
}
#nav li ul li,
#nav li ul li a
{
border-right: 0px;
}
#nav li ul li a
{
border-top: 1px solid #FFF;
}
body.home #nav
{
}
body.home_sections #nav
{
margin-left: 0px;
}
/** Einde Navigatie **/
/** Styles per sectie **/
/** ===== Home ===== **/
body ul.sectionnavigation a:hover
{
background-color : #3C9785;
}
/** ===== Einde Home ===== **/
/** Einde Styles per sectie **/
/** Home **/
div.home_columns
{
}
div.home_left
{
float: left;
width: 384px;
margin-right: 103px;
margin-top: 20px;
}
div.home_left .header_left
{
margin-bottom: 20px;
}
.home_left .content_left
{
border-bottom: 1px solid #000;
padding-bottom: 15px;
}
.home_left .title_left
{
font-weight: bold;
font-size : 16pt;
background-image: url(/images/home_title_background.png);
height: 30px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
}
.home_right .title_right
{
font-weight: bold;
font-size : 16pt;
background-image: url(/images/home_title_background.png);
text-align: center;
line-height: 30px;
height: 30px;
margin-bottom: 20px;
}
.home_right .content_right
{
border-bottom: 1px solid #000;
padding-bottom: 15px;
}
.home_right .content_right div.img
{
margin-bottom: 10px;
}
.home_left .content_left img
{
margin-bottom: 10px;
text-align: center;
}
a
{
color : #D7B518;
}
a.yellow_link,
a.yellow_link:visited,
a.yellow_link:hover,
a.yellow_link:active
{
color : #D7B518;
text-decoration: none;
}
div.home_right
{
float: left;
margin-top: 20px;
width: 384px;
}
div.home_right .header_right
{
margin-bottom: 20px;
}
table.home
{
width : 100%;
border-collapse : collapse;
}
td.home_left
{
margin : 0px;
padding : 0px;
font : normal 12px/1.50em Arial, Helvetica, sans-serif;
width : 435px;
vertical-align : top;
}
td.home_middle
{
width : 15px;
}
td.home_right
{
margin : 0px;
padding : 0px;
font : normal 12px/1.50em Arial, Helvetica, sans-serif;
vertical-align : top;
}
div.home_news_title
{
font-weight : normal;
}
div.home_news_item
{
clear : both;
}
div.home_poll_title
{
margin : 5px 0px 5px 0px;
padding : 0px;
font-weight : bold;
font-style : italic;
color : #04A3A9;
}
img.home_poll_verzenden
{
margin : 10px 0px 5px 0px;
padding : 0px;
border : 0px;
}
.sectionnavigation
{
}
/** Einde Home **/
/** NEW CONTENT FUNCVTION **/
div#content_first_column { width : 440px; float : left;}
div#content_second_column { width : 440px; float : left; padding-left : 20px;}
div.kolom_nav { position : absolute; top : 570px;left : 645px; width: 300px; text-align: right;}
span.nextlink { padding-left : 20px;}