html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:#FFFFEE;
	font: 93%/1.5 "@Arial Unicode MS", sans-serif;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */
}
body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	background: #FFFFEE url("images/header01.jpg") top left repeat-x;
}
#header {
	position:fixed; 
	margin:0; 
	top:0; 
	right: 18px; 
	display:block; 
	background: transparent url("images/header02.jpg") 18px 0px no-repeat;
	width:100%; 
	height:131px;
	z-index:10;
}
#wrap {
	display:block; 
	height:100%; 
	max-height:100%;
	overflow: auto; 
	position:relative; 
	z-index:2;
}
#leftcol {
	position:fixed; 
	left:0; 
	top:0; 
	height:100%; 
	width:165px; 
	background: transparent url("images/leftcolbg.jpg") top left repeat-y;
	z-index:4;
}
#soblu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 165px;
	height: 170px;
	background: transparent url("images/leftcolbg02.jpg") bottom left no-repeat;
	z-index: 6;
}
* html #header,* html #leftcol,* html #soblu {position:absolute;}
#content {
	padding: 135px 22% 0 180px;
}
#content2 {
	padding: 135px 5% 0 180px;
}
#footer {
	clear: both;
	border-top: 1px solid #E3E8EE;
	/*margin-right: 2%;*/
	padding: 10px 0 30px;
	font-size: 86%;
	color: #999999;
}
#footer p {
	margin: 0;
}
#footer a:link {
	color: #999999;
}
/*** Navigation styles ***/
#nav-first {
	margin: 86px 0 0 26px;
	width: 1024px;
}
* html #nav-first {
	position: absolute;
}
/*** Link styles ***/
a,a:link,a:link,a:link,a:hover {
	text-decoration:underline;
} 
a:link {
	color:#2352BE;
} 
a:visited {
	color:#999999;
} 
a:hover,a:active {
	color: #BFD9FF;
}
/*** Text styles ***/
p, ul, ol {
	margin: 0 0 1.5em;
}
ul, ol, dl {
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1px;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	margin: 1em 0 .3em;
	color:#000000;
	padding-bottom: .1em;
}
h1 {
	font-size: 162%;
	border: 1px solid #BFD9FF;
	padding: 0 0 0 10px;
	/*border: 1px solid #6791AA;*/
}
h2 {
	font-size: 136%;
}
h3 {
	font-size: 126%;
}
h4 {
	font-size: 116%;
}
h5 {
	font-size: 106%;
}
h6 {
	font-size: 96%;
}
ul {
	margin: 0.3em 0 1.5em 0;
	list-style-type: none;
}
ol {
	margin: .5em .5em 1.5em;
}
ol li {
	margin-left: 1.4em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}
li {
	line-height: 1.4em;
	padding-left: 25px;
}
.lst {
	margin: 0 2em 1em 3px;
	padding:0;
}
.submenu {
	margin: 0 0 4em 4em;
	padding: 0;
}
.lst li, .submenu li {
	list-style: disc;
	margin: 0 0 0 15px;
	padding:0;
}
.lst li ul {
	margin: 0;
	padding: 0;
}
.lst li li, .submenu li li {
	list-style: circle;
	padding: 0;
	margin: 0 0 0 20px;
}
dl.table-display { 
	padding: 1px 30px 0px 0px;
}
/* table display start */
.table-display dt {
	width: 15em;
	padding: .3em;
	float: left;
	margin: 0;
	border-top: 1px solid #999;
	font-weight: bold;
}
.table-display dd {
	margin-left: 15em;
	padding: .3em;
}
.table-display dd.first { 
	border-top: 1px solid #999;
}
/* table display end */
/* info display start */
dl.info-display { 
	padding: 1px 30px 0px 0px;
}
.info-display dt {
	width: 5em;
	padding: .3em;
	float: left;
	margin: 0;
	font-weight: bold;
}
.info-display dd {
	margin-left: 5em;
	padding: .3em;
}
/* info display end */
.clear {
	clear:both;
}
.textbox01 {
	float: left;
	width: 300px;
}
.textbox02,.textbox03 {
	float: left;
	width: 600px;
}
.textbox02 {
	font-size: 0.8em;
}
.textboxf {
	font-size: 0.8em;
	background-color: #E3E8EE;
}
.textk {
	font-size: 0.8em;
}
.textkk {
	font-size: 0.7em;
}
.textg {
	font-size: 1.2em;
}
#lblGum10sB,#lblGum10uB,#lblGum10aB,#lblGum20sB,#lblGum20uB,#lblGum20aB,#lblGum30sB,#lblGum30uB,#lblGum30aB,#lblGum40sB,
#lblGum40uB,#lblGum40aB,#lblGum50sB,#lblGum50uB,#lblGum50aB {
	font-weight: bold;
}
/********************************************/
#colnav {
	margin: 140px 0 0 0;
	width: 165px;
}
/* FIRST NAVIGATION */
#nav-first a {line-height:1.8;padding: 5px 0 5px 23px;background: transparent url("images/sprite01.gif") no-repeat;font: bold 86% arial;display:block;float: left;}
#nav-first a, #nav-first a:link, #nav-first a:visited, #nav-first a:hover, #nav-first a:active {text-decoration:none;cursor:pointer;margin: 0 3px 0 3px;} 
#nav-first a:link {color:#000} 
#nav-first a:visited {color:#000} 
#nav-first a:hover {color:#2352BE;background: #D0E3FF url("images/sprite01.gif") no-repeat;
} 

body.profil #nav-first #profil, body.profil #nav-first #profil a, 
body.strom #nav-first #strom, body.strom #nav-first #strom a, 
body.wasser #nav-first #wasser, body.wasser #nav-first #wasser a, 
body.abwasser #nav-first #abwasser, body.abwasser #nav-first #abwasser a, 
body.parkgarage #nav-first #parkgarage, body.parkgarage #nav-first #parkgarage a, 
body.stadtbus #nav-first #stadtbus, body.stadtbus #nav-first #stadtbus a, 
body.erdgas #nav-first #erdgas, body.erdgas #nav-first #erdgas a, 
body.service #nav-first #service, body.service #nav-first #service a, 
body.kontakt #nav-first #kontakt, body.kontakt #nav-first #kontakt a {
	color: #4372DC;
	background: transparent url("images/sprite02.gif") no-repeat;
}

/* SECONDARY NAVIGATION - vertical navigation */
#nav-sec, #nav-sec ul {position:static}
#nav-sec, #nav-sec li {list-style: none;margin:0;padding:0;background:transparent}
#nav-sec {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-sec a {line-height:1.8;padding: 5px 0 5px 23px;background: transparent url("images/elements.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
#nav-sec a, #nav-sec a:link, #nav-sec a:visited, #nav-sec a:hover, #nav-sec a:active {text-decoration:none;cursor:pointer} 
#nav-sec a:link {color:#000} 
#nav-sec a:visited {color:#000} 
#nav-sec a:hover {color:#2352BE;background: #D0E3FF url("images/elements.gif") no-repeat 10px -695px} 
#nav-sec li.active a:link, #nav-sec li.active a:visited, #nav-sec li.active a:hover, #nav-sec li.active a:active {color:#000} 
#nav-sec li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-sec ul {margin: 0 0 1em 23px;padding:0}
#nav-sec li.active li a, #nav-sec li.active li a:link, #nav-sec li.active li a:visited {line-height:1.5;background: transparent url("images/elements.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
#nav-sec li.active li a:hover, #nav-sec li.active li a:active {color: #2352BE}
#nav-sec li.active li {border: none;margin:0}
	
#nav-sec li.active li.active a:link, 
#nav-sec li.active li.active a:visited, 
#nav-sec li.active li.active a:hover, 
#nav-sec li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
#nav-sec ul ul {margin: 0 0 1em 13px;padding:0}
#nav-sec li.active li.active li a, #nav-sec li.active li.active li a:link, #nav-sec li.active li.active li a:visited {width:117px}
#nav-sec li.active li.active li a:link, 
#nav-sec li.active li.active li a:visited, 
#nav-sec li.active li.active li a:hover, 
#nav-sec li.active li.active li a:active {font-weight:normal}
#nav-sec li.active li.active li.active a:link, 
#nav-sec li.active li.active li.active a:visited, 
#nav-sec li.active li.active li.active a:hover, 
#nav-sec li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
#nav-sec ul ul ul {margin: 0 0 1em 13px;padding:0}
#nav-sec li.active li.active li.active li a, #nav-sec li.active li.active li.active li a:link, #nav-sec li.active li.active li.active li a:visited {width:104px}
#nav-sec li.active li.active li.active li a:link, 
#nav-sec li.active li.active li.active li a:visited, 
#nav-sec li.active li.active li.active li a:hover, 
#nav-sec li.active li.active li.active li a:active {font-weight:normal}
#nav-sec li.active li.active li.active li.active a:link, 
#nav-sec li.active li.active li.active li.active a:visited, 
#nav-sec li.active li.active li.active li.active a:hover, 
#nav-sec li.active li.active li.active li.active a:active {font-weight:bold}


/*** INFOBOX ***/
#rightcol {
	position:absolute;
	top:140px;
	right:25px;
	width:19%;
	padding-top: 18px;
	padding-bottom: 40px;
	font-size: 0.8em;
	z-index: 7;
}
#rightcol2 {
	position:absolute;
	top:140px;
	right:25px;
	width:19%;
	padding-top: 18px;
	padding-bottom: 40px;
	font-size: 0.8em;
	z-index: 7;
}
.ftebox, #bereitschaft .ftebox, #bereitschaft2 .ftebox {
	color: #333333;
	padding: 0 0 20px;
	margin: 0 0 1em;
	background: #F6F9EB url("images/infobg02.png") repeat-x 0 0;
	border: 1px solid #6791AA;
}
.ftebox p, .ftebox h1, .ftebox h2, .ftebox h5, .ftebox h6 {
	margin: 0 0 .3em;
	padding: 0 0 0 10px;
	color:#2152BB;
}
.ftebox h3 {
	margin: 0 0 .8em;
	padding: 0 0 0 6px;
	letter-spacing: 0px;
	font-size: 1.2em;
	color: #2352BE;
}
.ftebox h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	letter-spacing: 0px;
	font-size: 1em;
}
.ftebox p {
	border:none;
	margin: 0 0 0.1em;
	color:#444444;
}
.ftebox a {
	font-weight:bold;
	text-decoration: none;
}
.ftebox dl { 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
}
.ftebox dt {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	width: 55%;
	float: left;
}
.ftebox dd {
	margin-left: 55%;
	padding: 0 5px 0 0;
	text-align: right;
}
/*** ARKEO NEWS MODUL ***/
.infok {
	clear: both;
	margin: 10px 100px 4px 0;
	font-size: 0.8em;
	border-bottom: 1px solid Silver;
}
a.news {
	font-size: 0.9em;
	text-decoration: none;
}
a.news:hover {
	font-size: 0.9em;
	text-decoration: none;
}
a.news:active {
	font-size: 0.9em;
	text-decoration: none;
}
a.news:visited {
	font-size: 0.9em;
	text-decoration: none;
}
/** Arkeo Forms CSS Start **/
#lblAnmeldungKursNr, #lblAnmeldungKursTitle {
	font-weight: bold;
}
fieldset {
	padding:				0px 0px 10px 0px;
	margin:				15px 0px 15px 0ox;
	background-color: transparent;
	width:				600px;
	margin-left:		2px;
	border: 				1px inset #186BBD;
	display:				block;
	color:				black;
	clear: 				both;
}
fieldset.einzug {
	padding:				0px 0px 10px 0px;
	background-color: transparent;
	width:				560px;
	margin:				10px 0 20px 20px;
	border: 				1px solid #B7B7B7;
	display:				block;
	color:				black;
}

fieldset legend {
	margin:				0 0 10px 0;
	font-size: 			9pt;
	color:				black;
}

#valSummary, #valSummary2 {
	padding:				4px;
	border:				2px ridge #ffcccc;
	width:				500px;
	margin:				10px;
	background-color:	#ffcccc;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			8pt;
}

div.input, div.input2 {
	padding:	2px;
	clear: both;
}

div.input label {
	display:				block;
	width:				140px;
	float:				left;
	padding-left:		16px;
}
div.input2 label {
	display:				block;
	width:				200px;
	float:				left;
	padding-left:		16px;
}
#lblHT, #lblHT2, #lblNT, #lblNT2, #lblB1, #lblB2 {
	display:				block;
	width:				40px;
	float:				left;
	padding-left:		6px;
}

div.options {
	padding:				4px 180px 20px 0;
	text-align:			right;
	margin-top:			8px;
}

div.options input {
	font-weight:		bold;
	border: 1px outset #F5F5F5;
	background-color: #94BFE5;
	color: #000000;
}

ul {
	margin-top:			2px;
}

div.input input, div.input select, div.input textarea, div.input2 input, div.input2 select, div.input2 textarea {
	border:				1px solid #7B9CBD;
}

div.input input.error, div.input textarea.error, div.input select.error, div.input2 input.error, div.input2 textarea.error, div.input2 select.error
 {
	border:				2px solid red;
	background-color:	#ffcccc;
}

div.input label.error, div.input2 label.error {
	color:				#ff0000;
	font-weight:		bold;
}
div.input #btnSubmit {
	margin: 5px 0 0 200px;
}
/** Arkeo Forms CSS Ende **/
#flashcontent {
	width: 700px;
	height: 400px;
	z-index: 100;
}
.textimg {
	float: left;
	margin: 7px 20px 0 0;
}
/* Ableseformular Start */
.hint {
	margin: 0 0 8px 10px;
	font-size: 0.8em;
}
div.input3 {
	padding:	2px;
	/*clear: both;*/
}
div.input3 label {
	display:				block;
	width:				140px;
	float:				left;
	padding-left:		16px;
}
div.inputbox {
	width: 300px;
	padding: 2px 0 0 0;
	font-size: 1em;
	float: left;
}
.chkStep2 {
	clear: both;
	display: block;
}
div.input #btnStep1, div.input #btnStep2, div.input3 #btnStep2 {
	position: absolute;
	margin: 3px 0 15px 90px;
}
div.input #btnCancel1, div.input #btnCancel2, div.input3 #btnCancel2 {
	position: absolute;
	margin: 3px 0 15px 0;
}
div.input th, #pnlLast th, #abForm1 th {
	font-weight: normal;
	text-align: left;
}
#ablesebeleghd {
	margin: 0 0 0 21px;
}
#ablesebeleg1, #ablesebeleg2, #ablesebeleg3, #ablesebeleg4, #ablesebeleg5 {
	margin: 0 0 0 17px;
}
#pnlLast p {
	margin: 0 0 0 21px;
}
/* Ableseformular Ende */
span.colorLink { unicode-bidi:bidi-override; direction: rtl; }   
#QgFlash {
	float: left;
	width: 380px;
	margin: 20px 0 15px 0;
}