@charset "utf-8";
/* CSS Document */

#login
	{
	position:fixed; 
	top:0px;
	left:0px;
	height: 20px;
/*	background-color: #BE9777;*/
	color: #f0e7d6;
	}

#login span
	{
	position:fixed;
	left:5px;
	top:2px;
	visibility: hidden;
	border:1px #301d0E solid;
	background-color: #BE9777;
	color: #f0e7d6;
	}
	
#login:hover span
	{
	visibility:visible;
	}
		
#main
	{
	position:absolute;
	left:50%;
	top:60px;
	margin-left:-275px;
	background-color: #BE9777;
	height:300px;
	width:550px;
	border: 2px black solid;
	}
	
#dunklerhintergrund
	{
	position: fixed;
	left: 0px;
	right: 50%;
	height: 100%;
	background-color: rgb(0,0,0);
	}

#hellereinschub
	{	
	position: absolute;
	left: 50%;
	margin-left: -287px;
	width: 287px;
	height: 324px;
	top: 48px;
	background-color: #BE9777;
	}
	
#rechtsdunkel
	{
	position: fixed;
	right: 0px;
	left: 95%;
	background-color: black;
	height: 100%;
	}

#linkshell
	{
	position: fixed;
	right: 100%;
	left: 0px;
	background-color: #BE9777;
	height: 100%;
	}
	
.titel
	{
	position:absolute;
	bottom:20px;
	left:30px;
	text-align: left;
	width:10em;
	font-size:2.5em;
	z-index: 2;
	display:inline;
	color: #301d0E;
	}
	
.titel a
	{
	color:#301d0E;
	text-decoration:none;
	z-index: 200;
	text-align: center;
	}	
	
.titel a:hover
	{
	color:#f0e7d6;
	z-index:200;
	}
		
.name
	{
	position:absolute;
	top:20px;
	right:30px;
	font-size:1.5em;
	font-weight:bold;
	color:#f0e7d6;
	z-index: 10;
	}
	
.bohnen
	{
	position: absolute;
	right: 40px;
	bottom: -50px;
	background-coplor: red;
	}