@charset "UTF-8";
@import url("box/colorbox.css");
/* CSS Document */

html, body { /* html ist nötig für die Gesamthöhe */
	height: 100%;
	text-align: center;
	margin:0; /* damit es keinen Scrollbalken gibt */
	background: #e3e4e5 /*dbdbdb*/;
}
/* reine Textformattierungen ohne Rand- oder Innenranddefinitionen */
p, td, body {
	color: #000;
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	text-align:left;
	line-height:16px;
	font-size: 11px;
}
p, td {
	margin: 0;
}
/* Suchbereich */
.csc-searchResultHeader, .csc-noSearchResultMsg{
	color: #000;
	text-align:left;
	line-height:16px;
	font-size: 11px;
	margin: 0;
}
p.csc-searchResult {
	color: #000;
	text-align:left;
	line-height:16px;
	margin: 0 0 16px 0;
}
td.csc-searchResultRange p{
	font-weight:bold;
	margin: 0 0 16px 0;
}
input, select {
	height:14px;
	border:1px solid #000;
	margin: 0 0 16px 0;
	padding: 0;
	line-height: 14px;
	font-size: 11px;
}
table, td, tr {
	vertical-align:top;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:0;
}
table#elektro, table#comm, table#wasser, table#unternehmen{
	margin: 16px 0 0 0;
	background:url(linien.gif) repeat;
}
table#elektro td, table#comm td, table#wasser td, table#unternehmen td{
	padding-bottom:16px;
}
td.sp1{
	width: 150px;
}
table#elektro td.sp2{
	width: 300px;
}
table#wasser{
	width: 500px;
}
table#comm .sp1{
	width: 200px;
}
table td.sp3{
	width:auto;
	text-align:right;
}
/* Standardlinks */
a:link, a:visited{
	text-decoration:none;
	color: #777;
	font-weight: bold;
}
a:hover{
	color: #000;
}
a.toplinks:link, a.toplinks:visited, a.toplinks:hover{
	font-weight:normal;
	color: #777;
}
a.startbild img {border:none;}

div#tab { /* dies ist der übergeordnete Container als Tabelle */
	display:table;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0%;
	top: 0%;
}
div#zelle { /* dies ist der untergeordnete Container als Zelle innerhalb der Tabelle */
	display:table-cell;
	vertical-align:middle;
	margin: 0 auto;
	text-align:inherit; /* übernimmt vom umschliessenden Objekt, in dem Falle von body*/
}
#seite {
	display:block;
	width:875px;
	height:586px;
	background: url(index-back.png) no-repeat top center;
	text-align:left;
	border:solid 8px #fff;
	margin: 0 auto;
}
#startseite {
	display:block;
	width:1075px;
	height:265px;
	background:none;
	text-align:left;
	margin: 0 auto;
}
#home{
	float:left;
	width: 250px;
	height: 170px ;
}
.kopf_fuss {
	display:block;
	width:875px;
	height:20px;
	text-align:left;
	margin: 0 auto;
}
.p_links, .p_rechts{
	float:left;
	width:437px;
	text-align:left;
	line-height:20px;
	margin:0;
	padding:0;
}
.p_rechts{
	text-align:right;
}
#menue{
	height:170px;
	width:625px;
	margin: 0 0 16px 0px;
	padding:0;
	overflow:hidden;
}
#submenue, #submenue_rot, #submenue_blau, #submenue_gruen, #submenue_gelb, #submenue_grau_160, #submenue_gruen_160 {
	height:400px;
	min-width:50%;
	margin: 0;
	padding:0;
	background: url(hgrau_125.png) no-repeat;
}
#submenue_rot{
	background: url(hrot_125.png) no-repeat;
}
#submenue_blau{
	background: url(hblau_125.png) no-repeat;
}
#submenue_gruen{
	background: url(hgruen_125.png) no-repeat;
}
#submenue_gelb{
	background: url(hgelb_125.png) no-repeat;
}
#submenue_grau_160{
	background: url(hgrau_160.png) no-repeat;
}
#submenue_gruen_160{
	background: url(hgruen_160.png) no-repeat;
}
#submenue_fix {
	height:400px;
	margin: 0;
	padding:0;
	width: 250px;
	background:none;
	float:left;
}
#inhalt{
	overflow:auto;
	height: 400px;
	width:625px;
	margin: 0 0 0 0;
	padding:0;
}
#inhalt_popup{
	margin: 0;
	padding:0;
	overflow:auto;
	height:480px;
	width:500px;
	background:url(linien.gif) repeat;
}
/* Navigationen */

ul.navi1{
	background-color: transparent;
	margin: 15px 0 0 0;
	padding: 0;
	list-style:none;
	list-style-image: none;
}
ul.navi1 li {
	display: table-column-group;
	float: left;
	width:125px;
	height: 16px;
	vertical-align:middle;
	text-align:left;
}
ul.navi1 li a{
	display:table-cell;
	vertical-align:bottom;
	font-weight:normal;
	overflow:hidden;
	padding: 0;
	height:155px;
	width:125px;
}
li.menu a:link, li.menu a:visited, li.menu a:active { color: #fff;}
li.menu a:hover { color: #000;}
li.menu-act a:link, li.menu-act a:visited { color: #000;}
li.menu-act a:hover { color: #fff;}

ul.navi2, ul.navi3{
	background-color: transparent;
	margin: 0;
	padding: 0;
	list-style:none;
	list-style-image: none;
}
ul.navi2 li{
	padding: 0;
	margin:0;
	text-align:left;
	font-weight:normal;
}
ul.navi3 li{
	padding: 0 0 0 7px;
	margin:0;
	text-align:left;
	font-weight:normal;
}
li.submenu2 a:link, li.submenu2 a:visited, li.submenu2 a:active { color: #000;font-weight:normal;}
li.submenu3 a:link, li.submenu3 a:visited, li.submenu3 a:active { color: #777;font-weight:normal;}
li.submenu2-act a:link, li.submenu2-act a:visited, li.submenu2-act a:active { color: #777 ;font-weight:bold;}
li.submenu3-act a:link, li.submenu3-act a:visited, li.submenu3-act a:active { color: #777 ;font-weight:bold;}
li.submenu2-act a:hover, li.submenu2 a:hover, li.submenu3-act a:hover, li.submenu3 a:hover { color: #777;font-weight:bold;}

/* Sitemap */
.csc-sitemap li {
	border-top: solid 1px #777;
	list-style:none;
	padding:0;
	margin:0;
	line-height:15px;
}
.csc-sitemap ul {
	margin: 0 0 16px 0;
	width: 375px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
.csc-sitemap ul ul {
	margin: 16px 0 16px 125px;
	width: 125px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
.csc-sitemap ul ul ul {
	margin: 16px 0 16px 125px;
	padding: 0;
	width: 125px;
	list-style: none;
	list-style-image: none;
}

/* jScrollPane Aussehen */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height:398px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: transparent;
	border: 1px solid #ccc;
}
.jScrollPaneDrag {
	position: absolute;
	background: #acacac;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background:url(../css/pfeil_oben.gif) no-repeat;
	height:14px;
	width:14px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background:url(../css/pfeil_unten.gif) no-repeat;
	height:14px;
	width:14px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 0px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 2px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* Flex-Person */
div.flex_person {
	width: 250px;
	overflow:hidden;
	height:240px;
}
.flex_person a:link{
	font-weight:normal;
}
.csc-default{ /* damit erreiche ich, dass die Personen nebeneinander gereiht kommen */
	float:left;
}
/* Tabellen */
.tab_std{
	width:625px;
	border-collapse:collapse;
	border:0;
	margin:0;
	padding:0;
	border-spacing:0;
}
.tab_std .td-0, .tab_std .td-1{
	vertical-align:top;
	width:125px;
	border-collapse:collapse;
	border:0;
	margin:0;
	padding:0;
	border-spacing:0;
}
.tab_std .td-1{
	width: 500px;
}
/* Suchen / Mailform */
#mailform label {
	width: 125px;
	display:block;
	float:left;
}
#mailform input {
	border: 1px solid #000;
	width: 373px;
}
#mailform select {
	border: 0;
	width: 375px;
}
#mailform input#mailformsubmit {
	width: 375px;
	margin: 0 0 0 125px;
	height: 16px;
	border: none;
}
/* Powermail */
#c39{
	margin-left:125px;
}
fieldset.pm_fieldset {
	text-align:left;
	border:0;
	margin:0;
	padding:0;
	width:625px;
}
.pm_fieldset legend{
	visibility:hidden;
}
.pm_fieldset input.pm_input, .pm_fieldset input.pm_input_erster, .pm_fieldset input.pm_input_letzter, input.pm_input_einzelner {
	height:15px;
	border: 1px solid #ccc;
	border-top: none;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 14px;
	font-size: 10px;
	width:373px;
}
.pm_fieldset input.pm_input_erster {
	height:14px;
	border: 1px solid #ccc;
}
.pm_fieldset input.pm_input_einzelner {
	height:14px;
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
.pm_fieldset input.pm_input_letzter{
	margin-bottom: 16px;
}
.pm_fieldset .pm_textarea{
	border: 1px solid #ccc;
	margin: 0 0 16px 0;
	height:46px;
	padding: 0;
	line-height: 14px;
	font-size: 11px;
	width:373px;
}
.pm_fieldset label{
	width: 125px;
	height:16px;
	display:block;
	float:left;
}
.pm_fieldset input.pm_send, input.tx-powermail-pi1_mandatory_submit, input.tx-powermail-pi1_confirmation {
	width: 375px;
	margin: 16px 0 0 125px;
	height: 16px;
	border: 1px solid #ccc;
	background-color:#acacac;
}
.pm_fieldset .pm_captcha {
	width: 278px;
	margin: 0 125px 16px 0;
	padding:0;
	line-height: 14px;
	border: 1px solid #ccc;
}
.powermail_captcha{
	margin:0 20px 0 0;
	float:right;
}
#powermaildiv_uid38{
	margin: 16px 0 16px 0;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title{
	font-weight:bold;
}
.pm_fieldset label+input.auswahl {
	width:16px;
	margin: 0 0 0 125px;
	padding:0;
	height:16px;
	background-color:transparent;
}
.powermail_check_inner {
	margin: 0;
}
.powermail_check_inner label{
	width: 480px;
	float: right;
}
.tx-powermail-pi1_mandatory, div.tx-powermail-pi1_confirmation, table.powermail_all_table {
	text-align:left;
	border:0;
	margin:16px 0 0 0;
	padding:0;
	width:625px;
}
ul.powermail_mandatory_list{
	margin: 16px 0 16px 125px;
	padding:0;
}
li.powermail_mandatory_listitem {
	margin-left: 15px;
}
.tx-powermail-pi1_confirmation td.powermail_all{
	font-weight:normal;
	width:125px;
}