html * {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
html {
height: 100%;
width: 100%;
}
img {
border: 0;
}
body {
background: #7F7F7F; //#6D6E71;
margin: 0;
padding: 112px 0 108px 0;
font: 0.8125em Verdana, Arial, sans-serif;
}
body.pag2 {
background: #D9D9D9; //#999999;
}
body.pag1 {
background: #999999; //#D9D9D9;
}
#header, #footer {
position: absolute;
left: 0;
width: 100%;
height: 110px;
background: #000;
color: white;
}
#header {
top: 0;
border-bottom: 3px solid white;
}
#footer {
height: 105px;
bottom: 0;
border-top: 3px solid white;
}
@media screen {
body > #header{
position: fixed;
}
body > #footer{
position: fixed;
}
}
* html body {
overflow: hidden;
}
* html #content {
overflow: auto;
height: 100%;
}
#content {
width: 100%;
position: relative;
}
/* Website: Homepage
---------------------------------------------------------*/
.actions_home {
width: 100%;
height: 387px;
margin: 6px 0 4px 0;
}
.actions_home table, .actions_home td {
border:0;
padding:0;
margin:0;
}
.start_btn {
width: 193px;
height: 193px;
display:inline;
}
.logo_lang {
margin-bottom: 1px;
display: block;
}
/*
IE6 Hack, anders komt die 1px ruimte er niet mooi tussen
*/
html>body .logo_lang {
display: inline;
}
.actions_home_top, .actions_home_bottom {
width: 100%;
height: 109px;
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.actions_home_bottom {
height: 105px;
}
.actions_home_bottom .col2 {
text-align:center
}
.actions_home_top .col1, .actions_home_top .col4,
.actions_home_bottom .col1, .actions_home_bottom .col3 {
width: 28%;
text-align:center;
}
.actions_home_top .col2, .actions_home_top .col3 {
width: 22%;
}
.actions_home_bottom .col2 {
width: 44%;
left: 28%;
}
.actions_home_bottom .col1 {
left: 0;
width: 28%;
}
.actions_home_bottom .col2 {
left: 28%;
width: 44%;
}
.actions_home_bottom .col3 {
left: 72%;
width: 28%;
}
.actions_home_top .col1 {
left: 0;
width: 28%;
}
.actions_home_top .col2 {
width: 22%;
left: 28%;
}
.actions_home_top .col3 {
width: 22%;
left: 50%;
}
.actions_home_top .col4 {
width: 28%;
left: 72%;
}
.actions_home_top a, .actions_home_bottom a {
color: white;
text-decoration: none;
font-family: Verdana;
letter-spacing: 3px;
font-weight: bold;
font-variant: small-caps;
font-size: 1.2em;
}
.actions_home_top a:hover, .actions_home_bottom a:hover {
text-decoration: underline;
}
.actions_home_top li, .actions_home_bottom li {
position: absolute;
}
.actions_home_top li {
height: 109px;
line-height: 109px;
}
.actions_home_top li img {
margin: 18px 0;
}
.actions_home_bottom li {
height: 105px;
line-height: 105px;
}
.actions_home_bottom li img {
margin: 31px 0;
}
/* Website: Pagina 1
---------------------------------------------------------*/
#main_logo {
position: absolute;
top: 14px;
left: 40px;
display: block;
/* width: 100px;*/
}
.here_now {
position: absolute;
top: 8px;
left: 162px;
}
.pag1_main_themes {
width: 100%;
height: 157px;
}
.pag1_main_themes ul {
list-style: none;
margin: 0;
padding: 0;
width: 984px;
}
.pag1_main_themes ul li {
float: left;
position: relative;
}
.pag1_main_themes ul li.col1 {
padding: 17px 0 0 40px;
}
.pag1_main_themes ul li.col2 {
padding: 17px 0 0 13px;
}
.pag1_main_themes ul li.col3, .pag1_main_themes ul li.col4,
.pag1_main_themes ul li.col5, .pag1_main_themes ul li.col6,
.pag1_main_themes ul li.col7 {
padding: 17px 0 0 0;
}
.pag1_theme_title {
/* font-weight: bold;*/
}
.pag1_anim {
width: 100%;
height: 87px;
background: white;
position:absolute;
left:0;
}
.pag1_anim {
overflow:hidden;
}
.pag1_main_themes ul li div {
position: absolute;
top: 17px;
letter-spacing: -0.1px;
line-height: 20px;
z-index: 10;
width: 128px;
padding: 89px 5px 0 5px;
text-align: center;
color: white;
font-size: 1.1em;
left: 0;
margin-left: 5px;
text-decoration: none;
/*font-weight: bold;*/
}
/*
IE6 Hack, anders komt die 1px ruimte er niet mooi tussen
*/
html>body .pag1_main_themes ul li div {
margin:0;
}
.pag1_main_themes ul li.col2 div {
left:15px;
}
.pag1_main_themes ul li.col2 img {
z-index:5;
}
.pag1_main_options {
margin-top:87px;
position: absolute;
left: 137px;
}
.pag1_main_options ul {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
width: 822px;
}
.pag1_main_options ul li img {
float: left;
width: 29px;
margin-right: 11px;
}
.pag1_main_options ul ul {
margin: 0;
float: left;
width: 97px;
}
.pag1_main_options ul li {
float: left;
}
.pag1_main_options ul ul li {
margin: 0;
float: none;
}
.pag1_main_options ul ul li a {
color: white;
font-size: 0.8em;
text-decoration: none;
}
.pag1_main_options ul ul li a:hover {
color: black;
}
/* Website: Pagina 1 - footer navigation
---------------------------------------------------------*/
.pag1_foot_nav {
}
.pag1_foot_nav {
width: 100%;
height: 108px;
position: absolute;
left: 108px;
}
.pag1_foot_nav ul {
list-style: none;
margin: 0;
padding: 0;
width: 750px;
}
.pag1_foot_nav ul li {
float: left;
}
.pag1_foot_nav ul li.col1, .pag1_foot_nav ul li.col2,
.pag1_foot_nav ul li.col3, .pag1_foot_nav ul li.col4,
.pag1_foot_nav ul li.col5 {
padding: 13px 0 0 70px;
}
#primnav, #secnav {
position:absolute;
top:10px;
left:50px;
list-style:none;
padding:0;
margin:0;
}
#primnav li, #secnav li {
float:left;
width:89px;
height:89px;
background:#0380B7;
border:2px solid white;
text-align:center;
font-size:10px;
margin-right:5px;
}
#primnav li a, #secnav li a {
color:black;
text-decoration:none;
width:81px;
margin-top:50px;
display:block;
padding:0 5px;
font-weight:bold;
}
#primnav li a:hover, #secnav li a:hover {
color:white;
}
#secnav {
left:180px;
}
#secnav li.current {
background: #F0027F;
}
#content h2 {
margin: 0;
padding: 10px 0;
}
.edit_actions ul {
list-style: none;
margin: 0;
margin-top: 10px;
}
.edit_actions ul li {
float: left;
margin-right: 10px;
}
.edit_actions ul li a {
display: block;
padding: 3px 15px;
border: 1px solid black;
color: black;
text-decoration: none;
margin-bottom: 15px;
font-weight:bold;
}
.edit_actions ul li.current a {
color: #F0027F;
border-color: #F0027F;
}
.edit_actions ul li a:hover {
color: #0380B7;
border-color: #0380B7;
}
.pager {
text-align: center;
padding: 5px 0;
}
.empty_message {
padding: 20px;
}
/* Beheer Modules: Thema's
---------------------------------------------------------*/
h2.page_title {
padding-left: 10px;
}
.new_item {
margin: 20px 0 20px 10px;
}
.new_item a, .current_items a {
text-decoration: none;
color: black;
font-weight: bold;
}
.new_item a:hover, .current_items a:hover {
text-decoration: underline;
}
.current_file {
color:white;
font-style:italic;
}
.current_items table {
border-spacing: 0;
}
.current_items th {
text-align: left;
height: 35px;
background: black;
color: white;
}
.current_items td {
height: 25px;
border-bottom: 1px dotted black;
}
.current_items th.col1 { width:60px; }
.current_items th.col2 { width:300px; padding-left:3px }
.current_items th.col3 { width:250px; }
.current_items th.col4 { width:230px; }
.group_items {
border:2px solid black;
width:230px;
height:30px;
position:absolute;
top:80px;
left:542px;
padding: 8px 10px 0 5px;
}
* html .group_items {
top:100px;
}
.group_items h3 {
margin:0;
/*color:color;*/
font-size:0.9em;
display:inline;
}
.group_items select {
width:120px;
}
.label_desc {
width: 150px;
text-align: left;
vertical-align: top;
}
input.textfield, textarea.textfield {
width: 450px;
padding: 2px;
font-size: 0.85em;
}
textarea.textfield {
height: 150px;
}
.lbl_link {
width: 70px;
margin: 3px 0;
display: block;
float: left;
}
input.url_short {
width: 380px;
margin: 3px 0;
}
.lit_keywords {
list-style:none;
margin:0;
padding:0;
width: 250px;
float:left;
}
.lit_keywords LI {
width: 100%;
}
.theme_intro {
position: absolute;
width: 460px;
left: 294px;
top: 20px;
font-size: 11px;
}
.theme_intro_part2 {
position: absolute;
width: 460px;
left: 294px;
top: 248px;
font-size: 10px;
}
/* Voorkant Pag 2
---------------------------------------------------------*/
.content_col1, .content_col2 {
width: 120px;
height: 85%;
vertical-align: top;
padding: 0;
margin: 0;
}
.theme1 { background: #FF0000; }
.theme2 { background: #EB0081; }
.theme3 { background: #90C430; }
.theme4 { background: #007DC5; }
.theme5 { background: #7C76B5; }
.theme6 { background: #F89B14; }
.theme_char1 { color: #FF0000; }
.theme_char2 { color: #EB0081; }
.theme_char3 { color: #90C430; }
.theme_char4 { color: #007DC5; }
.theme_char5 { color: #7C76B5; }
.theme_char6 { color: #F89B14; }
.content_col1 table.col, .content_col2 table.col {
width: 120px;
height: 100%;
border-spacing: 3px;
background: #000;
border: 0;
}
.content_col1 table.col td, .content_col2 table.col td {
vertical-align: top;
}
#content_pag2 {
width: 980px;
border: 0;
background: #000;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
/*height: 100%;*/
}
.content_col_center {
width: 738px;
background: #D9D9D9; //#999999;
vertical-align: top;
}
.content_center {
width: 739px;
margin-bottom: 108px;
background: #999999;//#D9D9D9;
overflow:auto;
}
.pag2_common, .text_content, .sitemap_content {
margin: 20px 0 0 54px;
width: 470px;
/* font-size: 0.8em;*/
font-size: 70%;
letter-spacing: 0.4px;
line-height: 1.3em;
position: relative;
}
a {
text-decoration:none;
}
h2 {
font-size: 1em;
padding: 2px 0;
}
.text_content h2, .sitemap_content h2 {
font-size: 1.2em;
font-weight: bold;
}
.pag2_common p {
margin-top: 0;
}
.pag2_common hr {
margin: 0 0 15px 0;
background: #000;
height: 1px;
border: 1px;
}
.pag2_image {
position: absolute;
left: 520px;
top: 00px;
}
.pag2_doc_download, .pag2_tip_extra {
position: absolute;
left: 500px;
top: 0px;
display: block;
text-decoration: none;
width: 130px;
}
.image_item, .doc_item, .tip_item {
position: relative;
}
.pag2_lit_extra a, .link_item a, .pag2_tip_extra a, .tip_item a {
text-decoration: none;
}
.text_content a {
color:red;
font-weight:bold;
}
/* PAG2: Literatuurlijst
---------------------------------------------------------*/
.pag2_back {
position: absolute;
text-align: center;
width: 120px;
margin-top: 20px;
margin-left: 5px;
}
.pag2_theme {
position: relative;
top: 12px;
text-align: center;
width: 100%;
}
.pag2_theme_title {
width: 120px;
color: white;
font-family: Verdana;
text-align: center;
letter-spacing: -0.1px;
z-index: 10;
padding: 10px 0 0 0;
font-size: 0.9em;
text-decoration: none;
}
.pag2_theme_actions {
list-style: none;
margin: 50px 0 0 0;
padding: 0;
}
.pag2_theme_actions li {
padding-bottom: 2px;
padding-left: 15px;
}
.pag2_theme_actions a {
color: white;
text-decoration: none;
font-size: 0.8em;
}
.pag2_back_title {
position: relative;
top: 60px;
text-align: center;
width: 120px;
text-align: center;
font-size: 0.9em;
font-family: Verdana;
text-decoration: none;
font-weight: bold;
color: black;
display: block;
}
.pag1_back_title {
position: absolute;
top: 72px;
left: 44px;
text-align: center;
width: 75px;
text-align: center;
font-size: 0.8em;
font-family: Verdana;
text-decoration: none;
font-weight: bold;
color: black;
z-index: 100;
}
.main_content {
margin-left: 15px;
}
a.keyword_letter {
text-decoration: none;
font-size: 1em;
font-weight: bold;
}
.keyword_name {
margin-bottom: 0;
}
.keyword_name a {
font-size: 0.7em;
}
.keyword_name a {
color: red;
text-decoration: none;
}
.keyword_name a:hover {
text-decoration: underline;
}
.pager a {
color: black;
}
.pager a:hover {
text-decoration: underline;
color: red;
}
.content_center #inlog {
padding:20px;
}
.content_center #inlog table table th {
width: 150px;
text-align: left;
height: 40px;
}
.content_center #inlog td {
}
table.sitemap a {
color: black;
text-decoration: none;
font-size:0.8em;
}
table.sitemap a.begin {
color: red;
font-weight: bold;
font-size: 0.9em;
}
table.sitemap a.extra {
font-style: italic;
}
table.sitemap a.spec {
font-weight: bold;
font-size: 0.9em;
}
.midcol {
width: 57px;
}
table.sitemap TD {
padding: 4px 0;
}
.loginmessage {
font-weight:bold;
color:red;
width:500px;
}
#inloggen td, #inloggen th {
font-size: 0.8em;
}
#inloggen h3 {
font-size: 1em;
}
a.litlink {
padding-bottom:4px;
display:block;
}
a.litlink:hover {
text-decoration:underline;
}
.lit_item_complete {
width: 600px;
clear:both;
margin-bottom:10px;
padding-bottom:10px;
position:relative;
padding-top:10px;
border-top:1px solid black;
}
.speciallit .doc_item {
width: 460px;
float: left;
margin-right: 10px;
margin-bottom:10px;
}
.lit_item_complete .divider {
position:relative;
width:600px;
display:none;
}
.pag2_lit_extra {
text-decoration: none;
width: 130px;
float:left;
margin-bottom:10px;
}