html { height: 100%; }

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
	min-width: 857px;
}

h1, h2, h3, h4, body, p { margin: 0; padding: 0; }

body { margin-bottom: 10px; }


img { border: 0 }

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #fff;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #4D6C74;
}

h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	color: #4D6C74;
}

p { margin-top: 14px; }

a:link {
	color: #0c3843;
}
a:visited {
	color: #57747C;
}
a:hover, a:active {
	text-decoration: none;
}


.content ul { /* for positioning and styling preferences */
	padding: 0;
	margin: 0;
	margin-left: 6px;
}

.content li {
	list-style-type: none; /* removes default bullet */
	background-image: url('../images/list_bullet.gif');
	background-repeat: no-repeat; /* ONE bullet only please */
	background-position: 0 .6em; /* .45em from top (vertical) */ 
	padding-left: 12px; /* space between bullet and text */
	/* styling options below */
	padding-bottom: 5px;
}

/* --- Site struktur --- */

.root {
	margin: 0 auto;
	width: 857px;
	position: relative;
}

.header {
	display: none;
}

.keyvisual img {
	display: none;
}

.menu {
	display: none;
}

.main {
	margin-top: 1px;
	width: 855px;
	border: 1px solid #565656;
	background-color: #fff;
}

.footer {
	height: 30px;
}

/* --- Site Elemente --- */

.logo {
	position: absolute;
	left: 31px;
	top: 0px;
}

.headertxt {
	display: none;
}

.copyright {
	float: left;
	margin: 12px 0px 0px 9px;
	font-size: 10px;
	color: #666;
}

.imprint {
	display: none;
}

.imprint a {
	display: none;
}

.imprint a:hover {
	display: none;
}

/* ------------ Inhaltsbereich ------------ */

.content {
	line-height: 1.4;
	width: 855px;
}

body#startseite .main,
body#wir_ueber_uns .main,
body#downloads .main,
body#jobs_karriere .main,
body#impressum .main { background: #fff url('../images/grey_bck.gif') repeat-y scroll top left; }

.content .headline {
	width: 528px;
	height: 59px;
	background: #57747C url('../images/headline_bck.gif') repeat-x scroll top left; 
	border-bottom: 1px solid #fff;
}

body#aktuelles .content .headline, body#wartungen_inspektionen .content .headline, body#ihre_meinung .content .headline, body#kontakt .content .headline, body#anfahrt .content .headline {
	float: right;
	margin-left: 327px;
}

.content .headline h1 {
	line-height: 38px;
	margin-top: 9px;
	float: right;
	margin-right: 20px;
}

body#aktuelles .content .headline h1, body#wartungen_inspektionen .content .headline h1, body#ihre_meinung .content .headline h1, body#kontakt .content .headline h1, body#anfahrt .content .headline h1 {
	float: left;
	margin-left: 20px;
}

/* Seiten-Foto Bereich */

.content .photo {
	float: left;
	width: 357px;
}

body#wartungen_inspektionen .content .photo, body#kontakt .content .photo, body#anfahrt .content .photo {
	float: right;
	width: 489px;
}

body#ihre_meinung .content .photo {
	float: right;
	width: 489px;
	margin-left: 30px;
	}

body#aktuelles .content .photo {
	float: right;
	margin-left: 30px;
	width: 327px;
}

.content .phototxt {
	float: left;
	margin-top: 8px;
	margin-left: 11px;
	font-size: 10px;
}

body#aktuelles .content .phototxt,
body#wartungen_inspektionen .content .phototxt,
body#ihre_meinung .content .phototxt,
body#kontakt .content .phototxt,
body#anfahrt .content .phototxt {
	left: auto;
	right: 11px;
}

/* Text Bereich */

.content .text {
	float: right;
	width: 460px;
	padding: 30px 30px 30px 0;
}

body#aktuelles .content .text,
body#wartungen_inspektionen .content .text,
body#ihre_meinung .content .text,
body#kontakt .content .text,
body#anfahrt .content .text {
	width: 300px;
	float: left;
	padding: 30px 0px 30px 30px;
}

body#aktuelles .content .dates {
	float: left;
	padding: 0px 30px 30px 30px;
}

body#anfahrt .content .text {
	padding: 0px 30px 30px 30px;
}

body#kontakt .content .text,
body#ihre_meinung .content .text {
	width: auto;
	float: none;
	padding-top: 80px;
}

body#kontakt .content .text {
	padding-top: 30px;
}

body#aktuelles .content .text {
	width: 468px;
}

.main {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}




/* ------------ Terminscript Styles ------------ */

table.dbtable,
table.dbtable td,
table.dbtable th {
	border-color: #ababab;
	border-style: solid;
	font-size: 10px;
}
table.dbtable {
	width: 100%;
	border-width: 0px 0px 1px 1px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 20px;
}
table.dbtable td,
table.dbtable th {
	margin: 0;
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 0px 0px;
}
table.dbtable tr.row1 {
	background-color: #fff;
}
table.dbtable tr.row2 {
	background-color: #F0F3F3;
}
table.dbtable td.dbhead {
	font-weight: bold;
	color: #555;
	background-color: #CCD5D8;
}

.maintable {
	margin: 0 auto;
	text-align: center;
	width: 95%;
}

.maintable input {
	font-size: 10px;
}

.maintable a {
	color: #0c3843;
	text-decoration: underline;
}

.maintable a:hover {
	text-decoration: none;
}

/* ------------ MENU STYLES ------------ */

ul#menu, ul#menu li {
	display: none;
}

ul#menu li {
	float: left;
}

ul#menu a {
	display: block;
}

* html a:hover
	{
	visibility: visible;
	}

ul#menu li#nav_0 { background-image: url('../images/menu/menu_0_on.gif'); }
ul#menu li#nav_1 { background-image: url('../images/menu/menu_1_on.gif'); }
ul#menu li#nav_2 { background-image: url('../images/menu/menu_2_on.gif'); }
ul#menu li#nav_3 { background-image: url('../images/menu/menu_3_on.gif'); }
ul#menu li#nav_4 { background-image: url('../images/menu/menu_4_on.gif'); }
ul#menu li#nav_5 { background-image: url('../images/menu/menu_5_on.gif'); }
ul#menu li#nav_6 { background-image: url('../images/menu/menu_6_on.gif'); }
ul#menu li#nav_7 { background-image: url('../images/menu/menu_7_on.gif'); }


ul#menu li#nav_0 a:hover img,
ul#menu li#nav_1 a:hover img,
ul#menu li#nav_2 a:hover img,
ul#menu li#nav_3 a:hover img,
ul#menu li#nav_4 a:hover img,
ul#menu li#nav_5 a:hover img,
ul#menu li#nav_6 a:hover img,
ul#menu li#nav_7 a:hover img {
	visibility: hidden;
}

ul#menu li a.act img {
	visibility: hidden;
}

body#anfahrt ul#menu li#nav_7 a img {
	visibility: hidden;
}

/* ------------ sIFR Styles ------------ */

/* 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 h1 {
	visibility: hidden;
}



.pdfLink { padding-left: 19px; background: url('../images/icon_pdf.gif') no-repeat 0% .3em; }
.docLink { padding-left: 19px; background: url('../images/icon_doc.gif') no-repeat 0% .3em; }
.zipLink { padding-left: 17px; background: url('../images/icon_zip.gif') no-repeat 0% .3em; }
.xlsLink { padding-left: 19px; background: url('../images/icon_xls.gif') no-repeat 0% .3em; }

/* file icon too high in table */
body#wartungen_inspektionen table img {
	margin-bottom: -1px;
}

#map img.gmnoprint, #map div span, #map div a{
	display: none;
}
#map div img.gmnoprint, #map div div a, #map div.gmnoprint{
	display: inline;
}

#map {
	width: 489px;
	height: 400px;
}

#side_bar {
	margin-top: 20px;
	line-height: 24px;
}


/* -- Wir ueber uns Styles -- */

div#diagramm {
	width: 456px;
}

#swap01 {
	background-image: url('../images/wirueberuns_tl_on.gif');    /* rollover state */
	width: 226px;                    /* image width */
	height: 96px;                   /* image height */
	float: left;
}
#swap02 {
	background-image: url('../images/wirueberuns_tr_on.gif');    /* rollover state */
	width: 230px;                    /* image width */
	height: 96px;                   /* image height */
	float: right;
}
#swap03 {
	background-image: url('../images/wirueberuns_bl_on.gif');    /* rollover state */
	width: 226px;                    /* image width */
	height: 114px;                   /* image height */
	float: left;
}
#swap04 {
	background-image: url('../images/wirueberuns_br_on.gif');    /* rollover state */
	width: 230px;                    /* image width */
	height: 114px;                   /* image height */
	float: right;
}

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

div.aufgabentxt {
	display: none;
}

.content .othertxt {
	float: left;
	margin-top: 8px;
	margin-left: 11px;
	font-size: 10px;
}

/* Kontakt Styles */
.kontakt {
	width: 380px;
	height: 153px;
	background-color: #DDE3E5;
	border: 1px solid #57747C;
	display: table-cell;
	margin-bottom: 30px;
}

.topkontakt {
	background-color: #ABB9BD;
}

.kopfkontakt {
	margin-bottom: 0px;
	border-bottom: none;
}

.kontakt img {
	margin-right: 12px;
}

.kontakt h2, .kontakt h3, .kontakt p {
	margin: 0;
	padding: 0;
}
.kontakt h2 {
	color: #333;
	margin-top: 12px;
	font-weight: normal;
	font-size: 12px;
}

.topkontakt h2 {
	font-weight: bold;
}
.kontakt h3 {
	color: #0c3843;
	margin-top: 12px;
	margin-bottom: 12px;
	font-weight: normal;
	font-size: 12px;
}

.kontakt p {
	font-size: 10px;
}

.kontaktlinks {
	float: left;
}

.kontaktrechts {
	float: right;
}

body#wartungen_inspektionen form {
	display: none;
}