/* ---------- "Allgemeines" ---------- */

@font-face {
    font-family: "Ruritania";
    src: url(fonts/Ruritania.ttf);
}

@font-face {
    font-family: "Wretg";
    src: url(fonts/WRETRG__.ttf);
}

hr.line {
    width:80%;
    margin-left:10%;
    margin-right:10%;
    border:solid #aaa 1px;
	position:center;
}

.imgzentriert {
 display: block;
 margin: 0px auto;
 width: 100px;
}

.news
{
	background-color: rgba(0,0,0,0.4);
	color:#f0f0f0;
	border-style: solid;
	border-color: grey;
	border-width: 2px;
	padding: 10px;
}

a.rules
{

}

p.rules
{

}

p.news
{
    margin-left:10%;
    margin-right:10%;
	padding-right: 10%;
	width:80%;
	text-align:left
}

br.news
{
    margin-left:10%;
    margin-right:10%;
	width:80%;
	text-align:left
}

h1.news
{
	padding-right: 10%;
    margin-left:10%;
    margin-right:10%;
	width:80%;
	text-align:left
}

img.screenshot
{
    margin-left:10%;
    margin-right:10%;
}

img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.downloads
{
    margin-left:10%;
    margin-right:10%;
	padding-right: 10%;
	width:80%;
	text-align:left
}

a:hover
{
	font-family:Arial;
	color: #f1f1f1;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
}

a:link
{
	font-family:Arial;
	color: #f1f1f1;
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
}

a:active 
{
	font-family:Arial;
	color: #f1f1f1;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
}

a:visited
{
	font-family:Arial;
	color: #f1f1f1;
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
}

.kreis
{
   border-radius: 50%;
   width: 12px;
   height: 12px;
   float:right;
   margin-right:20px;   
   margin-top:0px;
}

/* ---------- "Frames" ---------- */

.background 
{
	background: #000 url(images/bg.jpg) no-repeat fixed;
	background-size:100% 100%;
}

.banner 
{
	background: #000 url(images/bannerbg.png) no-repeat fixed;
	position: fixed;
	left:15%; top:5px; height:90px; right:15%;
}

.content 
{
	background-color: rgba(57,101,156,0.5);
	position: fixed;
	left:15%; top:100px; right:15%; bottom: 0%;
}

/* ---------- "Navigation und Inhalt" ---------- */

.seiteninhalt
 {
	background-color: rgba(0,0,0,0.5);
	color:#f1f1f1;
	position: fixed;
	padding: 20px;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	overflow: auto;
	left: 28%; right: 28%; top: 110px; bottom:10px;
}


.navilinks
{
	background-color: rgba(0,0,0,0.5);
	color:#f1f1f1;
	font-family:Arial;
	font-size:12px;
	text-align:left;
	position: fixed;
	left:15.5%; top:110px; bottom:10px; width:12%;
}

.navirechts
{
	background-color: rgba(0,0,0,0.5);
	color:#f1f1f1;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	position: fixed;
	right: 15.5%; top: 110px; bottom:10px; width: 12%;
}

.naviheader {
	text-align:center;
	color:#f1f1f1;
	font-family:"Ruritania";
	font-size:16px;
}

.header 
{
	text-align: center;
	color:#f1f1f1;
	font-family: "Ruritania";
	font-size: 24px;
}

.gottname
{
	margin: 10px;
	width: 100%;
	height: 25px;
	text-align:center;
	vertical-align: middle;
	color:#f1f1f1;
	font-family: Arial;
	font-size: 16px;
}

.gottthema
{
	
	width: 100%;
	height: 25px; 
	text-align:center;
	vertical-align: middle;
	color:#f1f1f1;
	font-family: Arial;
	font-size: 14px;
}

.button
{
	color:#f1f1f1;
	background-color: rgba(157,201,256);
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	overflow: hidden;
	text-decoration: underline;
}

.scroll
{
    float: right;
}
.imgscreen
{
float: left;
width: 150px;
height: 115px;
padding: 3px;
}

#links
{
	font-family: Arial;
	font-size: 16px;
	float: left;
	width: 40%;
	margin-top: 8px;
}

#rechts
{
	font-family: Arial;
	font-size: 16px;
	float: right;
	width: 60%;
	margin-top: 8px;
}

#GL
{
	margin-left: 50px;
	font-family: Arial;
	font-size: 14px;
	float: left;
	width: 35%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#GM
{
	font-family: Arial;
	font-size: 14px;
	color: white;
	float: left;
	width: 25%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#GR
{
	font-family: Arial;
	font-size: 14px;
	color: white;
	float: left;
	width: 20%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#frame
{ 
	width: 100%;
	height: 100%; 
	border: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	position:absolute;
	overflow:hidden;
}