@import url(https://fonts.googleapis.com/css?family=Righteous);
@import url(https://fonts.googleapis.com/css?family=Monda:400,900);

html{}
body {
	width:960px;
	background:url(images/black_linen.jpg);
}
#pop{position:fixed;top:35%;left:45%;width:150px;height:80px;background:lightgreen;display:block;}
.wrapper{
	position:absolute;
	left:50%;
	top:20px;
	margin-left: -450px;
	width:899px;
	border:5px solid #454545;
	outline:2px dashed #FECB00;
	outline-offset: -5px;
}
.clearer{clear:both;}
#header{
	background: url(images/linen_top_black.png)/*url(images/linen_top_red_border_bottom.png)0 0 no-repeat*/;
	background-size:100% auto;
	height:50px;
	width:100%;
	border-bottom:2px dashed #FECB00;
	box-shadow:3px 3px 5px inset #000, -3px -3px -5px inset #000;
	opacity:0.8;
}
#footer{
	position:relative;
	bottom:0px;
	background: url(images/linen_top_black.png)/*url(images/linen_top_red_border_bottom.png)0 0 no-repeat*/;
	background-size:100% auto;
	height:47px;
	width:100%;
	border-top:2px dashed #FECB00;
	opacity:0.8;
}
img.head{float:left;height:40px;width:auto;margin:3px 0px 4px 10px;}
h1.head{float:left;color:#323232;margin:4px 0px 0px 10px;text-shadow:1px 1px 0px #fdb;} /*braun color:#BB7543;*/
#content{
	background:url(images/linen_top_black.png);
	min-height:170px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	opacity:0.8;
}
.field{float:center;width:280px;height:30px;}
.field-name{float:left;width:130px;height:28px;color:#FECB00;font-family: 'Righteous', cursive;text-shadow:0px 1px 0px #000;}
.field-value{float:left;width:150px;height:28px;}
.field-submit{margin-left:130px;width:150px;height:28px;}
.field-menue{margin-left:30px;width:150px;height:28px;}
.field-menu{position:relative;bottom:-10px;margin-left:25px;width:880px;height:28px;}
input.login{border-radius:3px;}
button.login{
	background:url(images/linen_top_yello.png);
	width:142px;
	height:28px;
	margin-bottom:5px;
	border-radius:3px;
	font-weight:bold;
	text-shadow:0px 1px 0px #900;
	color:#000/*#8B4513*/;
}
.ogin{
	background:url(images/linen_top_yello.png);
	float:left;
	width:220px;
	height:24px;
	margin:0px 0px 10px 40px;
	border:2px outset #fff;
	border-radius:3px;
	font-weight:bold;
	text-align:center;
	text-shadow:0px 1px 0px #900;
	color:#000/*#8B4513*/;
}
li.login{
	background:url(images/linen_top_yello.png);
	width:138px;
	height:24px;
	margin-bottom:5px;
	border:2px outset #fff;
	border-radius:3px;
	font-weight:900;
	text-shadow:0px 1px 0px #900;
	color:#8B4513;
}
a.login{
	display:block;
	
	padding:1px 15px;
	text-decoration:none;
	font-weight:900;
	text-shadow:0px 1px 0px #edc;
	color:#8B4513;
}
a.ogi{
	display:block;
	padding:1px 15px;
	text-decoration:none;
	font-weight:900;
	text-shadow:0px 1px 0px #edc;
	color:#000/*#8B4513*/;
}
p {	
	color:/*#03037A*/#8B4513;
}
a {	display:block;
	text-decoration:none;
	color:/*#03037A*#8B4513*/#000;
	font-family:"Monda", Arial,Helvetica,sans-serif;
	font-weight:900;
	font-size:12px;
	text-shadow:0px 1px 0px #edc;
}
a:hover {
	color:#fff
}
h2 {
	margin:-32px 10px 0px;
	text-align:center;
	font-family: 'Righteous', cursive;
	font-size:22px;
	color:#FECB00;
}
.h2{display:none;
	margin:-32px 5px 0px 15px;
	text-align:center;
	font-size:20px;
	color:#FECB00;
}
h3{margin:10px 10px 10px 10px;}
li{
	background:transparent /*#FEFE00*/;
	list-style:none;
	text-decoration:none;
}
li.hell{
	background:transparent /*#FEFE00*/;
	list-style:none;
	text-decoration:none;
	width:120px;
	border:2px groove #FEFE00;
	padding:5px 10px;
	margin-bottom:3px;
}
li.hell:hover{
	background-color: #a00;
	color: #fff;
}
a.hell, h3.hell{
	display:block;
	line-height:20px;
	color:#deb;
}
#grau {
	background:#CDAA7D;
}
table{
	width:882px;
	margin: 0px 10px;
	letter-spacing:0.1em;
	border-spacing:0;
	border:1px solid #555;
}
table tr{max-height:12px;padding:0;}
table td{
	padding: 1px 10px;
	border: 1px solid #555;
	color:#FECB00;
}

table th{
	background:#A90000 url(images/linen_top_red_border_bottom.png);
	/*background: -webkit-linear-gradient(bottom,#D8B27F,#DDCAAD,#D8B27F);*/
	border-top: 0px;
	border-top-color:#fff;
	border-top-style:dashed;
	font-family: 'Righteous', cursive;
	font-weight:bold;
	color:#FECB00;
}
table tr:nth-child(1n+2) {
background-color: #D8B27F;
color: #000;
}
table tr:nth-child(2n+3) {
background-color: #DDCAAD;
color: #000;
}
table tr:nth-child(3) {
background:#A90000 url(images/linen_head_grey.png);
color: #FECB00;
}
table tr:nth-child(5) {
background:#A90000 url(images/linen_top_yello.png);
font-style:italic;
font-family: 'Righteous', cursive;
letter-spacing:10px;
text-align:center;
}
able tr:nth-child(9) {
background:#A90000 url(images/linen_top_yello.png);
font-style:italic;
font-family: 'Righteous', cursive;
letter-spacing:10px;
text-align:center;
}
able tr:nth-child(13) {
background:#A90000 url(images/linen_top_yello.png);
font-style:italic;
letter-spacing:10px;
text-align:center;
}
table td:hover , a:hover{
background-color: #444;
color: #bcbcbc;
}
#frame { 
	width: 990px; 
	height:720px; 
	border: 0px double #fff;
	text-align:center; 
}
#frame {
		-moz-transform: scale(0.765); 
		-moz-transform-origin: 0 0;
		-ms-transform: scale(0.765); 
		-ms-transform-origin: 0 0; 
		-webkit-transform: scale(0.765); 
		-webkit-transform-origin: 0 0;
		-o-transform: scale(0.765);
        -o-transform-origin: 0 0;
}
a.file {
	display:block;
	font-family:"Monda", Arial,Helvetica,sans-serif;
	text-decoration:none;
	font-size:13px;
	color:#dcb;
	line-height:18px;
}
a:hover.file {
	background:transparent;
	color:#edb;
	font-weight:800;
	font-size:13px;
}
a.dir{
	font-family:"Monda", Arial,Helvetica,sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#dcb;
}