/* Grundlegende Gestaltung  

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


body
{
background: url(../media/erdelyi.3gp); width:100%;
}

#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; 

max-width: 100%; 
max-height: 100%;

}

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

max-width: 100%; 
max-height: 100%;
}

#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;
	
}

#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;
}