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

body  
{
	color: #000;
	font-size: 62.5%;
	font-family: "Lucida Grande", palatino, verdana, arial, helvetica, linotype, "times new roman", sans-serif;
	background-color:#1A1A1A;
	background-image: url(../pictures%20/grafik/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
}

p
{
font-weight: normal;
font-size: 1em;
color:#E8E8E8;
letter-spacing:0.3em;
}

a 
{ 
color: #A7D400; 
border-style: none; 
outline-style: none;
text-decoration: none;
border-bottom:1px dotted #FFF; 
}

a:hover
{
color:#FFF;
}

#cocon
{ 
margin: 15em auto;
width: 938px;  
text-align: center;
padding: 10px;
border-top: 1px dotted #444;
border-right: 1px dotted #444;
border-bottom: 1px dotted #444;
border-left: 1px dotted #444;
background-color:transparent;
}

#pot
{
width:934px;
height:300px;
padding-right:4px;
background-color:#1F1F1F;

}

img.open
{
margin-top: 60px;
}

#title
{
color:#606060;
text-transform: uppercase;
letter-spacing:1em;	
}




#top{
	background: #000;
	position: fixed;
	border-bottom: 1px solid  #2E2E2E;
	}
	
#bottom{
	background: #000;
	position: fixed;
	border-top: 1px solid #2E2E2E;
	}
	
#left{
	background: #000;
	position: fixed;
	border-right: 1px solid  #2E2E2E;
	}
	
#right {
	background: #000;
	position: fixed;
	border-left: 1px solid #2E2E2E;
	}	
	
	
#top-l{
	background: #000;
	width: 15px;
	height: 18px;
	position: absolute;
	top:0;
	left:0;
	z-index:220;
}
	
	
#top-r{
	background: #000;
	width: 15px;
	height: 18px;
	position: absolute;
	top:0;
	right:0;
	z-index:220;
}

#bottom-l{
	background: #000;
	width: 15px;
	height: 18px;
	position: absolute;
	bottom:0;
	left:0;
	z-index:220;
}


#bottom-r{
	background: #000;
	width: 15px;
	height: 18px;
	position: absolute;
	bottom:0;
	right:0;
	z-index:220;
}	
	
	
	
	
	
	
	
	
	#left, #right {
		top: 10px; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }

	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }