body {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%; 
	margin-top:0;
	padding-top:0;
	background-color: #FFFFFF;
line-height:130%;

}

FIELDSET {
	border: none;
	padding: 0px;
	margin: 0px;
}

FORM {
	margin:0;
}

.mainContainer {
	width: 978px;
	background-color: #B10000; /* #FFCC00; */
	position: relative;
	height: auto;
	min-height: 100px;
	padding-left: 0px;
/*	background: url('/images/background_green1.gif'); */
}
html*#mainContainer {
	height:100px;
}
head:first-child+body #mainContainer {
	height:auto;
}


.header {
	width:977px; 
	height:200px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color:#B10000;
	z-index:1;
}

.topNavi {
	width:977px;
	height:25px;
	position: absolute;
}


#leftContainer {
	margin-top:5px;
	width:640px; 
	height:auto;
	min-height: 100px;
	float: left;
	padding-left:3px;
}
html*#leftContainer {
	height:100px;
}
head:first-child+body #leftContainer {
	height:auto;
}

#topInfoLeft {
	width:310px; 
	height:260px;
	border: 1px solid #000000;
	background-color: #ffffff;
/*	#FFF1D5; */
	float:left;
	margin-right:8px;
	padding-bottom:3px;
}

.ueberschriftInfoLeft {
	border-bottom: 1px solid #cccccc;
	font-weight:bold;
	padding: 2px 3px 3px 5px;
	background: url('/images/ueberschrift_back_315.jpg') no-repeat bottom left;
	font-size:16px;
}

.contentInfoLeft {
	padding:3px;
	height:215px;
/*	overflow:auto; */
	font-size:0.9em;
}

.contentInfoLeft a{
	font-size:0.8em;
	color:#000000;
}

.ueberschriftNewsLeft {
	font-weight:bold;
	font-size:1.1em;
}

.contentNewsLeft {
	margin-bottom:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-top:2px;
}

.contentNewsLeft a {
	color:#E70174;
	text-decoration:underline;
	font-weight:bold;
}

.contentNewsLeft a:hover {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


#topInfoRight {
	width:310px; 
	height:auto;
	border: 1px solid #cccccc;
	float:left;
	padding:3px;
	background-color: #FFFFFF;
	font-size:0.8em;
}

#topInfoRight a{
	font-size:0.8em;
	color:#000000;
}

.FirmaticContentImage { padding:0px;}
.rightContainer {
	margin-top:5px;
	margin-left:5px;
	width:325px; 
	height:auto;
	min-height: 100px;
	float: left;
}
html*#rightContainer {
	height:100px;
}
head:first-child+body #rightContainer {
	height:auto;
}

.leftBox {
	margin-top:5px;
	float: left;
	width:640px; 
	height:auto;
	padding-bottom:4px;
	border-top: 0px solid #cccccc;
/*	background: url('/images/schatten_rechts.gif') repeat-y bottom right; */
	background-color: #ffffff;
}

.schatten {
/*	background: url('/images/schatten_unten.gif') no-repeat bottom right; */
	height:6px;
	clear:both;
}	

.ueberschriftLeftBox {
	width:630px; 
	border-top: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 0px solid #cccccc;
	padding: 3px 0px 3px 5px;
	background: url('/images/ueberschrift_back.jpg') no-repeat bottom left;
	height:17px;
}

.ueberschriftLeft {
	font-weight:bold;
	font-size:1.2em;
/*	color:#E70174; */
	color:#000000;
	float: left;
}

.LeftBoxPrint {
	float: right;
	width:130px;
	font-size:0.8em;
	text-align:right;
	padding-top:3px;
	padding-right:6px;
	color: #999999;
}

.LeftBoxPrint a{
	color: #999999;
	text-decoration:none;
}

.LeftBoxPrint a:hover{
	text-decoration:underline;
	color:#E70174;
}


.LeftBoxGalerie {
	float: right;
	width:150px;
	font-size:1em;
	text-align:right;
	padding-top:3px;
	padding-right:6px;
	color: #999999;
}

.LeftBoxGalerie a{
	color:#E70174;
	text-decoration:none;
	font-weight:bold;
}

.LeftBoxGalerie a:hover{
	text-decoration:underline;
	color:#E70174;
	font-weight:bold;
}




.contentLeftBox {
	color:#000000;
	padding:5px;
	border-left: 1px solid #cccccc;
	border-right: 0px solid #cccccc;
	padding-right:10px;

}

.contentLeftBox a{
	color:#E70174;
	text-decoration:underline;
	font-weight:bold;
}

.contentLeftBox a:hover{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


.rightBox {
	width:325px; 
	height:auto;
	border: 1px solid #cccccc;
	margin-bottom:5px;
	background-color: #FFFFFF;
}


.ueberschriftRightBox {
	font-size:1.1em;
	border-bottom: 1px solid #cccccc;
	font-weight:bold;
	padding: 3px 3px 3px 5px;
	background: url('/images/ueberschrift_back.jpg') no-repeat bottom left;
}

.contentRightBox {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px;
}


.rightBoxWebcam {
	width:325px; 
	height:auto;
	border: 0px solid #000000;
	margin-bottom:5px;
	background-color: #FFFFFF;
	background-color: #FFCC00;
}

.ueberschriftWebcam  a{
	width:55px;
	font-size:0.8em;
	text-decoration:none;
	border-bottom: 0px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight:normal;
	padding: 3px 1px 1px 4px;
	background: url('/images/ueberschrift_back.jpg') no-repeat bottom left;
	margin-right:3px;
	float: left;
	color:#000000;
}

.ueberschriftWebcam A:hover {
	text-decoration: none;
	background: url('/images/navi_button_hover.jpg') repeat-x;
	color:#000000;
}

.contentRightBoxWebcam {
	padding-bottom:1px;
	border: 1px solid #000000;
	text-align:center;
	background-color: #ffffff;	
}


.rightBox2 {
	width:325px; 
	height:auto;
	border: 0px solid #cccccc;
	margin-bottom:5px;
}

.contentRightBox2 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px;
	text-align:center;
}

.BoxCleaner {
	clear:both;
}

/* Skyscrapper begin */
#Skyscrapper {
	position:absolute;
	left: 995px;
	top: 20px;
	clear:both;
	float: right;
	width: 160px;
	height:600px;
	background-color:#ffffff;
}

#Skyscrapper1[id] {
   position: fixed;
}


/* Skyscrapper begin */

.empty {
	clear: both;
	height: 30px;
	visibility: hidden;
}

.footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 30px;
	text-align: center;
	width:100%;
	font-size:10px;
	background-color: #ffffff;
	color: #999999;
	z-index: 100;
}

h1 {
	font-size:0.9em;
	margin:0px;
}

#copyright {
	float:left;
	text-align:left;
padding:3px;
}

#validation {
	float:right;
	text-align:right;
padding:3px;
}

.gastroguideTable {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #F8F8F8;
}

.gastroguideFoto {

}


.gastroguideTable a{
	color:#E70174;
	text-decoration:underline;
	font-weight:bold;
	font-size:1.2em;
	
}

.gastroguideTable a:hover{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


/* newsletter start */


.newsletterForm {
/*	padding: 7px 10px 7px 10px; */
	letter-spacing: 1px;
	margin-left:10px;
	font-size:10px;
}
.newsletterForm A, .newsletterForm LABEL {
	letter-spacing: 0px;
}
.nLine {
	clear: both;
	height: 23px;
}
.nTitle {
	height: 18px;
	width: 130px;
	float: left;
}

.nTitle LABEL{
	font-weight:normal;
}


.nValue {
	float: left;
}

.newsletterForm INPUT.nInput {
	width: 140px;
	height: 18px;
	margin-top: 2px;
	font-size: 11px;
	letter-spacing: 0px;
	border: 1px solid #000;
}
.newsletterForm SELECT.nInput {
	height: 1px;
	font-size: 9px;
	letter-spacing: 0px;
}

.nButtonTop {
	text-align: left;
}

.nButton {
	margin-left:150px;
	width: 140px;
	height: 20px;
	background-color: #FFCC00;
	color: #000000;
	font-size: 11px;
	border: 1px solid #000;
	letter-spacing: 0px;
}

.newsletterForm a{
	color:#E70174;
	text-decoration:underline;
	font-weight:normal;
	font-size:10px;

}

.newsletterForm a:hover{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}


.newslettermainContainer {
	width: 650px;
	border: 1px solid #000000;
	background-color: #FFCC00;
	margin:10px;
	padding:5px;
}

.newsletterleftContainer {
	margin-top:5px;
	width:640px; 
	background-color: #FFCC00;
}

.newsletterHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight:bold;
	float:left;
}
.newsletterDatum {
	float: right;
	text-align:right;

}

.newsletterImpressum {
	font-size: 11px;
	border-top: 1px solid #000000;
	padding-top:5px;
	float:left;
	width:320px;
}
.newsletterImpressum2 {
	font-size: 11px;
	border-top: 1px solid #000000;
	padding-top:5px;	
	float:left;
		width:320px;
}

.newsletterAbmelden {
	font-size: 11px;
	border-top: 1px solid #000000;
	padding-top:5px;
}

.firmatic_newsletterOptinMessage {
	margin-top:10px;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

/* newsletter end */



.kontaktForm {
/*	padding: 7px 10px 7px 10px; */
	letter-spacing: 1px;
	margin-left:10px;
	margin-top:10px;
	font-size:10px;
	width:610px;
	border-top: 1px solid #000;
}
.kontaktForm A, .kontaktForm LABEL {
	letter-spacing: 0px;
}
.kLine {
	clear: both;
	height: 23px;
}

.kTitle {
	height: 18px;
	width: 150px;
	float: left;
}

.kTitle LABEL{
	font-weight:normal;
}

.kValue {
	float: left;
}

.kontaktForm INPUT.kInput {
	width: 140px;
	height: 16px;
	margin-top: 2px;
	font-size: 11px;
	letter-spacing: 0px;
	border: 1px solid #000;
}


.kontaktForm INPUT.kInputKurz {
	width: 40px;
	height: 16px;
	margin-top: 2px;
	font-size: 11px;
	letter-spacing: 0px;
	border: 1px solid #000;
}


.kontaktForm TEXTAREA.kInput {
	width: 600px;
	height: 100px;
	margin-top: 2px;
	font-size: 11px;
	letter-spacing: 0px;
	border: 1px solid #000;
}


.kontaktForm INPUT.kInputBox {
	text-align:left;
	border: 1px solid #000;
	background-color:#FF0000;
	margin:3px;
}

.kButtonTop {
	text-align:right;
}

.kButton {
	width: 200px;
	height: 20px;
	background-color: #FFCC00;
	color: #000000;
	font-size: 11px;
	border: 1px solid #000;
	letter-spacing: 0px;
}

.kcolumn {
	float:left;
	width:50%;
	text-align:left;
}

#x_produkt {
	display:none;
}


.wetterData {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left; 
	width:130px;
        padding:3px;
height:auto;

}

#tempAktuell {
	font-size:28px;
	font-weight:bold;
	color:#CC0000;
        padding:3px;
        float:left:
}

#baro_station, #regenAktuell, #windAktuell, #forcastAktuell {
	font-size:14px;
	font-weight:normal;
}

.wetterDataClear {
	clear:both;	
	border-top: 1px solid #efefef;
}

.wetterData10px {
	font-size:12px;
	font-weight:normal;
	color:#000000;
}


.wetterSonne {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left; 
	width:210px;
}



#flashHeader {
	background-color: #FFCC00;
}

.navigationOben {
                width: 977px;
                height: 24px;
}
.navigationOben .navigation_0:link,
.navigationOben .navigation_0:active,
.navigationOben .navigation_0:visited{
                display: block;
                float: left;
                width: 117px;
                height: 20px;
                padding-left: 5px;
                padding-top: 4px;
                background-image: url(http://www.upland-wetter.de/images/navi_button.jpg);
                text-decoration: none;
                font-weight: bold;
                font-size: 12px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: #000;
}

.navigationOben .navigation_0:hover{
                background-image: url(http://www.upland-wetter.de/images/navi_button_hover.jpg);
}


/* wettervorhersage meteoblue */

.wettertage {
	width:95px;
	float:left;
	padding:3px;
	border-right:#999999 1px solid;
	text-align:center;
}


.wetter_last {
	border-right:0px;
	
}

.temp_min {

	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	background-color:#efefef;
padding:3px;
}


.temp_max {

	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	background-color:#efefef;
padding:3px;
}

.temp_text {

	font-size:10px; 
	pading:2px;
	text-align:left;
	
}


.symbol_text {
	font-size:10px; 
	pading:2px;
	text-align:center;
}



.wetter_grafik { 
text-align:center; 
margin-bottom:3px;

}

.firmedia_clear { clear:both; }

.tage { font-size:12px; font-weight:bold; background:#B10000; padding:3px; color:#fff;}
.datum { font-size:10px; margin-bottom:5px; background:#fff; padding:2px;}


