/* CSS Document */

	a:link {text-decoration: none; }
	a:visited {text-decoration: none; }

	body {
		overflow:hidden;
		text-align:center;
		padding:0;
		margin:0;
	}

	hmtl {
		overflow:hidden;
	}

	.text {
		position: absolute;
		top:0px;
		left:0px;
		height:476px;
		width:478px;
		z-index:2;
		margin:0px;
		padding-left:2px;
		padding-right:2px;
		padding-top:1px;
		padding-bottom:1px;
		overflow:hidden;
		color:black;
		text-align:justify;
		font-size:11px;
		letter-spacing: 1px;
		line-height: 11px;
		font-family: Georgia, letter gothic, Arial;
	}
	
	.text:hover {color:white;}
	#en:hover{color:#40c5ab}
	
	#container {
	    position:absolute;
	    left:50%;
	    top:50%;
	    width: 480px;
	    height: 480px;
	    margin-left:-240px;
	    margin-top:-240px;
		z-index:1;
	}

	#box{
		position:relative;
		margin:auto auto;
		width:auto;
		height:480px;
		z-index:3;
		text-align:center;

	}

	.hg{
		position: absolute;
		font-family:Georgia;
		top: -1000px;
		left: -1000px;
		width: 3000px;
		height: 3000px;
		padding: 0;
		margin: 0;
		z-index:0;
	}

	#hg_weiss {background-image: url(hg_weiss.gif);}
	#hg_schwarz{background-image: url(hg_schwarz.gif);}
	
	.arbeit {
		position: absolute;
		display: block;
		text-align:justify;
		z-index: 2;
		width: 112px;
		height:112px;
		overflow:hidden;
		margin:0px;
		font-family: Georgia, letter gothic, Arial;
	}

	.linke_spalte {left: 0px;}
	.mittlere_spalte {left: 184px;}
	.rechte_spalte {left: 368px;}

	.obere_reihe {top: 0px;}
	.mittlere_reihe {top: 184px;}
	.untere_reihe {top: 368px;}

	/* -------- 1. REIHE ------------ */
	#arbeit_o_l {color:black; font-size: 12px; line-height: 7px; letter-spacing: 1px; padding-top: 3px;}
	#arbeit_o_m {color:black; font-size: 15px; line-height: 8px; letter-spacing: -2px; padding-top: 0px;}
	#arbeit_o_r {color:black; font-size: 18px; line-height: 5px; letter-spacing: -4px;}

	/* -------- 2. REIHE ------------ */
	#arbeit_m_l {color:black; font-size: 23px; line-height: 7px; letter-spacing: 1px;}
	#arbeit_m_m {color:black; font-size: 15px; line-height: 6px; letter-spacing: -2px;}
	#arbeit_m_r {color:black; font-size: 8px; line-height: 7px; letter-spacing: 1px;}

	/* -------- 3. REIHE ------------ */
	#arbeit_u_l {color:black; font-size: 10px; line-height: 7px; letter-spacing: 1px;}
	#arbeit_u_m {color:black; font-size: 14px; line-height: 6px; letter-spacing: -2px;}
	#arbeit_u_r {color:black; font-size: 12px; line-height: 6px; letter-spacing: -4px;}

	/* -------- :hover ---------------*/

	/* -------- 1. REIHE ------------ */
	#arbeit_o_l:hover {color:white;}
	#arbeit_o_m:hover {color:white;}
	#arbeit_o_r:hover {color:white;}

	/* -------- 2. REIHE ------------ */
	#arbeit_m_l:hover {color:white;}
	#arbeit_m_m:hover {color:white;}
	#arbeit_m_r:hover {color:white;}

	/* -------- 3. REIHE ------------ */
	#arbeit_u_l:hover {color:white;}
	#arbeit_u_m:hover {color:white;}
	#arbeit_u_r:hover {color:white;}


	/* BILDERSEITEN */

	.bild {
		position:absolute;
		width:auto;
		height:auto;
		left:0px;
		top:0px;
		padding:0px;
		margin:0px;
	}

	/*--------------- Navigation -----------------*/

	.xx{
		position: absolute;
		left:0px;
		width:3000px;
		height: 30px;
		text-align:justify;
		overflow:hidden;
		z-index:4;
		margin:-3px;
		margin-left: -1000px;
		font-family: georgia, sans-serif, times;
		font-size: 13px;
		line-height: 1000px;
		letter-spacing:0px;
	}
	.xx:hover {line-height: 8px; color:#838383}

	#c {top:500px ;}
	#y {top:-30px ;}

	#s {
		position: absolute;
		left:-60px; 
		width: 15px;
		top:0px;
		height:3000px;
		text-align:justify;
		overflow:hidden;
		z-index:1000;
		margin:-1000px;
		margin-left: -3px;
		font-family: georgia, times;
		font-size: 16px;
		line-height: 8px;
		letter-spacing: 10000px;
		}
		
	#s:hover {letter-spacing: -2px; color:#838383}