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

* { margin: 0; padding: 0; } 

html { 	height: 100%; }

body {
	height: 100%;
	font-family: Tahoma;	
	font-size: 10px;
	padding: 0;
	margin: 0;
	background-color: black;
	cursor: default;
	color: white;
	background: url("../images/layout/bgsquare.gif") top left repeat	
}

#invisible { position: absolute; top: -1000px; visibility: hidden }

#pagecontainer { position: relative; margin: 0px auto; min-height: 100%; background: url("../images/layout/bgstrook.gif") top repeat-x }
* html #pagecontainer { height: 100%; }

#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
	
#content {
	position: absolute;
	margin-left: -363px;	
	top: -330px;
	left: 50%;
	width: 725px;
	height: 390px;
	visibility: visible
}

#contentbottom {
	position: absolute;
	margin-left: -363px;	
	top: -710px;
	left: 50%;
	width: 725px;
	height: 175px;
	visibility: visible
}

.top { width: 725px; height: 28px; background: url("../images/layout/startTOP.png") }
.left { float: left; width: 24px; height: 336px; background: url("../images/layout/startLEFT.png") }
.middle { position: relative; float: left; width: 677px; height: 336px; background: url("../images/layout/bgCircuit.jpg") }
.right { float: left; width: 24px; height: 336px; background: url("../images/layout/startRIGHT.png") }
.bottom { clear: both; width: 725px; height: 26px; background: url("../images/layout/startBOTTOM.png") }
.banner { clear: both; width: 725px; height: 175px ; margin-top: 140px }
img, .top, .left, .right, .bottom, .banner { behavior: url("scripts/iepngfix.htc") }
	
#content blockquote { position: absolute; top: 125px; right: 26px; margin: 0; padding: 0 }

H1 { position: relative; margin: -1px auto 0 auto; width: 321px; height: 71px; text-indent: -9999px; overflow: hidden; background: url("../images/layout/Worldkarts.png") }
H1 { behavior: url("scripts/iepngfix.htc") }

H2 { position: relative; margin: 35px 0 0 6px; width: 374px; height: 21px; text-indent: -9999px; overflow: hidden; background: url("../images/layout/Welcome.png") }
H2 { behavior: url("scripts/iepngfix.htc") }

UL { position: relative; margin: 34px 0 0 18px; padding: 0; width: 346px; height: 119px }
UL LI { float: left; width: 104px; margin-right: 17px; list-style-type: none; text-indent: -9999px; overflow: hidden }
UL LI.kortrijk a { background: url("../images/layout/trackKortrijk.gif") }
UL LI.poznan a { background: url("../images/layout/trackPoznan.gif") }
UL LI.houston a { background: url("../images/layout/trackHouston.gif") }

UL LI a { display: block; width: 104px; height: 119px }
UL LI a:hover { background-position: 104px 0 }

P { margin: 8px 0 0 18px; padding: 0; width: 311px; line-height: 14px }
P.IE_FF { position: absolute; font-size: 9px; bottom: -7px; left: 5px; margin: 0; padding: 0 0 0 90px; width: 170px; height: 47px; line-height: 15px; background: url("../images/layout/IE_FF.png") left no-repeat }
P.IE_FF { behavior: url("scripts/iepngfix.htc") }

.weg { position: absolute; top: -1000px; visibility: hidden; margin: 0; padding: 0; display: none }


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