/* algemene stijlen */

body {
background:#333333;
margin:10px auto;
text-align:center;
font: 10pt normal normal "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
color:#cccccc;
font-variant: small-caps;
line-height:18px;
}

#page {
width:860px;
position:relative;
margin:0px auto;
}

a {
color:#ffffff;
text-decoration:underline;
}

a:hover {
color:#ffffff;
text-decoration:none;
}

.bold {
font-weight:bold;
color:#ffffff;
}

/* header */

#banner {
height:60px;
width:468px;
background:#333333;
margin:0px auto 10px auto;
}

#header {
background:#444444;
height:90px;
width:860px;
text-align:left;
}

#logo {
float:left;
width:200px;
}

#tagline {
color:#cccccc;
font-size:12pt;
float:left;
width:350px;
text-align:right;
margin:10px 200px 0px 0px;
}

#picture {
position:absolute;
top:24px;
left:730px;
width:122px;
height:171px;
background: url(../images/concert.gif);
}

/* menu */

#menu {
width:660px;
background:#555555;
margin:0px 0px 10px 200px;
border-left:1px solid #808080;
border-top:1px solid #808080;
border-bottom:1px solid #808080;
height:20px;
padding:0px;
}

#menu ul {
list-style:none;
margin:0px 0px 0px -40px;
}

#menu li {
float:left;
}

#menu a {
color:#808080;
text-decoration:none;
font-weight:bold;
background:#555555;
padding:1px 5px 1px 5px;
border-bottom:0px;
display:block;
width:119px;
border-right:1px solid #808080;
font-size:9pt;
}

#menu a:hover {
color:#ffffff;
}

#menu a.current {
color:#ffffff;
}

/* opmaak contentzone */

#content {
width:860px;
padding:0px 0px 10px 0px;
background:#444444 url(../images/bg_content.jpg) top left repeat-y;
text-align:left;
}

#content #left {
float:left;
width:200px;
padding:0px;
background:#666666;
text-align:left;
min-height:100%;
}

.clearfix:after {
content: ".";
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-table;
}

* html .clearfix {
height: 1%;
}

/* hoofdingen en tekststijlen */

#content #left h1 {
background:#444444;
padding:2px 5px 2px 15px;
color:#cccccc;
font-size:10pt;
text-align:left;
margin:0px 0px 10px 0px;
}

#content #left h2 {
color:#ffffff;
font-size:10pt;
padding-left:10px;
border:none;
padding-top:0px;
margin-left:0px;
}

#content #left p {
padding-left:10px;
margin-left:0px;
}

#content #left .imgleft {
float:left;
margin:0px 10px 5px 10px;
}

#content h1 {
background:#666666 url(../images/title.gif) top left no-repeat;
padding:2px 5px 2px 15px;
color:#cccccc;
font-size:10pt;
text-align:left;
margin-left:200px;
}

#content h1.empty {
background:#666666;
padding:2px 5px 2px 15px;
color:#cccccc;
font-size:10pt;
text-align:left;
margin-left:200px;
}

#content h2 {
color:#ffffff;
font-size:10pt;
border-top:1px dotted #eeeeee;
padding:15px 5px 2px 15px;
margin-left:200px;
}

#content h3 {
color:#ffffff;
font-size:10pt;
padding:0px 5px 2px 15px;
margin-left:200px;
}

#content p {
font-variant:normal;
padding:0px 10px 0px 10px;
margin-left:200px;
}

#content .imgleft {
float:left;
margin:0px 10px 5px 10px;
}

#content .imgright {
float:right;
margin:5px 10px 0px 10px;
}

#content ul li {
margin:0px 0px 0px 200px;
font-variant:normal;
padding-right:10px;
}

/* tabel met evenementen */

table.events {
border-collapse:collapse;
border-spacing:0px;
padding:0px;
margin:10px 20px 10px 20px;
}


table.events tr.r1 {
background:#555555;
}

table.events td {
padding:5px 4px 7px 4px;
font-variant:normal;
text-align:left;
color:#cccccc;
font-size:10pt;
}

/* formulieren */

#content #left form {
font-size:9pt;
color:#cccccc;
margin-left:10px;
}

#content form {
font-size:9pt;
color:#cccccc;
margin-left:210px;
}

.form {
float:left;
vertical-align:top;
width:260px;
}

#content form.order {
margin-left:210px;
}

#content form.order h2, #content form.order p, #content form.order select {
margin-left:0px;
padding-left:0px;
}

label {
font-variant:normal;
color: #cccccc;
}

input, select {
font-size:9pt;
border:1px solid #404040;
}

.disabled {
background:#cccccc;
}

.small {
font-size:8pt;
}

img.event {
margin:0px 10px 5px 10px;
}

/* footer */

#footer {
margin-top:5px;
font-variant:normal;
font-size:8pt;
}

/* nieuws */

p.nieuw {
border:1px solid #cccccc;
background:#333333;
padding:4px 8px;
margin:5px 5px 0px 10px;
}

/* info verbergen */

#hide {
display:none;
}

/* dana */

#bg {
background:url(../images/stars5.jpg) top right no-repeat;
margin-right:10px;
}