/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


html,body
	{margin:0;padding:0; background: #FFF}
body
	{font-size: 0.8em; font-family: Arial, Verdana, Sans-Serif, Helvetica ; text-align: center; color: #666}
p	{margin:0px 15px 10px;}

a {color: #666;}

div#header h1
	{height:60px;line-height:60px;margin-top:165px; margin-bottom: 25px; padding-left:18px;color: #000; font-size: 1.8em; font-weight: bold;}

div#container																			
	{text-align:left;}
div#content {padding-top: 150px; }
div#content p
	{line-height:1.3; color: #666; margin-left: 18px; padding-top: 5px;}
div#content h2 {color: #666; font-size:100%; margin-left: 18px; padding-top: 5px;}
div#content h1 {color: #666; font-size:1.5em; margin-left: 18px; padding-top: 5px;}
div#navigation
	{background: none; margin-right: 35px; background: #FFF; margin-top: -20px;}
div#extra
	{background: none}
div#navigation p
	{color: #666; margin:0px; background: #FFF; padding: 0px}
div#navigation a
	{color: #666; margin:0px; padding: 5px 5px 5px 15px;}
div#extra p
	{color: #666}
div#footer
	{background: #C03;}
div#footer p
	{margin:0; padding:5px 18px; color: #FFF; font-size: 0.8em; font-family: Arial, Sans-Serif, Verdana;}
div#footer a
	{text-decoration: none;}


div#container
	{width:800px; margin:10px auto; background: url(kopf1.png) no-repeat; border: 1px #000 solid;}
div#navigation
	{float:right; width:200px}
div#extra
	{float:left;width:800px}
div#footer
	{clear:both;width:100%}
.blank
	{padding-top: 5px; padding-bottom: 5px;}
div#menu { margin:0px ; border: 1px #666 solid; font-family: Arial, Sans-Serif,Verdana;}
div#box2 { margin:0px 15px 5px 10px; border: 1px #666 solid; font-size: 0.9em; font-family: Arial, Sans-Serif,Verdana;}
div#menu a { color: #000; text-decoration: none; display: block}

div#top {background: #C03; margin: 0px; color: #666}
div#top2 {background: #687E51; margin: 0px; color: #666}

/* div#top p {line-height: 1.2;} */

.head {padding: 2px 2px 2px 15px; color: #FFF}
.head2 {padding: 2px 2px 2px 15px; color: #FFF}

.title {padding-left: 15px; color: #666; font-size: 90%}

div#komment {padding-left: 18px; padding-right: 4px; color: #666; font-size: 1.0em}
div#komment a { color: #666; text-decoration: underline; }

a.title:hover {background: #CCC; color: #000}


/* input {border-width:0px; border-color:#000000; background-color:#666; margin: 1px} */

input {ffont-size: 0.8em; font-family: Arial, Verdana, Sans-Serif, Helvetica ; color: #666}
textarea {font-size: 1em; font-family: Arial, Verdana, Sans-Serif, Helvetica ; color: #666}
input:focus, textarea:focus {background-color:#DDD; color: #900;}
.inp0 {border-width:1px; border-color:#000000; background-color:#fff; margin-bottom: 1px;}
.inpl {border-width:1px; border-color:#000000; background-color:#fff; margin-bottom: 1px; text-align:right;}
.inp1 {border-width:1px; border-color:#000000; background-color:#fff; margin-bottom: 5px;}
.inp2 {border-width:1px; border-color:#000000; background-color:#DDD; margin-bottom: 5px;}

.up { font-weight: bold; color: #ff0033; }
.upok { float: left; font-weight: bold; color: #666; }

/* Hier gehts rund */

#gesamt {margin: 15px;}

.rtop, .rbottom 
	{display:block;}
.rtop *, .rbottom *
	{display: block; height: 1px; overflow: hidden;} /* background: #687E51; */
.r1{margin: 0 5px;}
.r2{margin: 0 3px }
.r3{margin: 0 2px;}
.r4{margin: 0 1px; height: 2px;}
.style1 
	{color: #666; font-family: arial, verdana, sans-serif; padding:5px 15px 15px; text-align:left; }
.style2 
	{color: #666; font-family: arial, verdana, sans-serif; padding:5px 15px 15px; text-align:left; width: 550px}
	
	/* background: #687E51;  */
.style1 h2 {color: #666; font-size:100%}
.style1 p {clear: both; color: #666; font-size:90%; padding: 0px; margin: 0px}
.style1 a {display: inline; text-decoration: underline; color: #666}
.style2 h2 {color: #666; font-size:100%; }
.style2 p {clear: both; color: #666; font-size:90%; padding: 0px; margin: 0px}
.style2 a {display: inline; text-decoration: underline; color: #666}

.sl2 {background-color: #EFEFEF; color: #666; text-decoration: none; font-size: 12px; line-height: 18px; width: 650px;}
.sl1 {background-color: #FFFFFF; color: #666; text-decoration: none; font-size: 12px;  line-height: 18px; width: 650px;}
DIV.sl2a { width: 70%; float: left;background-color: #FFFFFF; color: #666; text-decoration: none; font-size: 12px; line-height: 18px;}
DIV.sl2b { width: 30%; float: right;background-color: #FFFFFF; color: #666; text-decoration: none; font-size: 12px; line-height: 18px;}

DIV.sl1a { width: 70%; float: left;background-color: #EFEFEF; color: #666; text-decoration: none; font-size: 12px; line-height: 18px;}
DIV.sl1b { width: 30%; float: right;background-color: #EFEFEF; color: #666; text-decoration: none; font-size: 12px; line-height: 18px;}


table {text-align: left; margin: 0px; color: #666; font-size:95%; font-family: Arial, Verdana, Sans-Serif, Helvetica ;}
.sh {background: #23550F; color: #666;}
.st {background: #687E51; color: #222;}
.sh td  {color: #666;}
.st td  {color: #222;}
.sh a {color: #666; }
.st a {color: #222; }
table a {display: inline; text-decoration: none; color: #666}
.norm {display: inline; text-decoration: none; color: #666; font-weight: bold}
.norm a {color: #666}

div#content a {display: inline; padding: 0px; margin: 0px; color: #666;}
.norm2 {text-decoration: none; color: #666; border-bottom: 1px dotted #FFF;}
.norm3 {display: inline; text-decoration: none; color: #666; font-weight: normal}
.player p {padding: 5px}
.player a {text-decoration: none; color: #666;}
.knopf {
	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;  
	color: #666; 
	font-weight: normal;
	text-align: center; 
	background-color: #ccc;
	padding: 3px;
	border: 0px;
	width: 100px;
	}
.knopf2 {
	font-size: 11px; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;  
	/* color: #687E51;  */
	font-weight: normal;
	text-align: center; 
	background-color: #ccc;
	padding: 3px;
	border: 0px;
	width: 100px;
	}
.feld {
	background-color: #eee;
	border: 1px solid #000;
	}

#login {
padding-top: 80px;
position: center absolute;
}


.login {
	BORDER-RIGHT: #748C5A 1px solid; BORDER-TOP: #748C5A 1px solid; BORDER-LEFT: #748C5A 1px solid; BORDER-BOTTOM: #748C5A 1px solid; color: #666; Font-weight: bold; text-decoration: none; font-family: tahoma, verdana, sans-serif, sans; }


.login {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 32px; PADDING-BOTTOM: 6px; WIDTH: 150px; PADDING-TOP: 6px; WHITE-SPACE: nowrap
}

a.login:hover{
	background-color: #23550F
}

.eighty {width: 700px; }

.einr {padding: 3px 2px 3px 15px; color: #000}


/*****************Besonderheiten für Bildschirmgroesse max. 480px***********************/

@media (max-width: 800px) {

div#container
	{width:600px; margin:10px auto; background: url(kopf1.png) no-repeat; border: 1px #000 solid;}
div#navigation
	{float:left; width:200px}
	
}

/*****************Ende Besonderheiten für Bildschirmgroesse max. 480px***********************/