/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	width:90%;
	height:100%; 
	background-color: #fff;
        margin-top:0;
	padding-top:5pt;
	color:#000;
	text-align:left;
	text-decoration: none; 
}

h1, h2, h3, h4, h5, h6, p, a, ul, li {
	font-family: Arial, Verdana,Helvetica, sans-serif;
	margin:0;
	padding:0;
}


/* Unsichtbare Elemente außerhalb des Bildschirms */
.unsichtbar, .nurDruck {
position:absolute;
left:-1000pt;
top:-1000pt;
width:0pt;
height: 0pt;
overflow:hidden;
display:inline;
}

a:link {text-decoration: none; color : #666;}
a:visited {text-decoration: none; color : #666;}
a:hover {text-decoration: none;}
a:active {text-decoration: underline; color : #666;}
a:focus {text-decoration: underline; color : #666; }

.clear {
clear:both;
}
#mittig {
position:relative;
width:100%;
height:100%;
border:0;
text-align:left;
}


.teaserimg {margin:0; padding:0; }
.contentimg {margin:0; padding:0; }
dl, dt, dd, img {margin:0; padding:0; border:0;}


/* ausgeblendete Inhalte * * * * * * * * * * * * * * * * * */
#top #topimage,
#metaleiste,
#menu,
#links,
#rechts,
.lupe,
.mehr,
.mehr2,
#pulldown,
.blaettern
{
  display: none;
}

/* - - - - - - - - - - - - Topleiste - - - - - - - - - - - - */

#top #left {
float:left;
width:93pt;
text-align:left;
}

#top #logoCebit {
float:left;
margin-left:18pt;
width:204pt;
}

/* - - - - - - - - - - - -  Contentbereich 3-spaltig  - - - - - - - - - - - - */

#content {
margin-top:15pt;
background-color: #fff;
padding:0;
text-align:left;
}

#mitte {
position:relative;
background-color: #fff;
left:0;
text-align:left;
}


/* - - - - - - - - - - - -  Content  - - - - - - - - - - - - */

#inhalt {
text-align:left;
}

#inhalt .modul {
clear:none;
width:auto;
margin:1pt 0 15pt 0;
padding:0;
border:1pt solid #fff;
}

/* absolute Headline */
#inhalt .head {
background-color:#5B6D81;
margin:0 0 8pt 0;
}

#inhalt h1.bereich {
color:#5B6D81;
font-size:10pt;
line-height:8pt;
font-weight:normal;
}

#inhalt h1 {
font-size: 11pt;
margin-bottom:18pt;
color:#00647E;
font-weight:bold;
}


#inhalt h1.profil {
font-size: 13pt;
margin-top:20pt;
margin-bottom:5pt;
color:#00647E;
font-weight:bold;
}

#inhalt h2 {
color:#00647E;
font-size: 9pt;
margin:0;
font-weight:normal;
}

#inhalt h3 {
color:#333;
font-size: 9pt;
margin:0;
}

/* Fliesstext*/
#inhalt .textfluss {
padding:0;
margin:0;
}

#inhalt .text {
font-family:Arial, Verdana,Helvetica, sans-serif;/*fuer Mozilla*/
font-size:9pt; /*fuer Mozilla*/
margin:5pt 10pt 10pt 0;
padding:0;
}

/*  max. Bildbreite bei Spalten und umfliessen */
#inhalt dt img.imgwidth { 
max-width:230pt; 
}

/* Bildunterschrift */
#inhalt dl { padding:0; background-color:#B8CDD2; }
* html #inhalt  dl {width:152pt; }
/*
  nur fuer PC IE wegen Mac IE
\*/
* html b\ody #inhalt  dl 
{width:auto; }
/*   
*/
#inhalt dl dt { margin: 0; padding:0;}
#inhalt dl dd { text-align: justify; background-color:#B8CDD2; color:#006576;  margin:0; text-align:left; padding:2pt 5pt 2pt 5pt; vertical-align:baseline; font-family:Arial, Verdana,Helvetica, sans-serif; font-size:8pt; } 


/* C4 Bildposition mittig */
#inhalt .zentrieren {
position:relative;
margin:auto;
max-width:49%;
text-align:center;
padding-bottom:15pt;
}
* html #inhalt .zentrieren {
width:49%;
}
#inhalt dl.mitte {
max-width:100%;
float:left;
text-align:center;
background-color:#fff;
margin-top:20pt; 
}

/* C2 Contentimage links, umflossen  */
#inhalt dl.left {
max-width:49%;
float:left;
padding:0 15pt 0 8pt;
margin:0;	
background-color:#fff;
}

/* C3 Contentimage rechts, umflossen  */
#inhalt dl.right {
max-width:49%;
float:right;
padding-left:15pt;
background-color:#fff;
}
/* C5 Contentspalte, image rechts  */
#inhalt .imagerechts {
float:right;
max-width:49%;
margin:0;
text-align:left;
margin-left:15pt;
background-color:#fff;
margin-top:5pt; 
}
/*
  nur fuer PC IE wegen Mac IE
\*/
* html b\ody #inhalt dl.imagerechts { 
width:auto;
}
/*   
*/
#inhalt .textlinks {
float:left;
padding:0;
margin:0 0 10pt 0;
max-width:49%;
vertical-align:top;
}


/* C6 Contentimage links */
#inhalt .imagelinks {
float:left;
max-width:49%;
margin:0;
padding:0 15pt 0 0;
background-color:#fff;
margin-top:5pt; 
}	
/*
  nur fuer PC IE wegen Mac IE
\*/
* html b\ody #inhalt .imagelinks { 
width:auto;
}
/*   
*/
#inhalt .textrechts  {
float:left;
margin:0 0 10pt 0;
padding:0;
max-width:49%;
vertical-align:top;
}

/* C40 Content zweispaltig  */
#inhalt .modul40 {
clear:none;
width:auto;
margin:0 0 15pt 0;
padding:0;
}

#inhalt .modul40 table {
width:100%;
margin:0;
padding:0;
}
.modul40 th {
width:50%;
margin:0;
background-color:#709AA3;
color:#fff;
}
.modul40 td {
background-color:#EAF0F1;
padding:5pt 8pt 5pt 8pt;
vertical-align:top;
}
.modul40 #spalte1{
width:50%;
vertical-align:top;
}
.modul40 #spalte2{
width:50%;
vertical-align:top;
}

#spalte1 h1, #spalte2 h1{
font-size:11pt;
color:#fff;
font-weight:bold;
text-align:left;
margin:5pt 8pt 5pt 8pt;
}

#inhalt a:hover {
text-decoration:underline;
}

/* - - - - - - -  - - - - - - -Listen - - - - - - - - - - - - - - */
#inhalt .text ul {
list-style-type: none;
list-style-image:url(/site/00/img/gesamt/icon_liste.gif); 
margin:8pt 0 8pt 0;
padding-left:0;
}
#inhalt .text ul li{
margin-top:4pt;
margin-left:18pt;
}
#inhalt .text ul li a{
color:#5B6D81;
}

/* - - - - - - -  horizontale Listen - - - - - - - */

#inhalt ul.ListeHorizontal {
list-style-type: none;
border:1pt solid #fff; /* unsichtbarer Rand fuer Netscape */
}
#inhalt ul.ListeHorizontal li {
padding-left: 0;
display:inline;
}

#inhalt ul.ListeHorizontal li a {
font-size:9pt;
color:#006478;
margin-left:5pt;
}

#inhalt ul.ListeHorizontal li a:hover {
text-decoration:none;
}
#inhalt ul.ListeHorizontal li.linksPosition {
float:left;
margin-right:30pt;
}
/*
  nur fuer PC IE wegen Mac IE
\*/
* html #inhalt ul.ListeHorizontal li.linksPosition {
width:20%;
}

/*   
*/
#inhalt ul.ListeHorizontal li.rechtsPosition {
float:right;
margin-left:30pt;
}

.popupTeaser {
position:relative;
top:0;
height:auto;
text-align:left;
}

.popupTeaser .modul {
background-color:#CDDCDF;
clear:none;
width:100%;
margin:0;
margin-bottom:8px;
padding:0;
border-bottom:1px solid #fff;
}

.popupTeaser .head {
background-color:#fff;
border-top:14px solid #709BA4;
border-bottom:7px solid #709BA4;
}
.popupTeaser .headline {
background-color:#709BA4;
margin-left:8px;
border-left:8px solid #709BA4;
border-right:8px solid #709BA4;
}
.popupTeaser h1 {
color:#fff;
font-size:11px;
line-height:8px;
font-weight:normal;
}



/* -- Sitemap -- */
#sitemap {
width:auto;
margin-top:25pt;
margin-bottom:25pt;
font-size:9pt;
}

#sitemap a:hover {
text-decoration:none;
}
.sitemapEins {
width:auto;
padding:3pt 5pt 3pt 15pt;
background:url(/site/00/img/gesamt/icon_sitemap.gif); 
background-repeat:no-repeat;
background-position:left center;
background-color:#D3E1E4;
border-bottom:1pt solid #fff;
}

.sitemapZwei {
width:auto;
padding:3pt 5pt 3pt 128pt;
background:url(/site/00/img/gesamt/icon_sitemap.gif); 
background-repeat:no-repeat;
background-position:113pt 6pt ;
background-color:#EAEFF2;
border-bottom:1pt solid #fff;
}

.sitemapDrei {
width:auto;
padding:3pt 5pt 3pt 306pt;
background:url(/site/00/img/gesamt/icon_sitemap.gif); 
background-repeat:no-repeat;
background-position:291pt 6pt ;
background-color:#EAEFF2;
border-bottom:1pt solid #fff;
}

/* - - - - - - - -  Newsletter Anmeldung  - - - - - - - - -*/

form#newsletter {
line-height:40pt;
text-align:left;
margin:0;
}
* html form#newsletter {
margin:4pt 0 0 0;
}

#newsletter input.suchbutton { /* den Submit-Button */
margin-left:4pt;
border:0;
vertical-align:middle;
}

#newsletter #formtext {
width:130pt;
height:auto;
border:1pt solid #709AA3;
font-size:8pt;
padding-top:2pt;
padding:2pt 4pt 2pt 4pt;
vertical-align:middle;
}
* html #newsletter #formtext {
width:125pt;
}
/* - - - - - - - - - - - - Formular - - - - - - - - - - - - - - */
.modulForm {
clear:none;
width:auto;
margin:1pt 0 15pt 0;
padding:10pt;
background-color:#D5E0E4;
border-bottom:1pt solid #fff;
}
.modulForm form {
display:inline;
}
.modulForm fieldset {
border:0;
margin:0;
padding:0;
width:auto;
}
.modulForm input.button {
float:left;
}
img.reset {
float:right;
}
#formular .error {
font-weight:bold;
color:#709BA4;
}
#formular input.error {
background-color:#709BA4;
}
#formular select.error {
background-color:#709BA4;
color:#333;
}
#formular label.error {
font-weight:bold;
color:#709BA4;
display:block;
}
#formular label { 
float: left; 
text-align: left; 
width:130pt; 
margin-bottom:10pt;
color:#333;
} 
#formular input.eingabe { 
float: left; 
width:340pt; 
height:18pt;
line-height:15pt;
text-align:left;
padding:0;
} 
#formular select.auswahl { 
float: left; 
width:150pt; 
height:18pt;
line-height:15pt;
text-align:left;
padding:0;
} 

#formular input.nachricht { 
float: left; 
width:340pt; 
height:150pt;
line-height:15pt;
text-align:left;
padding:0;
} 
#formular input.button {
float:right;
margin-top:10pt;
}
.modulForm br { 
clear: both; 
}

/* - - - - - - - - - - - -  Druckmodul  - - - - - - - - - - - - */
#inhalt .druckmodul {
white-space:nowrap;
margin:5pt 0 15pt 0;
padding:3pt 0 3pt 0;
vertical-align:middle;
line-height:20pt;
border-bottom:1pt solid #74AAB4;
border-top:1pt solid #74AAB4;
}

/* - - - - - - - - - - - -  Blaettermodul  - - - - - - - - - - - - */
#inhalt .blaettern {
white-space:nowrap;
margin:0 0 20pt 0;
vertical-align:middle;
}
* html #inhalt .blaettern {
margin:0 0 5pt 0;
}

#inhalt .blaettern .linke {
float:left;
width:33%;
text-align:left;
padding:0;
margin:4pt 0 4pt 0;
}
#inhalt .blaettern .mittlere {
float:left;
width:33%;
text-align:center;
padding:0;
margin:4pt 0 4pt 0;
}
#inhalt .blaettern .rechte {
float:right;
width:33%;
text-align:right;
padding:0;
margin:4pt 0 4pt 0;
}

#inhalt .blaettern .linke a , #inhalt .blaettern .mittlere a , #inhalt .blaettern .rechte a  {
color:#74AAB4;
padding-left:5pt;
padding-right:5pt;
text-decoration:none;
font-size:8pt;
}

#inhalt .blaettern a.aktuell {
color:#DF0202;
text-decoration:none;
}


/* - - - - - - - - - - - - - - - - Funktions Templates - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - -  Themenbereiche  - - - - - - - - -*/

table#themenbereiche {
text-align:left;
width:100%;
background:#fff;
border-collapse:collapse;
empty-cells:show;
caption-side:top;
font-size:9pt;
font-weight:normal;
margin:0 0 15pt 0;
}
#themenbereiche a:link {
text-decoration:none;
}
#themenbereiche a:hover {
text-decoration:none;
}

#themenbereiche th{
background-color:#709AA3;
border:1pt solid #fff;
color:#fff;
padding:4pt 8pt 4pt 8pt;
speak-header-cell:once;
}
#themenbereiche th.eins{
width:8pt;
}

#themenbereiche th.drei{
width:60pt;
}
#themenbereiche th.vier{
width:18pt;
}
#themenbereiche td {
border:1pt solid #fff;
padding:4pt;
}

/* - - Farb-Ebenen - - */
.colorAEins {
background-color:#FFFCE9;
}
.colorAZwei {
background-color:#FFFEF4;
} 

.colorBEins {
background-color:#F7E6C6;
}
.colorBZwei {
background-color:#FBF2E2;
}

.colorCEins {
background-color:#F7E7DB;
}
.colorCZwei {
background-color:#FBF3ED;
}

.colorDEins {
background-color:#D3E6EF;
}
.colorDZwei {
background-color:#E9F2F7;
}

.colorEEins {
background-color:#E9F4D1;
}
.colorEZwei {
background-color:#F4F9E8;
}

.colorFEins {
background-color:#E9E8C9;
}
.colorFZwei {
background-color:#F4F3E4;
}

.colorGEins {
background-color:#DCE0DA;
}
.colorGZwei {
background-color:#EDEFEC;
}

/* - - Farb-Ebenen 3 und 4 ist immer gleich - - */
.colorDrei {
background-color:#EAF0F1;
}
.colorVier {
background-color:#EAF0F1;
}

td.center {
text-align:center;
}
#themenbereiche .right {
color:#006478;
text-align:right;
}
.oben {
vertical-align:top;
}

/* - - Textauszeichnung - - */
#themenbereiche td.ebeneEins {
padding-left:8pt;
}
.ebeneEinsText {
color:#006478;
font-weight:bold;
}

#themenbereiche td.ebeneZwei {
padding-left:27pt;
}
.ebeneZweiText {
color:#006478;
font-weight:normal;
}

#themenbereiche td.ebeneDrei {
padding-left:45pt;
}
.ebeneDreiText {
color:#006478;
font-weight:normal;
}

#themenbereiche td.ebeneDreiH {
background-image:url(/site/00/img/gesamt/nav_h.gif);
background-repeat:no-repeat;
background-position:22pt 8pt;
padding-left:45pt;
}
.ebeneDreiTextH {
color:#DF0202;
}

#themenbereiche td.ebeneVier {
padding-left:45pt;
}
.ebeneVierText {
color:#909798;
font-weight:normal;
}


/* - - - - - - - - -  Termine  - - - - - - - - -*/
table.termine {
border-collapse:collapse;
border-spacing:0;
text-align:left;
float:left;
width:49%;
background:#fff;
font-size:9pt;
font-weight:normal;
margin:0;
margin-bottom:15pt;
padding:0;
}
.termine a:link {
text-decoration:none;
}
.termine a:hover {
text-decoration:none;
}

.termine th{
background-color:#709AA3;
border:1pt solid #fff;
color:#fff;
padding:4pt 8pt 4pt 8pt;
speak-header-cell:once;
width:100%;
}
.termine .spalte {
background-color:#FAFAFA;
margin:0;
padding:0;
}

.termine .thema {
width:auto;
margin:0;
padding:8pt;
border-bottom:1pt solid #fff;
color:#006478;
}
.termine .thema a {
color:#006478;
}

.colorGruen {
background-color:#709AA3;
color:#fff;
padding:5pt 8pt 5pt 8pt;
}

/* - - - - - - - - - - - - - - - - - - -  PopUp  - - - - - - - - - - - - - - - - - - - */

#mittigPop {
width:auto;
height:100%;
text-align:center;
margin:18pt;
}
body>#mittigPop{height:auto;}


/* - - - - - - - - -   PopUp Notizblock  - - - - - - - - - - - */


table#notiz {
text-align:left;
width:100%;
background:#fff;
border-collapse:collapse;
empty-cells:show;
caption-side:top;
font-size:9pt;
margin:0 0 15pt 0;
color:#006478;
}

#notiz a:link {
color:#006478;
text-decoration:none;
}
#notiz a:hover {
text-decoration:none;
}

#notiz th{
background-color:#709AA3;
border:1pt solid #fff;
color:#fff;
padding:4pt 8pt 4pt 8pt;
speak-header-cell:once;
}
th.eins, td.eins {
width:60pt;
}

#notiz th.drei, #notiz td.drei {
width:60pt;
padding-left:8pt;
}
#notiz td.drei a {
color:#006478;
}
#notiz td {
background-color:#CDDCDF;
border:1pt solid #fff;
padding:4pt 8pt 4pt 0;
font-weight:normal;
}
#notiz th.zwei, #notiz td.zwei{
padding-left:8pt;
}
#notiz .entfernen, #themenbereiche .entfernen, #inhalt .entfernen {
background-image:url(/site/00/img/gesamt/icon_sitemap.gif); 
background-repeat:no-repeat;
background-position:left center;
padding-left:15pt;
color:#006478;
}
#themenbereiche td.keinRand {
border:1pt solid #fff;
padding:4pt 4pt 4pt 0;
}

/* - - - - - - - - -   PopUp Firmenprofil  - - - - - - - - - - - */

table.adresse {
width:90%;
font-size:8pt;
color:#006478;
}

table.adresse tr {
width:30%;
vertical-align:top;
}
table.adresse a, table.adresse a:hover {
color:#006478;
text-decoration:none;
}

.loesungText {
padding-left:27pt;
color:#006478;
font-weight:normal;
}
.loesungen {
color:#006478;
font-weight:normal;
padding:5pt 8pt 5pt 8pt;
}
#inhalt .modulLoesung {
clear:none;
width:auto;
margin:1pt 0 0 0;
padding:0 8pt 10pt 8pt;
}



