body {
		overflow:hidden;
	}

	#divBackground {
		background:url("../images/background.jpg") repeat-x;
	    background-position: top;
		position:absolute;
		left: 0px;
		top: 0px;
		width: 120%;
		height: 586px;
		border: 0px red solid;
		overflow: hidden;
	}
	
	#divMainCenter {
		position:absolute;
		left: 50%;
		top: 50%;
		width: 840px;
		height: 420px;
		margin-left: -410px;
		margin-top: -250px;
		border: 0px red solid;
		padding: 0 0 0 0;
	}
	
	
	#divLogo{
	    position: relative;
	    left: 0px;
	    top: 15px;
		width: 358px;
		height: 23px;
		background:url("../images/logo.gif") no-repeat;
	    background-position: left;
		border: 0px black solid;
	}
		
	* html #divLogo{
		/*
			* http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
		
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='image'); 
		_background: transparent; 
 */
	}
	#divMatrix{
	    position: relative;
	    left: 0px;
	    top: 17px;
		width: 358px;
		height: 358px;
		border: 0px #a5d200 solid;
		background-color: #fdfdfd;
	}
	
	#divContent{
	    position: relative;
	    left: 357px;
	    top: -341px;
		width: 475px;
		height: 356px;
		border: 1px #cfe778 solid;
		background-color: #fdfdfd;
		display: block;
		padding: 0px;
		background:url("../images/bg_1.jpg") no-repeat;
		overflow:hidden;
	}
	* html #divContent{
		top: -1063px;
		height: 358px;
		width: 477px;
	}
	
	#scrollContent{
		padding:13px;
		overflow:auto;
		border:0px solid red;
		height:330px;
		width:449px;
	}
	* html #scrollContent{
		height:355px;
		width:475px;
	}
	
		#usualContent{
		padding:13px;
		overflow:hidden;
		border:0px solid red;
		height:330px;
		width:439px;
	}
	* html #usualContent{
		height:355px;
		width:481px;
	}
	
	a.nav{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 14px;
		color: #6f6f6f;
		text-align: right;
		font-weight: bold;
		text-decoration: none;
		display:block;
		width: 118px;
		height: 18px;
		padding-top: 100px;
	}
	
	div {
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #6f6f6f;
		text-decoration: none;
		display:block;
	}
	
	table {
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #6f6f6f;
		text-decoration: none;
		display:block;
	}
	
	.fontTable{
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #6f6f6f;
		text-decoration: none;
		display:block;
	}
	
	.green{
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #91bb00;
		text-decoration: none;
	}
	
	.headline{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 16px;
		font-weight: bold;
	}
	
	* html a.nav{
		width: 120px;
		height: 120px;
	}
	
	#divMatrixAA{
	    position: relative;
	    left: 0px;
	    top: 0px;
	}
	
	#divMatrixAB{
	    position: relative;
	    left: 119px;
	    top: -120px;
	}
	
	#divMatrixAC{
	    position: relative;
	    left: 238px;
	    top: -240px;

	}
	#divMatrixBA{
	    position: relative;
	    left: 0px;
	    top: -241px;

	}
	
	#divMatrixBB{
	    position: relative;
	    left: 119px;
	    top: -361px;

	}
	
	#divMatrixBC{
	    position: relative;
	    left: 238px;
	    top: -481px;

	}
	#divMatrixCA{
	    position: relative;
	    left: 0px;
	    top: -482px;

	}
	
	#divMatrixCB{
	    position: relative;
	    left: 119px;
	    top: -602px;

	}
	
	#divMatrixCC{
	    position: relative;
	    left: 238px;
	    top: -722px;

	}


	
	.matrixGray:hover{
		border: 1px #a5d200 solid;
		background-color: #a5d200;
	}

	.matrixGray{
		border: 1px #cfe778 solid;
		background-color: #dbdbdb;
	}

	.matrixJan:hover{
		border: 1px #a5d200 solid;
		background:url("../images/janOver.jpg") no-repeat;
	    background-position: top;
	}

	.matrixJanSelected{
		border: 1px #a5d200 solid;
		background:url("../images/janOver.jpg") no-repeat;
	    background-position: top;
	}	
	
	.matrixJan{
		border: 1px #cfe778 solid;
		background:url("../images/jan.jpg") no-repeat;
	    background-position: top;
	}
	
	.matrixRalf:hover{
		border: 1px #a5d200 solid;
		background:url("../images/ralfOver.jpg") no-repeat;
	    background-position: top;
	}

	.matrixRalf{
		border: 1px #cfe778 solid;
		background:url("../images/ralf.jpg") no-repeat;
	    background-position: top;
	}
	
	.matrixRalfSelected{
		border: 1px #a5d200 solid;
		background:url("../images/ralfOver.jpg") no-repeat;
	    background-position: top;
	}
	
	.matrixSubHighlight{
		border: 1px #cfe778 solid;
		background-color: #cfe778;
	}
	
	.matrixSubHighlight:hover{
		border: 1px #cfe778 solid;
		background-color: #a5d200;
	}
	
	.matrixGraySelected:hover{
		border: 1px #a5d200 solid;
		background-color: #a5d200;
	}

	.matrixGraySelected{
		border: 1px #a5d200 solid;
		background-color: #a5d200;
	}
	
	.matrixSilver{
		border: 1px #cfe778 solid;
		background-color: #efefef;
	}
	
	.matrixSilver:hover{
		border: 1px #cfe778 solid;
		background-color: #cfe778;
	}

	a.nav:hover{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}
	
	
	.smallLink{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 11px;
		color: #6f6f6f;
		font-weight: bold;
		text-decoration: none;
	}
	
	.smallLink:hover{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 11px;
		color: #a5d200;
		font-weight: bold;
		text-decoration: none;
	}
	
	ul{
		line-height: 20px;
	}
	
	#divTopFuncNav {
		position: relative;
		left: 650px;
		top: 3px;
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 11px;
		color: #6f6f6f;
		font-weight: bold;
		text-decoration: none;
		width: 182px;
		text-align: right
	}
	
	#divBottomFuncNav {
		position: absolute;
		left: 0px;
		top: 425px;
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 11px;
		color: #6f6f6f;
		font-weight: bold;
		text-decoration: none;
		width: 372px;
		text-align: left;
		z-index:100;
	}
	
	#divLogoAddon {
		position: absolute;
		left: 370px;
		top: 25px;
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 13px;
		color: #6f6f6f;
		font-weight: lighter;
		text-decoration: none;
		text-align: left
	}
	
	.logoAddon{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 13px;
		color: #6f6f6f;
		font-weight: lighter;
		text-decoration: none;
	}
	
	.logoAddon:hover{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 13px;
		color: #a5d200;
		font-weight: lighter;
		text-decoration: none;
	}
	
	.bigFormField{
		width:120px;
		height:17px;
		border: 1px solid #a5d200;
		background-color: #fff;
		font-family: Arial, Helvetica;
		font-size: 10px;
		color: #000;
	}
	
	.smallFormField{
		width:60px;
		height:17px;
		border: 1px solid #a5d200;
		background-color: #fff;
		font-family: Arial, Helvetica;
		font-size: 10px;
		color: #000;
	}
	
	.buttonForm{
		width:100px;
		height:17px;
		border: 1px solid #a5d200;
		background-color: #fff;
		font-family: Arial, Helvetica;
		font-size: 10px;
		color: #000;
	}
	
	.bigFormText{
		width:246px;
		height:60px;
		border: 1px solid #a5d200;
		background-color: #fff;
		font-family: Arial, Helvetica;
		font-size: 10px;
		color: #000;
	}
	
	.formFieldTitle{
		font-family: Century Gothic, Arial, Helvetica;
		font-size: 10px;
		color: #000;
	}

	
	
	
	
	
	
	#divProjectsAA{
	    position: relative;
	    left: -1px;
	    top: -1px;
	}
	
	#divProjectsAB{
	    position: relative;
	    left: 118px;
	    top: -121px;
	}
	
	#divProjectsAC{
	    position: relative;
	    left: 237px;
	    top: -241px;
	}
	#divProjectsAD{
	    position: relative;
	    left: 356px;
	    top: -361px;
	}
	
	#divProjectsBA{
	    position: relative;
	    left: -1px;
	    top: -362px;
	}
	
	#divProjectsBB{
	    position: relative;
	    left: 118px;
	    top: -482px;
	}
	#divProjectsBC{
	    position: relative;
	    left: 237px;
	    top: -602px;
	}
	
	#divProjectsBD{
	    position: relative;
	    left: 356px;
	    top: -722px;
	}