/* Copyright (c) 2012 Christoph O Feld

/* CSS ac12
*********************************************/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {border:0; font-size:100%; margin:0; 
	padding:0;}
a {outline:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option 
	{font-family:inherit; font-size:inherit; 
	font-style:inherit; font-weight:inherit;}
input, button, textarea, select {*font-size:100%;}

/* start */

html, body{
	height: 100%;
}

/* Generell
*********************************************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center; /* horizontale Zentrierung für IE Win quirks */
	margin: 0;
	padding: 0;
	border: 0;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0;
	text-decoration: none;
	line-height: 0;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

h2{
	width:12px;
	height: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0;
	text-decoration: none;
	line-height: 0;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0;
	text-decoration: none;
	line-height: 0;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
	color: #000000;
	padding: 0;
	margin: 0 0 15px 0;
}
h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
	color: #000000;
	padding: 0;
	margin: 0;
}
p{
	padding: 0 0 12px 0;
}
/* Navigation
*********************************************/
.nav0 {
	position: absolute;
	width: 380px;
	height: 315px;
	top: 96px;
	left: 525px;
}
.nav0 ul.menu{
	list-style: none;
}
.nav0 ul.menu li{
	float: left;
}
.nav0 ul.menu li a{
	display: block;
	font-size: 0px;
	height: 108px;
	color: #FFFFFF;
	text-indent: -9999px;
	overflow: hidden;
}
/* Menü: Bereiche
*********************************************/
li.item-107 a:link,
li.item-107 a:visited{
	width: 129px;
	background: url(../bilder/mb-wasser.gif) 0 0 no-repeat;
}
li.item-107 a:hover,
li.current .item-107 a:link,
li.current .item-107 a:visited,
li.item-107.current.active a:link,
li.item-107.current.active a:visited{
	background: url(../bilder/mb-wasser.gif) 0 -111px no-repeat;
}
li.item-108 a:link,
li.item-108 a:visited{
	width: 120px;
	background: url(../bilder/mb-abwasser.gif) 0 0 no-repeat;
}
li.item-108 a:hover,
li.current .item-108 a:link,
li.current .item-108 a:visited,
li.item-108.current.active a:link,
li.item-108.current.active a:visited{
	background: url(../bilder/mb-abwasser.gif) 0 -111px no-repeat;
}
li.item-109 a:link,
li.item-109 a:visited{
	width: 129px;
	margin-left: 129px;
	background: url(../bilder/mb-abfall.gif) 0 0 no-repeat;
}
li.item-109 a:hover,
li.current .item-109 a:link,
li.current .item-109 a:visited,
li.item-109.current.active a:link,
li.item-109.current.active a:visited{
	background: url(../bilder/mb-abfall.gif) 0 -111px no-repeat;
}
li.item-110 a:link,
li.item-110 a:visited{
	width: 120px;
	background: url(../bilder/mb-abluft.gif) 0 0 no-repeat;
}
li.item-110 a:hover,
li.current .item-110 a:link,
li.current .item-110 a:visited,
li.item-110.current.active a:link,
li.item-110.current.active a:visited{
	background: url(../bilder/mb-abluft.gif) 0 -111px no-repeat;
}
li.item-111 a:link,
li.item-111 a:visited{
	width: 129px;
	margin-left: 129px;
	background: url(../bilder/mb-energie.gif) 0 0 no-repeat;
}
li.item-111 a:hover,
li.current .item-111 a:link,
li.current .item-111 a:visited,
li.item-111.current.active a:link,
li.item-111.current.active a:visited{
	background: url(../bilder/mb-energie.gif) 0 -111px no-repeat;
}

/* Suchbutton
*********************************************/
.button {
	width: 36px;
	height: 15px;
	padding-top: 9px;
	font-size: 0;
	color:#FFFFFF;
	text-decoration: none;
	line-height: 6px;
	border-style: none;
	overflow: hidden;
	background-color:#FFFFFF;
	background-image: url(../bilder/m1-suche.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.button:hover, 
.button:active,
.button:focus{
	width: 36px; 
	height: 15px;
	background-position: 0px -45px;
}

/* Links
*********************************************/
a:link {
	color: #000066;
	text-decoration: none;
}
a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: #6699CC;
	text-decoration: none;
}
a:active {
	color: #6699CC;
	text-decoration: none;
}

/* Standard Classes
*********************************************/

/* Module
*********************************************/

/* Layout
*********************************************/
#abstand{
	width: 1px;
	height: 50%;
	margin-bottom: -300px;
	float: left;
}
#buehne0{
	position: relative;
	width: 960px;
	height: 600px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	clear: left;
}
.logo0 {
	position: absolute;
	width: 330px;
	height: 81px;
	top: 99px;
	left: 105px;
}
.intro{
	position: absolute;
	width: 420px;
	height: 360px;
	top: 180px;
	left: 174px;
	z-index: 3;
}
.logo {
	position: absolute;
	width: 171px;
	height: 42px;
	top: 108px;
	left: 18px;
	background: url(../bilder/ac-logo171b.gif) 0 0 no-repeat;
	z-index: 8;
}
.linien {
	position: absolute;
	width: 826px;
	height: 30px;
	top: 144px;
	left: 18px;
	background: url(../bilder/linie.gif) 0 0 no-repeat;
	z-index: 6;
}
.claim0{
	position: absolute;
	top: 462px;
	left: 472px;
	width: 432px;
	height: 38px;
	z-index: 9;
}
.newsfader{
	position: absolute;
	top: 570px;
	left: 105px;
	width: 930px;
	height: 38px;
	z-index: 9;
}

/* OVERRIDES-News-Fader
*********************************************/
#gopiplus_css{
	padding-left: 12px;
}
img.fader{
	padding: 0 6px 0 0;
}

/* OVERRIDES-News-Ticker
*********************************************/
.ticker-wrapper.has-js {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 30px;
	display: block;
	font-size: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
	
}
.ticker {
	width: 960px;
	height: 24px;
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../../ac12/bilder/li-zeichen2.png) 0 1px no-repeat;
}
.ticker-title {
	line-height: 24px;
	margin: 9px 0 0 0;
	padding: 0;
	text-transform: none;
}
.ticker-content {
	margin: 0px;
	padding: 0;
	position: absolute;
	color: #000066;
	font-weight: bold;
	background: none;
	overflow: hidden;
	white-space: nowrap;
}
.ticker-content a {
	text-decoration: none;	
	color: #000066;
}
.ticker-content a:hover {
	text-decoration: none;	
	color: #6699CC;
}
.ticker-controls {
	display: none;
}
.ticker-swipe {
	position: absolute;
	top: 0p;
	width: 900px;
	height: 24px;
	padding-top: 0;
	background: #FFFFFF;
	display: block; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000066;
	height: 12px;
	width: 7px;
	display: block;
}


/* Joomla
**************************************************/

/* com_search */
div.joomla div.search p.info {color:#969696; font-style:italic; 
	margin:0px;}
div.joomla div.search span.highlight {background:#ffffaa;}


/* ERROR CSS
**************************************************/
#outline {margin:0px; padding:0px; padding-top:60px; 
	padding-bottom:60px; width:814px;}
#errorboxoutline {background-color:#fff; 
	border:1px solid #000000; width:600px;}
#errorboxheader {background:#E44249; 
	border-bottom:1px solid #000000; color:#fff; font-weight:bold; 
	font-size:18px; line-height:26px; text-align:center; 
	width:600px;}
#errorboxbody { text-align:left;}
#errorboxbody ol {list-style:none;}
#errorboxbody ul {list-style:none; margin:0px 25px;}
#errorboxbody p {padding:10px;}
#techinfo {border:1px solid #ccc; color:#ccc; margin:10px; 
	padding:10px; text-align:left;}
#techinfo p {color:#ccc;}