/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 ;
padding:0 0 0 0;
background-color:#fff;
color:#000;
height:auto;
}

h1, h2, h3, h4, h5, h6, p, a, ul, li, div, span, img, dl, dt, dd {
margin:0;
padding:0;
border:0;
padding:0;
}
#typo {
font-size:9pt;
line-height:130%;
width:100%;
}
/* Unsichtbare Elemente außerhalb des Bildschirms */
.ubar, .nurDruck {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}

a {text-decoration: underline; }

.clear {
clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.logo {
position:relative;
margin-bottom:20pt;
}
/* ausgeblendete Inhalte */
ul.metaleiste,
.visual,
.links,
.rechts,
.nav,
.footer,
.inhalt .blaettern,
.inhalt .blaettern ul,
.inhalt .top,
.lupe,
div.error,
#formular fieldset p.error,
#formular input.buttonGo,
#formular input.buttonGo2,
.inhalt div.top,
.inhalt div.topZwei,
.inhalt .galerieMicro .galerie dl dd.download,
.abstract .modul  dl.spalteRight dt,
.formVote,
table.tableTool thead th a.info img,
.toolTipp,
.bewertungsPopup .nav,
#formular .tableTool .toolTipp,
#formular .tableTool .kundenTypForm
{
display:none;
}
.abstract {
display:block;
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0;
}
.inhalt {
width:98%;
}
/* - - - - - - - - - - - - zweispaltiges Modul - - - - - - - - - - - - */
.box {
margin-top:3px;
}
.boxLeft {
float:left;
width:310px;
*width:310px;
overflow:hidden;
}
.boxRight {
float:right;
width:310px;
*width:310px;
text-align:right;
overflow:hidden;
}
.box img {
margin-bottom:3px;
text-align:left;
}
.inhalt .modul .box h2 {
font-size:120%;
color:#0e1946;
margin-bottom:2px;
}
.inhalt .modul .box p {
margin-bottom:5px;
text-align:left;
}
.main {
width:310px;
*width:310px;
max-width:310px;
text-align:left;
margin-bottom:11px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .main {
width:300px;
max-width:300px;
}
.main img {
width:310px;
*width:310px;
margin-left:-10px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .main img {
width:300px;
max-width:300px;
}
.news {
text-align:left;
margin-bottom:14px;
padding-bottom:10px;
border-bottom:1px dotted #b2b2b2;
}
.box .news {
width:310px;
*width:310px;
padding-top:6px;
border-top:1px dotted #b2b2b2;
padding-bottom:0;
border-bottom:0;
}
.news dl.right dt img {
margin-left:-10px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .boxLeft .news dl.right dt img {
margin-left:-10px;
}
.box .news .textLeft {
padding-right:20px;
}
.news img,
.bereich img {
border:1px solid #b2b2b2;
width:129px;
}
/* - - - - - - - - - - - - Inhalt - - - - - - - - - - - - */
.inhalt .modul {
display:block;
width:100%;
margin-bottom:10px;
}
.inhalt .modul p {
margin-bottom:7px;
}
.inhalt .Border {
border-bottom:1px dotted #b2b2b2;
padding-bottom:5px;
}
a.mehr {
margin-left:10px;
}
.inhalt .einleitung {
margin-bottom:12px;
}
.einleitung .datum {
display:block;
margin-bottom:10px;
}
.inhalt h1,
.abstract h1 {
font-size:150%;
color:#2e385f;
margin-bottom:4px;
}
.inhalt h2 {
font-size:120%;
line-height:130%;
color:#2e385f;
margin-bottom:3px;
}
.inhalt .modul h3,
.inhalt .news h3 {
font-size:100%;
color:#878787;
margin-bottom:5px;
text-align:left;
text-transform:uppercase;
min-height:1.3em;
*height:1.3em;
}
.inhalt .modul h4,
.inhalt .zweiSpalten h4,
.abstract .modul h4  {
font-size:100%;
color:#2e385f;
margin-bottom:2px;
text-align:left;
}
.inhalt .news h4 {
margin-bottom:0;
color:#2e385f;
line-height:110%;
}
.kommbox {
border-top:1px dotted #b2b2b2;
border-bottom:1px dotted #b2b2b2;
}
/* - - - - - - - - Bildpositionen - - - - - - - - - */
.modul dl {
margin-bottom:7px;
margin-top:5px;
display:block;
width:100%;
}
dl dt img {
display:block;
border:1px solid #b7b7b7;
}
.modul dl dd {
color:#2e385f;;
padding:5px 7px 6px 7px;
}
/* Bild links */
dl.left {
float:left;
padding:0;
margin:3px 10px 3px 0;
position:relative;
left:0;
}
dl.left dd,
dl.right dd {
margin:0 -2px 0 0;
}
dl.spalteLeft dt {
float:left;
padding:0;
margin:0 0 0 0;
position:relative;
left:0;
}
dl.spalteLeft dd {
margin:0;
vertical-align:top;
width:auto;
text-align:left;
border-left:5px solid #fff;
}
.bereich dl.spalteLeft {
margin-bottom:0;
background-color:transparent;
}
.bereich dl.spalteLeft dt {
margin:2px 0 -3px 0;
*margin:2px 0 -2px 0;
}
.bereich dl.spalteLeft dd {
background-color:transparent;
padding:0 0 0 6px;
}

/* Bild rechts */
dl.right {
float:right;
padding:0;
margin:3px 2px 3px 0;
*margin:0 0 0 0;
}
dl.right dt {
margin-left:10px;
}
.modul .textLeft {
margin:0;
padding:0;
vertical-align:top;
width:auto;
text-align:left;
}
/* Hides from IE-mac \*/
* html .modul .textLeft {
display:inline-block;
}

dl.spalteRight dt {
float:right;
padding:0;
margin:0 0 0 0;
}
.abstract dl.spalteRight dt {
margin-bottom:20px;
}
dl.spalteRight dd {
margin:0 0 0 0;
vertical-align:top;
width:auto;
text-align:left;
margin-right:5px;
}
/* Bereichsstartseite */
.bereich dl.spalteRight {
margin-bottom:0;
background-color:transparent;
}
.abstract dl.spalteRight dd {
display:block;
*display:inline;
width:100%;
height:100%;
border:0;
}
.bereich dl.spalteRight dt {
float:right;
padding:0;
margin:2px 0 -2px 0;
*margin:2px 0 -2px 0;
}
.bereich dl.spalteRight dd {
padding:0 0 0 6px;
border-right:5px solid #fff;
}
/* Kommunikationsbox */
dl.kommbox  {
padding-top:10px;
}
dl.kommbox dd {
position:relative;
left:2px;
*top:-10px;
padding-top:0;
}
dl.kommbox dd table {
margin:0;
width:auto;
border-collapse:collapse;
}
dl.kommbox table td {
padding:0 15px 2px 0;
}
/* Bild mittig */
dl.mitte {
padding:0;
display:block;
width:100%;
}
.bereich dl.spalteLeft dt {
width:129px;
padding-bottom:10px;
}
/* - - - - - - - - - - - - Listen - - - - - - - - - - - - */
.modul ul {
list-style-type:disc;
display:block;
margin-left:12px;
padding:7px;
}
.modul ul li {
padding-bottom:3px;
}
.anker {
border-top:1px dotted #b2b2b2;
border-bottom:1px dotted #b2b2b2;
}
.linkliste li {
margin-bottom:7px;
margin-top:4px;
line-height:150%;
}
.modul ul.linkliste li a {
font-weight:bold;
*display:inline-block;
}
/* - - - - Personenliste - - - - - - - */
table.zweiSpalten {
table-layout:fixed;
padding: 0 0 0 0 ;
margin:0 0 10px 0;
border-collapse: collapse;
width:100%;
}
table.zweiSpalten caption {
font-size:100%;
border-bottom:5px solid #fff;
text-align:left;
text-transform:uppercase;
font-weight:bold;
}
table.zweiSpalten th,
table.zweiSpalten td {
border-top:1px dotted #b2b2b2;
border-bottom:1px dotted #b2b2b2;
vertical-align:top;
}
table.zweiSpalten th {
width:52px;
padding:10px 0 0 0;
}
table.zweiSpalten img {
border:1px solid #b2b2b2;
margin-top:-1px;
}
table.zweiSpalten td {
padding:7px;
}
table.zweiSpalten td.abstand {
width:20px;
border:0;
padding:0;
 }
table.zweiSpalten th.leer,
table.zweiSpalten td.leer {
border:0;
}
.inhalt .zweiSpalten h4 {
margin-bottom:0;
}
/* - - - - - - - - - - - - - - - - - -  Bildergalerie  - - - - - - - - - - - - - - - - - - */
.galerie {
padding-top:10px;
display:block;
border-top:1px dotted #b2b2b2;
border-bottom:1px dotted #b2b2b2;
margin-bottom:20px;
}
.inhalt .galerie dl {
position:relative;
z-index:8;
float:left;
/*width:201px;*/
width:190px;
margin:0 20px 10px 0;
*margin:0 10px 10px 0;
}
.galerie dl dt {
border-bottom:1px dotted #b2b2b2;
height:11.75em;
margin:0;
overflow:hidden;
}
.inhalt .galerie dl dt img {
width:expression(this.width > 201? 201: true);
max-width:190px;
border:0;
}
.galerie dl dd {
display:inline-block;
font-size:80%;
}
.galerie dl dd.download {
height:auto;
max-height:2.55em;
}
/* - - - - - - - - - - - - - - - -  Bildergalerie Microsite - - - - - - - - - - - - - - - - */
.inhalt .galerieMicro .galerie {
margin-right:-40px;
border:0;
}
.inhalt .galerieMicro .galerie dl {
width:112px;
border:1px dotted #b2b2b2;
margin:0 40px 10px 0;
}
.inhalt .galerieMicro .galerie dl dt {
width:expression(this.width > 110? 110: true);
height:expression(this.height > 110? 110: true);
height:111px;
width:112px;
padding:1px;
}
.inhalt .galerieMicro .galerie dl dt img {
width:expression(this.width > 110? 110: true);
max-width:110px;
}

/* - - - - - - - - - - - Formular - - - - - - - - - - - - - */
#formular {
font-weight:normal;
margin:10px 0 0 0;
padding:0;
}
#formular h4 {
font-size:95%;
font-weight:bold;
padding:0 0 4px 0;
margin:0;
margin-bottom:5px;
width:auto;
}
#formular h3 {
position:relative;
z-index:2;
padding:5px 0 0 7px;
}
#formular fieldset {
padding:0;
margin:0 0 0 0;
position:relative;
border: 0;
display:block;
vertical-align:top;
position:relative;
}
#formular span {
display:block;
padding:7px 10px 7px 10px;
clear:both;
}
#formular div.send {
display:block;
padding:7px 10px 0 10px;
clear:both;
background-color:#ddeffc;
}
#formular span.abstandS {
padding:7px 10px 7px 10px;
margin:0 0 0 0;
*margin:-2px 0 0 0;
display:block;
vertical-align:top;
}
/* - - - Label - - - */
#formular label,
#formular .left {
cursor:pointer;
float:left;
width:auto;
padding:0 9px 0 0;
margin:0 0 0 0;
border:0;
}
#formular label.left,
#formular .left {
width:13em;
}
#formular span.right {
clear:none;
display:inline;
float:left;
width:28em;
padding:0 0 0 0;
margin-bottom:7px;
border:0;
*position:relative;
*bottom:7px;
*margin-top:7px;
}
#formular span.right label.radioLeft {
width:86%; 
}
#formular span.zusatz {
border:0;
display:inline;
width:auto;
clear:none;
float:left;
padding-left:0;
white-space:nowrap;
}
/* - - - Formularelemente - - - */
#formular input,
#formular textarea {
float:left;
line-height:15px;
text-align:left;
cursor: pointer; 
padding:2px 0 2px 5px; 
font-size:100%;
} 
#formular input.textfeld {
width:28.50em;
*width:24.85em;
}
#formular select.textfeld {
width:auto;
}
#formular input.textfeldEins {
width:22.50em;
*width:19.4em;
}
#formular input.textfeldZwei {
width:5.00em;
*width:4.55em;
}
#formular input.textfeldDrei{
width:22.50em;
*width:19.4em;
}
#formular input.textfeldVier {
width:6.0em;
*width:6.0em;
}
#formular select.textfeldVier {
width:10.15em;
*width:10.15em;
}
#formular textarea.nachricht {
height:50px;
width:23.50em;
*width:20.85em;
font-size:120%;
}
#formular input.radio {
clear:both;
width:auto;
cursor: pointer; 
vertical-align:top;
border:0;
margin:0 5px 5px 5px;
}
/* - - - - - - - - Newsliste Extranet - - - - - - - - - */
#formular label.news {
float:none;
clear:both;
display:block;
width:100%;
display:block;
padding:7px 10px 7px 10px;
clear:both;
margin:-7px 0 10px -11px;
font-weight:bold;
}
#formular select.textfeldNews {
*width:30%;
min-width:30%;
}
/* - - - - - - - - - - - - - - - - - - - - Sitemap  - - - - - - - - - - - - - - - - - - - */
.sitemap {
display:block;
position:relative;
z-index:3;
margin-top:-1px;
}
.sitemap h3 {
padding:4px 7px 4px 7px;
border-bottom:1px solid #e8e8e8;
position:relative;
bottom:-5px;
*bottom:0;
margin-top:-5px;
*margin-top:0;
}
.inhalt .modul .sitemap a {
padding:0;
text-decoration:none;
}
.sitemap ul {
margin:0 0 0 -12px;
*margin:-10px 0 0 -12px;
list-style-type:none;
}
.inhalt .modul .sitemap li {
padding:0 0 0 10px;
border-bottom:1px solid #e8e8e8;
}
.inhalt .modul .sitemap li,
.inhalt .modul .sitemap li a {
background-image:none;
padding-left:0;
margin:0;
}
/* - - - - - -  Allgemeines Aussehen der Links - - - - - - -- */
.inhalt .modul .sitemap ul a {
padding:4px 0 3px 7px;
display:block;
margin-left:7px;
*height:15px;
}
.inhalt .modul .sitemap ul ul a {
margin-left:14px;
}
/* - - - - - - In dieses LI wird die naechste Liste eingeschachtelt - - - - - - -*/
.sitemap ul li.ohne ul  {
margin:2px 0 -1px 2px;
*margin:-14px 0 -1px 2px;
padding:0;
color: #000;
border: 0 none;
min-height:1px;
*position:relative;
*bottom:-1px;
}
/* Hides from IE-mac \*/
* html .sitemap ul li.ohne ul  {
height:15px;
}
/* End hide from IE-mac */

/* - - - - - - - - - - - - Allgemeine Ergaenzungen - - - - - - - - - - - - */
.inhalt .abstandS {
margin-bottom:7px;
}
.bgBlue {
background-color:#edf7fd;
}
.bgDBlue {
background-color:#ddeffc;
}
/* - - - - - - - - - - - - Bewertungstool - - - - - - - - - - - - */

/* - - - - Bewertungstabelle - - - - - - - */
table.tableTool {
table-layout:auto;
padding: 0 0 0 0 ;
margin:0 0 10px 0;
border-collapse: collapse;
float:none;
clear:both;
width:100%;
text-align:left;
}
/* - - thead - - */
table.tableTool thead th {
padding:5px;
font-weight:normal;
vertical-align:top;
border-bottom:1px solid #ddeffc;
}
table.tableTool thead tr.firstCol th {
font-weight:bold;
vertical-align:middle;
}
table.tableTool a {
text-decoration:none;
color:#004990;
}
/* - - tbody - - */
table.tableTool tbody th {
padding:5px;
background-color:#edf7fd;
border-bottom:1px solid #ddeffc;
vertical-align:middle;
}
table.tableTool tbody td {
padding:5px;
border-bottom:1px solid #ddeffc;
vertical-align:middle;
}
table.tableTool tbody th span {
display:block;
color:#004990;
}
table.tableTool .note {
white-space:nowrap;
width:180px;
padding-left:20px;
}
table.tableTool tbody td.note span {
font-size:140%;
font-weight:bold;
float:left;
margin-top:6px;
}
table.tableTool thead tr.firstCol th.note span {
font-size:150%;
margin-top:9px;
position:absolute;
}
table.tableTool .vote  {
text-align:right;
padding:5px 5px 5px 5px;
}
table.tableTool tbody td.vote a {
color:#ec2700;
font-weight:bold;
}
/* - - votingDiv - - */
.votingDiv {
border:1px solid #b2b2b2;
float:right;
background-color:#fff;
padding:2px 1px 2px 2px;
*padding:2px 0px 2px 2px;
height:20px;
width:131px;
white-space:nowrap;
background-position:left top;
}
table.tableTool thead tr.firstCol th .votingDiv {
margin-top:3px;
margin-bottom:5px;
}
.votingDiv img {
border:0;
margin:0;
padding:0;
float:left;
width:13px;
}
/* - - - bewertungsPopup - - - */
.bewertungsPopup .inhalt {
margin:0 0 0 0;
font-size:13px;
}
.bewertungsPopup #formular {
margin-bottom:10px;
display:block;
font-size:13px;
}
.formVote fieldset span.clearfix {
padding-top:10px!important;
}
.bewertungsPopup #formular fieldset h3,
.bewertungsPopup h3.paddingTop {
background-color:#fff;
color:#6d6d6d;
text-transform:uppercase;
padding:10px 0 5px 0;
font-size:110%;
}
.bewertungsPopup #formular span {
border-top:0;
display:inline;
padding:0 0 0 0;
clear:none;
color:#004990;
}
.bewertungsPopup #formular span.spanBorder {
display:block;
padding:5px 0 3px 0;
clear:both;
color:#004990;
}
.bewertungsPopup #formular span.spanNoBorder {
border-bottom:0;
display:block;
padding:5px 0 3px 0;
clear:both;
color:#004990;
}
.bewertungsPopup #formular .left1 {
float:left;
width:29%;
padding:5px;
}
.bewertungsPopup #formular .left2 {
width:33%;
padding-right:5px;
}
.bewertungsPopup #formular .left3 {
width:33%;
padding-left:5px;
}
.bewertungsPopup #formular .left4 {
width:42%;
padding-left:11px;
}
.bewertungsPopup #formular .left5 {
margin-left:16%;
}
.bewertungsPopup #formular .left6 {
display:block;
width:50em;
padding-bottom:5px;
}
.bewertungsPopup #formular span.left2 strong,
.bewertungsPopup #formular span.left3 strong {
margin:0 7px 0 6px;
}
.textRight {
text-align:right;
}
.bewertungsPopup #formular label {
padding-top:5px;
}
.bewertungsPopup #formular .radio {
clear:none;
float:none;
width:auto;
cursor: pointer; 
vertical-align:top;
border:0;
margin:0 2px 0 3px;
*margin:0 0 0 0;
}
.bewertungsPopup #formular select.textfeld {
width:264px;
}
.bewertungsPopup #formular select.textfeld2 {
width:11.50em;
}
.bewertungsPopup #formular input.textfeld {
width:255px;
} 
.bewertungsPopup #formular .textarea {
width:255px;
} 
.bewertungsPopup #formular .radioFloat {
clear:none;
float:left;
width:auto;
cursor: pointer; 
vertical-align:top;
border:0;
margin:0 1px 5px 1px;
}
.bewertungsPopup #formular label.radioLeft {
clear:none;
float:left;
padding-top:0;
}
#formular .bewertungsInfo {
float:left;
}
/* - - - Tabelle im PopUp - - - */
.bewertungsPopup  table.tableTool {
margin:0 0 0 0;
}
.bewertungsPopup  table.tableTool tr.bgwhite td {
height:1px;
*height:1px;
*position:relative;
*margin-top:0;
padding:0;
}
.bewertungsPopup  table.tableTool .first {
width:40%;
}
.bewertungsPopup  table.tableTool  .last {
width:60%;
}
/* - - votingDiv - - */
.bewertungsPopup  table.tableTool td.note span {
width:2.25em;
}
.bewertungsPopup  .votingDiv {
float:left;
margin-left:19px;
}
/* - - - Kommentare - - - - */
.kommentar .voting {
float:left;
width:207px;
}
.kommentar .pText {
width:auto;
margin-left:210px;
}
.kommentar .pText h3 {
color:#004990;
margin-bottom:2px;
}
.kommentar .voting span{
font-size:140%;
font-weight:bold;
float:left;
margin-top:1px;
}
.kommentar .voting .votingDiv {
margin-left:10px;
}
.inhalt div.top  {
margin-bottom:30px;
}
.inhalt div.top .kommentarLink {
float:left;
width:auto;
}
/* - - - - - - - - Ergaenzung Mai 2009 - - - - - - - - */
/* - - - - - - - - - Slider Galerie - - - - - - - - */
.slideDiv {
padding:10px 0;
border-top:2px dotted #B2B2B2;
border-bottom:2px dotted #B2B2B2;
margin-bottom:20px;
}
.slider {
display:block;
list-style-type:none;
}
.slideDiv .slider li {
float:left;
width:140px;
margin-right:10px;
text-align:center;
height:175px;
border:1px solid #B2B2B2;
margin-bottom:10px;
}
.slider li a {
padding:0 0;
text-align:center;
display:block;
width:auto;
height:112px;
border-bottom:2px dotted #B2B2B2;
padding:5px 0;
}
.slider li span {
display:block;
padding:3px;
text-align:center;
color:#004990;
font-size:0.90em;
line-height:120%;
}
/* ergänzung fade */

.rahmen_pf {
	margin-top:28px;
	max-width:680px;
max-height:220px;
}