﻿h1{
    font: 12px Verdana, Tahoma, Arial;
    }
    
h2{
    font: 14px Verdana, Tahoma, Arial;
    }
h3
{
    font: 14px bold, Verdana, Tahoma, Arial;
    color: red;
    text-decoration: underline;
}
h4{
    font: 16px Verdana, Tahoma, Arial;
    }
h5{
    font: 18px Verdana, Tahoma, Arial;
    }


table
{
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica;
	margin: 0px;
}

/*---- Layout #355784; ----*/

body
{
	font: 10px Verdana, Tahoma, Arial;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: center;  /* Zentrierung im IE */
	height: auto;
}
#masthead
{
	
	background-image:url('../img/regiowetter-header.png');
	 background-repeat:no-repeat;
	}

/* hauptrahmen */

#pageFrame
{
	background-color: #ffffff;
	max-width: 1024px; /* FF braucht das für die zentrierung */
	width: 1024px;
	padding: 0px;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung, die der IE <= 6 nicht versteht */
	border-top: 1px solid   #315683;
	border-bottom: 1px solid   #315683;
	border-left: 1px solid #315683;
	border-right: 1px solid #315683;
	}

/* kopf */

#kopf
{
	padding: 0px;
	visibility:auto;
	width: 1100px;
	height: 86px;
	background-image: url('../img/regiowetter-header.png');
	background-repeat:no-repeat;
	/*z-index: 10;*/

	
}


/* navigation */

#leftColumn
{ 
	float:left;
	width: 160px;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	background-color: transparent;
	z-index: 10000;
	position: relative;
	visibility:m !important;
	/*background-image: url(../img/wolkehoch1.jpg);
	/*background-repeat:no-repeat; */
    /* background-color: #5879AC; */
    /*min-height: 703px; */	
    /*min-width: 160px; */	
}


/* inhalt Content Frame*/

#contentColumn
{
    margin: 0 0 0 170px;
    overflow: visible;
	position: relative;
	background-color: transparent;
	/*border-top: 1px solid   #315683; */
	/*min-height: 740px; */
	/*height: 740px; */


}






/* -------START------- TOP-FLOP ----------- */
.tabelle_top_flop
{
	font: 12px Verdana, Tahoma, Arial;
	color: #000000;
	background-color: #F8F8FF;
	padding-left: 4px;
    padding-right: 4px;	
	margin: 0px;
	text-align: left;  /* Zentrierung im IE */
	height: auto;
}

.tabelle_top_flop_titel
{
	font: 11px Verdana, Tahoma, Arial;
	font-weight: bold;
	color: #FFF;
	azimuth: center;
	height: 15px;
	background-color: #093378;
	margin: 0px;
	text-align: center;  /* Zentrierung im IE */	
}
/* ------- ENDE ------- TOP-FLOP ----------- */



.tabelle_admin
{
	font: 11px Verdana, Tahoma, Arial;
    font-weight: bold;
	color: #ffffff;
	azimuth: left;
    height: 15px;
	background-color: #ffffff;
	margin: 0px;
	text-align: left;  /* Zentrierung im IE */
	
}





/* -------START------- ALLER TITEL-BALKEN ----------- */
.titel_balken
{
	font: 12px Verdana, Tahoma, Arial;
    font-weight: bold;
	color: white;
	azimuth: center;
    height: 5px;
	background-color: #093378;	
	text-align: center;  /* Zentrierung im IE */
}
/* ------- ENDE ------- ALLER TITEL-BALKEN ----------- */







/* -------START------- Inhalt Informationsspalte ----------- */
.info_inhalt
{
	font: 12px Verdana, Tahoma, Arial;
	color: black;
	background-color: #F8F8FF;
	padding-left: 4px;
    padding-right: 4px;	
	margin: 0px;
	text-align: left;  /* Zentrierung im IE */
	height: auto;
}

.xxxxxxxxxxxxxxxxxxxxxxx
{
	font: 12px Verdana, Tahoma, Arial;
	color: black;
	background-color: #F8F8FF;
	padding-left: 4px;
    padding-right: 4px;	
	margin: 0px;
	text-align: left;  /* Zentrierung im IE */
	height: auto;
}

.xxxxxxxxxxxxxxxxxxx
{
	font: 12px Verdana, Tahoma, Arial;
	color: black;
	background-color: #F8F8FF;
	padding-left: 4px;
    padding-right: 4px;	
	margin: 0px;
	text-align: left;  /* Zentrierung im IE */
	height: auto;
}

.xxxxxxxxxxxxxxxxx
{
	font: 12px Verdana, Tahoma, Arial;
	color: black;
	background-color: #F8F8FF;
	padding-left: 4px;
    padding-right: 4px;	
	margin: 0px;
	text-align: left;  /* Zentrierung im IE */
	height: auto;
}
/* ------- ENDE------- Inhalt Informationsspalte ----------- */






/* fussbereich */

#footer
{
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #355784;
	text-align: center;
	width: 1024px;
	background-color: #ffffff;
    azimuth:center
}

/* Inhalt Indexseite

#inhalt1
{
    float: left;
    margin: 10 10 10 10px;
    overflow: visible;
	background-color: #fff;
	width: auto;
	height: auto;
	padding: 0px;
	
}
*/
#inhalt2
{
    float: right;
    margin: 10 10 10 10px;
    width: 250px;
    overflow: visible;
	background-color: #E5E5E7;
	width: auto;
	height: auto;
	padding: 5px;
		
}

#webcam
{
    float:  none;
    overflow: visible;
	background-color: #fff;
	width: auto;
	height: auto;
	padding: 1px;
	
}

#logocam
{
    float:  none;
    overflow: visible;
	background-color: red;
	width: 320px;
	height: auto;
	padding: 5px;
	
}

#inhalt_news
{
    float:  none;
    overflow: visible;
	background-color: #ffffff;
	width: auto;
	height: auto;
	padding: 1px;
}

.div_topflop
{
	float: right;
	width: 163px;
	height: auto;
	background-color: #FFFFFF;
	padding: 1px;
	border: 0px solid #FFFFFF;
}

.Tabelletopflop
{
	background:#F8F8FF;
	border: 1px solid #466A9C;
	padding:2px 2px 2px 2px;
	font: 10px Verdana, Tahoma, Arial;
}

.Tabelletopfloptitelzeile
{
	background:#093378;
	white-space:nowrap;
	border:1px solid #5576AC;
	font: 11px Verdana, Tahoma, Arial;
	font-weight: bold;
	color:#FFFFFF;	
}
.Tabellenews
{
	background:#F8F8FF;
	border: 1px solid #466A9C;
	padding:2px 2px 2px 2px;
	font: 10px Verdana, Tahoma, Arial;
}

.Tabellenewstitelzeile
{
	background:#093378;
	white-space:nowrap;
	border-style: none;
	font: 11px Verdana, Tahoma, Arial;
	font-weight: bold;
	color:#FFFFFF;	
}

.Tabellenewszeile1
{
	background:#F8F8FF;
	border-style: none;
	font: 11px Verdana, Tahoma, Arial;
	font-weight: normal;
	color:#030303;	
}
.Tabellenewszeile
{
	background:#F8F8FF;
	border-style: none;
	font: 11px Verdana, Tahoma, Arial;
	font-weight: normal;
	color:#030303;	
}

.Webcam_titel
{
	font-weight: bold;
	font-size: 12px;
	color:#0A0A0A;	
}

/* Tabelle */
/**/
#tab1
{
	border-collapse:collapse;
}

#tab1 td
{
	background:#eeeeee;
	border:1px solid #5576AC;
	padding:4px 4px 4px 4px;
	font: 10px Verdana, Tahoma, Arial;
}

#tab1 tr.titel1 td
{
	background:#E5E5E7;
	white-space:nowrap;
}

#tab1 tr.zeile1 td
{
	background:#fff;
	white-space:nowrap;
}


/* RETO */

.TblTRTitelMitLinien
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: #808080 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #808080 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #6699cc
}
.TblTRZeileMitLinien
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: #808080 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #808080 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #ffffff
}
.TblTRZeileMitLinien_gelb
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: #808080 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #808080 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR:  #FFFE98;
}

.pcsNavTableLinksOff
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: gray;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none
}
.pcsNavTableLinksOn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: steelblue;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline;
    BORDER-BOTTOM-STYLE: none
}
.pcsNavTableRechtsOff
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: gray;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none
}
.pcsNavTableRechtsOn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: steelblue;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    TEXT-ALIGN: right;
    TEXT-DECORATION: underline;
    BORDER-BOTTOM-STYLE: none
}
.TblBrowseMitLinien
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-COLLAPSE: collapse;
    bordercolor: #111111
}
.TblBrowse
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BORDER-COLLAPSE: collapse;
    bordercolor: #c0c0c0
}
.TblTRTitelFett
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #c0c0c0 1px solid;
    COLOR: #6699cc;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #ffffff
}
.TblTRTitel
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: #c0c0c0 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #f5f5f5
}
.TblTRZeile
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: #c0c0c0 1px solid;
    COLOR: black;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: white
}
.TblTRZeileLeer
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 1pt;
    BORDER-LEFT: #c0c0c0 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #ffffff
}
.Input_feld
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: gray 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

