div.topbar {
	/** Just to place before the backgrounds **/
	position: fixed;
	height: 114px;
	width: 100%;
	z-index: 9999;
}

html, div.topbar {
	background: #0B0F18 url('http://www2.drome.nl/drome/images/background_supernova.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	backgrond-size: cover;
	filter: progid:DXImageTransfor.Microsoft.AlphaImageLoader(src=".background_supernova.jpg", sizingMethod="scale");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImagLoader(src='.background_supernova.jpg', sizingMethod='scale')";
}

html, body, body.main
{
	margin: 0px;
	font: 13px/1.57 Tahoma, TahomaRegular, Geneva, Verdana, sans-serif;
	color: #EEEEEE;
	height: 100%;
}

div.topbar > div.content {
	background-image: url('http://www2.drome.nl/drome/images/top_backpadding.jpg');
	background-repeat: repeat-x;
	opacity: 0.9;
}


.upcoming {
	line-height: 15px;
}

textarea, input,select {
  	padding: 0px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	background: black;
	border: 0px;
	color: #a0dd00;
	font: 11px arial;
}


.darkgrey { color: #707070; }

.fldlogin {
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	background: black;
	border: 0px;
	color: #a0dd00;
	font: 11px arial;
	width: 65px;
}
.btnlogin {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #404040;
	border: black solid 1px;
	color: #a0dd00;
	height: 16px;
	font: 10px arial;
	width: 50px;
}

.large_fldlogin {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: black;
	border: 0px;
	color: #a0dd00;
	font: 15px arial;
	width: 150px;
	text-align: center;
	border: 1px solid #a0dd00
}
.large_btnlogin {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #404040;
 	border: black solid 1px;
	color: #a0dd00;
	font-size: 15px;
	font-family: arial;
	width: 150px;
	cursor: pointer;
}

table,tr,td
{
	#font-family: tahoma;
	#font-size: 13px;
}

/* Copy Paste Original */

a, .contentsmain0 {
  color: #a0dd00;
  text-decoration: none;
}     

a:hover, .contentsmain0:hover {
  color: #d5ff66;
  text-decoration: none;
}  

.contentsmain1 {
  color: #eeeeee;
  text-decoration: none;
}

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

.contentsmain2 {
  color: #e0e0b0;
  text-decoration: none;
}

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

.forumtitles {
  color: #DDDDDD;
  text-decoration: none;
} 

.forumtitles:hover {
  color: #d0d0d0;
  text-decoration: none;
} 

input[type="button"],input[type="submit"]
{
  padding: 8px 8px 8px 8px;
  color: #a0dd00;
  box-shadow: 2px 2px 4px #000000;
  cursor: pointer;
  background: #303030;

}
.btnlogin {
  padding: 0 !important;
}

input.radio
{
	width:13px;
	height:13px;
}
input.custom
{
	font-size:8pt;
	background-color:#cccccc;
	height:17px;
}
input.button
{
	font-size:8pt;
	background-color:#ddcccc;
	height:19px;
}
.pollheader
{
	font-size:8pt;
}
.pollquestion
{
	#color:#a0a0a0;

}
.pollitem
{
	#color:#a0a0a0;
	font-size:8pt;
	line-height:8pt;
}
.pollitemtop
{
	font-size:8pt;
	color:#a0dd00;
	line-height:8pt;
}
td.pollbarback
{
	background-color:#623220;
	height: 6px;
	padding: 0px;
	border: #303030 solid 1px;
}
.pollbar
{
	background-color:#ae431c;
	height:6px;
}
.polldiv
{
	font-size:8pt;
	background-color:#F3F3F3;
}
.subtext
{
	line-height:9px;
	font-size:7pt;
	#color:#636363;
}

/* END Copy Paste Original */


#left
{
	position: absolute;
	width: 224px;
	height: 768px; 
	padding-top: 14px;
	padding-left: 0px; 
}

#right
{
	width: 224px;
	float: right;
	height: 768px; 
	padding-top: 14px;
	margin-left: 0px;
}

#OuterDiv
{
#	background-image: url('http://www2.drome.nl/drome/images/backleft.jpg');
#	background-position: top left;
#	background-repeat: no-repeat;
	height: 768px;
}

#MainDiv
{
	min-width: 960px;
	max-width: 1200px;
	margin: 0px auto;
	padding-top: 114px;
}

#leftBG
{

}

#center
{
	margin-left: 224px;
	margin-right: 224px;
	padding-right: 0px;
	#background-color: #363636; 
	background: url("http://www2.drome.nl/drome/images/panel_bg.png") repeat scroll 0 0 transparent;
}

.navigation
{
}

#center div.scrolldiv
{
	background: #404040; 
	overflow:auto; 
	border:1px solid; 
	width: 100%; 
	height:200px; 
	padding: 4px 4px 4px 4px;
}

#center table.scrolltable
{
	/*color: #000000; */
}

#center li
{
  margin-left: 20px;
}

#center td
{
	text-align: left;
	vertical-align: top;
}


div.panel {
	width: 194px;
	margin-left: 14px;
	#box-shadow: 7px 7px 20px rgba(0,0,0,0.8);
	#-webkit-box-shadow: 7px 7px 20px rgba(0,0,0,0.8);
	#-moz-box-shadow: 7px 7px 20px rgba(0,0,0,0.8);
	line-height: 15px;
	font-size: 11px;
}

#right div.panel
{
	margin-right: 14px;
	margin-left: auto;
}


#upcomingEvent
{
	border-collapse: collapse;
	table-layout: fixed;
}


#upcomingEvent th, #upcomingEvent td
{
	padding: 2px 0px 0px 10px;
	font-weight: normal; 
	vertical-align: top;
	font-size: 11px;
}


#upcomingEvent th
{
	text-align: right;
}

#upcomingEvent td
{
	text-align: left;
	color: #ffa57f;
}

div.panelcontent 
{
	border-left: black solid 1px;
	border-right: black solid 1px;	
	border-bottom: black solid 1px;
	#background: #333333;
	background: url("http://www2.drome.nl/drome/images/panel_bg.png") repeat scroll 0 0 transparent;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.spacer
{
	position: relative;
	height: 16px;
}



/*
	NEWS
*/

#center .newsheader
{
	background-image: url('http://www2.drome.nl/drome/images/centerpanel_top_padding.gif');
	background-repeat: repeat-x; 
}

#center .newsfooter
{
	background-color: #363636;
	border-right: 1px solid black;
	border-bottom: 1px solid black;

	margin-bottom: 10px;
}

#center #newscontainer
{
	text-align: center; 
	border-left: 1px solid black;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	padding-top: 14px;
	padding-left: 7px;

}

#center table.newsitem
{
	width: 99%;
}

#center table.newsitem tr.title td
{
	background-image: url('http://www2.drome.nl/drome/images/header_filler.gif');
	background-repeat: repeat-x;
	height: 21px;
}

#center table.newsitem tr.title span.date
{
   	white-space: nowrap;
	color: #CCCCCC;
}

#center table.newsitem tr.title td span.title 
{
	color: #6baffc;
	font-weight: bold;
	font-size: 18px;
}
#center table.newsitem tr.title td span.title a
{
	color: #6baffc;
}
#center table.newsitem tr.spacer
{
	height: 30px;
}

#center table.newsitem div.subdiv
{
	overflow:auto;
	height:200px;
	padding:0px;
	margin:0px;
}

.delta {
	font-size: 24px;
	padding-right: 5px;
}

/*
	CONTENT
*/

#center .contentheader
{
	background-image: url('http://www2.drome.nl/drome/images/centerpanel_top_padding.gif');
	background-repeat: repeat-x; 
}

.contentfooter
{
/*	background-color: #363636; */
	border-right: 1px solid black;
	border-bottom: 1px solid black; 
	margin-bottom: 10px;
	margin-left: 224px;
	margin-right: 224px;
}
.contentfooter .filler
{
	border-bottom: 1px solid black;
/*1	width: 100%; */
	font-size: 2px;
	background-image: url('http://www2.drome.nl/drome/images/centerpanel_bottom_filler.gif');

}


#center #contentcontainer
{
	text-align: center; 
	border-left: 1px solid black;
	border-right: 1px solid black; 
	padding-top: 14px;
	padding-left: 7px;
	padding-bottom: 20px;
}

#center table.contentitem
{
	width: 99%;
}

#center table.contentitem tr.title td
{
	#background-image: url('http://www2.drome.nl/drome/images/header_filler.gif');
	#background-repeat: repeat-x;
	height: 21px;
}
#center table.contentitem tr.title td span.title, .kleinkopje, .bladzijdekop, .ridgedhdr
{
	color: #6baffc;
	font-weight: bold;
	font-size: 18px;
}
#center table.contentitem tr.spacer
{
	height: 30px;
}

#center table.contentitem div.subdiv
{
	overflow:auto;
	height:200px;
	padding:0px;
	margin:0px;
}

h1.kleinkopje
{
	font-size: 14px;
}

td.resbtn {
  border-top: #454545 solid 1px;
  border-left: #454545 solid 1px;
  border-right: #1d1d1d solid 1px;
  border-bottom: #1d1d1d solid 1px;
  padding: 3 3 3 3;
  width: 200px;
  cxbackground: #202030;
  text-align: center;
}
a.resbtn
{
  font: 10px ms sans serif;
  line-height: 13px;
  text-align: center;  
}

.sepline
{
  background: #808080;
  height: 1px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


.popthumbnail{
position: relative;
z-index: 0;
}

.popthumbnail:hover{
background-color: transparent;
z-index: 50;
}

.popthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: 75px;
left: 10px; /*position where enlarged image should offset horizontally */

}