/* ---------- CSS-Dokument LippstadtLive ------------------- */

html {min-height: 100%;}

body {
	font: 11px/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #FFFFFF;
	line-height: 15px;
	background-color: #646568;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* ---------- CONTAINER FÜR ZENTRIERTES LAYOUT -------------- */
#container {
	width: 879px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

#containerBanner {
	width: 998px;
	padding: 25px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
} 

/* ---------- CONTAINER FÜR FLASH-HEADER -------------------- */
#headerflash {
	width: 879px;
	height: 72px;
	text-align: center;
	background-image: url(../images/bg_header.jpg); 
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 

}

/* ---------- CONTAINER FÜR FLASH-BANNER ------------------- */
#layerskyscraper {
	position:absolute;
	width: 120px;
	height: 600px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 891px; 

}

/* ---------- CONTAINER FÜR NAVIGATION ---------------------- */
#navigation {	
	width: 879px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../../images/bg_navigation.gif); 
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px; 

}

/* ---------- CONTAINER FÜR FOOTER ------------------------- */
#footer {
	text-align: left;
	vertical-align: middle;
	margin: 0px 0px 0px 0px; 
	width: 879px;
	height: 33px; 
}

/* ---------- CONTAINER FÜR IMPRESSUM ----------------------- */
#impressum {
	text-align: left;
	vertical-align: middle;
	background-image: url(../../images/bg_impressum.jpg);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 15px;
	margin: 0px 0px 0px 0px; 
}

/* ---------- 3 SPALTEN CONTENT MITTE ----------------------- */
#Spalte1 {
	float: left;
	width: 217px;
	height: 428px;
	background-image: url(../../images/bg_spalte01.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#Spalte2 {
	float: left;
	width: 446px;
	height: 428px;
	background-image: url(../../images/bg_spalte02.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    bottom: 0px;
}
#Spalte3 {
	float: left;
	width: 216px;
	height: 428px;
	background-image: url(../../images/bg_spalte03.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#Wetterdaten {
	width: 184px;
	height: 256px;
	background-image: url(../../images/bg_wetterdaten.gif);
	background-repeat: no-repeat;
	padding: 45px 0px 0px 0px;
	margin: 41px 0px 0px 16px;
}

#Temp {
	height: 40px;
	background-image: url(../../images/icon_temp.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 45px;
	margin: 0px 0px 0px 17px;
}

#Wind {
	height: 40px;
	background-image: url(../../images/icon_wind.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 45px;
	margin: 5px 0px 0px 17px;
}

#Hum {
	height: 40px;
	background-image: url(../../images/icon_hum.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 45px;
	margin: 5px 0px 0px 17px;
}

#Baro {
	height: 40px;
	background-image: url(../../images/icon_baro.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 45px;
	margin: 5px 0px 0px 17px;
}
.HeadlineGelb {
	color: #fdae02;
	font-weight:bold;
}
.HeadlineBlau {
	color: #446cbb;
	font-weight:bold;
}
.Text11Grau {
	color: #646568;
}


/* ------------- ABSTÄNDE ALLGEMEIN  ------------------------ */ 

.Abstand { height:22px; background-color:#FFFFFF;  }
p {	padding-bottom: 15px; margin: 0px; }


/* ------------- LINKS ALLGEMEIN  --------------------------- */ 
a.LinkWhite:link, a.LinkWhite:visited, a.LinkWhite:active, a.LinkWhite:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ---------- Tabelle für Wetterdaten ----------------------- */
.TabelleTop {
	text-align: left;
	width: 358px;
	height: 27px;
	background-image: url(../../images/img_tabelletop.gif);
	background-repeat: no-repeat;
}
.TabelleZeile {
	text-align: left;
	width: 358px;
	height: 20px;
	background-image: url(../../images/img_tabellezeilebg.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
}
.TabelleSpalte1 {
    text-align: left;
	float: left;
	width: 180px;
	padding: 2px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
}
.TabelleSpalte2 {
   text-align: left;
	float: left;
	width: 160px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    bottom: 0px;
}