body{  background:url('/temp/img/body_bg.png') 0 0 repeat-x;  font-family : 'Trebuchet MS'; margin : 0; font-size : 12px; }

h1{ display : none; }

h2{ color : #fff; text-transform : uppercase; font-size : 26px; padding : 0; margin : 10px 0 10px 0; }

fieldset{ border : 0; margin : 0; padding : 0; }

/* Container */

#wrapper { width:970px; position:relative; }

/* HOME */

#home{ background : url('../img/start.jpg') no-repeat center center; position : absolute; left : 50%; top : 0; margin : 0 0 0 -500px; height : 758px; width : 1000px; }

#langchoice{ list-style : none; margin : 420px 0 0 700px; padding : 0; }

#langchoice li{ display : inline; padding : 0 15px 0 0; }

#langchoice li a{ color : #c6168d; text-decoration : none; font-size : 20px; font-weight : bold; }

#langchoice li a:hover{ text-decoration : underline; }

#lang{ position : absolute; list-style : none; top : 32px; right : 10px; padding : 0; }

#lang li{ display : inline; padding : 0 8px 0 0; }

#lang li a{ color : #156ca3; font-size : 23px; font-weight : bold; text-decoration : none; }

#wfl { width:86px; height:47px; display:block; background:url('../img/wfl.png') 0 0 no-repeat; text-indent:-9999em; position:absolute; top:96px; right:16px; }

#sponsors, #sponsorshome{ position : absolute; right : -55px; bottom : 45px;  width : 550px; height : 29px; font-size : 9px; padding : 0; }

#sponsorshome{ top : 175px; left : 350px; text-align : right; width : 600px; }

#sponsors p, #sponsorshome p{ margin : 0; padding : 0; }

/* BASIC */

#lefttop{ z-index : 0; position : absolute; top : 0; left : 0; background : url('../img/lefttop.png') no-repeat; width : 634px; height : 394px; }

#menu{ position : relative; margin : 0; padding : 0; list-style : none; top : 250px; }

#menu li { position : relative; }

#menu li a{ font-size : 16px; background : no-repeat; display : block; text-align : right; width : 208px; height : 87px; display : block; color : #fff; text-decoration : none; text-transform : uppercase; font-weight : bold; position : absolute; padding : 5px 20px 0 0; }

#menu li a span { position:absolute; z-index:2; }

#menu li#one a{ background : url('../img/light.png'); top : 0; }

#menu li#two a{ background : url('../img/yellow.png'); top : 30px; }

#menu li#three a{ background : url('../img/blue.png'); top : 60px; }

#menu li#four a{ background : url('../img/pink.png'); top : 90px; }

#menu li#five a{ background : url('../img/green.png'); top : 120px; }

#menu li#six a{ background : url('../img/blue.png'); top : 150px; }

#nieuwsbrief{ background : url('../img/nieuwsbrief.png') no-repeat; width : 228px; height : 92px; position : absolute; left : 0; top : 475px; }

#nieuwsbrief label{ text-align : left; width : 150px; color : #fff; font-size : 12px; display : block; }

#nieuwsbrief input,#search input{ font-family : 'Trebuchet MS'; font-size : 11px; color : #666; width : 150px; border : 1px solid #fff; }

#nieuwsbrief input.button, #search input.button{ background : #156ca3; color : #fff; border : 0; width : 70px; margin:4px 0;}

#nieuwsbrief fieldset{ margin : 15px 0 0 55px; text-align : right; width : 120px; padding : 0 30px 0 0; }

#copy{ color : #bbb; position : absolute; top : 576px; left : 4px; }

#copy a{ text-decoration : none; color : #ccc; font-size : 10px; text-align : right; text-transform : uppercase; }

#copy a:hover{ text-decoration : underline; color : #999; }

#fb{ position:absolute; top:604px; left:10px;  }

#fb a { width:26px; height:26px; display:block; background:url('../img/fb_ico.png') 0 0 no-repeat; text-indent:-9999em; float: left; margin: 0 10px 0 0; }

#fb a:hover { background-position:-26px 0; }

#content{ position : absolute; top : 250px; left : 270px;  width : 686px; padding : 10px; color : #fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -moz-box-shadow:2px 2px 8px #666; -webkit-box-shadow:2px 2px 8px #666; box-shadow:2px 2px 8px #666; overflow:hidden; margin-bottom:16px!important; }

.metromap { border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; overflow:hidden; }

table{ width : 670px; }

td{ font-size : 10px; border-right : 1px #fff solid; border-bottom : 1px #fff dotted; padding : 4px; }

tr.header td{ border-bottom : 0; border-bottom : 1px solid #fff; text-transform : uppercase; font-size : 10px; font-weight : bold; color:#D1DD26; }

td.first{ font-size : 12px; font-weight : bold; color:#D1DD26; border-right:1px #fff solid; }

td a:hover{ text-decoration : underline; }

.archtitle{ color : #fff; font-size : 16px; font-weight : bold; }

ul.archief{ list-style : none; margin : 0; padding : 0; font-size : 20px; font-weight : bold; }

ul.archief li.first{ clear : both; line-height : auto; margin : 0 0 10px 0; }

ul.archief li{ float : left; padding : 0 10px 0 0; line-height : 20px; margin : 0 !important; }

ul.archief a{ font-size : 11px; color : #fff; text-transform : uppercase;  font-weight : normal; text-decoration : underline; padding : 0; }

ul.archief a:hover{ text-decoration : none; }

p{ color : #333; }

#left{ width : 170px; float : left; }

#left ul{ margin : 0; padding : 0; list-style : none; }

#left ul a{ color : #000; text-decoration : none; font-weight : bold; font-size : 11px; }

#right { float : left; margin : 0; padding : 0; width : 450px; }

#right p{ color : #fff; margin:4px 0; line-height:160%; }

ul.otherbands { margin:12px 0; padding:12px 0; border-top:1px #fff dotted; }

ul.otherbands li { float:left; margin:0 4px; list-style-position:inside }

ul.otherbands li a { text-decoration:underline; color:#161616; }

ul.otherbands li a:hover { text-decoration:none; }

.info p{ color : #FFF !important; }

hr{ border : 0; border-top : 1px solid #fff; background : none; height : 1px; }

a{ color : #fff; text-decoration : none; }

/* Bands */

.bandgrid { float:left; padding:4px; width:100px; height:140px; }

.bandgrid img { width:80px; height:80px; background:#ccc; border:#f8f8f8; display:block; }

.bandgrid a { margin:4px 0 0 0; display:block; font-size:85% }

/* Nieuws */

.newsarticle { margin:12px 0 12px 12px; padding:0 0 12px 0; border-bottom:1px #fff dotted; }

h4.newstitle { font-size:19px; }

.newsleft, .newsright { float:left; }

.newsleft { width:100px; padding:4px 6px 6px 0; margin:0 6px 0 0 }

.newsright { width:400px; }

.newsright { line-height:160%; color:#161616; }

/* Fire in the hole! Let the moke clear */

.clear { clear:both; }

/* A little competition never hurt anybody */

.wedstrijd label, .wedstrijd input { display:block; margin:0 0 6px 0 }

.wedstijd label { margin:0 4px 4px 0; padding:3px 0; }

.wedstrijd #inschrijven label { color:#fff; }

.wedstrijd input { padding:3px 4px; background:#f8f8f8; border:1px #09c solid; }

.wedstrijd p { color:#161616; }

.wedstrijd h4 { margin:0 0 12px 0; font-size:19px; font-weight:normal; }

.wedstrijd ul { padding-left:12px; }

.wedstrijd ul li { margin:3px 0; padding:3px 0 3px 0; list-style-position:inside; font-size:108%; }

.wedstrijd ul:lastchild li { border-bottom:none; }

#inschrijven h4 { border-bottom:1px #fff dotted; padding:0 0 12px 0; }

.radios { display:block; margin:12px 0; }

.radios input, .radios label { display:inline; margin-right:6px; }

#submit { display:block!important; background:#fff; color:#161616; font-weight:bold; font-size:16px; padding:4px 6px!important; margin:6px 0; text-align:center; border:1px #09c solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

#submit:hover { cursor:pointer; color:#5FAFD3; }

#error{ color: #CC0000 !important; font-weight: bold; }

#errors{ color: #CC0000; border: 1px solid #CC0000; padding: 10px; margin: 0 0 10px 0; background: #FFF; }

#success{ color: #009900; border: 1px solid #009900; padding: 10px; margin: 0 0 10px 0; background: #FFF; }
