/****************************************************
		ALLGEMEINES
****************************************************/
body, p, td, th, div, a, ul, li, all {
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.6em;
	color:#333333;
}

body {
	background-color:#393939;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

/****************************************************
		HEADERS
****************************************************/
h1 {
	font-size:22px;
	margin-bottom:10px;
	margin-top:40px;
}

h2 {
	margin-top:30px;
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
	color:#393939;
}

/****************************************************
		LINKS
****************************************************/
a img{
	border:none;
}

a {
	text-decoration:underline;
	color:#d60909;
}
a:hover, a:active{
	text-decoration:none;
}


/****************************************************
		LISTS
****************************************************/
ul {
	margin:0;
	margin-bottom:10px;
	padding-left:20px;
	list-style-position:outside;
	list-style-type:disc;
}
ul li {
	padding:auto;
	padding-top:3px;
	padding-bottom:3px;
}

/****************************************************
		Weather station list
****************************************************/
ul.stationList {
	margin-left:0;
	padding-left:0;
}
ul.stationList,
ul.stationList li ul {
	list-style-type:none;
	margin-bottom:0;
	clear:both;
}
ul.stationList li {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	padding-top:4px;
	min-height:30px;
	
	/* in order to keep the bg-color all the way to the bottom of the "cell" */
	display:table;
	width:100%;
	
}

ul.stationList li ul li {
	float:left;
	display:inline;
	clear:none;
	padding:0;
	width:auto;
}
ul.stationList li.stationTitleRow {
	background-color:#393939;
	height:30px;
}
ul.stationList li.stationTitleRow ul li {
	font-weight:bold;
	color:#ffffff;

}
ul.stationList li.stationRowEven {
	background-color:#dce7f2;
	
}

ul.stationList li ul li.stationName {
	font-weight:bold;
	width:200px;
}
ul.stationList li ul li.stationKey {
	width:130px;
}

ul.stationList li ul.stationDetailsAdvanced {
	height:10px;
	padding-bottom:15px;
}
ul.stationList li ul.stationDetails li.stationCapabilities {
	padding-top:2px;
	width:160px;
}

ul.stationList li ul.stationDetailsAdvanced li {
	padding-right:20px;
}

ul.stationList li ul.stationDetailsAdvanced li,
ul.stationList li ul.stationDetailsAdvanced li a{
	font-size:14px;
	color:#666666;
	
}
ul.stationList li ul.stationDetails li.updateInterval {
	background:url(images/icons/updateInterval.png) 0px 4px no-repeat;
	padding-left:15px;
}


ul.isFiltered li.stationRowEven,
ul.isFiltered li.stationRowOdd {
	background:none;
	border-bottom:1px solid #cccccc;
}



/****************************************************
		WEATHER STATION LIST SEARCH
****************************************************/
.stationListSearchForm {
	padding-bottom:20px;
}

.stationListSearchForm input {
	font-size:12px;
	border:1px solid #666666;
	height:15px;
	padding:4px;
	width:200px;
}

input.inactive {
	color:#999999;
	border:1px solid #999999;
}


/****************************************************
		AREAS
****************************************************/

#center {
	background-color:#1f1f1f;
	height:100%;
	margin:auto;
	padding:0;
}

#center,
#navigation_inner,
#dropshadow {
	width:860px;
}

#uppercontent {
	background-color:#ffffff;
	padding-top:200px;
}
#navigation {
	position:absolute;
	width:100%;
	height:200px;
	left:0;
	background:url(images/navi_bg.png) 0 0 repeat-x;
}
#navigation_inner {
	margin:auto;
	text-align:center;
}


/****************************************************
		LOGO & NAVI
****************************************************/
#logo,
#navigation_inner {
	height:150px;
	margin-top:14px;
}

#logo {
	float:left;
	margin-left:60px;
	margin-right:60px;
}

#navigation_inner ul,
#navigation_inner ul li,
#navigation_inner ul li a {
	display:block;
	margin:0;
	padding:0;
}

#navigation_inner ul li {
	float:left;
}


#navigation_inner ul.navigation li a {
	line-height:1.3em;
	font-size:17px;
	text-decoration:none;
	margin:0px 2px 0px 0px;
	padding:113px 22px 17px 22px;
	background:url(images/navi_bg_inactive.png);
	color:#5b6066;
}

#navigation_inner ul.navigation li a:hover,
#navigation_inner ul.navigation li.active a {
	color:#1f1f1f;
	background:url(images/navi_bg_active.png);
}

/*		SUBNAVIGATION		*/
#navigation_inner ul.subnavigation {
	display:block;
	position:absolute;
	background:#e0eaf5 url(images/subnavi_bg.gif) 0 0 repeat-x;
	top:166px;
	height:37px;
	padding-left:260px;
	width:600px;
}

#navigation_inner ul.subnavigation li {
	position:relative;
	padding-right:20px;
	top:9px;
	font-weight:bold;
}
#navigation_inner ul.subnavigation li a {
	line-height:1.3em;
	font-size:15px;
	text-decoration:none;
	color:#72767a;
}

#navigation_inner ul.subnavigation li a:hover,
#navigation_inner ul.subnavigation li.active a {
	color:#333333;
}




/****************************************************
		Main content
****************************************************/
#uppercontent .serviceStatusbar {
	position:absolute;
	top:200px;
	margin-left:665px;
	
}

#uppercontent .left,
#footer .left {
	margin-left:60px;
	width:530px;
	float:left;
	padding-bottom:30px;
}

#uppercontent .right,
#footer .right {
	float:right;
	width:180px;
	padding-left:20px;
	padding-top:20px;
	margin-left:67px;
	color:#666666;
	margin-top:85px;
	border-left:2px solid #cccccc;
}

#uppercontent .right {
	margin-bottom:20px;
}


#uppercontent .left p {
	margin:0;
	padding:0;
	margin-bottom:20px;
}

#uppercontent .left .listtitle {
	margin-bottom:5px;
}

#uppercontent .left img.intextleft {
	margin-right:15px;
	margin-top:7px;
	float:left;
}

#uppercontent .left img.intextright {
	margin-left:10px;
	margin-top:7px;
	float:right;
}

/****************************************************
		Teasers
****************************************************/
.teaser {
	margin-bottom:20px;
}
.teaser .title,
.teaser .description ,
.teaser .link  {
	line-height:17px;
}
.teaser .title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}
.teaser .description {
	font-size:22px;
	font-weight:bold;
}


/*		Anzeige ("Inserat")		*/
.teaser-anzeige,
.teaser-anzeige .title,
.teaser-anzeige .description,
.teaser-anzeige .link,
.teaser-anzeige .link a {
	color:#333333;
	font-weight:normal;
	font-size:13px;
}
.teaser-anzeige .title {
	font-style:italic;
}


/****************************************************
		Footer
****************************************************/
#footer {
	border-bottom:1px dotted #393939;
	margin-bottom:10px;
}
#footer .right {
	margin:0;
	z-index:0;
	border:none;
	padding:0;
	width:210px;
}

#footer, 
#footer div,
#footer div.left,
#footer div.left p {
	color:#dad5d5;
}
#footer, 
#footer div,
#footer div.left,
#footer div.left p,
#footer a {
	font-weight:bold;
	font-size:18px;
	line-height:27px;
}

#footer div.left  {
	padding-top:20px;
}

#footer h1 {
	color:#ffffff;
	margin-bottom:10px;
	margin-top:20px;
}

#dropshadow {
	height:10px;
	float:none;
	position:absolute;
	background:url(images/shadow_contentbottom.png) 0 0 repeat-x;
}

/****************************************************
		Special formats
****************************************************/
#uppercontent .left p.notice,
div.notice {
	display:block;
	background:#c3d9ed;
	border:1px solid #4e8bc3;
	padding:20px;
}
p.notice h3,
div.notice h3 {
	margin-top:0;
}

div.noticeServiceStatusok {
	background:#dcffdc;
	border:1px solid #48aa4a;
}

div.noticeServiceStatuscritical {
	background:#fffbbb;
	border:1px solid #f5ce19;
}

div.noticeServiceStatusoffline {
	background:#ffd8d8;
	border:1px solid #bc2300;
}