body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-image: url(images/bg_cat2.gif);
	background-repeat: repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em; 
}

div, td {
	font-size: 12px;
}

a:link, a:visited, a:hover, a:active {
	color: blue;
	text-decoration: underline;
}
/** Header and Navigation **/
.navtable {
	border-spacing: 0px;
	border-width: 0px;
}
.navtbale td {
	height: 51px;
}
.tab_next {
	background: url(images/tab_next.png) right top no-repeat;
}
.tab_next_highlight {
	background: url(images/tab_next_highlight.png) right top no-repeat;
}
.tab_next_highlight2 {
	background: url(images/tab_next_highlight2.png) right top no-repeat;
}
.tab_background {
	height: 51px;
	margin-right: 33px;
	background: url(images/tab_background.png) right top repeat-x;
}
.tab_background_highlight {
	height: 51px;
	margin-right: 33px;
	background: url(images/tab_background_highlight.png) right top repeat-x;
}
.tabtext {
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;	
}
.tabtext a:link, .tabtext a:visited, .tabtext a:hover, .tabtext a:active {	
	color: #000000;
	text-decoration: none;
}
.tab_firsttab {
	height: 51px;
	width: 10px;
	background: url(images/tab_background.png) right top repeat-x;	
}
.tab_firsttab_highlight {
	height: 51px;
	width: 10px;
	background: url(images/tab_background_highlight.png) right top repeat-x;	
}
.tab_end {
	background: url(images/tab_end.png) right top no-repeat;
}
.tab_end_highlight {
	background: url(images/tab_end_highlight.png) right top no-repeat;
}
.navigation { 
	width: 100%; 
	background-repeat: repeat-x; 
	background-image: url(images/tab_top_e2.png); 
}
#header {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #a0a0a0;
}


/** Box **/
.box {
	border: 1px solid black;
	margin: 2px;
	background-color: #eaedf4;
}
.boxheader {
	border-bottom: 1px solid black;
	padding: 3px;
	background-color: orange;
	background-image: url(images/contenthead.png);
	background-repeat: repeat;
	width: 100%;
	text-align: center;
}
.boxheadertext {
	font-weight: bold;
	font-size: 14px;
}
.boxdata {
	padding: 3px;
}
.boxfooter {
	font-size: 10px;
	border-top: 1px solid black;
	padding: 2px;
}

/** CurrentWeather **/
.cw td {
	padding-top: 10px;
}
.cwData {
	text-align: center;
	font-size: 12px;
	padding: 3px;
	width: 150px;
}
.cwData div span {
	font-weight: bold;
}
.cwIcon {
	position: relative;
	display: block;
	float:left;
}
.cwIcon span {
	position: absolute;
	top: 0%;
	right: 0%;
}
.cwIcon img {
	border: 0;
}
/** Forecast **/
.fcTable td {
	text-align: center;
	padding: 1px;
	width: 80px;
}
.fcTable {
	border-collapse:separate;
	border-spacing: 3px 0px;
	height: 155px;
}
.fcIcon img {
	width: 64px;
	height: 64px;
}
.fcDays {
	font-weight: bold;
}
.fcData {
	background-color: #D4EED7;
}

/** WeatherDetails **/
.wd td {
	padding-right: 5px;
	padding-top: 1px;	
}
.wdHighlight {
	background-color: #D4EED7;
}
.wdData {
	background-color: #eaedf4;
}

/** Webcam **/
.webcam {
	position: relative;
	display: block;
	float:left;
}
.webcam span {
	position: absolute;
	top: 5px;
	right: 0%;
}
.webcam span img {
	width: 64px;
	height: 64px;
	border: 0px;
}
.webcamimg img{
	width: 320px;
	height: 240px;	
	border: 0px;
}
.webcamAuswahl img {
	width: 160px;
	height: 120px;
	border: 0px;
}
.webcamAuswahl table{
	margin-left: auto ;
	margin-right: auto ;
}
.webcamBig table {
	margin-left: auto ;
	margin-right: auto ;	
}
.webcamInfo {
	width: 274px;	
}
.webcamInfo #title{
	font-weight: bold;
	text-align: center;;	
}
.camklein {
	position: relative;
	display: block;
	float:left;
	padding: 2px;
}
.camklein span {
	position: absolute;
	top: 5px;
	right: 0%;
}
.camklein span img {
	width: 32px;
	height: 32px;
	border: 0px;
}

/** Warnung **/
.warnung {
	width: 330px;	
}
.warnung table {
	width: 100%;	
}
.warnungTitle {
	font-weight: bold;
	text-align: center;
}
.warnunginfo {
	width: 400px;	
}
.warnungenliste {
	vertical-align:top;
	padding-right:20px;	
}
.noWarning {
	width: 400px;	
}
/** Index **/
.indexTable td {
	vertical-align: top;	
}
/** Feinstaub **/
.feinstaub td {
	padding-top: 1px;
}
.feinstaub #value {
	font-weight: bold;
	padding-left: 15px;
}
.feinstaubinfo #title {
	font-weight: bold;
}
.feinstaubinfo #content {
	margin-left: 20px;
}
.feinstaubinfo {
	width: 500px;
}
.feinstaubliste {
	vertical-align:top;
	padding-left:10px;	
}
.exceedance {
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
}
/** UV Level **/
.uvlevel {
	float:left;
	display: block;
	margin: 10px;
}
.uvlevel #value {
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
}
.uvtable td {
	padding: 3px;	
}
.uvtable #uvhead {
	font-weight: bold;
	background-color: #D4EED7;
}
.uvhighlight4 {
	background-color: #FFC0C0;
}
.uvhighlight3 {
	background-color: #FFDCA8;
}
.uvhighlight2 {
	background-color: #FFFFC0;
}
.uvhighlight1 {
	background-color: #C0FFC0;
}
.uvtext p {
	padding-right: 10px;
	padding-left: 10px;
}
.uvcolorindex {
	height: 12px;
	width: 12px;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	border: 1px solid gray;
}
/** Impressum **/
.haftungtext div {
	margin-left: 20px;
}
.haftungbox {
	width: 90%;	
}
.impressum div {
	font-size: 14px;	
}
/** Videobox **/
.videobox {
	font-weight: bold;
	text-align: center;	
}
/** Tageswerte **/
.tageswerte td {
	padding: 2px;
	text-align:center;
	border-top: 1px solid black;
}
.tageswerte #data {
	padding-left: 10px;
	padding-right: 10px;
}
.addComment #captchaimg {
	display:block;
	padding: 5px;
	padding-right: 15px;
	float:left;
	vertical-align: top;	
}
.addComment {
	width: 70%;
}
.allComments {
	width: 70%;	
}
.allComments #title {
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid black;
	background-color: #D4EED7;
}
.allComments #content {
	padding: 5px;
}
.allComments #border {
	border: 1px solid black;	
}


.center {
	margin-left: auto;
	margin-right: auto;
}
.content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #a0a0a0;
}
.content_table {
	border-spacing: 0;
	width: 100%;
}
.content_table_content {
	width: 100%;
	border-spacing: 1px;
}
.content_foreground {
	background-color: #eaedf4;
}
.content_background {
	background-color: #525e6e;
}
.content_header {
	background-image: url(images/top_center1.gif);
	background-repeat: repeat-x;
	height: 12px;
	font-size: 10px;
	text-align: center;
}
.content_footer {
	background-image: url(images/contenthead.png);
	background-repeat: repeat-x;
	height: 12px;
	font-size: 10px;
	text-align: center;
}
.content_table_top_begin { width: 40px; height: 9px; background-image: url(images/top1_left.gif); background-repeat: no-repeat; }
.content_table_top_middle {	background-image: url(images/top1_center.gif); background-repeat: repeat-x; width: 100%; }
.content_table_top_end{ width: 40px; height: 9px; background-image: url(images/top1_right.gif); background-repeat: no-repeat; }

.content_table_bottom_begin { width: 40px; height: 9px; background-image: url(images/bottom_left.gif); background-repeat: no-repeat; }
.content_table_bottom_middle {	background-image: url(images/bottom_center.gif); background-repeat: repeat-x; width: 100%; }
.content_table_bottom_end{ width: 40px; height: 9px; background-image: url(images/bottom_right.gif); background-repeat: no-repeat; }

.credits {
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
}