/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
font-family:Arial, Verdana, Helvetica, sans-serif;
margin:0 ;
padding:0;
background-color:#fff;
color:#303030;
height: 100%; 
font-size:100.1%;
}
* html body {
width:61.0em;
}
body.small {
font-size:90%;
}

body.regular {
font-size:100.1%;
}

body.large {
font-size:110%;
}
#typo {
font-size:0.75em;
line-height:130%;
width:81.55em;
min-width:980px;
padding:0 0 0 0;
margin:-2px 0 0 0;
position: relative;
top:0;
}

/*
  nur fuer PC IE wegen Mac IE
\*/
* html #typo {
font-size:0.75em;
width:expression(document.body.clientWidth < 985? "980px": "" ); 
}
/*
*/

h1, h2, h3, h4, h5, h6, p, a, ul, li, img {
	font-family: Arial, Verdana,Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
}
/* Unsichtbare Elemente außerhalb des Bildschirms */
.ubar, .nurDruck {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
a:link {text-decoration: none; color : #006ab3;}
a:visited {text-decoration: none; color : #006ab3;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none; color : #006ab3;}
a:focus {text-decoration: none; color : #006ab3; }

.clear {
clear:both;
float:none;
}

.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 */

hr {
visibility:hidden;
*margin: -17px 0 0 0;  
}
.trennstrich {
display:inline-block;
border-right:1px solid #000;
height:1.0em;
line-height:0.75em!important;
vertical-align:middle;
position:relative;
top:-2px;
*top:0;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .trennstrich {
height:1.0em;
top:-2px;
display:inline;
}
.borderTop {
border-top:1px solid #0075c8;
}
.bodyTop {
position:absolute;

}
/* - - - - - - - - - - - - - - - - - -  Kopf  - - - - - - - - - - - - - - - - - - */
.logo {
float:right;
margin-top:22px;
*margin-top:10px;
margin-right:19px;
}
.logoPrint {
display:none;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .logo {
margin-bottom:20px;
}

/* nur Safari + IE */
html*.logo {
margin-bottom:0;
}
.logoKunde {
margin-right:0;
}
.meta {
background-color:#e2dfdf;
margin:0 0 0 40px;
position:absolute!important;
*top:0;
float:left;
width:49em;
min-width:455px;
font-size:95%;
padding:4px 10px 2px 10px;
vertical-align:middle;
}
/*Fuer Opera 7 und Safari*/
@media all and (min-width: 0px){
.meta {
width:50em;
}
}
.meta {
display:block;
}
* html .meta {
margin:0 0 0 20px;
width:expression(document.body.clientWidth < 485? "479px": "57%");
}
.metaLogin {
display:none;
}
.meta ul {
display:inline;
width:auto;
list-style-type:none;
}
.meta ul li {
display:inline;
}
.meta a {
color:#303030!important;
padding:0 7px 0 4px;
*padding:0 7px 0 5px;
*display:inline-block;
}
.meta a.flag {
background-image:url(../img_1/gesamt/icon_GB.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:21px;
margin-left:5px;
margin-right:5px;
}
/* - - - - - - - - - - - - - - - - - -  Suche  - - - - - - - - - - - - - - - - - - */
form.suche {
float:right;
width:auto;
*margin-top:-1px;
}
form.suche .suchfeld {
border:0;
color:#343333;
margin-top:0;
font-size:95%;
width:13.25em;
padding:2px 1px 2px 5px;
margin-bottom:2px;
}
form.suche .suchbutton {
vertical-align:bottom;
margin-bottom:2px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody form.suche {
margin-bottom:1px;
}
/* - - - - - - - - - - - - Schrifteinstellung - - - - - - - - - - - - */
html .minus {
font-size:75%;
}
html #toggleMinus {
font-size:0.75em;
}
html .standard {
font-size:100%;
}
html #toggleStandard {
font-size:100%;
}
html .plus {
font-size:115%;
}
html #togglePlus {
font-size:115%;
}

/* - - - - - - - - - - - - - - - - - -  Footer  - - - - - - - - - - - - - - - - - - */
.footer {
display:block;
width:100%;
*width:auto;
margin-top:10px;
padding-bottom:20px;
margin-left:20px;
position:relative;
}
.footer ul {
list-style-type:none;
padding-top:10px;
border-top:4px solid #0075c8;
margin-left:0!important;
margin-right:20px;
color:#545454!important;
font-size:95%;
}
.footer ul li {
float:left;
width:auto;
margin-right:12px;
margin-bottom:0;
}
* html .footer ul li {
position:relative;
padding-top:2px;
}
.footer ul li.rechtsPosition {
float:right;
width:auto;
margin-right:5px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .footer ul li.rechtsPosition {
width:auto;
}
.footer ul li.slogan {
margin-right:0;
}
.footer ul li a {
color:#545454!important;
}
* html .footer ul li a {
position:relative;
display:inline-block;
top:-1px;
}
.footer ul li img {
margin:0 8px;
vertical-align:middle;
}
.footer ul li .trennstrich {
padding-left:8px;
top:-2px;
*top:0;
}
.footer ul li a.empfehlen  {
background-image:url(../img_1/gesamt/icon_empfehlen.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:21px;
margin-left:12px;
}
.footer ul li a.meinung  {
background-image:url(../img_1/gesamt/icon_meinung.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:21px;
margin-left:12px;
}
.footer ul li a.drucken  {
background-image:url(../img_1/gesamt/icon_drucken.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:21px;
margin-left:12px;
}
.footer ul li a.abmelden  {
background-image:url(../img_1/gesamt/icon_abmelden.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:14px;
margin-left:12px;
}
.footer ul li input.abmelden  {
background-image:url(../img_1/gesamt/icon_abmelden.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:14px;
margin-left:12px;
border:0;
background-color:#fff;
color:#545454!important;
font-size:95%;
width:auto;
*overflow:visible; 
display:inline;
}
/* - - - - - - - - - - - - - - - - - -  Content  - - - - - - - - - - - - - - - - - - */
.content ul {
list-style-type:none;
}
/* - - - - - - - - - Inhalt - - - - - - - -- */
.modul ul li a.pdf,
.modul a.pdf {
background-image:url(../img_1/gesamt/link_pdf.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:21px;
}
.modul ul li a.jpg,
.modul a.jpg  {
background-image:url(../img_1/gesamt/link_jpg.gif);
background-position:0 0;
padding-left:21px;
background-repeat:no-repeat;
}
.modul ul li a.doc,
.modul a.doc  {
background-image:url(../img_1/gesamt/link_doc.gif);
background-position:0 0;
padding-left:21px;
background-repeat:no-repeat;
}
.modul ul li a.download,
.modul a.download  {
background-image:url(../img_1/gesamt/link_download.gif);
background-position:0 0.25em;
padding-left:16px;
background-repeat:no-repeat;
}
.modul ul li a.rechner,
.modul a.rechner  {
background-image:url(../img_1/gesamt/link_rechner.gif);
background-position:0 0;
padding-left:21px;
background-repeat:no-repeat;
}
.bgGelb ul li a.download {
background-image:url(../img_1/gesamt/link_download_bgGelb.gif);
}
.bgGrau ul li a.download {
background-image:url(../img_1/gesamt/link_download_bgGrau.gif);
}
.modul a.pdf,
.modul a.doc,
.modul a.jpg,
.modul a.download,
.modul a.rechner {
padding-top:1px;
padding-bottom:1px;
line-height:150%;
} 
.modul p a.pdf,
.modul a.doc,
.modul p p a.jpg,
.modul p a.download,
.modul p a.rechner   {
padding-top:1px;
padding-bottom:1px;
}
* html .modul p a.pdf,
* html .modul a.doc,
* html .modul p p a.jpg,
* html .modul p a.download,
* html .modul p a.rechner,
* html .modul p .tipp a.glossar  {
white-space:nowrap;
}
.modul p .tipp a.glossar  {
*white-space:nowrap;
}
/* - - - - Tooltip - - - */
.tipp {
display:inline;
position:relative;
}

.tooltip {
display:none;
position:absolute;
z-index:30;
width:22.0em;
margin-top:-5px;
padding-top:10px;
padding-right:1px;
*padding-right:0;
border-bottom:3px solid #006bb3;
}

.tipp:hover .tooltip,
.tipp.hover .tooltip  {
display:block;
}
.innertip {
position:relative;
background-color:#fff; 
margin:-3px -1px 0 -1px;
*margin:0 0 0 -3px;
display:block;
padding:10px 15px;
*padding:10px 15px;
height:20em;
overflow:auto;
border:1px solid #006bb3;
border-right:3px solid #006bb3;
font-size:95%;
text-align:left;
font-weight:normal;
}
.innertip a.mehr {
display:block;
position:relative;
top:6px;
*top:2px;
display:block;
background-image:url(../img_1/gesamt/mehr_pfeil.gif);
background-repeat:no-repeat;
background-position:0;
padding-left:15px;
margin-bottom:3px;
}
.modul a.glossar {
background-image:url(../img_1/gesamt/link_glossar.gif);
background-repeat:no-repeat;
background-position:2px center;
padding-left:16px;
}

#typo h3 .tipp {
font-weight:normal;
font-size:0.75em;
}
/* - - - - Tooltip, wenn aus dem Layout gelöst - - - - */
#typo span.reattached {
display:none;
background-color:transparent;
z-index:100;
position:absolute;
padding:0;
margin:0;
}
#typo span.reattached .innertip {
position:absolute;
top:0px;
left:0px;
z-index:1;
margin:0;
border:1px solid #006bb3;
border-width:1px 3px 3px 1px;
}
#typo span.reattached iframe {
position:absolute;
padding:0;
margin:0;
top:0px;
left:0px;
border:none;
z-index:0;
}
/* - - - - - Allgemeine Angaben - - - - - - -*/
.bgGrau {
background-color:#f0efef;
}
.bgDgrau {
background-color:#8d909b;
}
.bgGelb {
background-color:#fef3d4;
}
.bgBlau {
background-color:#e5f0f7;
}
.bgDblau {
background-color:#006bb3;
}
.bgWeiss {
background-color:#fff;
}
.zweiBorder {
border-top:1px solid #99c3e0;
border-bottom:1px solid #99c3e0;
}
.zweiBorderGrau  {
border-top:1px solid #c6c7cd;
border-bottom:1px solid #c6c7cd;
}
.zweiBorderBlau {
border-top:1px solid #006ab3;
border-bottom:1px solid #006ab3;
}
.borderTop {
border-top:1px solid #99c3e0;
}
.borderBottom {
border-bottom:1px solid #99c3e0;
}
.borderTopWhite {
border-top:2px solid #fff;
}
.borderBottomWhite {
border-bottom:2px solid #fff;
}
.borderTopGelb {
border-top:2px solid #fcb913;
}
.border2TopGelb {
border-top:2px solid #fcb913;
}
.modul img {
margin-bottom:-4px;
*margin-bottom:-3px;
}

/*Für Opera 7 und Safari*/
html:first-child>b\ody .modul img {
margin-bottom:0;
}
