html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
table {
font-size: 100%;
}
div#container1 {
width: 773px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #000000;
}
div#container2 {
width: 771px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#header {
width: 771px;
height: 184px;
}
div#header div#image {
width: 430px;
height: 184px;
position: absolute;
margin-left: 342px;
margin-top: -50px;
}
div#header div#movie {
width: 430px;
height: 184px;
position: absolute;
margin-left: 342px;
}
div#header div#header-image {
width: 771px;
height: 184px;
position: absolute;
}
div#content {
width: 771px;
height: auto;
background-image: url(../img/brouwer/bg_content.gif);
background-repeat: repeat-y;
}
div#content div#left-sidebar {
width: 132px;
height: auto;
min-height: 500px;
background-image: url(../img/brouwer/bg_sidebar-left.jpg);
background-repeat: no-repeat;
background-position: top;
position: absolute;
}
div#content div#left-sidebar div#block-menu {
width: 131px;
height: auto;
margin-top: 100px;
}
div#content div#left-sidebar div#block-menu ul {
width: 131px;
height: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
div#content div#left-sidebar div#block-menu ul li {
width: 131px;
height: 35px;
text-align: center;
}
div#content div#left-sidebar div#block-menu ul li a,
div#content div#left-sidebar div#block-menu ul li a:visited,
div#content div#left-sidebar div#block-menu ul li a:active {
width: 131px;
height: 35px;
text-align: center;
color: #ffffff;
text-decoration: none;
}
div#content div#left-sidebar div#block-tijden {
color: #ffffff;
text-align: center;
font-size: 11px;
margin-top: 20px;
}
div#content div#left-sidebar div#block-tijden p {
margin: 0;
padding: 0;
}
div#content div#middle-content {
width: 501px;
height: auto;
background-image: url(../img/brouwer/bg_middle-content.jpg);
background-repeat: no-repeat;
background-position: top;
font-size: 11px;
color: #ffffff;
position: absolute;
z-index: 100;
margin-left: 132px;
}
div#content div#middle-content div#block-content {
width: 470px;
height: auto;
min-height: 600px;
margin-left: 16px;
display: table;
margin-top: 105px;
}
div#content div#right-sidebar {
width: 138px;
height: auto;
min-height: 500px;
background-image: url(../img/brouwer/bg_sidebar-right.jpg);
background-repeat: no-repeat;
background-position: top;
position: absolute;
z-index: 100;
margin-left: 634px;
}
div#content div#right-sidebar div#block-pictureofweek {
width: 122px;
height: auto;
background-color: #000000;
margin-left: 10px;
margin-top: 90px;
}
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-head {
width: 122px;
height: 20px;
background-image: url(../img/brouwer/bg_block-pictureofweek-head.jpg);
background-repeat: no-repeat;
background-position: top;
}
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-content {
width: 122px;
height: auto;
min-height: 50px;
text-align: center;
}
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-content p {
margin: 0;
padding : 0;
text-align: center;
}
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-content img {
margin-top: 5px;
margin-bottom: 5px;
}
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-content a img,
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-content a:active img,
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-content a:visited img {
border: 1px solid #ffffff;
}
div#content div#right-sidebar div#block-pictureofweek div#pictureofweek-foot {
width: 122px;
height: 19px;
background-image: url(../img/brouwer/bg_block-pictureofweek-foot.jpg);
background-repeat: no-repeat;
}
div#content div#right-sidebar div#block-schedule {
width: 122px;
height: auto;
background-color: #000000;
margin-left: 10px;
margin-top: 40px;
}
div#content div#right-sidebar div#block-schedule div#schedule-head {
width: 122px;
height: 20px;
background-image: url(../img/brouwer/bg_block-pictureofweek-head.jpg);
background-repeat: no-repeat;
background-position: top;
}
div#content div#right-sidebar div#block-schedule div#schedule-content {
width: 122px;
height: auto;
min-height: 50px;
color: #ffffff;
}
div#content div#right-sidebar div#block-schedule div#schedule-spacing {
padding: 2px;
text-align: center;
font-size: 9px;
}
div#content div#right-sidebar div#block-schedule div#schedule-foot {
width: 122px;
height: 19px;
background-image: url(../img/brouwer/bg_block-pictureofweek-foot.jpg);
background-repeat: no-repeat;
}
/* twitter blok */
div#content div#right-sidebar div#twitter-content {
width: 122px;
height: auto;
min-height: 50px;
padding-left: 30px;
background-color: red;
color: #ffffff;
}
/*twitter end */
div#content div#right-sidebar div#block-poll {
width: 122px;
height: auto;
background-color: #000000;
margin-left: 10px;
margin-top: 40px;
}
div#content div#right-sidebar div#block-poll div#poll-head {
width: 122px;
height: 20px;
background-image: url(../img/brouwer/bg_block-pictureofweek-head.jpg);
background-repeat: no-repeat;
background-position: top;
}
div#content div#right-sidebar div#block-poll div#poll-content {
width: 122px;
height: auto;
min-height: 50px;
color: #ffffff;
font-size: 9px;
}
div#content div#right-sidebar div#block-poll div#poll-spacing {
padding: 2px;
}
div#content div#right-sidebar div#block-poll div#poll-foot {
width: 122px;
height: 19px;
background-image: url(../img/brouwer/bg_block-pictureofweek-foot.jpg);
background-repeat: no-repeat;
}
div#footer {
width: 771px;
height: 20px;
border-top: 1px solid #000000;
padding-top: 5px;
font-size: 10px;
text-align: center;
color: #333333;
}
div#footer a,
div#footer a:visited,
div#footer a:active {
text-decoration: none;
color: #999999;
}
div#musicplayer {
height: 22px;
width: 100%;
background-color: #eeeeee;
border-top: 2px solid #dadada;
position:fixed;
bottom: 0;
left: 0;
z-index: 250;
}
/* HYPERLINKS */
div#content div#middle-content div#block-content a,
div#content div#middle-content div#block-content a:active,
div#content div#middle-content div#block-content a:visited,
div#content div#middle-content div#block-content table a,
div#content div#middle-content div#block-content table a:active,
div#content div#middle-content div#block-content table a:visited {
color: #ff00d8;
text-decoration: none;
}
/* FORMS */
input,
textarea,
select {
border: 1px solid #414141;
background-color: #cccccc;
margin: 2px;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
input.radio {
background: none;
border: 0;
width: auto;
}
input:focus,
textarea:focus,
select:focus {
border: 1px solid #0060b6;
background-color: #e2e2e2;
margin: 2px;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
select {
background: none;
}
/* BUTTONS */
input.submit,
input.button {
background-color: #0060b6;
border: 1px solid #ffffff;
float: right;
width: auto;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#clear {
clear: both;
}
/* KOPPEN */
div#content div#middle-content div#block-content h1 {
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0;
margin-bottom: 3px;
}
div#content div#middle-content div#block-content p {
margin: 0;
padding: 0;
}