/* =========================================================
Stylesheet Saartext HbbTV 
Stand: Beginn
Datei: basic.css
Datum: 23. April 2012
Autor: JFW
Aufbau: 1. Kalibrierung und Restauration
2. Allgemeine Styles
3. Styles f�r Layoutbereiche
4. Sonstige Styles
========================================================== */
/*
alt:# 1990D1 Highlight:# 1164A8 Select: # 1164A8

SR-blau: # 007796
dunkle Abstufung: # 3174c4
Highlight: # D3A500 588AC4
Select: # 00295A
*/

/* ======================================
1. Kalibrierung und Restauration
====================================== */
*{
	padding: 0;
	margin: 0;
}

/* ======================================
2. Allgemeine Styles
====================================== */
body{
	font-family: Tiresias, sans-serif;
	font-size: 18px;
	overflow: hidden;
	width: 1280px;
	height: 720px;
	background: #007796 url(../gfx/bg_body_hbbtv2023_withoutLogo_v2.jpg) no-repeat;
}

#layer {
	z-index: 0;
}

#layer.pip {
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 720px;
}

#videoContainer {
	/* border: 1px solid #CBD2E2; */
        position: absolute;
        top: 0;
        left: 0;
        width: 1280px;
        height: 720px;
	overflow: hidden;
}

#videoContainer.pip {
	border: 1px solid #CBD2E2;
        position: absolute;
        top: 36px;
        left: 956px;
        width: 196px;
        height: 110px;
}

#video {
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100%;
}

div.safe_area{
	/*Border top bottom 5% and left right 10%*/
	position: absolute;
	left: 128px;
	top: 36px;
	width: 1024px;
	height: 648px;
	/*background-color: pink;*/
	z-index: 5; 
}

/* ======================================
3. Styles f�r die Layoutbereiche
====================================== */
div#appManager{
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;
}

#wrapper{
	top: 0;
	left: 0;
}

#logo{
	position: fixed;
	top: 0px;
	left: 0px;
	background: url(../gfx/logo_saartext_2023_v2.png?nocache=1) no-repeat;
	width: 1280px;
	height: 720px;
}
/* Navigation -------------------------------------------------------------------------------------------------Navigation*/
#navigation{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 200px;
	height: 478px;
	padding: 0;
	border: 1px solid #cbd2e2;
	margin: 0;
	background-color: #005a78;
}
/*
#navigation table { /* Tabelle zum Ausrichten von Label und Eingabefeld */
	/*margin:  16px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

#navigation td { /* Label */
	/*width: 50px;
	font-size: 18px;
}*/



/*Hauptmenu*/
#hauptmenu span { /* Rechtsausrichtung von Seitenzahlen und "OK" */
	float: right;
	vertical-align: bottom;
}

#hauptmenu{
	position: absolute;
	top: 0px;
	list-style-type: none;
	width: 200px;
}

#hauptmenu li { 
	line-height: 34px;
	height: 34px;
	padding: 1px 8px 1px 8px;
	border-top-width: 1px;
	margin: 0 0px;
	color: white;
}

#hauptmenu li.focussed{
	background-color: #d0cbc8;/*#D3A500;*/
	color: #003c5a;/*#002c6b;*/
}
#hauptmenu  li.hilfe.focussed{
	background-color: #d0cbc8;/*#D3A500;*/
	color: #003c5a;/*#002c6b;*/
}
#hauptmenu li.einstellungen.focussed{
	background-color: #d0cbc8;/*#D3A500;*/
	color: #003c5a;/*#002c6b;*/
}

#hauptmenu li.unfocussed,
#wrapper.largeFonts #hauptmenu li.unfocussed{
	background-color: #005a78;
	color: white;
	font-size: 18px;
}
#hauptmenu li.selected { /* Menuepunkt bei Auswahl */
	color: #ffffff;
	background-color: #003c5a;/*#fddb91;*/
}
#hauptmenu li.hilfe.selected{
	color: #ffffff;
	background-color: #003c5a;
}
#hauptmenu li.einstellungen.selected{
	color: #ffffff;
	background-color: #003c5a;
}

li#hauptmenu_break { /* Absatz zwischen inhaltlichen und funktionalen Menuepunkten */
	/*padding: 1px 8px 2px 8px;*/
	height: 34px;
	border-width: 0;
/*	margin: 8px 0 0 0; */
}
li#hauptmenu_break img{
	float: left;
	width: 30px;
	height: 30px;
}
li#hauptmenu_break .text{
	float: left;
	padding: 0px 0 0 5px;
}
/*
li#hauptmenu_break.focussed { /* Absatz zwischen inhaltlichen und funktionalen Menuepunkten bei Fokus 
	padding: 1px 8px 2px 8px;
	border-width:  2px;
	margin: 8px 0 0 0;
}

li#hauptmenu_break.selected { /* Absatz zwischen inhaltlichen und funktionalen Menuepunkten bei Auswahl, hinzugef�gt 06.07.2010 AB  
	padding: 1px 8px 2px 8px;
	border-width: 1px;
	margin: 8px 0 0 0;
}*/

li#hauptmenu_break2 { /* Absatz zwischen inhaltlichen und funktionalen Menuepunkten */
        /*padding: 1px 8px 2px 8px;*/
        height: 34px;
        border-width: 0;
/*      margin: 8px 0 0 0; */
}
li#hauptmenu_break2 img{
        float: left;
        width: 30px;
        height: 30px;
}
li#hauptmenu_break2 .text{
        float: left;
        padding: 0px 0 0 5px;
}
/*
li#hauptmenu_break2.focussed { /* Absatz zwischen inhaltlichen und funktionalen Menuepunkten bei Fokus
        padding: 1px 8px 2px 8px;
        border-width:  2px;
        margin: 8px 0 0 0;
}

li#hauptmenu_break2.selected { /* Absatz zwischen inhaltlichen und funktionalen Menuepunkten bei Auswahl, hinzugef�gt 06.07.2010 AB
        padding: 1px 8px 2px 8px;
        border-width: 1px;
        margin: 8px 0 0 0;
}*/



/*Ende Hauptmenu*/
/* Titelzeile -------------------------------------------------------------------------------------------------Titelzeile*/
#titelzeilencontainer{
	position: absolute;
	top: 80px;
	left: 232px;
	width: 566px;
	height: 30px;
	border: 1px solid #cbd2e2;
}

#titelzeile{
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: bold;
	width: 521px;
	height: 20px;
	padding: 5px 0 5px 5px;
	color: white;
	background-color: #005a78;/*111*/
}

#datumzeile{
	position: absolute;
	top: -25px;
	right: 0px;
	color: white;
	font-weight: bold;
}

#uSeiteVor{
	position: absolute;
	left: 420px;
	width: 20px;
	height: 20px;
	text-align: center;
	color: white;
	cursor: pointer;
	/*background-color: #555;*/
	padding: 5px 0 5px 0;
}

#uSeiteVor.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
}
#uSeiteVor.unfocussed{
	background-color: #005a78;
}
#uSeiteVor.visible{
	visibility: visible;
}
#uSeiteVor.invisible{
	visibility: hidden;
}

#unterseiten{
	position: absolute;
	left: 450px;
	color: white;
	padding: 5px 0 5px 0;
}

#uSeiteDanach{
	position: absolute;
	top: 0;
	left: 500px;
	width: 20px;
	height: 20px;
	text-align: center;
	color: white;
	cursor: pointer;
	/*background-color: #555;*/
	padding: 5px 0 5px 0;
}

#uSeiteDanach.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
}
#uSeiteDanach.unfocussed{
	background-color: #005a78;
}
#uSeiteDanach.visible{
	visibility: visible;
}
#uSeiteDanach.invisible{
	visibility: hidden;
}

#pageContainer { /* Eingabefeld */
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 30px;
	text-align: center;
	background-color: #ffffff;
	/*border: 1px solid #999999;*/
	color: #003c5a !important;
}

p#page{
	position: relative;
	top: 5px;
	font-weight: bold;
}
/*Ende Titelzeile*/
/* Content -------------------------------------------------------------------------------------------------Content*/
#contentContainer{
	position: absolute;
	top: 120px;
	left: 232px;
	width: 524px;
	height: 478px;
	/*padding: 10px;*/
	border: 1px solid #cbd2e2;
	margin: 0;
	background-color: #005a78;
}

#content{
	overflow: hidden;
	/*padding: 5px;*/
	color: white;
	/* height:478px; */
	/* max-height: 478px; */
	max-height: 460px;
}

#content ul.uebersicht{
	list-style: none;
}

#content ul.uebersicht li.total{
	clear: both;
	padding: 2px 5px 2px 5px; /*7 5 5 5*//*10 5 5 5*/
	border-top: 1px solid #FFF;
	margin: 0px 0 0 0;
}

#content ul.uebersicht li.left{
	float: left;
	width: 252px;
	padding: 4px 4px 4px 5px;  /*6 4 3 5*/
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: white;
}
#content ul.uebersicht li.right{
	float: right;
	width: 252px;
	padding: 4px 5px 4px 5px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: white;
}

#content ul.uebersicht li span{
	float: right;
	padding: 0 0 0 10px;
	margin: 0;
}

#content ul.uebersicht li a{
	text-decoration: none;
	color: white;
}

#content ul.uebersicht li.left.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color:	white;
}
#content ul.uebersicht li.right.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
	padding: 4px 4px 4px 5px;
	border-width: 1px 1px 0 0px;
	border-style: solid;
	border-color:	white;
}
#content ul.uebersicht li.total.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
	/* padding: 5px 4px 4px 4px; */
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:	white;
}

#content ul.uebersicht li.unfocussed{
	background-color: #005a78;
}

#content ul.inhaltsangabe{
	list-style: none;
}

#content ul.inhaltsangabe li.total{
	clear: both;
	padding: 2px 5px 2px 5px; /*10 5 5 5*/
	/*border-top: 1px solid #FFF;*/
	margin: 0px 0 0 0;
}

#content ul.inhaltsangabe li.total.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
	padding: 1px 4px 1px 4px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:	white;
}

#content ul.inhaltsangabe li.unfocussed{
	background-color: #005a78;
}

#content ul.inhaltsangabe li span{
	float: right;
	margin: 0;
}

#content ul.inhaltsangabe li p{
	text-decoration: none;
	color: white;
}

#content div.inhaltsangabeBuchstabe{
	background-color: #91CFF1;
	height: 5px;
	padding: 0 4px 0 4px;
}
#content div.ueberschrift{
	clear: both;
	/* background-color: #91CFF1; */
	border-top: 1px solid #FFFFFF;
	padding: 5px 5px 0 5px;
}
#content div.ueberschrift_sport{
	clear: both;
/*	background-color: #FF8400; */
	padding: 5px 5px 0 5px;
	border-top: 1px solid #FFFFFF;
/*	text-shadow: 0.1em 0.1em 0.1em #000000; */
}
#content div.ueberschriftNachrichten{
	/*background-color: #001A4B;*/
	line-height: 25px;
	font-size: 25px;
	font-weight: bold;
	padding: 5px;
	border-bottom: 5px solid #3366CC;/*#001A4B; /*Balken blau*/
}
#content div.ueberschriftSport{
	/*background-color: #FF6F18;*/
	line-height: 25px;
	font-size: 25px;
	font-weight: bold;
	padding: 5px;
	/*margin-top: 20px;*/
	margin-top: 8px;
	border-bottom: 5px solid #FF8400;/*#FF6F18; /*Balken orange*/
}

#content div.ueberschriftAktuell{
	/*background-color: #FF6F18;*/
	line-height: 25px;
	font-size: 25px;
	font-weight: bold;
	padding: 5px;
	/*margin-top: 20px;*/
	margin-top: 8px;
	border-bottom: 5px solid #FF3C00;/*#FF6F18; /*Balken orange*/
}

/*
#content table{
	width: 100%;
}
#content table td{
	width: 50%;
	padding: 0 30px 0 30px;
	color: white;
}
#content table td span{
	float: right;
}
#content table td a{
	color: white;
}*/

#textseite{
	padding: 5px;
}

#text{
	padding: 5px;
	/* AK MOD */
	border-top: 1px solid #FFFFFF;
}

.monospace_backup {
	/* font-family: LetterGothic,'Letter Gothic',monospace; */
/*	font-family: "Courier New",Courier,mono; */
	font-family: monospace;
/*	font-family: "Courier New",Courier,mono; /*
	/* font-size: 18px; */
	font-size: 18px;
	/* font-weight: bold; */
}
.monospace{
/* font-size: 18px; */
font-size: 17px;
font-family: "Letter Gothic 12 Pitch","LetterGothic","Letter Gothic",monospace;
/* line-height: 28px; */
/* white-space: pre; */
/*letter-spacing: 0;
margin: 0px 20px;
display: block; */
}

#fusszeile_flow{
/* 	position: absolute;
	bottom: 5px;
	top: 478px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 14px; */
	color: #FFFFFF;
	margin-top: -5px;
	padding-left: 5px;
}
#fusszeile{
 	position: absolute;
	bottom: 0px;
	/*top: 478px; */
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 17px;
	color: #FFFFFF;
	margin-top: -5px;
	padding-left: 5px;
}
/* ScrollListe -------------------------------------------------------------------------------------------------ScrollListe*/
#scrollList{
	position: absolute;
	top: 120px;
	left: 758px;
	width: 42px;
	height: 480px;
	/*border-left: 2px solid #093253;*/
	/*background-color: white;*/
}

#seiteVor{
	width: 40px;
	height: 40px;
	border: 1px solid #cbd2e2;
	background: url(../gfx/scroll_hoch.png?nocache=1) no-repeat;
	background-position: center center;
	background-color: #005a78;
}

#seiteDanach{
	position: absolute;
	bottom: 0;
	width: 40px;
	height: 40px;
	border: 1px solid #cbd2e2;
	background: url(../gfx/scroll_runter.png?nocache=1) no-repeat;
	background-position: center center;
	background-color: #005a78;
}

/* extraList -------------------------------------------------------------------------------------------------extraList*/
#extraList{
	position: absolute;
	top: 120px;
	left: 828px;
	width: 196px;
	height: 478px;
	padding: 0;
	border: 1px solid #cbd2e2;
	margin: 0;
	background-color: #005a78;
}

#extraListUL{
	list-style-type: none;
}

#programmBox{
	position: absolute;
	color: white;
	height: 230px;
	width: 196px;
}

#programmBox.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*# 1164A8;*/
}

#programmBox.unfocussed{
	background-color: #005a78;
}

#extraListUeberschrift{
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: bold;
	font-size: 25px;
	/*color: white;*/
	width: 196px;
	height: 30px;
	padding: 0 5px 0 5px;
}

#jetztImProgramm{
	position: absolute;
	top: 30px;
	left: 0px;
	/*color: white;*/
	width: 196px;
	height: 200px;
	padding: 5px 5px 0 3px;
}

#programmTippBox{
	background-color: green;
}
#wetter{
	position:absolute;
	bottom: 0px;
	width: 196px;
	height: 248px;
	color: white;
	font-weight: bold;
	
}
#wetterUeberschrift{
	height: 30px;
	font-size: 25px;
	padding: 0 5px 0 5px;
}
#wetter.focussed{
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
}
#wetter.unfocussed{
	background-color: #005a78;
}
#wetterkurztext{
	font-weight: normal;
	padding: 5px 5px 0 5px;
}
#wetterkarte{
	position: absolute;
	bottom: 0px;
}

#tperlnennig{
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 30px;
}
#ttholey{
	position: absolute;
	z-index: 1;
	top: 110px;
	left: 100px;
	color: #ffffff;
}
#tsaarbruecken{
	position: absolute;
	z-index: 1;
	top: 170px;
	left: 60px;
	color: #ffffff;
}
#tkirrberg{
	position: absolute;
	z-index: 1;
	top: 150px;
	left: 120px;
	color: #ffffff;
}

#buttons{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 1024px;
	height: 32px;
	padding: 0;
	margin: 0;
}

#buttons ul { /* Navigationsliste, ge�ndert 06.07.2010 AB */
	margin: 0;
	padding: 0;
	height: 32px;
	list-style-type: none;
}

#buttons li { /* Listenelement */
	margin: 0;
	padding: 0;
	display: inline;
}

#buttons div { /* Alle Buttons, ge�ndert 06.07.2010 AB, ge�ndert 20.07.2010 AB */
	/*width: 144px;*/
	padding: 0 0 0 8px;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 18px;
	line-height: 32px;
	text-align: left;
	background-repeat: no-repeat;
	color: white;
}

#buttons .grey { /* Grauer Button */
	background-image: url(../gfx/button_startleiste.png?nocache=1);
	margin: 0 0 0 10px;
}

#buttons .red { /* Roter Button */
	background-image: url(../gfx/button_rot.png?nocache=1);
	width: 144px;
	margin: 0 0 0 250px;
}

#buttons .green { /* Gruener Button */
	background-image: url(../gfx/button_gruen.png?nocache=1);
	width: 144px;
	margin: 0 0 0 8px;
}

#buttons .yellow { /* Gelber Button */
	background-image: url(../gfx/button_gelb.png?nocache=1);
	width: 144px;
	margin: 0 0 0 8px;
}

#buttons .blue { /* Blauer Button */
	background-image: url(../gfx/button_blau.png?nocache=1);
	width: 124px;
	margin: 0 0 0 8px;
}
#buttons  .text{
	font-size: 18px;
	margin: 0 0 0 25px;
}
#buttons .textDisabled{
	color: #003c5a;
}


/* ======================================
4. Navigation Styles
====================================== */
#seiteDanach.focussed{
	background: #d0cbc8 url(../gfx/scroll_runter_focus.png) no-repeat;
}
#seiteDanach.unfocussed{
	background: #007796 url(../gfx/scroll_runter.png) no-repeat;
}
#seiteVor.focussed{
	background: #d0cbc8 url(../gfx/scroll_hoch_focus.png) no-repeat;
}
#seiteVor.unfocussed{
	background-color: #005a78;
}

/* ======================================
5. Setting Styles
====================================== */
#settingBox{
	background-color: #005a78;/*#91CFF1;*/
	color: white;
	height: 478px;
	padding: 0 5px;
}

#settingBox ul{
	list-style: none
}
#settingBox div.help{
	padding: 5px;
}
#settingBox div.settingAbschnitt{
	background-color: #003c5a;
	height: 25px;
	padding: 5px;
	margin-top: 5px;
}
#settingBox li{
	padding: 7px 5px 3px 5px;
}
#settingBox li.unchecked{
	background-image: url("../gfx/sr_icon_setting_unselected_white.png?nocache=1");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 5px;
}
#settingBox li.checked{
	background-image: url("../gfx/sr_icon_setting_selected_white.png?nocache=1");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 5px;
}
#settingBox li.focussed.checked{
	background-image: url("../gfx/sr_icon_setting_selected.png?nocache=1");
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
}
#settingBox li.focussed.unchecked{
	background-image: url("../gfx/sr_icon_setting_unselected.png?nocache=1");
	color: #005a78;
	background-color: #d0cbc8;/*#D3A500;*/
}
#settingBox li.unfocussed{
	background-color: #005a78;
}
/* ======================================
6. Gro�e Schrift
====================================== */
#wrapper.largeFonts #contentContainer{
	position: absolute;	
	z-index: 2;
}

#wrapper.largeFonts #textseite{
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
	background-color: #005a78;
	font-size: 36px;
	width: 740px;
	height: 468px;
	border: 1px solid white;
	overflow: hidden;
}
/*
#wrapper.largeFonts #textseite.highlight{
	width: 740px;
	height: 468px;
	padding: 0px;
	border: 6px solid white;
}*/

#wrapper.largeFonts #textseite_innen{
	position: absolute;
}

#wrapper.largeFonts #textseite_innen.monospace{
	position: absolute;
	font-family: LetterGothic,'Letter Gothic',monospace;
	font-size: 36px;
	font-weight: bold;
}

#wrapper.largeFonts #contentContainer li.focussed{
	position: relative;
	left: -98px;
	z-index: 2;
	font-size: 36px;
	width: 720px;
	border: 1px solid white;
}

#wrapper.largeFonts #contentContainer li.left.focussed{
	position: relative;
	left: -98px;
	z-index: 2;
	font-size: 36px;
	width: 720px;
	border: 1px solid white;
}

#wrapper.largeFonts #contentContainer li.right.focussed{
	position: relative;
	left: 108px;
	z-index: 2;
	font-size: 36px;
	width: 720px;
	border: 1px solid white;
}

#wrapper.largeFonts #hauptmenu li.focussed{
	position: relative;
	left: -30px;
	z-index: 3;
	font-size: 36px;
	width: 300px;
	border: 1px solid white;
}

#scrollbarContainer{
	position: absolute;
	z-index:5;
	top: 162px;
	left: 984px;
	width: 42px;
	height: 396px;
	overflow: hidden;
}

#scrollbar{
	visibility: hidden;
}

#wrapper.largeFonts #scrollbar{
	position: absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	width: 42px;
	height: 0px;
}

#wrapper.largeFonts #scrollList.right{
	left: 984px;
	z-index: 2;
	background-color: white;
}
/*
#wrapper.largeFonts #seiteDanach.focussed{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	width: 60px;
	height: 60px;
	padding: 20px;
}

#wrapper.largeFonts #seiteVor.focussed{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	width: 60px;
	height: 60px;
	padding: 20px;
}*/

#wrapper.largeFonts #programmBox.focussed{
	position: absolute;
	z-index: 3;
	top: -25px;
	left: -25px;
	height: 280px;
	width: 246px;
	border: 1px solid white;
}
#wrapper.largeFonts #wetter.focussed{
	position: absolute;
	z-index: 3;
	top: 205px;
	left: -25px;
	height: 280px;
	width: 246px;
	border: 1px solid white;
}


/* ======================================
6. Sonstige Styles
====================================== */
table.wetterTemperaturliste{
	width: 100%;
	padding: 5px 5px 0 5px;
}
table td.wetterort{
}
table td.wetterart{
}
table td.temperatur{
	text-align: right;
}

#waiting-overlay {
    background: none repeat scroll 0 0 #007796;
	height: 100%;
    left: -100%;
    position: absolute;
    width: 300%;
    z-index: 9000;
}

#waiting-overlay img {
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
}

/* ======================================
7. Hilfeseite und Datenschutz
====================================== */

#hilfeseite, #datenschutz{
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 81px;
	left: 232px;
	background-color: #005a78;
	height: 518px;
	width: 566px;
	font-size: 14px;
	border: 1px solid white;
	z-index: 10;
	color: #ffffff;
}
#hilfeseite h3, #datenschutz h3{
        /* padding: 10px 10px 10px 20px; */
        padding: 5px;
}
#hilfeseite p, #datenschutz p{
/*	padding: 10px 10px 10px 20px; */
	padding: 5px;
}

/* ======================================
7. DUBUG
====================================== */

div#DebugDiv {
    background-color: #111111;
    border: 1px solid #999999;
    color: #FFFFFF;
    display: none;
    font-size: 14px;
    height: 129px;
    left: 0;
    line-height: 14px;
    margin: 0;
    opacity: 0.7;
    overflow: auto;
    padding: 2px;
    position: absolute;
    top: 5px;
    width: 1274px;
    z-index: 5000;
}