@charset "utf-8";
/*
################################################################
#	CSS Ulrike Seeler
#	Autor:	Peter Koerner
#	Fa.:	High-Quality
#
#	Genereller Aufbau
################################################################
*/

/* Globale Einstellung */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
    text-align: center;
    color: #000000;
}

/* Basic Frames */
#container {
	width: 820px;
	background: transparent;
    margin: 0 auto;
	border: 0 none;
    text-align: left;
	height: auto;
}

#left_col{
	float: left;
	width: 225px;
}

#right_col{
	float: right;
	width: 565px;
	padding-top: 102px;
}

#logo{
	width: 420px;
	height:150px;
	background:transparent;
	position:absolute;
	top:90px;
	margin: 0 auto;
	display: block;
	z-index:1;
}

#navi{
	width: 220px;
	height:auto;
	background:transparent;
	position:relative;
	top:304px;
	left:0px;
	float: left;
	clear: none;
}

/* Quadrate allgemein */
/* #content{ display:none; } */

#tl, #tm, #tr, #ml, #mm, #mr, #bl, #bm, #br {
	width: 186px;
	height:186px;
	position: relative;
	border: 1px solid #fff;
	float: right;
}
#tl { 
	/* background:#fff; */
	border: 0 none;
}

#tm { 
	/* background:#c6d6e6; */
	border-left: 0px none;
	border-right:0px none;
}

#tr { 
	/* background:#e9c273; */
}

#ml { 
	/* background:#92acc0; */
	border-top: 0 none;
}

#mm { 
	/* background:#edeeee; */
	border-top: 0 none;
	border-left: 0px none;
	border-right:0px none;	
}

#mr { 
	/* background:#6684a9; */
	clear: right;
	border-top: 0 none;
}

#bl { 
	/* background:#cdd1d5; */
	float:right;
	border-top: 0 none;
}

#bm { 
	/* background:#cad6e2; */
	border-top: 0 none;
	border-left: 0px none;
	border-right:0px none;	
}

#br { 
	/* background:#fff; */
	clear: right;
	border-top: 0 none;
}