/* Grundlegende Gestaltung  

  *{border: 1px solid red !important;} */


body
{
background: #000;
padding: 0;
margin: 0;
overflow:auto;
 
 scrollbar-face-color: rgb(0,0,0);
 scrollbar-highlight-color: rgb(255,96,0); 
 scrollbar-shadow-color: rgb(255,96,0); 
 scrollbar-3dlight-color: rgb(0,0,0); 
 scrollbar-arrow-color: #fff; 
 scrollbar-track-color: #000; 
 scrollbar-darkshadow-color: rgb(0,0,0);
}

#main
{
 background: url(../img/basishintergrund_farbig_neu.png) #000 center center no-repeat;
 padding: 0;
 text-align: left;
 border: 1px solid #3e3e3e;
 color: #999;
 font-size: 100.01%; font-family: Verdana, sans-serif; 

position: absolute;
right: 50%;
top: 50%;
width: 1000px; 
height: 625px;
margin-right: -500px; /* halbe Breite des Elements */
margin-top: -312px; /* halbe Höhe des Elements */
}

#main_index
{
 background: #000 center center no-repeat;
 padding: 0;
 text-align: center;
 font-size: 100.01%; font-family: Verdana, sans-serif; 

position: absolute;
right: 50%;
top: 50%;
width: 800px;
height: 600px; 
margin-right: -400px; /* halbe Breite des Elements */
margin-top: -300px; /* halbe Höhe des Elements */
}

#Bonus
{	visibility: visible;
	width: 260px;
	height: 170px;
	margin-left: 560px;
	margin-right: 164px;
	text-align: center;
	
	padding:0;
}

#header 
{	float: left;
	width: 560px; 
	border: 0;
	
	text-align: center;
	
	margin: 0; 
	padding: 0;
	
}

/* Button new */
a{
	text-decoration:none;
}


p{
	padding:0;
	margin:0;
}

#page-wrap{
	width:1000px;
	margin:50px auto 0;
	padding:10px;
	background:url(../img/basishintergrund_farbig_neu.png) #000 center;
	border:0px solid #ddd;
}

.content{
	width:1000px;
	margin:0 auto;
	padding:15px 30px;
	background:#fff;
	border:1px solid #ddd;
	float:left;
}

#button-new a{
	width:150px;
	height:18px;
	padding:0;
	display:inline-block;
	text-align:center;
	line-height:16px;
	font-family:'Verdana', sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	margin:15px auto;	
	
	text-shadow:1px 2px 0 #222;

	-moz-box-shadow:0 0 5px 0 #555;
	-webkit-box-shadow:0 0 5px 0 #555;
	box-shadow:0 0 5px 0 #555;
	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:9px;
	
	border-width:2px 2px;
	border-style:solid;
	border-color:#6b0707 #a67575;
	
	
	background: #1d1d1d; /* Old browsers */
	background: -moz-linear-gradient(top, #ea621b 0%, #430404 60%, #430404 40%, #1d1d1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517c00), color-stop(21%,#ccf259), color-stop(79%,#7daa00), color-stop (100%,#517c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6c5252 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517c00', endColorstr='#517c00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ea621b 0%, #430404 60%, #430404 40%, #1d1d1d 100%); /* W3C */

}

#button-new a:link, a:visited {
	background: #1d1d1d; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #430404 80%, #430404 20%, #430404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517c00), color-stop(21%,#ccf259), color-stop(79%,#7daa00), color-stop (100%,#517c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6c5252 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517c00', endColorstr='#517c00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* W3C */

	border-color:#6b0707;
	color:#fff;
}

#button-new a:hoverold{
	background: #1d1d1d; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #430404 80%, #430404 20%, #430404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517c00), color-stop(21%,#ccf259), color-stop(79%,#7daa00), color-stop (100%,#517c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6c5252 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517c00', endColorstr='#517c00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #517c00 0%,#ccf259 21%,#7daa00 79%,#517c00 100%); /* W3C */

	border-color:#6b0707;
	color:#9f5f72f;
}

#button-new a:hover{
		
	background: #517c00; /* Old browsers */
	background: -moz-linear-gradient(top, #ea621b 0%, #430404 60%, #430404 40%, #1d1d1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517c00), color-stop(21%,#7daa00), color-stop(79%,#7daa00), color-stop(100%,#517c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #517c00 0%,#7daa00 21%,#7daa00 79%,#517c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #517c00 0%,#7daa00 21%,#7daa00 79%,#517c00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #517c00 0%,#7daa00 21%,#7daa00 79%,#517c00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517c00', endColorstr='#517c00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ea621b 0%,#000 21%,#000 79%,#ea621b 100%); /* W3C */

	border-color:#6b0707;
	color:#fc6;
}

#button-new a:active{
		
	background: #517c00; /* Old browsers */
	background: -moz-linear-gradient(top, #ea621b 0%, #430404 60%, #430404 40%, #1d1d1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517c00), color-stop(21%,#7daa00), color-stop(79%,#7daa00), color-stop(100%,#517c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #517c00 0%,#7daa00 21%,#7daa00 79%,#517c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #517c00 0%,#7daa00 21%,#7daa00 79%,#517c00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #517c00 0%,#7daa00 21%,#7daa00 79%,#517c00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517c00', endColorstr='#517c00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ea621b 0%,#000 21%,#000 79%,#ea621b 100%); /* W3C */
	
	border-color:#f00;
	color:#fc6;

}





#seitentitel {
	width: 560px; 
	font-size: 25px; 
	font-weight: bold; 
	color: #ccc;
	text-align: center;
	border: 0;
	margin: -9px auto; 
	padding: 0;
}

#Subnavigation_live
{
	
	text-align: center;
	width: 560px;
	
}

ul#Subnavigation_live 
{ 	
	border: 0;
	padding: 0;
 	margin: 9px -5px 0 5px; 
}

ul#Subnavigation_live li 
{
	list-style: none;
    	display: inline;
   	margin: 0; 
	padding: 0;
}

ul#Subnavigation_live a
{
	font-size: 9px;
	text-align: center;
	text-indent: -10px;
  	margin: 0; 
	padding: 13px 2px 15px 2px;
	width: 106px;
	display: block;
	float: left;
    	font-weight: bold; 
	color: #fff; 
    	background: url(../img/subnavi_n.png) center no-repeat;
}

ul#Subnavigation_live a:link, a:visited 
{
    	text-decoration:none; 
	color: white; 
	
}

ul#Subnavigation_live a:hover, ul#Subnavigation_live a.hover 
{
    	text-decoration:none; 
	color: #FC6; 
	background: url(../img/subnavi_r.png) center no-repeat; 
}

ul#Subnavigation_live a:active, ul#Subnavigation_live a.active 
{
	text-decoration:none; 
	color: #FC6; 
	background: url(../img/subnavi_a.png) center no-repeat;
}

#Subnavigation_doku
{	
	
	text-align: center;
	width: 560px;
	
}

ul#Subnavigation_doku 
{
	padding: 0;
 	margin: 9px -115px 0 115px;
	
}

ul#Subnavigation_doku li 
{
	list-style: none;
    	display: inline;
   	margin: 0; 
	padding: 0;
}

ul#Subnavigation_doku a 
{
	font-size: 9px;
	text-align: center;
	text-indent: -10px;
	padding: 13px 2px 15px 2px;
	width: 106px;
	display: block;
	float: left;
    	font-weight: bold; 
	color: #fff; 
    	background: url(../img/subnavi_n.png) center no-repeat;
}
  
ul#Subnavigation_doku a:link, a:visited 
{
    	text-decoration:none; 
	color: white; 

}

ul#Subnavigation_doku a:hover, ul#Subnavigation_doku a.hover
{
    	text-decoration:none; 
	color: #FC6; 
	background: url(../img/subnavi_r.png) center no-repeat; 
}

ul#Subnavigation_doku a:active, ul#Subnavigation_doku a.active
{
	text-decoration:none; 
	color: #FC6; 
	background: url(../img/subnavi_a.png) center no-repeat;
}

		
/* Navigation rechts */

div#Navigation
{border: 0;
	float: right;
	width: 164px;
	height: 218px;
	margin: 0;
       	padding: 0; 
}

/* Liste soll nicht wie eine Liste aussehen */

div#Navigation li
{
	list-style-type: none; 
	margin: 0;
	padding: 0;

}

/* Keine Listeneinrueckungen */

div#Navigation ul
{	
	margin: 6px 10px 0 0;
	padding: 0px;
	font-size: 11px;
	line-height: 1.2; 
	font-weight: bold;
	border: 0;
}

div#Navigation > ul { font-weight: bold; }

/* Formatierung der Links. Sie werden als block angezeigt, damit man wie bei Buttons auch auf den Hintergrund klicken kann, um den Link anzuklicken. */

div#Navigation a
{
color: #fff; 
	text-decoration: none;
	display: block;
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 12px;
	background: url(../img/navi_unbeschriftet_n.png) center no-repeat;
}

/* Der Wert des Originalstylesheets wird ueberschrieben: Links in der Navigationsleiste sollen keinen  sichtbaren visited-Status haben. */

div#Navigation a:link, a:visited
{
	color: #fff;
}

/* Links sollen bei hover orange werden */

#Navigation li a:hover, div#Navigation a.hover
{
	color: #fc6; 
background: url(../img/navi_unbeschriftet_r.png) center no-repeat;
}

#Navigation li a:active, div#Navigation a.active
{
	color: #fc6; 
background: url(../img/navi_unbeschriftet_a.png) center no-repeat;
}

/* --------------------------------- Inhaltsbereich -------------------------------------*/

div#inhalt
{	clear: both; 
	
	padding: 6px;
	margin: 0 6px 0 6px;
	font-family: Verdana, Georgia, "New York", "Bitstram Vera Serif", Times, "Times New Roman";
font-size: 16px; 
overflow: auto;
height: 300px;

border: 0;
}

/* Inhalt: Aufteilung */

#inhalt_video
{
padding-left: 6px;
padding-right: 6px;
text-align: center;
height: 100%;
}

#inhalt_video_mitte_mit_text
{
text-align: center;
padding-left: 6px;
padding-right: 6px;
height: 100%;
}

#inhalt_video_links
{
float: left;
max-width: 400px;
text-align: right;
padding-right: 6px;
height: 100%;
}

#inhalt_video_rechts
{
float: right;
max-width: 400px;
text-align: left;
height: 100%;

}

#inhalt_links, #inhalt_mitte,  #inhalt_mitte_l, #inhalt_mitte_r, #inhalt_rechts
{
margin: 0;
height: 100%; 
vertical-align: middle;
}

#inhalt_links
{

float: left;
text-align: right;
width: 300px;
height: 100%;
}

#inhalt_mitte
{

text-align: center;
height: 100%;
}

#inhalt_mitte_l
{

text-align: left;

height: 100%;

}

#inhalt_mitte_r
{
min-width:300px;
text-align: right;
height: 100%;
padding-right: 6px;
}

#inhalt_mitte_und_links
{
float: left;
max-width: 600px;
min-width: 580px;
text-align: right;
padding-right: 6px;

height: 100%;
}

#inhalt_mitte_und_rechts
{
padding-left: 6px;

float: right;
text-align: left;
min-width: 400px;
max-width: 600px;
height: 100%;
}

#inhalt_rechts
{
width: 300px;
height: 100%;
float: right;
text-align: left;
}

#inhalt_unten
{
clear: both;
text-align: left;
}

/* footer */

#footer
{
border: 0;
clear: both;
height: 96px;
text-align: center;
color: #999;

}

#Ecke_links
{
float: left;
width: 150px;
text-align: center;
margin: 3px; 
padding: 0; 

border: 0;
}

#Ecke_rechts
{
float: right;
width: 150px;
text-align: center;
margin: 3px 0 3px 0; 
padding: 0;
border: 0;

}

#Fusszeile
{

font-size: 13px;
margin: 5px 150px 5px 150px;
padding: 10px;
text-align: center;
text-decoration: none;
color: white; 
border-bottom: 1px solid silver;

}

/* Metanavigation */

#Metanavi
{
text-align: center;
max-width: 1000px;
height: 24px;

}

ul#Metanavi
{
padding: 0;
 margin: 0 auto; 
width: 440px;
border: 0;

}

ul#Metanavi li 
{
display: inline;
margin: 0; 
padding: 0;
list-style: none; 
}

ul#Metanavi a 
{
width: 106px;
margin: 0 2px 0 2px;
padding: 13px 0 15px 0;
font-size: 9px;
font-weight: bold;
float: left;
background: url(../img/metanavi_n.png) center no-repeat;
border: 0;
}

ul#Metanavi a:link, a:visited
{
color: white;
}

ul#Metanavi a:hover, ul#Metanavi a.hover 
{
text-decoration:none; 
color: #fc6; 
background: url(../img/metanavi_n.png) center no-repeat;
}

ul#Metanavi a:active, ul#Metanavi a.active 
{
text-decoration:none; 
color: #fc6; 
background: url(../img/metanavi_a.png) center no-repeat;
}

a:hover, a:visited, a:link, a:active
{
text-decoration: none; 
}

a:hover
{
color: #fc6;
}

a:link
{
color: #fff;
}