@charset "UTF-8";
/* CSS Document */

body{
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background-image: url(../images/Background-splat.png);
background-repeat:no-repeat;
background-color:#000000;
margin-left:auto;
margin-right:auto;}

p{font-family:"Trebuchet Unicode MS", "Lucida Grande", Arial;
color: #FFFFFF;
font-size:80%;
font-weight:normal;
line-height:150%;
margin:0 0 10px 0;}

h1{
	font-family: "Trebuchet Unicode MS", "Lucida Grande" Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	margin:0 0 5px 0;
	line-height: 22px;
}

h2{
	font-family: "Trebuchet Unicode MS", "Lucida Grande" Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:14px;
	margin-top:6;
	line-height: 22px;
	margin-bottom: 2px;
}

h3{
font-family: "Trebuchet Unicode MS", "Lucida Grande" Verdana, Arial, Helvetica, sans-serif;
color: #ff0085;
font-weight: bold;
font-size:24px;
margin-top:0;
margin-bottom:0}

h4{
font-family: "Trebuchet Unicode MS", "Lucida Grande" Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px;
line-height:18px;
margin-bottom:0;}

	
/*- Menu --------------------------- */

#vertmenu {
font-family: "Trebuchet Unicode MS", "Lucida Grande" Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-align:left;
padding:0;
margin:0;
}

#vertmenu{
display: block;
background-color: #666666;
font-size: 100%;
border: 0px solid #000000;
text-decoration:none;
color: #000000;
margin:0;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 100%;
font-weight:bold;
display: block;
border-bottom: 1px solid #000000;
padding: 2px 0 1px 10px;
text-decoration: none;
background-color:#cccccc;
color: #000000;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #ff0085;
padding: 2px 0 1px 20px;
}

/* ------ TEXT STYLES ------ */

a:link, a:visited, a:active{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: italic; color: #ff0085;text-decoration: none;}	
a:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: italic; color:#ffffff;text-decoration: underline;}

.wit{color:#FFFFFF;}
.vet{color:#ff0085;}
.vet-big{color:#ff0085; font-size:16px; line-height:30px;}
.steunkleur{color:#ff0085;}

.small{font-size:10px; color:#666666;}

/* ------ DIV STYLES ------ */

#container{ 
width:801px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:0;}

#bar-left{
float:left;
width:256px;
height: auto;
background-color:#000000;
border-bottom: 1px solid #000000;}

#bar-right{
float: right;
width:544px;
height: auto;
background-color:#000000;}

#logo{
float:left;
margin:0;
width:256px;
height: 171px;
background-image:url(../images/Head-logo.png);
background-repeat:no-repeat;
border-bottom: 1px solid #000000;}

#hoofdsponsor{
	float:left;
	margin:0 0 4px;
	width:256px;
	height: 90px;
	background-image:url(../images/zeeman-hs.png);
	background-repeat:no-repeat;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#content{
float:right;
text-align:left;
width:500px;
height:auto;
padding:0 10px 0 0;
margin-bottom:20px;}

#big-pic{
float:right;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-organisatie{
float:right;
background-image:url(../images/organisatie.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-ticket{
float:right;
background-image:url(../images/tickets.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-filmhuis{
float:right;
background-image:url(../images/filmhuis.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-diner{
float:right;
background-image:url(../images/diner.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-flashback{
float:right;
background-image:url(../images/flashback.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-stoomtram{
float:right;
background-image:url(../images/stoomtram.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;}

#pic-locatie{
float:right;
background-image:url(../images/locatie.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#pic-sponsors{
float:right;
background-image:url(../images/sponsors.png);
background-repeat:no-repeat;
width:544px;
height:250px;
margin-bottom:25px;
border-right: 1px solid #ff0085;}

#footwrapper{
clear:both;
width:805px;
height:auto;
margin-bottom:0;}

#sponsorbar{
clear:both;
width:auto;
height:20px;
background-color:#ff0085;
margin-bottom:1px;
border-right:1px #000000 solid;}

#footer{
clear:both;
width:auto;
height: auto;}

#footerbar{
clear:both;
width: auto;
height:25px;
background-color:#ff0085;
border-right:1px #000000 solid;
padding-right:10px;}

#footertext{
float:left;
clear:both;
width: 500px;
height:auto;}


/* ------ TD STYLES ------ */

.text-prog{
float:left;
width:400px;
padding:10px 0 0 0;
border-bottom:1px #333333 solid;}

.text-flash{
float:left;
width:512px;
height: auto;
padding:4px 0 4px 0;
border-bottom:1px #333333 solid;}

.text-block{
float:left;
width:235px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
line-height:170%;
color: #FFFFFF;
text-align:left;
padding:10px 10px 10px 10px;
background-color: #000000;
border-bottom:1px #333333 solid;
border-right:1px #333333 solid;}


.buttonblok{
float:left;
width:256px;
}

.text-sponsorbar{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color: #FFFFFF;
text-align:left;
padding:6px 1px 1px 10px;}

.text-footerbar{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
color: #FFFFFF;
text-align:left;
padding:5px 10px 1px 10px;}

/* ------ IMG STYLES ------ */

.img-left{
float:left;
clear:both;
margin-right:12px;
margin-bottom:4px;
border:1px #ff0085 solid;
padding:15px;
background-color: #CCCCCC;}

.img-flash{
float:left;
clear:both;
margin:0 10px 0 0;
border:1px #ff0085 solid;
padding:3px;
background-color: #ffffff;}


/* ------ ROLL OVER IMAGES ------ */


#kaarten 
{
float:left;
display: block;
  width: 256px;
  height: 107px;
  background: url(../images/Kaarten.png) no-repeat 0 0;
  margin: 1px 0 1px 0;}

#kaarten:hover{ background-position: 0 -107px;}

#kaarten span{display: none;}

#reserveer 
{
float:left;
display: block;
  width: 256px;
  height: 50px;
  background: url(../images/reserveer-nu.png) no-repeat 0 0;
  margin: 1px 0 1px 0;}

#reserveer:hover{ background-position: 0 -50px;}

#reserveer span{display: none;}
#reserveerlink {
	text-decoration: underline;
	font-weight: bold;
}