@charset "utf-8";

* {
        margin: 0px;
        padding: 0px;
        border: 0;
        background-repeat: no-repeat;
}

/* ###################### ALLGEMEINE TAGS ###################### */

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #ffffff;
}

h1 {
	color: #808080;
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 10px;
}

h2 {
	color: #20A8AE;
	font-size: 16px;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 10px;
}

h3 {
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 3px;
}

h4 {
	color: #20A8AE;
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 4px;
	font-weight: bold;
}

p {	
	margin-bottom: 12px;
}

ul {	
	margin-bottom: 12px;
	overflow: auto;
}

li {
	list-style-type: square;
	margin-left: 15px;
	padding-top: 2px;
}

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

ul li ul li {
        list-style-type: circle;
	margin-left: 25px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 0px;
}

small {
	font-size: 10px;
	white-space: nowrap;
}

a, a:link, a:visited, a:active, a:focus {
	color: #569DA0;
	text-decoration: none;
	border-bottom: 1px;
	border-style: dotted;
}

a:hover {
	color: #808080;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 0px;
	margin-bottom: 1px;
}

a.noborder {
	border: 0px;
	margin: 0px;
}

li.active {
	color: #808080;
}

br.clear {
	clear: both;
}

hr {
	border-bottom: 1px solid silver;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* ###################### CONTENT ALLGEMEIN TAGS ###################### */

div.eyecatcher_1 {
	width: 435px;
	float: left;
}

div.eyecatcher_2 {
	width: 205px;
	float: left;
}

div.eyecatcher_3 {
	width: 170px;
	float: left;
}

div.eyecatcher_trennung {
	width: 40px;	
	margin-top: 4px;
	float: left;
	height: 370px;
/*	background-image: url(images/bg_trennlinie_y.jpg);
 	background-repeat: repeat-y;
	background-position: center;
	width: 56px;	*/
}

a.weiterlesen {
	float: right;
	margin-top: 7px;
	clear: right;
}

div.eyecatcher_1 a.weiterlesen, div.eyecatcher_2 a.weiterlesen {
	float: right;
	margin-top: 7px;
	clear: right;
}

span.telefon {
	color: #20A8AE;
	font-weight: bold;
	font-size: 15px;
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
}

a.pdf, h3.pdf {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}

img.bildrechts {
  	float: right;
  	margin-bottom: 10px;
  	margin-left: 10px;
	clear: right;
}

img.bildlinks {
  	float: left;
  	margin-bottom: 10px;
  	margin-right: 10px;
	clear: left;	
}

img.bildmitte {
	display: block;
  	margin-left: auto;
    margin-right: auto;	
}

img.liste {
  	border: 1px dotted #20A8AE;
	padding: 4px;
}

img.rahmen {
  	border: 1px dotted #20A8AE;
	padding: 4px;
}

img.rahmen:hover {
  	border: 1px solid #20A8AE;
	box-shadow: inset 0px 0px 0px 2px #20A8AE;
}

.schmal {
	width: 445px;
}

table {
	text-align: left;
	vertical-align: top;
}

table  th {
	vertical-align: top;
	font-weight: bold;
}

table  td {
	vertical-align: top;
	font-weight: normal;
}

table.download {
	width: 690px;
}

table.download th {
	padding: 5px;
}

table.download td {
	padding: 5px;
	border-bottom: 1px solid silver;
}

table.download th.name, table.download td.name {
	width: 260px;
}

table.download th.kurzbeschreibung, table.download td.kurzbeschreibung {
	width: 328px;
}

table.download th.revision, table.download td.revision {
	width: 72px;
}

table.download th.updateversion, table.download td.updateversion {
	width: 160px;
}

table.download th.changelog, table.download td.changelog {
	width: 440px;
}

table.download th.updategroesse, table.download td.updategroesse {
	width: 80px;
}

div.accordion_hover h2 {
	display: block;
	color: #20A8AE;
	height: 23px;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px solid silver;
	background-color: #ffffff;
	background-image: url(images/bg_accordion_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.accordion_hover h2:hover {
	color: #808080;
	cursor: pointer;
	background-image: url(images/bg_accordion_verlauf_aktiv.jpg);
}

div.accordion_hover h2 span {
	color: #808080;
}

div.accordion_hover h3 {
	margin-top: 0px;
}

div.accordion_hover div {
	display: block;
	height: 155px;
	padding-top: 15px;
	background-position: right;
}

div.accordion_hover div.projektloesung {
	background-image: url(images/accordion_projektloesungen.jpg);
}

div.accordion_hover div.software {
	background-image: url(images/accordion_software.jpg);
}

div.accordion_hover div.ssi {
	background-image: url(images/accordion_ssi.jpg);
}

div.accordion_hover div.senselite_labor {
	background-image: url(images/accordion_senselite_labor.jpg);
}

div.accordion_hover div.senselite_wandler {
	background-image: url(images/accordion_senselite_wandler.jpg);
}

div.accordion_hover div.multilevel {
	background-image: url(images/accordion_multilevel.jpg);
}

div.accordion_hover p {
	width: 240px;
}

/* Accordion Click Klassen #################################################################################################################*/

div.accordion {
	padding-left: 8px;
}

div.accordion h2 {
	display: block;
	color: #20A8AE;
	height: 20px;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px solid silver;
	background-color: #ffffff;
	background-image: url(images/bg_accordion_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.accordion h2:hover {
	color: #808080;
	cursor: pointer;
	background-image: url(images/bg_accordion_verlauf_aktiv.jpg);
}

div.accordion h2 span {
	color: #808080;
}

div.accordion h3 {
	margin-top: 0px;
}

div.accordion div.funktionen {
	display: block;
	height: 419px;
	padding-top: 0px;
	background-position: right;
}

div.accordion div.anwendungsbeispiele {
	display: block;
	height: 419px;
	padding-top: 0px;
	background-position: right;
}


/* Klassen für Inhalte in viertel, drittel, halbe */

div.uebersicht_halb {
	position: relative;
	display: block;
	width: 290px;
	min-height: 100px;
	background-color: #ffffff;
	color: #000000;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid silver;
	padding: 10px;
	padding-top: 0px;
	background-image: url(images/bg_uebersicht_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.uebersicht_drittel {
	position: relative;
	display: block;
	width: 180px;
	min-height: 100px;
	background-color: #ffffff;
	color: #000000;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid silver;
	padding: 10px;
	padding-top: 0px;
	background-image: url(images/bg_uebersicht_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.uebersicht_viertel {
	position: relative;
	display: block;
	width: 124px;
	min-height: 100px;
	background-color: #ffffff;
	color: #000000;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid silver;
	padding: 10px;
	padding-top: 0px;
	background-image: url(images/bg_uebersicht_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.uebersicht_halb:hover, div.uebersicht_drittel:hover, div.uebersicht_viertel:hover{
	border: 1px solid #20A8AE;
	box-shadow: inset 0px 0px 0px 2px #20A8AE;
	color: #808080;
}

div.uebersicht_drittel.projektloesung, div.uebersicht_drittel.software, div.uebersicht_drittel.ssi, div.uebersicht_drittel.senselite_wandler, div.uebersicht_drittel.senselite_labor, div.uebersicht_drittel.multilevel {
	height: 145px;
}

div.uebersicht_drittel.projektloesung:hover h3, div.uebersicht_drittel.software:hover h3, div.uebersicht_drittel.ssi:hover h3, div.uebersicht_drittel.senselite_wandler:hover h3, div.uebersicht_drittel.senselite_labor:hover h3, div.uebersicht_drittel.multilevel:hover h3, div.uebersicht_drittel.projektloesung:hover p, div.uebersicht_drittel.software:hover p, div.uebersicht_drittel.ssi:hover p, div.uebersicht_drittel.senselite_wandler:hover p, div.uebersicht_drittel.senselite_labor:hover p, div.uebersicht_drittel.multilevel:hover p {
	display: none;
}

div.uebersicht_drittel.projektloesung:hover {
	background-image: url(images/uebersicht_drittel_projektloesung.jpg);
}

div.uebersicht_drittel.software:hover {
	background-image: url(images/uebersicht_drittel_software.jpg);
}

div.uebersicht_drittel.ssi:hover {
	background-image: url(images/uebersicht_drittel_ssi.jpg);
}

div.uebersicht_drittel.senselite_wandler:hover {
	background-image: url(images/uebersicht_drittel_senselite_wandler.jpg);
}

div.uebersicht_drittel.senselite_labor:hover {
	background-image: url(images/uebersicht_drittel_senselite_labor.jpg);
}

div.uebersicht_drittel.multilevel:hover {
	background-image: url(images/uebersicht_drittel_multilevel.jpg);
}

div.uebersicht_viertel .hintergrundbild {
	padding: 0px;
	width: 144px;
	height: 120px;
}

div.uebersicht_viertel.hintergrundbild img{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	z-index: 10;
}

div.uebersicht_viertel.hintergrundbild span{
	position: absolute;
	left: 0px;
	top: 7px;
	width: 144px;
	min-height: 10px;
	background-image: url(images/bg_uebersicht_whiteimage.png);
	background-repeat: repeat;
	z-index: 20;
}

div.uebersicht_viertel.hintergrundbild span h3{
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 10px;
	z-index: 30;
}

div.download {
	display: block;
	width: 124px;
	background-color: #ffffff;
	color: #000000;
	margin-bottom: 10px;
	border: 1px solid silver;
	padding: 10px;
	background-image: url(images/bg_uebersicht_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.download:hover {
	border: 1px solid #20A8AE;
	box-shadow: inset 0px 0px 0px 2px #20A8AE;
	color: #808080;
}

div.download img {
	border: 1px solid silver;
}

div.download p {
	background-image: url(images/pdf.png);
	background-repeat: no-repeat;
	padding-left: 28px;
	color: #569DA0;
	text-decoration: none;
	margin-bottom: 0px;
}

div.download small {
	color: #000000;
}

.vertretung {
	position: absolute;
	right: 2px;
	bottom: 2px;
}

/* ###################### KONTAKTFORMULAR ###################### */

form {
	width: 442px;
	background-color: #EBEBEB;
	padding: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	border: 1px solid #B9B9B9;
	-moz-border-radius: 0 6px 6px 6px; /* Firefox */
	-webkit-border-radius: 0 6px 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 0 6px 6px 6px; /* Konqueror */
	border-radius: 0 6px 6px 6px; /* CSS3 */
}

form.rueckruf {
	width: 500px;
}

fieldset {
	margin-bottom: 16px;
	margin-right: 10px;
	margin-left: 10px;
	display: block;
	-moz-border-radius: 0 6px 6px 6px; /* Firefox */
	-webkit-border-radius: 0 6px 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 0 6px 6px 6px; /* Konqueror */
	border-radius: 0 6px 6px 6px; /* CSS3 */
	float: left;
}

label {
	display: block;
}

label.radio {
	display: inline;
}

p.pflicht, label.pflicht {
	color: #C40000;
}

p.pflicht {
	margin-left: 10px;
}

input, select, textarea {
	color: #696969;
	background-color: #FFFFFF;
	width: 195px;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
	border: none;
}

form.rueckruf input, form.rueckruf select, form.rueckruf textarea {
	width: 220px;
}

input, textarea {
	border: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

textarea {
	height: 242px;
}

input.radio {
	width: 30px;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 8px;
}

.checkboxen {
	width: 440px;	
}

.checkboxen input {
	width: 20px;
	float: left;
}

.checkboxen label {
	width: 380px;
	display: block;
	float: left;
}

input:focus, textarea:focus {
	background-color: #FFFFFF;
	color: #000000;	
	border: solid;
	border-width: 1px;
	border-color: #20A8AE;
}

select:focus {
	background-color: #FFFFFF;
	color: #000000;	
	border: none;
}

input.button {
	background-color: #F5F5F5;
	color: #000000;
	width: 170px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 0px;
	border: 1px solid silver;
	-moz-border-radius: 4px 4px 4px 4px; /* Firefox */
	-webkit-border-radius: 4px 4px 4px 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px 4px 4px 4px; /* Konqueror */
	border-radius: 4px 4px 4px 4px; /* CSS3 */
	background-image: url(images/bg_button_shadow.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

input.button:hover {
	border: 2px solid #20A8AE;
	margin-top: 19px;
	margin-bottom: -1px;
}

legend {
	font-weight: bold;
	position: relative;
	margin-bottom: 8px;
}

fieldset span {
	display: block;
}

.kontakt_fail {
	color: #E40000;
	font-weight: bold;
	font-size: 15px;
}

.kontakt_success {
	color: #008000;
	font-weight: bold;
	font-size: 15px;
}

/* ###################### CONTENT NAVIGATION TAGS ###################### */

#content_nav p {
	color: #20A8AE;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 4px;
}

#content_nav ul li {
        list-style-type: square;
	margin-left: 15px;
	color: #20A8AE;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid silver;
	margin-bottom: 0px;
}

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

#content_nav ul li ul li {
        list-style-type: square;
	margin-left: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 0px;
}

#content_nav ul li a, #content_nav ul li a:link, #content_nav ul li a:visited, #content_nav ul li a:active, #content_nav ul li a:focus {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px;
}

#content_nav ul li a:hover {
	color: #808080;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 0px;
}

#content_nav ul li.active {
	color: #808080;
}

#content_nav ul li.linked {
	color: #000000;
}

/* ###################### CONTENT TAB-NAVIGATION TAGS ###################### */

ul.nav_tabs { 
	line-height: 30px;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	overflow: visible;
}

ul.nav_tabs li { 
	float: left;	 
	list-style-type: none;
	margin-right: 4px;
	margin-left: 0px;
	padding: 0px;
	-moz-border-radius: 6px 6px 0 0;	
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
}

ul.nav_tabs li a { 
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	color: #000000;
	border: 0;
	background-image: url(images/bg_tab_shadow.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

ul.nav_tabs li a:hover { 
	background-color: white;
	height: 31px;
	position: relative;
	-moz-border-radius: 6px 6px 0 0;
	z-index: 5;
	color: #808080;
	background-image: none;	
}

ul.nav_tabs li.active { 
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	background-color: white;
	text-align: center;
	height: 31px;
	position: relative;
	z-index: 5;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	color: #808080;
}



/* ###################### FOOTER TAGS ###################### */

#footer ul {	
	overflow: visible;
}


#footer_kontakt p {
	font-size: 11px;
}

#footer_sitemap table {
	width: 648px;
	text-align: left;
	vertical-align: top;
}

#footer_sitemap table th {
	width: 119px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}

#footer_sitemap table td {
	width: 119px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

#footer_sitemap ul li {
	list-style-type: none;
	margin-top: 1px;
	padding: 0;
	margin-left: 0px;
	margin-bottom: 0px;
}

/* ###################### TOPPER TAGS ###################### */

#topper ul {
	position: absolute;
	bottom: 6px;
	right: 0px;
	margin-bottom: 0px;
	width: 265x;
	height: 18px;
}

#topper ul li {
        list-style-type: none;
        display: inline;
	padding-left: 4px;
	padding-right: 0px;
	font-size: 11px;
	margin: 0px;
	height: 18px;
}

#topper span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 0px;
	bottom: 6px;
}

/* ###################### EMOTION TAGS ###################### */

#emotion_text p {
	position: absolute;
	width: 192px;
	margin: 0px;
	bottom: 12px;
	display: block;
	color: #20A8AE;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* ###################### NAVIGATION TOP TAGS ###################### */

#nav_top ul li {
	list-style-type: none;
        float: left;
        display: inline;
        margin: 0;
        padding: 0;
}

#nav_top ul li a {
	border: 0;
}

#nav_top span {
        display: none;
}

.nav_top_unternehmen:link, .nav_top_unternehmen:visited, .nav_top_unternehmen:active, .nav_top_unternehmen:focus {
        display: block; 
        width: 120px;
        height: 96px;
        background-image: url(images/unternehmen0.jpg);
}

.nav_top_unternehmen:hover {
        background-image: url(images/unternehmen1.jpg);
}

.nav_top_unternehmen.active:link, .nav_top_unternehmen.active:visited, .nav_top_unternehmen.active:active, .nav_top_unternehmen.active:focus {
        background-image: url(images/unternehmen1.jpg);
}


.nav_top_engineering_ausfuehrung_service:link, .nav_top_engineering_ausfuehrung_service:visited, .nav_top_engineering_ausfuehrung_service:active, .nav_top_engineering_ausfuehrung_service:focus {
        display: block;
        width: 114px;
        height: 96px;
        background-image: url(images/engineering_ausfuehrung_service0.jpg);
}

.nav_top_engineering_ausfuehrung_service:hover {
        background-image: url(images/engineering_ausfuehrung_service1.jpg);
}

.nav_top_engineering_ausfuehrung_service.active:link, .nav_top_engineering_ausfuehrung_service.active:visited, .nav_top_engineering_ausfuehrung_service.active:active, .nav_top_engineering_ausfuehrung_service.active:focus {
        background-image: url(images/engineering_ausfuehrung_service1.jpg);
}


.nav_top_sensorik_systeme:link, .nav_top_sensorik_systeme:visited, .nav_top_sensorik_systeme:active, .nav_top_sensorik_systeme:focus {
        display: block;
        width: 118px;
        height: 96px;
        background-image: url(images/sensorik_systeme0.jpg);
}

.nav_top_sensorik_systeme:hover {
        background-image: url(images/sensorik_systeme1.jpg);
}

.nav_top_sensorik_systeme.active:link, .nav_top_sensorik_systeme.active:visited, .nav_top_sensorik_systeme.active:active, .nav_top_sensorik_systeme.active:focus {
        background-image: url(images/sensorik_systeme1.jpg);
}


.nav_top_msr-software:link, .nav_top_msr-software:visited, .nav_top_msr-software:active, .nav_top_msr-software:focus {
        display: block;
        width: 125px;
        height: 96px;
        background-image: url(images/msr-software0.jpg);
}

.nav_top_msr-software:hover {
        background-image: url(images/msr-software1.jpg);
}

.nav_top_msr-software.active:link, .nav_top_msr-software.active:visited, .nav_top_msr-software.active:active, .nav_top_msr-software.active:focus {
        background-image: url(images/msr-software1.jpg);
}


.nav_top_download:link, .nav_top_download:visited, .nav_top_download:active, .nav_top_download:focus {
        display: block;
        width: 96px;
        height: 96px;
        background-image: url(images/download0.jpg);
}

.nav_top_download:hover {
        background-image: url(images/download1.jpg);
}

.nav_top_download.active:link, .nav_top_download.active:visited, .nav_top_download.active:active, .nav_top_download.active:focus {
        background-image: url(images/download1.jpg);
}


.nav_top_kontakt:link, .nav_top_kontakt:visited, .nav_top_kontakt:active, .nav_top_kontakt:focus {
        display: block;
        width: 83px;
        height: 96px;
        background-image: url(images/kontakt0.jpg);
}

.nav_top_kontakt:hover {
        background-image: url(images/kontakt1.jpg);
}

.nav_top_kontakt.active:link, .nav_top_kontakt.active:visited, .nav_top_kontakt.active:active, .nav_top_kontakt.active:focus {
        background-image: url(images/kontakt1.jpg);
}

/* ###################### STRUKTUR / DIV-ID / CLASS CONTAINER ###################### */

#header {
        width: 100%;
        height: 128px;
}

#topper {
	width: 890px;
        height: 32px;
	margin: auto;
	position: relative;
}

#header_background {
	width: 100%;
        height: 96px;
        background-color: #F5F5F5;
}

#header_center {
	width: 896px;
        height: 96px;
        background-color: #F5F5F5;
	margin: auto;
}

#logo {
	width: 216px;
	height: 96px;
	float: left;
	margin-right: 16px;
	background-color: #F5F5F5;
}

#nav_top {
	width: 656px;
	height: 96px;
	float: left;
	background-color: #F5F5F5;
}

#emotion {
	width: 100%;
	height: 288px;
}

#emotion_flag_center {
	width: 1250px;
	height: 288px;
	margin: auto;
	background-image: url(images/germany_flag.jpg);
}

#emotion_full_picture_center_buerger {
	width: 1250px;
	height: 288px;
	margin: auto;
	background-image: url(aktion/trinkwasser/images/head.jpg);
}

#emotion_center{
	width: 896px;
	height: 288px;
	margin: auto;
}

#emotion_text {
	width: 192px;
	height: 256px;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	float: left;
	background-image: url(images/bg_emotion_text.jpg);
	padding-left: 12px;
	padding-right: 12px;
	position: relative;
}

#emotion_image {
	width: 652px;
	height: 252px;
	margin-top: 16px;
	margin-bottom: 16px;
	float: left;
	border: 2px solid #20A8AE;
}

#content {
	width: 100%;
	background-color: #F5F5F5;
	background-image: url(images/bg_content_abschluss.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#content_center{
	width: 896px;
	padding-top: 24px;
	padding-bottom: 24px;
	margin: auto;
}

#content_nav {
	width: 180px;
	padding-right: 20px;
	margin-right: 20px;
	padding-bottom: 30px;
	background-image: url(images/bg_trennlinie_y.jpg);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
}

#content_buehne_nav_add {
	width: 476px;
	padding-right: 20px;
	float: left;
}

#window {
	width: 668px;
	float: left;
}

#content_buehne_ohnenav {
	width: 696px;
	padding-right: 20px;
	float: left;
}

#content_buehne_ohneadd {
	width: 668px;
	float: left;
}

#content_buehne_ohneAlles {
	width: 848x;
	float: left;
}

#content_pane { 
	width: 440px;
	background-color: white;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 24px;
	border: 1px solid silver;
	-moz-border-radius: 0 6px 6px 6px; /* Firefox */
	-webkit-border-radius: 0 6px 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 0 6px 6px 6px; /* Konqueror */
	border-radius: 0 6px 6px 6px; /* CSS3 */
}

#content_bigpane { 
	width: 640px;
	background-color: white;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 5px;
	padding-bottom: 24px;
	border: 1px solid silver;
	-moz-border-radius: 0 6px 6px 6px; /* Firefox */
	-webkit-border-radius: 0 6px 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 0 6px 6px 6px; /* Konqueror */
	border-radius: 0 6px 6px 6px; /* CSS3 */
}

#content_add {
	width: 152px;
	padding-left: 20px;
	background-image: url(images/bg_trennlinie_y.jpg);
	background-repeat: repeat-y;
	background-position: left;
	float: left;
}

div.content_add_content {
	margin-bottom: 30px;
	display: block;
	width: 152px;
}

#footer {
	width: 100%;
	padding-top: 32px;
	padding-bottom: 20px;
}

#footer_center{
	width: 896px;
	margin: auto;
}

#footer_kontakt {
	width: 200px;
	padding-right: 16px;
	float: left;
}

#footer_sitemap {
	width: 664px;
	padding-left: 16px;
	background-image: url(images/bg_trennlinie_y.jpg);
	background-repeat: repeat-y;
	background-position: left;
	float: left;
}

/* ########################################################### RUECKRUF ########################################################## */

#rueckruf {
	position: fixed;
	left: -12px;
	top: 240px;
	height: 130px;
	width: 53px;
	background-image: url(images/rueckruf.png);
	z-index: 90;
}

#rueckruf_sidebar_background { 
	background-image: url(images/bg_rueckruf_sidebar.png);
	position: fixed;
	top: 190px; 
	left: -212px; 
	width: 210px;
	height: 385px;		
	z-index: 70;
}

#rueckruf_sidebar { 
	background: #F5F5F5;
	border: 1px solid #20A8AE;
	border-left: 0px;
	-moz-border-radius: 0 6px 6px 0px; /* Firefox */
	-webkit-border-radius: 0 6px 6px 0px; /* Safari, Chrome */
	-khtml-border-radius: 0 6px 6px 0px; /* Konqueror */
	border-radius: 0 6px 6px 0px; /* CSS3 */
	width: 176px; 
	height: 370px; 
	top: 195px; 
	left: -212px; 
	position: fixed; 
	padding-left: 12px;
	padding-right: 12px;
	z-index: 80;
}

#rueckruf_sidebar input, #rueckruf_sidebar select, #rueckruf_sidebar textarea {
	color: #696969;
	background-color: #EBEBEB;
	width: 160px;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 8px;
	border: 1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}

#rueckruf_sidebar input:focus, #rueckruf_sidebar textarea:focus {
	background-color: #F5F5F5;
	color: #000000;	
}

#rueckruf_sidebar textarea {
	height: 50px;
}
	
#rueckruf_sidebar form {
	width: 188px;
	background-color: #F5F5F5;
	padding: 0px;
	border: 0px solid silver;
	-moz-border-radius: 0 0px 0px 0px; /* Firefox */
	-webkit-border-radius: 0 0px 0px 0px; /* Safari, Chrome */
	-khtml-border-radius: 0 0px 0px 0px; /* Konqueror */
	border-radius: 0 0px 0px 0px; /* CSS3 */
}

#rueckruf_sidebar input.button {
	background-color: #ffffff;
	color: #000000;
	width: 150px;
	margin-bottom: 0px;
	margin-right: 4px;
	border: 1px solid silver;
	-moz-border-radius: 4px 4px 4px 4px; /* Firefox */
	-webkit-border-radius: 4px 4px 4px 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px 4px 4px 4px; /* Konqueror */
	border-radius: 4px 4px 4px 4px; /* CSS3 */
	background-image: url(images/bg_button_shadow.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#rueckruf_sidebar input.button:hover {
	border: 2px solid #20A8AE;
	margin-top: 1px;
	margin-bottom: -1px;
}


/* ################################################ LIGHTBOX ####################################################################### */

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*######################################### fuer MSR-Software eigene Klassen!!!!!############################################*/

h2.linked {
	cursor: pointer;
}


h1.linked {
	cursor: pointer;
	font-size: 20px;
    color: #20A8AE;
}

li.linked {
	left: 10px;
	padding: 10px;
	margin: 0px;
	cursor: pointer;
}

ul.nav_tabs li.reiter { 
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	height: 31px;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

#content_buehne_nav_add_kP a.down {
	float: left;
	margin-right: 12px;
	outline: none;
	border: none;
}

#content_buehne_nav_add_kP {
	width: 476px;
	padding-right: 0px;
	float: left;
}
	
/*############################################DropDownMenu####################################*/

.dropdown {
    position: relative;
    display: inline-block;
	zoom: 1;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #F9F9F9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0px 10px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}