/* Page
----------------------------------------------- */
html {
height:100%;
width:100%;
}
body {
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family: Arial, Verdana;
font-size:12px;
color:#f2f2f2;
background-image:url(/img/bg.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#f2f2f2
}
/* Headers
----------------------------------------------- */
h1, h2, h3, h4, h5 {cursor:default}
h1 {
font-size:30px;
font-family:Helvetica, Arial;
margin:0px;
padding:0px;
}
h2 {
font-weight:normal;
font-size:16px;
margin:0px 0px 5px 0px;
padding:0px;
}
/* Paragraphs
----------------------------------------------- */
p{
margin:0;
padding:0;
}
/* Lists
----------------------------------------------- */
ul {}
ul li {}
ul li ul{}
ul li ul li{}
/* Tables
----------------------------------------------- */
table {}
td {
}
.tabel_top {
background-color:#404040;
}
.row1{background-color:#646464;}
.row2{}
/* Forms
----------------------------------------------- */
form {
clear: both;
margin-right: 20px;
padding: 0;
width: 80%;
}
fieldset {
border: 1px solid #ccc;
margin-top: 30px;
padding: 16px 20px;
}
fieldset legend {
font-weight: bold;
}
fieldset fieldset {
margin-top: 0px;
margin-bottom: 20px;
padding: 16px 0;
}
fieldset fieldset legend {
font-weight: normal;
margin-left: 20px;
}
fieldset fieldset div {
clear: left;
margin: 0 20px;
}
form div {
clear: both;
margin-bottom: 1em;
padding: 0;
vertical-align: text-top;
}
form div.input {
}
form div.required {
font-weight: bold;
}
form div.submit {
border: 0;
clear: both;
margin-top: 10px;
margin-left: 0px;
}
label {
display: block;
padding-right: 20px;
}
input, textarea {
clear: both;
display: block;
width: 50%;
}
select {
clear: both;
vertical-align: text-bottom;
}
select[multiple=multiple] {
width: 100%;
}
option {
padding: 0 3px;
}
input[type=checkbox] {
clear: left;
float: left;
margin: 0px 6px 7px 2px;
width: auto;
}
input[type=submit] {
display: inline;
padding: 2px 5px;
width: auto;
vertical-align: bottom;
}
/* Links
----------------------------------------------- */
a {color:#f2f2f2; text-decoration:underline}
a:hover {color:#404040; text-decoration:underline}
/* Misc
----------------------------------------------- */
img {border:0px}
a img.tv{
border: 1px solid black;
}
a:hover img.tv{
border: 1px solid white;
}
hr {}
blockquote{}
pre{}
em{}
/* Main wrapper
----------------------------------------------- */
#site-wrapper{
position:relative;
margin:40px auto;
width:954px;
height:564px;
clear:left;
}
#wrapper {
float:right;
width:950px;
height:540px;
background-image:url(/img/bg_wrapper.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#737373;
border:2px solid #404040;
}
#distance {
width:1px;
height:50%;
margin-bottom:-283px; /* half of container's height */
float:left;
}
/* CONTENT
----------------------------------------------- */
#content{
position:absolute;
top:44px;
left:280px;
width:665px;
margin:5px 0px 10px 5px;
height:491px;
overflow:auto;
}
#top{
position:absolute;
top:2px;
left:2px;
width:280px;
height:42px;
}
#left{
position:absolute;
top:44px;
left:2px;
width:270px;
padding-left:10px;
height:498px;
background-image:url(/img/header.jpg);
background-position:right;
}
/*
#left{
position:relative;
float:left;
top:0px;
left:0px;
width:270px;
height:498px;
border: 1px solid red;
}
*/
#left a{
text-decoration:none;
}
#content_left{
position:relative;
width:410px;
height:491px;
padding-right:5px;
float:left;
overflow:auto;
}
#content_right{
position:relative;
width:238px;
float:left;
}
#media_left{
position:relative;
width:335px;
height:491px;
padding-right:5px;
float:left;
overflow:auto;
}
#media_right{
position:relative;
top:44px;
margin-left:5px;
width:310px;
float:left;
}
/* Primary navigation
----------------------------------------------- */
#nav{
position:absolute;
top:2px;
left:282px;
height:42px;
width:665px;
margin-left:5px;
}
ul.nav{
margin:0;
padding:0;
}
ul.nav li,
ul.nav li a {
display: block;
height:42px;
background-repeat:no-repeat;
float:left;
list-style:none;
margin:0;
padding:0;
}
ul.nav li a {
padding-top: 42px;
height: 0 !important;
overflow: hidden;
/*height: 25px;*/
}
ul.nav li a:hover {
background-position: 0 -42px;
}
ul.nav li.nieuws a {background-image: url('/img/nav/nieuws.jpg'); width:82px;}
ul.nav li.agenda a {background-image: url('/img/nav/agenda.jpg'); width:86px;}
ul.nav li.media a {background-image: url('/img/nav/media.jpg'); width:75px;}
ul.nav li.muziek a {background-image: url('/img/nav/muziek.jpg'); width:83px;}
ul.nav li.columns a {background-image: url('/img/nav/columns.jpg'); width:95px;}
ul.nav li.biografie a {background-image: url('/img/nav/biografie.jpg'); width:95px;}
ul.nav li.links a {background-image: url('/img/nav/links.jpg'); width:60px;}
ul.nav li.contact a {background-image: url('/img/nav/contact.jpg'); width:66px;}
/* Secondary navigation
----------------------------------------------- */
/* Footer
----------------------------------------------- */
#footer{
position:absolute;
color:#404040;
width:954px;
height:20px;
top:544px;
}
#footer a{
color:#404040;
text-decoration:none;
}
#footer a:hover{
color:#404040;
text-decoration:underline;
}
/*SIFR
----------------------------------------------- */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px;
z-index: 0;
}
/*---- Header styling ---*/