html, body {
	margin: 0;
	padding: 0;
}

.clearfix:after,
.tx-indexedsearch .browsebox:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
.tx-indexedsearch .browsebox {
	display: block;
}

/* Navigation elements */

.navigation a,
.browsebox a {
	color: #A8A19B;
}

.navigation a:hover {
	color: #666;
}

ul.navigation {
	list-style-type: none;
	padding-left: 0;
}

ul.navigation.mainnav {
	text-transform: uppercase;
}

ul.navigation.horizontal {
	float: left;
	display: inline;
}

ul.navigation.horizontal li {
	float: left;
	display: inline;
	padding: 0;
	padding-right: 10px;
}

ul.navigation.horizontal li:last-child {
	padding-right: 0;
}
ul.navigation.horizontal li.last-child {
	padding-right: 0;
}

ul.navigation.mainnav a {
	/* display: block; */
	height: 14px;
	border-bottom: 5px solid white;
	padding: 1px 0;
}

ul.navigation.mainnav a:hover {
	border-bottom: 5px solid #DDDCDA;
}

ul.navigation li.active a {
	color: #991D85;
	border-bottom-color: #991D85;
}

#subnavigation li.active a {
	font-weight: bold;
	color: #991D85;
}

#subnavigation li.active li a {
	font-weight: normal;
	color: #333;
}

#subnavigation li.active li.active a {
	color: #991D85;
}

ul.navigation.vertical li.active li {
	border-width: 0;
}

ul.navigation.vertical li.active a {
	color: #991D85;
}

ul.navigation.breadcrumb a,
ul.navigation.breadcrumb a:hover {
	color: #991D85;
}

ul.navigation.breadcrumb li {
	float: left;
	display: inline;
	padding-right: 5px;
}

#topline,
#mainnav,
#visual {
	margin-left: 90px;
	margin-right: 20px;
}

#topline {
	float: right;
	display: inline;
	height: 19px;
	margin-top: 15px;
}

#misclinks,
#languagemenu {
	float: left;
	display: inline;
	margin: 2px 20px 0 0;
}

#searchbox {
	display: block;
	float: left;
	display: inline;
}

#searchbox input.text {
	border: 1px solid #dddcda;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	color: #A8A19B;
	width: 80px;
}

#searchbox input.image {
	margin-right: 8px;
	position: relative;
	top: 1px;
}

#visual {
	background-color: #DDDCDA;
	height: 150px;
	width: 870px;
	clear: both;
}

#functions {
	float: left;
	display: inline;
	width: 175px;
	margin-left: 90px;
}

#functions ul li {
	margin-bottom: 5px;
}

#functions ul ul {
	border-top: 1px solid #DDDCDA;
	border-bottom: 1px solid #DDDCDA;
	margin-top: 4px;
	padding-bottom: 4px;
}

#functions ul ul li {
	margin-top: 4px;
	margin-bottom: 0;
	
}

#subnavigation a {
	color: #333;
}

#mainnav {
	height: 20px;
	clear: both;
}

#links,
#mainnavigation,
#podcast {
	height: 20px;
}

#links {
	float: left;
	display: inline;
	width: 175px;
}

#logo-plexiglas {
	position: relative;
	top: -21px;
	margin-bottom: 20px;
}

#mainnavigation {
	margin-left: 30px;
}

#podcast {
	float: right;
}

/* Clip */
#clip {
	color: white;
	height: 119px;
	width: 311px;
	background: url('/fileadmin/images/clip.png') top left no-repeat;
	position: relative;
	top: -99px;
	left: 579px;
	margin-bottom: -125px;
}

#clip h1,
#clip h2, 
#clip h3 {
	font-weight: normal;
	color: white;
	margin: 0;
	padding: 16px 20px 0 25px;
}

#clip h1 {
	font-size: 22px;
}

#clip h2 {
	font-size: 17px
}

#clip h3 {
	font-size: 14px;
}

#clip p {
	margin-top: 8px;
	margin-bottom: 0;
	padding: 0 20px 0 25px;
}

/* Content */

div.content {
	float: left;
	display: inline;
	min-height: 260px;
	width: 460px;
	margin-left: 30px;
	margin-bottom: 10px;
}

* html div.content {
	height: 500px;
}

div.content.wide,
div.content-wide {
	width: 870px;
	margin-left: 90px;
}

div.content.half,
div.content-half {
	width: 665px;
	margin-left: 30px;
}

div.content p {
	margin: 0.5em 0 8px;
}

div.nobreadcrumb {
	margin-top: 54px;
}

#breadcrumb {
	margin: 27px 0 13px 295px;
	color: #991D85;
	height: 14px;
}

#teaser {
	float: left;
	display: inline;
	width: 185px;
	margin-left: 20px;
}

div.content p.icon.tall,
div.content p.icon-tall {
	float: left;
	display: inline;
	margin: 0;
	padding-bottom: 30px;
	font-size: 150%;
}

div.content p.icon.tall a,
div.content p.icon-tall a {
	display: block;
	height: 148px;
	width: 200px;
}

div.content p.icon.odd {
	margin-right: 37px;
}

div.content p.icon a,
div.content p.icon a:hover {
	color: #333333;
}

div.content p.icon a {
	background-position: 0 30px;
	background-repeat: no-repeat;
}

div.content p.icon a:hover {
	background-position: -200px 30px;
}

#footer {
	border-top: 1px solid #DDDCDA;
	clear: both;
	height: 25px;
	margin: 0 20px 0 90px;
}


#footernavigation {
	margin-left: 205px;
	width: 480px;
}

#tools {
	width: 165px;
	margin-left: 20px;
}

#footernavigation,
#tools {
	float: left;
	display: inline;
	margin-top: 5px;
}

#tools a,
#tools a:visited {
	color: #991D85;
}

a.internal-link,
a:hover.internal-link,
span.internal-link a,
span.internal-link a:hover,
a.download,
a:hover.download {
	color: #991D85;
}

#tools li:first-child,
#tools li.first-child {
	float: right;
}

#print {
	background: transparent url('/fileadmin/images/icon-print.gif') no-repeat scroll 0 2px;
	padding-left: 18px;
}

#footernavigation li,
#languagemenu li,
.content ul.browsebox li {
	background: transparent url('/fileadmin/images/navigation-separator.gif') no-repeat scroll 9px 3px;
	float: left;
	display: inline;
	padding-left: 20px
}

#footernavigation li:first-child,
#footernavigation li.first-child,
#languagemenu li:first-child,
#languagemenu li.first-child,
.content ul.browsebox li:first-child {
	background: transparent none repeat scroll 0 0;
	padding: 0;
}

.content ul.browsebox {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* Icons on home page */
#icon-0 {
	background-image: url('/fileadmin/images/icons/waermedaemmung.png');
}

#icon-01 {
	background-image: url('/fileadmin/images/icons/beleuchtung.png');
}

#icon-02 {
	background-image: url('/fileadmin/images/icons/klimatisierung.png');
}

#icon-03 {
	background-image: url('/fileadmin/images/icons/energiegewinnung.png');
}

#icon-04 {
	background-image: url('/fileadmin/images/icons/umweltschutz.png');
}

#icon-05 {
	background-image: url('/fileadmin/images/icons/gesundheit.png');
}


/* Sitemap */
ul.sitemap li.left {
	clear: both;
}

ul.sitemap li a {
	color: #A8A19B;
	text-transform: uppercase;
}

ul.sitemap li a:hover {
	color: #666666;
}

ul.sitemap ul.sitemap li a {
	color: #666666;
	font-weight: bold;
	text-transform: none;
}

ul.sitemap ul.sitemap li a:hover {
	color: #333333;
}

ul.sitemap ul.sitemap ul.sitemap li a {
	font-weight: normal;
	text-transform: none;
}

ul.sitemap ul.sitemap ul.sitemap li a:hover {
	color: #333333;
}

ul.sitemap li {
	float: left;
	width: 220px;
	margin: 0 0 20px 0;
}

ul.sitemap ul.sitemap li {
	background-color: #fff;
	float: none;
	margin: 3px 0 0 20px;
}

ul.sitemap ul.sitemap ul.sitemap li {
	margin-left: 0;
}


/* Teaserspalte */

.teaserhead {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
}

#teaser h1,
#teaser h2,
#teaser h3,
#teaser h4,
#teaser h5 {
	color: #991D85;
}

#teaser h1,
#teaser h2 {
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 10px;
}

#teaser p.bodytext {
	margin-top: 0;
}

.csc-firstHeader {
	margin-top: 0;
}


/* sIFR stuff */
/* 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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* 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 #clip h1 {
	visibility: hidden;
	line-height: 85%;
	width: 220px;
	padding: 16px 20px 0 25px;
	font-size: 19px;
}