/**************** STARTPAGE LAYOUT ************************/

html { overflow-x: hidden; overflow-y: hidden }

body {
	overflow-x: hidden; overflow-y: hidden; /* IE5.5 SCROLL BUG */
	font-family: Tahoma; font-size: 11px;
	color: #555;
	cursor: default;
}

#horizon {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
}

#inner {
	position:absolute;
	margin:0 0 0 -352px;
	top:810px; /* (1000 - (380/2)) */
	left:50%;
	width:704px;
	height:380px;
}

#bg {
	margin:0 0 0 -1000px;
	position:absolute;
	top:-1000px;
	left:50%;
	width:2000px;
	height:2000px;
	background: #393939 url("../images/portal/bg.gif") top repeat;
}

.frametop { width: 100%; height: 13px; background: url("../images/portal/frametop.gif"); font-size: 1px }
.framebottom { width: 100%; height: 13px; background: url("../images/portal/framebottom.gif"); font-size: 1px }
.framecontent {
	width: 704px; /* BOX-MODEL HACK IE5.5 */
	height: 310px;
	background: #fff url("../images/portal/bcinside.jpg") no-repeat bottom right;
	border-left: 5px solid #f7f7f7;
	border-right: 5px solid #f7f7f7;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 694px; /* juiste width , de eerste is IE5.5 HACK * BOX-MODEL */
}

#bc { position: absolute; width: 248px; height: 419px; margin: -55px 0 0 -70px }
#bc .top { float: left; width: 104px; height: 309px; background: url("../images/portal/bctop.jpg") }
#bc .bottom1 { float: left; width: 248px; height: 80px; background: url("../images/portal/bcbottom1.jpg") }
#bc .bottom2 { float: left; width: 219px; height: 30px; background: url("../images/portal/bcbottom2.jpg") }

#mg { position: absolute; width: 187px; height: 325px; margin: 4px 0 0 565px; }
#mg .top { float: right; width: 152px; height: 243px; background: url("../images/portal/mgtop.jpg") }
#mg .bottom { float: right; width: 187px; height: 82px; background: url("../images/portal/mgbottom.jpg") }

.language { position: relative; top: 183px; left: 189px; width: 309px; height: 65px; background: url("../images/portal/world.gif") no-repeat top left; margin: 0; text-align: right; font-size: 10px; color: #7c7c7c; padding-top: 8px }
.language FORM { float: right; width: 200px; margin: 10px 0 0 0; padding: 0 }
.language .btnEnter a { float: right; cursor: pointer; cursor: hand; margin-left: 12px; width: 48px; height: 21px; display: block; background: url("../images/btnEnter.gif") }
.language .btnEnter a:hover { background-position: -48px 0 }
.language SELECT { margin-top: 1px; width: 126px; font-size: 11px; height: 18px; border: 1px solid #c3c3c3 }

UL.footer { position: relative; z-index: 10; margin: 12px 0 0 0; padding: 0; font-size: 10px; color: #313131; line-height: 13px }
UL.footer LI { float: right; list-style-type: none; padding-left: 60px }

/**********************************************************/



/***     T E X T     M A R K - U P     ********************/
H1 { 
	position: absolute; z-index: 10; margin: 23px 0 0 -220px; left: 50%; width: 441px; height: 71px; text-indent: -9999px; overflow: hidden; background: url("../images/portal/logo.gif") }
H2 { position: relative; top: 128px; font-size: 11px; line-height: 16px; font-weight: normal; text-align: center; margin: 0; padding: 0 }
H3 { position: relative; top: 167px; left: 181px; width: 331px; height: 7px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; background: url("../images/portal/official.jpg") }
/*
h1 { font-family: Helvetica, Arial; font-size: 10px; margin: 10px 0 5px 20px; font-size: 17px; line-height: 20px; letter-spacing: -.03em; color: #ee2e24; border-bottom: 1px solid #ee2e24; width: 600px }
h2 { font-family: Helvetica, Arial; font-size: 10px; margin: 10px 0 5px 20px; font-size: 28px; letter-spacing: -.03em; color: #ee2e24; }		
*/
/**********************************************************/