/* Druck-CSS für SIPbase.com */

/* Allgemein gültige Formatierungen  */


#sprachauswahl,
#fuss,
.skip-header,
#rechtespalte,
.skip-nav,
#navigationspfad h2,
#hauptbild-box,
#menue-box {
  display: none;
}

html, body, div, h1, h2, h3, h4, h5, ul, ol,
span, a, table, tr, td, form, img, li, label, fieldset {
   font-family: Verdana, sans-serif;
}

body {
  margin: 1cm 1cm 1cm 2.5cm;
  font-size: 10pt;
}

h1, h2, h3, h4 {
       font-weight: bold;
       font-style: normal;
       page-break-after: avoid;
       page-break-inside: avoid;
}

h2 { font-size: 12pt; color: #98857F; margin: 10px 0px 13px 0px; }
h3 { font-size: 11pt; font-weight: bold; margin: 10px 0px 10px 1px; }
h4 { font-size: 10pt; }

a, abbr, acronym {
      border: 0;
      border: none;
      border-bottom: none;
      border-bottom-style: none;
      border-style: none;
      text-decoration: none;
}

img { border: 0; }

td { vertical-align: top; }

ul, ol { page-break-before: avoid; }

li { page-break-inside: avoid; }

a:link  { color: #000; }
a:visited { color: #000; }

p.bodytext,
.MsoNormal,
p.right,
p.mittig,
p.unterhalb,
p.pfeilcontent1 {
  padding: 0px;
  margin: 0px 0px 10px 0px;

}

.right {
  text-align: right;
}

.mittig {
  text-align: center;
}

.unterhalb {
  clear: both;
  float: none;
}

#rechtespalte .pfeilcontent1,
#inhalt .pfeilcontent1 {
  padding-left: 10px;
  background: url(pfeil-orange-teaser.gif) top left no-repeat;
}

blockquote.einzug {
  margin-top: 0px;
  margin-bottom: 0px;
}

.skip-header {
  float: right;
  margin-bottom: 2cm;
  text-align: center;
  font-variant: small-caps;
}

.skip-header h1,
.skip-header h2 {
  font-size: 12pt;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 6px;
  font-style: normal;
}

#logo {
  text-align: right;
}

#hauptbild-box {
  /* height: 100px;*/
  width: 778px;
  overflow: hidden;
  clear: both;
}

#bg-hauptbild {
  width: 260px;
  height: 100px;
  float: left;
  overflow: hidden;
}

#hauptbild {
  width: 518px;
  height: 100px;
  float: left;
  overflow: hidden;
}

#navigationspfad a {
  font-size: 9pt;
}


#mittig {
  clear: both;
}

/* Hinweisbox */
.hinweisbox {
  clear: both;
  width: 466px; /* #inhalt - 2*border - .bild-hinweisbox */
  margin-bottom: 30px;
  border: none;
  background-color: #F5F5F5;
}

.bild-hinweisbox {
  width: 150px;
  float: left;
  overflow: hidden;
}

.text-hinweisbox {
  float: left;
  width: 286px; /* .hinweisbox - .bild-hinweisbox - margin-left - margin-right  */
  margin: 10px 0px 10px 10px;
  overflow: hidden;
}

.text-hinweisbox p.bodytext {
  margin: 0px 0px 0px 1px;
}

.text-hinweisbox h4 {
  font-size: 1.0em;
  color: #388BC9;
  padding-left: 10px;
  margin-bottom: 10px;
  background: url(pfeil-orange-hinweisbox.gif) top left no-repeat;
}

/* Datenliste */

/* Datenliste Unter�berschrift */
#inhalt h3.datenliste-ueber,
#inhalt h3.tarife-ueber {
  font-size: 1.0em;
  font-weight: bold;
  color: #98857F;
  margin: 10px 0px 0px 0px;
  padding: 1px 2px 0px 0px;
  background-color: #73B5E6;
}

#inhalt h3.tarife-ueber {
  padding: 0px 2px 0px 8px;
}

.datenliste-body,
.datenliste-body-tarife,
.datenliste-body-tarife-abc {
  border: 1px solid #73B5E6;
  margin-bottom: 6px;
  padding: 4px 0px 0px 0px;
}

.datenliste-body-tarife {
  margin-bottom: 0px;
  padding-top: 0px;
}

.datenliste-body-tarife-abc {
  margin-bottom: 0px;
  padding: 3px 0px 3px 7px;
}

.datenliste-body p,
.datenliste-body p.bodytext,
.datenliste-text {
  margin: 0px 6px 6px 7px;
}

.datenliste-body-tarife p {
  padding: 2px 0px 2px 7px;
}

.datenliste-body table {
  font-size: 1.0em;
  margin-bottom: 6px;
  border-collapse: collapse;
  border: none;
  width: 466px;
}

td.vorgabenbereich {
  padding-left: 7px;
}

.datenliste-link {
  text-align: right;
}

.datenliste-link a,
.datenliste-link a:link,
.datenliste-link a:visited,
.datenliste-link a:active {
  padding-left: 10px;
  background: url(pfeil-orange-teaser.gif) top left no-repeat;
  text-decoration: none;
}

.datenliste-link a:hover {
  text-decoration: underline;
}

.datenliste-body-tarife-abc a,
.datenliste-body-tarife-abc a:link,
.datenliste-body-tarife-abc a:visited,
.datenliste-body-tarife-abc a:active {
  color: #5A5A5A;
  margin-right: 7px;
}

.datenliste-body-tarife a,
.datenliste-body-tarife a:link,
.datenliste-body-tarife a:visited,
.datenliste-body-tarife a:active {
  color: #5A5A5A;
  text-decoration: none;
}

.datenliste-body-tarife a:hover {
  text-decoration: underline;
}

/*        Konto            */

td.wertebereich-kontoinfo {
  text-align: right;
}

.datenliste-body table.kontoauszug {
  table-layout: fixed;
  width: 466px;
}
.datenliste-body th {
  text-align: left;
  font-weight: normal;
}

th.ktoauszug-datum,
td.ktoauszug-datum {
  width: 33%;
  padding-left: 7px;
}

th.ktoauszug-beschreibung {
  width: 50%;
}

th.ktoauszug-betrag,
td.ktoauszug-betrag {
  width: 17%;
  text-align: right;
}

th.ktoauszug-betrag {
  text-align: center;
}

td.ktoauszug-betrag span {
  margin-right: 6px;
}

.skip-fuss {
   border-top: 1px dashed #CFCFCF;
   padding-top: 6px;
   color: #CFCFCF;
   font-size: 8pt;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.skip-fuss h3 {
  color: #CFCFCF;
  font-size: 8pt;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  float: left;
}

.skip-fuss p {
  margin: 0px 0px 0px 40px;
  float: left;
}

/* default styles for extension "tx_cssstyledimgtext" sipbase.com */
        /*
           Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
           (c) the TYPO3 content rendering group
        */

        /* COMMON */
        .csi-textpic {
        }

        .csi-textpic img {
                  /*XXX demo only*/
                margin: 0px;
        }

        .csi-textpic .csi-caption {
                text-align: left;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
        }

         p.csc-caption {
                margin: 4px 0px 0px 0px;
                padding: 0px;
                font-size: 11px;
         }

        .csi-textpic .csi-image {
                  /*XXX demo only*/
                margin: 2px 0px 0px 0px;  /*XXX demo only*/

        }

        .csi-textpic .csi-imagewrap {

        }

        .csi-textpic .csi-text {
                 /*XXX demo only*/
                text-align: left; /*will have to be an inline style - controlled by TS*/
        }

        .csi-text p {
                margin-top: 0;
        }

        /* CENTER */

        .csi-center .csi-image {
            text-align: center;
            margin-bottom: 12px;
        }

        /* RIGHT */
        .csi-right div.csi-image {
                float: right;
                clear: both;
                margin-bottom: 12px;
        }

        .csi-right div.csi-text {
                clear: right;
        }


        /* LEFT */
        .csi-left div.csi-image {
                float: left;
                clear: both;
                margin-bottom: 12px;
        }

        .csi-left div.csi-text {
                clear: left;
        }


        /* INTEXT LEFT */
        .csi-intext-left .csi-image {
                float: left;
                margin-right: 15px;
                margin-bottom: 15px;
        }

         .csi-intext-left .csi-text {

         }


        /* INTEXT RIGHT */
        .csi-intext-right .csi-image {
                float: right;
                margin-left: 15px;
                margin-bottom: 15px;
        }


        /* INTEXT RIGHT NOWRAP */
         .csi-intext-right-nowrap .csi-image {
                float: right;
                text-align: right;

        }

        .csi-intext-right-nowrap .csi-text {
               /* margin-right: 215px; will have to be an inline style - controlled by TS */
                padding-right: 9px;

        }

        /* INTEXT LEFT NOWRAP*/
        .csi-intext-left-nowrap .csi-image {
                float: left;
                text-align: left;
        }

         .csi-intext-left-nowrap .csi-text {
               padding-left: 9px;
        }


table.cssimgtext {
  font-size: 1.0em;
  width: 100%;
}

td.csi-td-text {
  vertical-align: top;
}

td.csi-td-image-right {
  vertical-align: top;
}
