* {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	font-family: Arial, sans-serif !important;
}
a.button {
	border: thin outset #767676;
	background: #D3D3D3;
	color: #000000;
	font: normal 9pt arial, sans-serif;
	width: 12em;
	text-align: center;
	text-decoration: none;
}
#Skyskraper_left a,
#Skyskraper_right a {
	padding:0;
	margin:0;
	font-size:0;
}

#Skyskraper_left img,
#Skyskraper_right img,
 {
 border:0;
	margin:0;
	
}

a.button:hover {
	border: thin inset #767676;
	color: #000000;
	font-weight: normal;
}

a.header{
	border: none !important;
	display: inline !important;
	background: transparent !important;
	color: #1F1F1F !important;
	font: bolder 13px arial, helvetica,sans-serif;
}

a.info{
	color: #3F8630; /*
mouse over popup system
*/
	font: normal bold 12px Arial,Helvetica,sans-serif;
	position: relative; /*this is the key*/
	z-index: 24;
	text-decoration: none;
}

a.info img, a.info:hover img {
	border: 0;
}

a.info span{
	display: none;
}

a.info:hover{
	z-index: 25;
	text-decoration: none;
}

a.info:hover span{
	border-color: #808080;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	padding: 4px;
	display: block; /*the span will display just on:hover state*/
	color: #000000;
	background: #F0E68C;
	font: normal 12px Arial,Helvetica,sans-serif;
	left: 1em;
	position: absolute;
	top: 1em;
	width: 190px;
	z-index: 25;
	text-align: left;
}

a.minibutton,
a.minibutton{
	padding: 3px;
	background: transparent !important;
	color: #FFFFFF !important;
	font: bold 12px/20px Arial, helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

a.minibutton:active,a.minibuttonactive{
	padding: 3px;
	background: transparent !important;
	color: #FF0000 !important;
	font: bold 12px/20px Arial, helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

button.submit{
	border: thin solid #B5111C;
	background: #FFFFFF;
	color: #B5111C;
	font: 10px Arial, helvetica, sans-serif;
}

div #navcontainer{
	margin: 3px;
}

div#username,div#password{
	float: right;
	margin-right: 3px;
	position: relative;
}

div.blackcell {
	margin-top: 10px;
}

div.blackdatumcell {
	margin-top: 10px; /* datum regel in Agenda*/
	padding-top: 5px;
	color: #FFFFFF;
	background: #000000;
	font: bold 14px Arial, helvetica, sans-serif;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
}


div.footerlinks {
	padding-top: 10px;
}

div.footerlinks  ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

div.footerlinks ul li {
	font-size: 11px;
	display: inline;
	color: #686868;
	text-transform: capitalize;
}

div.footerlinks ul li a {
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}

div.greyinfo {
	float: right;
	width: 355px;
}

div.hfphotos {
	float: left;
	background: #FFFFFF;
	height: auto;
 width: 365px;
	text-align: left;
}

div.hfphotos img {
	padding-bottom: 10px;
}

div.inlogblok{
	width: 100%;
	text-align: right;
}

div.inlogblok div{
	float: right;
	text-align: right;
}

div.itemholder {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	display: inline;
	cursor: pointer;
	width: 136px;
}

div.itemholder .blackcell {
	margin: 0 !important;
	font: bold 12px/18px Arial, helvetica, sans-serif;
	text-transform: uppercase;
}

div.itemholder .pagetitle {
	margin: 0;
	height: 40px;
}

div.nieuwskolom {
	float: right;
	display: inline;
	width: 355px;
}

div.pagewidth {
/* deze div is de standaard hoogte als er een pager onder zit!!!
bij pagina's zonder pager moet er dus 40px bijopgeteld
*/
	height:1115px;
	width: 720px;
}

div.partykolom {
	float: left;
	display: inline;
	width: 355px;
}

.plakrechts{
	border: 0px solid #000000;
	clear: right;
	float: right;
	margin: 10px 10px 10px 10px;
	width: 250px;
	text-align: left;
}

div.plakrechts li a{
	font-family: Arial, helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: black;
	text-decoration: underline;
	text-transform: capitalize;
}

div.plakrechts li a.current,a:active{
	color: red;
	font-weight: bold;
	text-decoration: none;
}

div.plakrechts li a:hover{
	color: #FF0000;
}

div.plakrechts p{
	margin: 8px;
}

div.plakrechts ul{
	margin: 10px;
	padding-left: 2px;
	list-style-type: none;
}

form {
	margin: 0;
	display: inline;
}

form#login{
	padding: 6px;
	position: relative;
}

h1{
	font: bold 20px Arial, helvetica, sans-serif;
}

h2{
	font: italic bold 16px Arial, helvetica, sans-serif;
	letter-spacing: 1px;
}

h3{
	font: bold 14px Arial, helvetica, sans-serif;
}

html, body {
	color: #000000;
	font: 12px Arial, helvetica, sans-serif;
}

input#username-field,input#password-field{
	width: 10em;
}

input,option{
	background: #FFFFFF;
	color: #1F1F1F;
	font: 10px Arial, helvetica, sans-serif;
}

input.infocus,textarea.infocus,select.infocus{
	padding-left: 2px;
	background: #FFFFFF !important;
	color: #FF0000 !important;
}

input.outfocus,textarea.outfocus,select.outfocus{
	padding-left: 2px;
	background: #F1F1F1;
	color: #555588;
}

label.overlabel{
	color: #999999;
}

label.overlabel-apply{
	color: #999999;
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 1;
}

pre{
	text-indent: 30px;
}

select{
	font: 12px Arial, helvetica, sans-serif;
	height: 19px;
	width: 100px;
}

table,td{
	border: 0px;
	font-size: 12px;
	vertical-align: top;
}

.colorpic,img.colorpic{
	border: 0;
	margin:0;
	padding:0 !important;
	background-repeat: no-repeat; 
	background-position: center 50%;
	cursor: pointer;
}
.agendaover .colorpic {
background-color: #4C5866 !important;
	filter: alpha (opacity=75)
	  -moz-opacity: 0.25;
	  opacity: 0.25;
  
}
td.header div {
	float: left;
}

td.spacer {
	background: #FFFFFF;
	height: 10px;
}

textarea{
	color: #1D458B;
	font: normal 10px Arial, helvetica, sans-serif;
}

ul.subnavlist{
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 5px !important;
	padding-left: 0;
	list-style-type: none;
	background: transparent;
	font: bold  12px/20px Arial, helvetica, sans-serif;
	height: 20px; /*display: inline;*/
}

ul.subnavlist a{
	padding-left: 1em;
	padding-right: 1em;
	color: black;
	text-decoration: none;
	text-transform: capitalize;
}

ul.subnavlist a.current{
	color: red;
}


ul.subnavlist a:hover,
 .blackfact span a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

ul.subnavlist li{
	border: none;
	display: inline;
}

.agendaitem {
	margin-top: 10px;
	font: normal 12px Arial, helvetica, sans-serif;
	cursor: pointer;
	width: 100%;
}

.agendaitem .redcell {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	background: #FF0000;
	font: bold 12px Arial, helvetica, sans-serif;
	text-transform: uppercase;
}

.agendaitem .redcell,
.agendaitem .redcell td {
	color: #FFFFFF;
	background: #FF0000;
	height: 21px;
	text-align: left;
}

.agendaitem span {
	margin: 0 5px 0 5px;
}


.agendaover,
.agendaover td {
	padding: 2px;
	color: #000000;
	background: #9CA3B5;
}

.agendasearch {
	margin-top: 10px;
	padding-top: 5px;
	background: #FF0000;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

.agendasearch * {
	margin-top: 5px;
}

.alert{
	background: transparent;
	color: #FF0000;
	font-weight: 900;
	text-decoration: blink;
}

.article,.memarticle{
	border-bottom: 1px solid #1D458B;
	border-left: 1px solid #1D458B;
	border-right: 1px solid #1D458B;
	border-top: 0 solid #EEEEEE;
	background: #FFFFFF;
	color: #1F1F1F;
	min-height: 400px;
	width: 100%;
}

.background{
	background: #FFFFFF;
}

.bannerbox {
	border: 1px solid #F0F0F0; /* 
	bannerbox is de algemene beschrijving van een algemenen banner cell of div
	let op er is maar één class dus hier in geen afmetingen gaan opnoemen!! 
	*/
	background: transparent;
	text-align: center;
	vertical-align: middle;
}

.blackcell .header,
.redcell .header {
	margin: 0;
	padding-left: 10px;
	color: #FFFFFF;
	font: bold 14px/22px Arial, helvetica, sans-serif !important;
	text-align: left;
}

.blackcell td a {
	padding: 4px 10px 0 4px;
	color: #FF0000 !important;
	font-size: 12px;
	text-decoration: none;
	text-transform: capitalize;
}

.blackcell,
 .blackcell td {
	color: #FFFFFF;
	background: #000000;
	height: 21px;
}

.blackfact span a {
	color: #FF0000;
	font-size: 13px;
	text-decoration: none;
}

.blackfooter {
	clear: both;
	margin: 10px 0 0 0;
	color: #FFFFFF;
	background: #000000;
	font: bold 12px arial, sans-serif; /* 
	zwarte balk onder met blader functie of mededeling
	*/
	height: 20px;
	text-align: center;
}

.blackfooter a {
	color: #FF0000;
	text-decoration: none;
}

.blackpager {
	margin-top: 10px;
	background: #000000;
	width: 720px;
	clear:both;
}

.content{
	color: #141414;
	font: 12px Arial, helvetica, sans-serif;
	text-align: left;
}

.content a:hover,a.content:hover{
	color: #FF0000;
	font-weight: bold;
}

.content ul{
	margin-left: 10px;
	padding-left: 10px;
	list-style: disc;
}

.dark{
	background: #D3D3D3;
}

.description a,
.description a:link,
.description a:active,
.description a:visited {
	color: #FF0000;
	font: bold 12px Arial, helvetica, sans-serif;
	text-decoration: none;
}

.grayedout input,
.grayedout option {
	background: #F1F1F1 !important;
	color: #767676;
}

.grayedout,
.grayedout *{
	color: #767676 !important;
}

.greycell,
.greycell td {
	padding: 2px;
	color: #000000;
	background: #CCCCCC;
}

.greycell p,
.agendaover p {
	padding: 10px;
}

.grijsvlak{
	border: 1px outset #020202;
	padding: 0 2px 2px 2px;
	background: #E3E3E3;
}

.hfheader {
	margin-top: 5px;
	color: #FFFFFF;
	background: #000000 no-repeat center center;
	height: 40px;
	width: 100%; /*Zwarte   kop bovenaan nieuws items paginabreed met browse buttons*/
}

.hfheader a.
.hfheader a img {
	border: 0;
	padding: 0;
}

.hfheader td {
	font: bold 20px/36px Arial, sans-serif;
	text-align: center;
}

.housefever-banner {
	background: url('/images/top/random.php') #999999 no-repeat center center; /* 
	Dit is de hoofdbanner bovenin
	Het verwijst nu naar een randopm programma in een map.
	*/
}

.navlist{
	border-bottom: 1px solid #777788;
	clear: both;
	margin: 0;
	padding: 0;
	font: bold 18px Arial, helvetica, sans-serif;
	width: 809px;
	text-transform: capitalize;
}

.navlist li{
	margin: 0;
	display: inline;
	list-style: none;
}

.navlist li a{
	border: none;
	padding-top: 3px; /*margin-left:3px;*/
	background: url(/images/rightsidetab.png) #F2F2F2 no-repeat right top;
	text-decoration: none;
}

.navlist li a span {
	padding: 0 0.4em 0 0.4em;
	background: url(/images/leftsidetab.png) no-repeat left top;
}

.navlist li a:link,.navlist li a:visited{
	padding: 0;
	color: #9A9BA7;
}

.navlist li a:hover, .navlist li a:active,
.navlist li a.current,
.navlist li a.current:visited {
	padding: 0;
	color: #CC0000;
	background: #FFFFFF;
}

.navlist li a:active span,
.navlist li a.current span,
.navlist li a.current:visited span {
	border-bottom: 1px solid #FFFFFF;
	padding: 0px  0.6em 0 0.6em;
	background: url(/images/leftsidetab.png) no-repeat left top;
}

.newsdescription {
	float: right;
	background: #CCCCCC;
	font-size: 12px;
	height: 1020px;
	overflow: auto;
	width: 355px;
}

.newsdescription p{
	margin: 10px;
	color: #000000;
}

.newsimages {
	float: left;
	background: #FFFFFF;
	height: 550px; /* gegokt */
	width: 355px;
}

.pagetitle {
	margin-bottom: 10px; /*rode  kop bovenaan nieuws items paginabreed*/
	margin-top: 10px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	color: #FFFFFF;
	background: #FF0000;
	font: bold 14px/30px Arial, helvetica, sans-serif;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
}
.headercell {
padding-left:10px
}
.pagetitle div,
.headercell div {
	float: left;
	font: bold 14px/20px Arial, helvetica, sans-serif;
	width: 200px;
	text-transform: uppercase;
}

.pagewidth{
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	width: 980px;
}

.partyitem {
	width: 100%;
	text-align: left;
}

.blackfact {
	padding-left: 10px;
	color: #CCCCCC;
	background: #000000;
	font: bold 12px/20px Arial, helvetica, sans-serif;
	height: 20px;
	text-align: left;
	vertical-align: middle;
}
div.blackfact {
	margin-bottom: 10px;
	}

 .blackfact span,.blackfact span{
	padding-left: 5px;
	color: #FFFFFF;
}

.infoheader{
	display: block;
	color: #FFFFFF;
	background: #FF0000 !important;
	font: bold 14px/20px Arial, helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}
.partyitem .greyinfo >span,
.lineup> span,
.greyinfo>span{
	display: block;
	color: #FFFFFF;
	background: #FF0000;
	font: bold 14px/20px Arial, helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

.partyitem .greyinfo p,
.greyinfo p{
	margin: 0;
	padding: 2px 10px 10px 10px;
	color: #000000;
	text-align: left;
}

.partyitem .hfheader {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	background: #FF0000;
	font: bold 14px/28px Arial, helvetica, sans-serif;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
}

.partyitem .lineup p,
 .lineup p{
	margin: 0;
	padding: 2px 10px 10px 10px;
	color: #000000;
	font: bold 13px/200% Arial, helvetica, sans-serif;
	text-align: center;
}

.partyitem td.greyinfo {
	height: 744px;
}

.partyitem td.greyinfo,
.partyitem .lineup,
.lineup,
.greyinfo {
	padding: 0;
	background: #CCCCCC;
}

.smallitem {
	margin-top: 10px;
	table-layout: fixed;
	color: #000000;
	background: #CCCCCC;
	height: 100px;
	width: 100%;
}

.smallitem .colorpic {
	border: 1px solid #000000;
	float: left;
	margin-right: 10px;
	background: #999999 no-repeat fixed center;
	height: 78px;
	width: 80px;
}

.smallitem .datumcell {
	background: #999999;
	height: 20px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}

.smallitem .datumcell span {
	padding: 0px 10px 0px 10px;
	color: #000000 !important;
	font: bold 12px/20px Arial, helvetica, sans-serif;
	height: 20px; /*padding: 3px 5px 2px 5px;*/
	vertical-align: middle;
}

.smallitem .description {
	padding: 0 10px 0 0;
	color: #000000;
	background: #CCCCCC;
	height: 80px;
	vertical-align: top;
}

.smallitem .newsheadercell a,
.smallitem .newsheadercell a:hover,
.smallitem .newsheadercell a:active,
.smallitem .newsheadercell a:visited {
	color: #FFFFFF;
	font: bold 12px Arial, helvetica, sans-serif;
	text-decoration: none;
}

.smallitem .newsheadercell, .headercell {
	color: #FFFFFF;
	background: #FF0000;
	font: bold 12px/20px Arial, helvetica, sans-serif;
	height: 20px;
	text-align: left;
	vertical-align: middle;
}

.tabledata{
	padding-left: 3px;
	background: transparent;
	color: #1F1F1F;
	font: 12px Arial, helvetica, sans-serif;
	vertical-align: top;
}

.tablelabel{
	background: transparent;
	color: #B5111C;
	font: 800 14px Arial, helvetica, sans-serif;
	vertical-align: top;
}

#article{
	border-bottom: 1px solid #1D458B;
	margin-bottom: 5px;
	background: #FFFFFF;
}

#articlelist{
	margin-left: 5px;
}

#browser{
	border: none;
	clear: both;
	background: #FFFFFF;
	color: #1D458B;
	font: normal normal 12px Arial, helvetica, sans-serif;
	z-index: 13;
}

#browser a img{
	padding: 4px;
}

#browser img{
	vertical-align: text-bottom;
}

#browser td{
	height: 20px;
	vertical-align: middle;
}