/* screen.css */

@font-face {
	font-family: "Dragonscript";
	src: url(Dragon_script.ttf) format("truetype");
}

@font-face {
	font-family: "Visitor";
	src: url(visitor.ttf) format("truetype");
}

body {
	width: 1014px;
	/*background-image:url("images/back_g.jpg");*/
	background-color:#000000;
	font: Arial;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	color: #FFFFFF;
	margin: auto;
	overflow: hidden;
}

 ::selection { background: #b1fb50; color: #000000; }
 ::-moz-selection { background: #b1fb50; color: #000000; }

#logo {
	color: #ffffff;
	/*margin: 0;*/
}

#login{
	background-image:url("images/nnick2.png");
	width: 330px;
	height: 40px;
	/*margin: auto;
	padding: 0;*/
}

#ShouteBox{
	font: bold 10px Arial, Sans-Serif;
	text-align: left;
	color: ffffff;
	width: 170px;
	max-height: 200px;
	float: center;
	margin: auto;
	text-align: right;
	padding: 0 0 0 14px;
}

#ShouteBox uls {
	margin: 15px 0 15px 0;
	padding: 0;
	float: center;
	list-style: none;
	width: 170px;
}

#ShouteBox lis {
	width: 165px;
	margin: auto;
	text-align: right;
	/*padding: 0 0 0 0px;*/
}

#werb {
	background-image:url("images/werbung2.png");
	background-repeat:no-repeat;
    /*position:relative;
	padding: 0;*/
	float: left;
	width: 184px;
	height: 379px;
	text-align: center;
	font: bold 0.8em Arial, Verdana, Sans-Serif;
}

.ad {
	background-image:url("images/ad1.jpg");
	background-repeat:no-repeat;
	float: right;
	width: 300px;
	height: 600px;
	text-align: center;
	font: bold 0.8em Arial, Verdana, Sans-Serif;
}

#navigation {
	background-image:url("images/navi5.png");
	background-repeat:no-repeat;
	/*position:relative;
	padding: 0;*/
	float: right;
	width: 170px;
	height: 379px;
	text-align: center;
	font: bold 0.8em Arial, Verdana, Sans-Serif;
}

.roben {
	margin-top: 140px;
}

.runten {
	margin-top: 19px;
}

#navigation ul {

	/*margin-bottom: 19px;*/
	padding: 0;
	list-style: none;
	width: 184px;
	text-align: center;
}

#navigation li {
	margin-top: 2px;
	margin-left: 26px;
	text-align: left;
	width: 132px;
	height: 20px;
	float: center;
	/*margin: auto;*/
}

.unten {
	background-image:url("images/button_a5.png");
}

.oben {
	background-image:url("images/button_b5.png");
}

.oben:hover {
	background-image:url("images/button_b5h.png");
}

#navigation li:hover  {
	margin-top: 2px;
	margin-left: 26px;
	text-align: left;
	width: 132px;
	height: 20px;
	float: center;
}

#navigation a {	
	margin: auto;
	display: block;
	color: 000000;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	padding-top:3px;
	padding-left:4px;
}

#navigation a:hover {
	margin: auto;
	display: block;
	color: 009900;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	padding-top:3px;
	padding-left:4px;
}

#navigation p {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #bb9137;
}

.edit {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0;
	width: 200px;
}
.edit .edit-test {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0;
	width: 200px;
}

#downl {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	width: 390px;
}

.down {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0 0 0 0;
	width: 200px;
}

.down .down-box {
	background-attachment: scroll;
	background-color: #b5e61d;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	border: 1px solid #a4b31c;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 1px 1px 1px 1px;
	width: 196px;
}

.down .down-box  .down-box-bottom { 
	font-size: 10px;
	font-weight: 700;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	text-align: center;
	float: center;
}

.down .down-box  .down-box-bottom a { 
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("images/button_links.gif");
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	display: block;
}

.down .down-box  .down-box-bottom a:hover {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("images/button_links_n.gif");
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	display: block;
}

.down .down-box .clearfix {
	background-attachment: scroll;
	background-color: #b5e61d;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	clear: both;
	height: 4px;
	line-height: 4px;
}

.down .down-box .down-box-row {
	background-attachment: scroll;
	background-color: #b5e61d;
	background-image: url("images/down2.png");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
}

.down .down-box .down-box-row .col1{
	color: #000000;
	float: left;
	font-size: 10px;
	margin: 0;
	padding: 0;
	font-weight: 700;
	width: 98px;
}

.down .down-box .down-box-row .col2{
	color: #000000;
	float: left;
	font-size: 10px;
	margin: 0;
	padding: 0;
	width: 90px;
}
.down .down-box .down-box-row .fullcol{
	background-attachment: scroll;
	background-color: #b5e61d;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	text-align: center;
	clear: both;
	font-size: 10px;
	font-weight: 700;
	width: 188px;
}

div { 
	display: block;
}

p { 
	display: block;
	font: bold 13px Arial, Sans-Serif;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-top: 1em;
}

.dlinks {
	float: center;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 2px 2px 2px 2px;
	width: 580px;
	border: 2px solid #000000;
}

.video {
	/*float: center;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0 0 0 0;*/
	margin-left: 10px;
	overflow: auto;
	width: 640px;
	height: 360px;
}

/*.vertical-track {
    width: 11px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

.vertical-handle {
    width: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: rgba(28,114,150,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}*/

.serv-l {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0 0 0 0;
	width: 295px;
}

.serv-r {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0 295 0 0;
	width: 295px;
}

#inhalt {
	width: 660px;
	margin: 0 0 0 184px;
	text-align: left;
	height:379px;
	background-image:url(images/video2.png); 
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	background-color: #000000;
}

#inhalt a {
	text-decoration: none;
	color: FFFFFF;
}

#inhalt a:hover {
	color: 00ca00;
}

#inhalt h1 {
	text-align: center;
	font-family: 'Dragonscript';
	font-size: 20px;
	padding-left: 15px;
}

#inhalt h2 {
	text-align: right;
	margin: 0 0 0px 0;
	height: 30px;
	color: FFFFFF;
	/*background-image:url(images/g-nmaintitel.bmp);*/
	background-repeat:no-repeat;
	font: bold 13px Arial, Sans-Serif;
	padding-top:7px;
	padding-right:15px;
/*	border-left: 10px solid #b5e61d;
	border-right: 10px solid #b5e61d;
	border-bottom: 2px solid #b5e61d;
*/
}

#inhalt h3{
	font-family: 'Visitor';
	/*
	text-align: center;
	*/
	font-size: 12px;
}
/*
#inhalt h3{
	float: right;
	margin:25px 0 10px 0;
	padding:2px 0 2px 5px;
	font:bold 12px verdana, sans-serif;
}

#inhalt h4{
	margin:25px 0 10px 0;
	padding:2px 0 2px 5px;
	font:bold 12px verdana, sans-serif;
	border-left:6px solid #b5e61d; 
}

.progresslabel {
	color: #FFFFFF;
    font: Calibri;
    font-size: 8px;
	position: relative;
    top: -10px;
    margin-left: 0%;
}
*/

progress {
	width: 100px;
	height: 10px;
	margin: auto; 
	display: block; 
	-webkit-appearance: none;
	border: none;
}

progress::-webkit-progress-bar {
	border-radius: 50px;
	padding: 1px;
	/* background: rgba(255,255,255,0.1); */
	background: black;
	box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

progress::-webkit-progress-value {
	border-radius: 50px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background:
		-webkit-linear-gradient(-45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
		-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
		-webkit-linear-gradient(left, #00ddFF, #00ddFF); /* #00ddFF, #009922*/
	background-size: 25px 10px, 100% 100%, 100% 100%;
	-webkit-animation: move 5s linear infinite;
	/*
	-webkit-animation: move 5s infinite;
	animation: move 5s linear 0 infinite alternate;
	*/
}

@keyframes move {
	0% {background-position: 0px 0px, 0 0, 0 0}
	100% {background-position: -100px 0px, 0 0, 0 0}
}

@-webkit-keyframes move {
	0% {background-position: 0px 0px;}
	100% {background-position: -100px 0px;}
}

/*
progress::-moz-progress-bar {
    color: #00aa00;
    border: 0;
    height: 10px;
}

@-moz-keyframes move {
  0% { background-position: 0px 0px;  }
  100% { background-position: 260px 0px;  }
}
@-ms-keyframes move {
  0% { background-position: 0px 0px;  }
  100% { background-position: 260px 0px;  }
}
@-o-keyframes move {
  0% { background-position: 0px 0px;  }
  100% { background-position: 260px 0px;  }
}

@-webkit-keyframes move
{
to {background-position: 30px 0;}
}

@-moz-keyframes move
{
to {background-position: 30px 0;}
}

@keyframes move
{
to {background-position: 30px 0;}
}

@-webkit-keyframes move {
    0% {width: 0%;left:0;right:0}
    50% { width: 100%;left:0;right:0} 
    99% { width: 0%;left:100%;right:0} 
}

@keyframes move {
	0% {background-position: 0 0;} 
	100% {background-position: 60px 0;}
}
*/

#fuss {
	/*position:absolute;
	top: -40px;
	left:20px;
	width: 660px;
	height: 20px;
	float: center;
	padding-top:-60px;
	padding-bottom:10px;
	padding-left:10px;
    z-index:3;
	background-image:url(images/g-numain.bmp);
	background-color: #b5e61d;*/
	margin: -10px 0 0 200px; 
	color: 262626;
	font: bold 10px Arial, Sans-Serif;
	text-align: left;
	background-repeat:no-repeat;
}

#fuss a {
	text-decoration: none;
	color: 262626;
}

#fuss a:hover {
	color: 00ca00;
	/*text-decoration: Underline;*/
}

a:link {
	text-decoration: none;
	/* color: #bb9137; */
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #00ca00;
}