div {
	box-sizing: content-box; 
	-moz-box-sizing: content-box;
}

html,body {
	height: 100%;
}

body {
	background-color: #cccccc;
	background-image: url("../img/background.gif");
	margin: 0; 
	padding: 0px;
	text-align: center;
}

.container {
	margin: 0 auto; 
	width: 780px; 
	height: 100%;
}

.header {
	position: relative;
	margin: 0px auto;
	width: 780px; 
	height: 71px;
	background-color: #666699;
/*	border-bottom: 1px solid #ffffff;*/
}

.menu{
	position: relative;
	background-color: #ff0000;
	margin: 0 auto; 
	width: 780px; 
	text-align: left;
	height: 30px;
	padding-top: 5px;
}

/* MENU */
#hidden {
	position:absolute; 
	left:2px; top:17px; 
	width:778px; 
	height:350px;
	z-index:1; 
	visibility: hidden;
}

#events, #backstage, #grap, #popgids, #bizzgids {
	position:absolute; 
	background-color:#ccccfe; 
	visibility: hidden;
	width:174px; 
	top:17px; 
	padding: 5px;
}

#events {
	left:227px; 
	z-index:3; 
}

#backstage {
	left:337px; 
	z-index:4; 
}

#grap {
	left:478px; 
	z-index:5; 
}

#popgids {
	left:568px; 
	z-index:6; 
}

#bizzgids {
	left:687px; 
	z-index:6; 
}

.menu-item {
	padding: 3px;
	line-height: 13px;
}

.menu-item a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.menu-item a:hover {
	color: #ff0000;
}

.main{
	background-color: #ff0000;
	margin: 0 auto; 
	padding: 0px 12px 12px 12px;
	width: 756px; 
	text-align: left;
}

/* BLOCK */
.block {
	float: left;
	width: 242px; 
	height: 169px;
	padding: 2px;
	margin-bottom: 5px;
	background-color: #ffffff;
	overflow: hidden;
}

.block_lijst {
	float: left;
	width: 240px; 
	height: 171px;
	padding: 1px 1px 1px 5px;
	margin-bottom: 5px;
	background-color: #ccccfe;
	overflow: hidden;
	font: 12px Arial, Helvetica, sans-serif;
}

.block_lijst a, .block_lijst td a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.block a {
	font-weight: normal;
	text-decoration: none;
}

.block_lijst a:hover {
	color: #ff0000;
}

.block_image {
	width: 246px;
	height: 173px;
	float: left;
	background-position: top;
	overflow: hidden;
	margin-bottom: 5px;
}

.block_title {
	padding: 2px 0px 0px 0px; 
	font: Bold 13px Arial, Helvetica, sans-serif; 
	color: #666699;
	text-align: left;
	/*line-height: 13px;*/
}

.block_text {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #000000;
	text-align: left;
}

.block_text a {
	text-decoration: none;
	color: #000000;
}

.block_text a:hover {
	color: #ff0000;
}

.block_text img {
	border: 1px solid #dddddd; 
	float: right; 
	margin-left: 3px;
}

.block_more {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: right;
}

.block_bottom {
	height: 3px;
	width: 228px;
	background-color: #ffffff;
	text-align: right;
	padding: 2px 8px 0px 0px;
	line-height: 1px;
}

/* SUBMENU */
.submenu {
	width: 153px; 
	float: left;
	background-color: #ccccfe;
	padding: 1px 1px 1px 5px;
}

.submenu a {
	color: #000000;
	text-decoration: none;
}

.submenu a:hover {
	color: #ff0000;
}

/* KADER */
.subkader {
	background-color: #ccccfe;
	float: right;
	width: 190px;
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 0px 0px;
	font: 11x Arial, Helvetica, sans-serif;
	color: #000000;
}


/* misc */
.spacer {
	width: 7px; 
	height: 150px;
	float: left;
}

.footer {
	background-color: #ff0000;
	padding: 0px 6px 5px 6px;
	width: 768px; 
	/*text-align: center;*/
	color: #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif;
}

/* column */
.left-column {
	width: 200px; 
	float: left;
}

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

/* Hides from IE-mac \*/
* html div .main {height: 1%;}
/* End hide from IE-mac */