body {margin: 0;padding: 0;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;text-align: center;background: #FFF url(back55a.jpg) no-repeat center;background-attachment:fixed;}
A,td,ul,ol{font-family: Arial, Verdana, sans-serif;font-size: 12px;}
#container {border:1px solid #BBB;margin-left:auto;margin-right:auto;margin-top:2px;padding: 0px;width: 780px;background: #fff;}
.text {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;}
td.sidebar{color: #fff;padding: 5px;vertical-align: top;text-align: left;}
A{text-align: left;color: #00008B;}
A.sidebar{font-weight: bold;text-align: left;color: #fff;}
A.umwelt{font-size: 15px;font-weight: bold;text-align: left;color: #ff9900;}
ul.fernseh{list-style: none;}
a.news,a:visited.news {color: #009900;font-weight: bold;}

ul.imglist {list-style: none;margin:0px;padding:0px;}
ul.imglist li{padding: 2px 10px 2px 0px;line-height: 2em;}
ul.imglist li img{text-align:center;margin-right:5px;}

/* NAVIGATION --------------------- */
#navtop {margin: 0px 0px 0px 0px;height: 5px;padding: 0px;background: url(nav-top.gif) bottom no-repeat;	}
#navbottom {margin: 0px 0px 0px 0px;height: 5px;padding: 0px;background: url(nav-bottom.gif) top no-repeat;}
ul#nav {margin: 0px 0px 0px 0px;padding: 0px;list-style: none;background: url(nav-bg.gif) bottom;}
#nav li {display: block;float: left;}
/*
li#nav-home,li#nav-1, li#nav-2, li#nav-3, li#nav-4, li#nav-5 {border-right: 1px solid #CFCFCF;background: url(arrow-down.gif) right 55% no-repeat;	}
#nav li a {display: block;color: #444;text-decoration: none;padding: 3px 25px 3px 7px;border-left: 1px solid #FFF;border-bottom: 0;background: url(arrow-down.gif) right 55% no-repeat;}
*/
#nav li a {display: block;color: #00008B;text-decoration: none;padding: 1px 14px 1px 7px;border-left: 1px solid #FFF;border-bottom: 0;background: url(arrow-down.gif) right 55% no-repeat;}
li#nav-home {background: none;}
li#nav-home a {border-left: 0;padding-right: 10px;background: none;}	
li#nav-contact {border-right: 0;}	
/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */
/* 2nd and 3rd level menus */
#nav ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	margin: 0px 0 0 -1px;
	padding: 0;
	width: 15.4em;
	w\idth: 14.9em;
	height: auto;
	border: solid #C7C7C7;
	border-width: 1px 1px 0;
	background: #F9F9F9;
}
/* 3rd level menus only */
#nav ul ul {	margin: -1.3em 0 0 12em;}
/* 2nd and 3rd level menus */
#nav li li {	padding: 2px 1em 2px 0;	width: 13em;	border-bottom: 1px solid #DBDBDB;}
/* 2nd and 3rd level menus */
#nav ul a {	width: 14em;	w\idth: 11em;	border-right: 0;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;}
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;}
#nav li:hover, #nav li.sfhover {	background: #ECECEC;}
/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {	background: #E3F3FA;}
/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {	background: none;	}
/* 2nd level menus only */
#nav a.sub {	background: url(arrow-right.gif) right 52% no-repeat;}
			
/* This selector uses the Faux Columns technique. See http://www.alistapart.com/articles/fauxcolumns/ */
#wrap {margin: 0px 0px 0px 124px;height: 300px;}
.tertiary #wrap {margin-bottom: 20px;background: url(faux-columns-sm.png) repeat-y;}
ul#skip, ul#back {display: none;}
.clr {clear: both;}
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

/* 
SIFR--------------------- */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 28px;
}
.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 14px;
}