/* 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-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.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-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-500.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: 1em; font-weight: 300; font-family: Roboto, Arial, Verdana, Sans-Serif, Helvetica ; text-align: center; color: #313131; -moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	word-wrap: break-word;
  	hyphens: auto; }

p	{margin:0px 15px 10px;}

a {color: #313131;}

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: 900;}

div#container																			
	{text-align:left;}
div#content {padding-top: 120px; }
div#content p
	{line-height:1.3; color: #313131; margin-left: 18px; margin-bottom: 10px; padding-top: 5px;}
div#content h2 {color: #313131; font-weight: 700; font-size:100%; margin-left: 18px; padding-top: 5px;}
div#content h1 {color: #313131; font-weight: 900; font-size:1.5em; margin-left: 18px; padding-top: 5px;}
div#navigation
	{background: none; margin-left: auto; background: #FFF; margin-top: 80px;}
div#extra
	{background: none}
div#navigation {	font-size: 1em; font-weight: 500;}
div#navigation p
	{color: #313131; margin:0px; background: #FFF; padding: 0px;}
div#navigation a
	{color: #313131; margin:0px; padding: 5px 3px 3px 15px;}
div#extra p
	{color: #313131}
div#footer
	{background-color: #feca06; padding: 3px 0px 3px; } 
	/* #FFD600 */
div#footer p
	{margin:0; padding:5px 18px; color: #000; font-size: 1em; font-family: Roboto, Arial, Sans-Serif, Verdana;}
div#footer a
	{text-decoration: none;}


div#container
	{width:800px; margin:10px auto; background: url(../css/kopf.svg) no-repeat; background-size: contain; border: 1px #000 solid;}
div#navigation
	{float:left;} /* width: 750px; */
div#extra
	{float:left;width:800px}
div#footer
	{clear:both;width:100%}
.blank
	{padding-top: 5px; padding-bottom: 5px;}
div#menu { margin-left: 5px ; font-family:roboto,  Arial, Sans-Serif,Verdana;}
div#box2 { margin:0px 15px 5px 10px; border: 1px #313131 solid; font-size: 0.9em; font-family: Roboto, Arial, Sans-Serif,Verdana;}
div#menu a { color: #000; text-decoration: none; display: inline;} /* display: block */

div#top {background: rgb(204,204,204); margin: 0px; color: #313131}
div#top2 {background: #687E51; margin: 0px; color: #313131}



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

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

.title {padding-left: 15px; color: #313131; font-size: 1em;}

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

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


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

input {
			font-size: 1em; 
			font-family: Roboto, Arial, Verdana, Sans-Serif, Helvetica ; 
			color: #313131; 
			resize: both;
			padding: 8px; 
			border-radius:6px; 
			border:2px solid silver;
			outline: none;
			max-width: 70%;}

select {
			font-size: 1em; 
			font-family: Roboto, Arial, Verdana, Sans-Serif, Helvetica ; 
			color: #313131; 
			resize: both;
			padding: 8px; 
			border-radius:6px; 
			border:2px solid silver;
			outline: none;
			width: 60% }
			
input[type="checkbox"] {
			float: left;
			width: auto;
			}



input[type="email"]:valid 
			{
			font-size: 1em; 
			font-family: Roboto, Arial, Verdana, Sans-Serif, Helvetica ; 
			color: #313131; 
			resize: both;
			padding: 8px; 
			border-radius:6px; 
			border:2px solid green;
			outline: none;
			width: auto;
			}
			
input[type="email"]:focus:invalid 
			{
			font-size: 1em; 
			font-family: Roboto, Arial, Verdana, Sans-Serif, Helvetica ; 
			color: #313131; 
			resize: both;
			padding: 8px; 
			border-radius:6px; 
   		border:2px solid red;
   		outline: none; 
			}

		
textarea {font-size: 1em; font-family: Roboto, Arial, Verdana, Sans-Serif, Helvetica ; color: #313131; max-width: 80%; }
/*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;}



input[type="submit"] {
   font-size: 1.0em; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 400;
   color: #000;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
   width: auto;
}

input[type="reset"] {
   font-size: 1.0em; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 400;
   color: #000;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
   width: auto;
}

input[type="button"] {
   font-size: 1.0em; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 400;
   color: #000;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
   width: auto;
}

input[type="file"] {
   font-size: 1.0em; 
   padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 400;
   color: #000;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
   width: 60%;
}

.beschreibung {
							margin-bottom: 8px;
							}
.feldformat		{
							margin-bottom: 8px;
							}		

label {display: block; padding: 1ex; }
.feldformat label { cursor: pointer }
							
							
.up { font-weight: bold; color: #ff0033; }
.upok { float: left; color: #313131; }

/* 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: #313131; font-family: Roboto, arial, verdana, sans-serif; padding-left:15px; text-align:left; width: 80%}
.style2 
	{color: #313131; font-family: Roboto, arial, verdana, sans-serif; padding:5px 15px 15px; text-align:left; width: 550px}
	
	/* background: #687E51;  */
.style1 h2 {color: #313131; font-size:100%}
.style1 p {clear: both; color: #313131; font-size:90%; padding: 0px; margin: 0px}
.style1 a {display: inline; text-decoration: underline; color: #313131}
.style2 h2 {color: #313131; font-size:100%; }
.style2 p {clear: both; color: #313131; font-size:90%; padding: 0px; margin: 0px}
.style2 a {display: inline; text-decoration: underline; color: #313131}

.sl2 {
	background-color: #EFEFEF; 
	color: #313131; 
	text-decoration: none; 
	font-size: 1.0em; 
	line-height: 20px;
	font-weight: 300;
	width: auto;
	padding: 10px 0px;}
	
.sl1 {
	background-color: #FFFFFF; 
	color: #313131; 
	text-decoration: none; 
	font-size: 1.0em; 
	line-height: 20px;
	font-weight: 300;
	width: auto;
	padding: 10px 0px;}

DIV.sl2a { 
	width: 70%; 
	float: left;
	background-color: #FFFFFF; 
	color: #313131; 
	text-decoration: none; 
	font-size: 1.0em; 
	line-height: 20px;
	font-weight: 300;
	}
	
DIV.sl2b { 
	width: 30%; 
	float: right;
	background-color: #FFFFFF; 
	color: #313131; 
	text-decoration: none; 
	font-size: 1.0em; 
	line-height: 20px;
	font-weight: 300;
	}

DIV.sl1a { 
	width: 70%; 
	float: left;background-color: #EFEFEF; 
	color: #313131; 
	text-decoration: none; 
	font-size: 1.0em; 
	line-height: 20px;
	font-weight: 300;
	}
	
DIV.sl1b { 
	width: 30%; 
	float: right;
	background-color: #EFEFEF; 
	color: #313131; 
	text-decoration: none; 
	font-size: 1.0em; 
	line-height: 20px;
	font-weight: 300;
	}



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

div#content a {display: inline; padding: 0px; margin: 0px; color: #313131;}
.norm2 {text-decoration: none; color: #313131; border-bottom: 1px dotted #FFF;}
.norm3 {display: inline; text-decoration: none; color: #313131; font-weight: normal}
.player p {padding: 5px}
.player a {text-decoration: none; color: #313131;}

.knopf {
	font-size: 11px; 
	font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;  
	color: #313131; 
	font-weight: normal;
	text-align: center; 
	background-color: #ccc;
	padding: 3px;
	border: 0px;
	width: 100px;
	}
.knopf2 {
	font-size: 11px; 
	font-family: Roboto, 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: #313131; 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: auto; } */

.abst1 {margin-left: 8px;}

.einr {padding: 3px 8px 3px 0px; color: #000; WHITE-SPACE: nowrap; font-weight: 700;}
.einr_active {padding: 3px 8px 3px 0px; background: #CCC; color: #000; WHITE-SPACE: nowrap;}
.einr:hover {background: #feca06; color: #000}

.spalte-1 { 
					float: left; 
					width: 5%; 
					background: #ffcc66; 
					padding: 5px 0px 5px 0px; 
					text-align: center;
					font-weight: 700;
					}
.spalte-2 { 
					float: left; 
					width: 95%; 
					background: #ffcc66; 
					padding: 5px 0px 5px 0px}

.spalte-1a { 
					 float: left; 
					 width: 5%; 
					 padding: 5px 0px 5px 0px; 
					 text-align: center;
					 font-weight: 700;
					 }
					 
.spalte-2a { 
					 float: left; 
					 width: 95%; 
					 padding: 5px 0px 5px 0px}

.spalte-1b { 
					 float: left; 
					 width: 10%; 
					 padding: 5px 0px 5px 0px; 
					 text-align: center;
					 font-weight: 700;
					 }					 

.spalte-2b { 
					 float: left; 
					 width: 90%; 
					 backgound: #CCC; 
					 padding: 5px 0px 5px 0px;
					 font-weight: 700;
					 }
					 
.spalte-0 {
					float: left;
					width: 100%;
					}


.einzug { margin-left: 80px;}

div#sl1a .s1 a {text-decoration: none;}
div#sl2a .s1 a {text-decoration: none;}

/* Gradient color1 - color2 - color1 */

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

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

@media (max-width: 650px) {

div#container
	{max-width:100%; margin:10px auto; background: url(../css/kopf.jpg) no-repeat ; background-size: contain; border: 1px #000 solid;} /* margin:10px auto; */ 
div#navigation
	{float:left; margin-left: auto; margin-top: auto;} /* margin-top: -120px */

div#menu { margin-left: 5px ; font-family:roboto,  Arial, Sans-Serif,Verdana;}
div#box2 { margin:0px 15px 5px 10px; border: 1px #313131 solid; font-size: 0.7em; font-family: Roboto, Arial, Sans-Serif,Verdana;}
div#menu a { color: #000; text-decoration: none; display: block;}
	
div#content {padding-top: 150px; }

textarea {max-width: 80%; }

input {
	width: auto;
	}

select {
	width: auto;
	}

.sl2 { background-color: #EFEFEF;
	float: left;
	width: 100%;
	padding: 5px 0px;}
	
.sl1 { background-color: #FFFFFF;
	float: left;
	width: 100%;
	padding: 5px 0px;}

}

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