html,body{height:100%;width:100%;}
body{
	background-color: #CCCCCC;
	font-size: 11px;
	color: white;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, MS Verdana, sans-serif;
}
*{
	list-style: none;
	text-align: left;
	border: 0px;
}
a{ color: #33a5ca; }

#vCont{ height: 100%; width: 100%; display: table; text-align: center; }
#tdCont{ 
	display: table-cell;
	vertical-align: middle;
}
#container{ 
	margin: 0 auto;
	width: 929px;
	height: 598px;
	position: relative;
}


#contentMenu .contentLink{
	padding: 10px 0px;
	border-top: 2px gray solid;
}
#contentMenu .contentLink.first{
	border: 0px;
}

#contentMenu .contentLink.active a, #contentMenu .contentLink.loading a, #contentMenu .contentLink:hover a{
	color: white;
}
#contentMenu .contentLink a{
	color: #ccc;
}
#contentMenu .date{
	display: block;
	font-size: 10px;
	color: #33a5ca;
	padding-bottom: 4px;
	text-align: right;
}
#contentMenu .text{
	display: block;
}
#contentMenu .desc{
	display: block;
	text-align: right;
	color: #33a5ca;
}

#topImg{
	width: 928px;
	height: 294px;
	position: absolute;
	left: 0px;
	top: 20px;
}

#bottomImg{
	background: url("images/HB_web_backgr_down.png");
	width: 929px;
	height: 283px;
	position: absolute;
	top: 314px;
	left: 0px;
}
#contentMenu{
	position: absolute;
}
#content{
	position: absolute;
	overflow: auto;
	line-height:125%;
}

#container.news .news a, #container.artists .artists a, #container.releases .releases a, #container.contact .contact a{
	color: #33a5ca;
}

#templateContent{
	background-repeat: no-repeat;
	position: absolute;
	height:474px;
	top:121px;
	width:800px;
}


/* Menu style */
#menu{
	display: block;
	background: url("images/HB_web_backgr_top.png");
	height: 20px;
	width: 929px;
	position: absolute;
	top: 0;
	left: 0;
}
#menu li{
	display: block;
	clear: none;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	height: 20px;
}
#menu a{
	display: block;
	font-family: Verdana;
	font-size: 14px;
	padding-top: 3px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	color: #777;
}
#menu a:hover{
	color: #33669b;
}
#menu .news{
	width: 42px;
}
#menu .artists{
	width: 61px;
}
#menu .releases{
	width: 68px;
}
#menu .contact{
	width: 66px;
}

/* Loading styles */
#loaderBg{
	background: url('images/imgLoaderBg.png') 50% repeat-x;
	width: 250px;
	position: absolute;
	top: 560px;
	left: 25px;
	text-align: left;
	display: none;
	font-size: 10px;
}
#loader{
	background: url('images/imgLoader.png') 0 50% no-repeat;
	height: 12px;
	width: 0px;
}
#loaderBg  #text{
	position: absolute;
}
img.loading {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 24px;
	width: 24px;
	margin-top: -12px;
	margin-left: -12px;
}


/* Categorie stylen */

/* Categorie Nieuws */
.news #topImg{
	background: url("images/HB_web_backgr_up_News.png");
}

.news #templateContent {
	background-image:url(images/HB_web_Newsblok.png);
	left:23px;
}
.news #contentMenu {
	height:290px;
	left:57px;
	top:30px;
	width:198px;
}
.news #content {
	height:305px;
	left:285px;
	top:30px;
	width:303px;
}

/* Categorie Artiesten */
.artists #topImg{
	background: url("images/HB_web_backgr_up_Artists.png");
}
.artists #templateContent {
	background-image:url(images/HB_web_Artistsblok.png);
	left:23px;
}
.artists #contentMenu {
	height:290px;
	left:28px;
	top:30px;
	width:200px;
}
.artists #content {
	height:208px;
	left:252px;
	top:114px;
	width:524px;
}

/* Categorie Releases */
.releases #topImg{
	background: url("images/HB_web_backgr_up_Releases.png");
}
.releases #templateContent {
	background-image:url(images/HB_web_Releasesblok.png);
	left:60px;
}
.releases #contentMenu {
	height:294px;
	left:27px;
	top:28px;
	width:202px;
}
.releases #content {
	height:294px;
	left:251px;
	top:28px;
	width:495px;
}

/* Categorie Contact */
.contact #topImg{
	background: url("images/HB_web_backgr_up_Contact.png");
}
.contact #templateContent {
	background-image:url(images/HB_web_Contactblok.png);
	left:0;
}
.contact #contentMenu {
	height:136px;
	left:31px;
	top:185px;
	width:386px;
}
.contact #content {
	height:290px;
	left:444px;
	top:30px;
	width:327px;
}
