/* Regio Berlin e.V.i.Gr.
   Design und Realisierung: Stephan Kundinger
   (C) Stephan Kundinger

   style00.css

   verwendte Farben                        h   s   l     r   g   b     html

   Hintergrund             weißblaugrau   145 120 235   248 250 252   #f8fafc

   Teaser Verlauf links    pastellblau    145 180 234   245 249 253   #f5f9fd
   Teaser Verlauf rechts   dunkelblau     145 240  75     0  61 160   #003da0
   Teaser Rand             schwarzblau    145 240  30     0  25  64   #001940

   Menü Verlauf oben       weißblaugrau   145 120 180   248 250 252   #f8fafc
   Menü Verlauf unten      hellblaugrau   145 120 120   177 196 228   #b1c4e4
   Menü Rand               schwarzblau    145 240  30     0  25  64   #001940

   Link normal             graublau       145  60 120    96 121 160   #6079a0
   Link rollover           blau           145 240  85     0  68 181   #0044b5

   Ticker Verlauf oben     hellgelb        34 240 180   255 236 128   #ffec80
   Ticker Verlauf unten    hellorange      26 240 150   255 190  64   #ffbe40
   Ticker Rand             orange          26 240 120   255 166   0   #ffa600

   Content Text            schwarzblau    145 240  30     0  25  64   #001940
   Content Auszeichnung    graublau       145  60 120    96 121 160   #6079a0
*/


/* Ab hier vor ieMac 5.x verbergen \*/

* html #marginLeft { /* ieWin-3-Pixel-Bug */
  margin-right: -3px;
}
/* Bis hier vor ieMac 5.x verbergen */


/* global */

body {
  background-color: #f8fafc; /*weißblaugrau*/
  text-align: center;
}


/* margin, page */

div#margin {
  border-bottom: 1px solid #001940; /*schwarzblau*/
  left: 0px;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 1;
}
div#marginLeft {
  background-color: #f5f9fd; /*hellblaugrau*/
  float: left;
  height: 44px;
  width: 50%;
}
div#marginRight {
  background-color: #003da0; /*dunkelblau*/
  height: 44px;
  width: auto;
}
div#page {
/*background-color: #eeeeee; /* Ebene 1 */
  margin: 0px auto;
  position: relative;
  text-align: left;
  top: 0px;
  width: 720px;
  z-index: 2;
}
div#pageHead {
/*background-color: #dddddd; /* Ebene 2 */
  left: 0px;
  height: 104px;
  position: absolute;
  top: 0px;
  width: 720px;
}
div#pageNavi {
/*background-color: #dddddd; /* Ebene 2 */
  left: 15px;
  position: absolute;
  top: 104px;
  width: 210px;
}
div#pageText {
/*background-color: #dddddd; /* Ebene 2 */
  left: 270px;
  margin-top: 4px; /* Nach Seitentitel 20px Zzr. */
  position: absolute;
  top: 88px;
  width: 420px;
}


/* pageHead */

div#pageHeadTeaserTop {
  border-bottom: 1px solid #001940; /*schwarzblau*/
  position: absolute;
}
div#pageHeadTeaserLeft {
  background-color: #001940; /*schwarzblau*/
  border: 1px solid #f8fafc; /*weißblaugrau*/
  left: 14px;
  padding: 1px;
  position: absolute;
  top: 4px;
}
div#pageHeadPath {
/*background-color: #cccccc; /* Ebene 3 */
  left: 270px;
  position: absolute;
  top: 48px;
  width: 420px;
}
div#pageHeadPathUser {
/*background-color: #bbbbbb; /* Ebene 4 */
  font-size: 9px;
  float: right;
}
div#pageHeadPathLinklogin {
  float: right;
  margin: 1px 0px 0px 4px;
}
div#pageHeadPath p {
/*background-color: #bbbbbb; /* Ebene 4 */
}


/* pageNaviMenu */

.pageNaviMenuPublic {
/*background-color: #cccccc; /* Ebene 3 */
  border-bottom: 1px solid #001940; /*schwarzblau*/
  border-top: 1px solid #001940; /*schwarzblau*/
  margin: 13px 0px 4px 0px; /*Nach Teaser und zwischen Menüs 17px Zr.*/
  padding: 4px 0px 4px 0px;
}
.pageNaviMenuProtected {
/*background-color: #cccccc; /* Ebene 3 */
  border-bottom: 1px solid #001940; /*schwarzblau*/
  margin: 13px 0px 4px 0px; /*Nach Teaser und zwischen Menüs 17px Zr.*/
  padding: 0px 0px 4px 0px;
}
.pageNaviMenuProtectedTitle {
/*background-color: #bbbbbb; /* Ebene 4 */
  background-image: url(../img/menu.gif);
  color: white;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 0px 3px 1px 3px;
}
.pageNaviMenu1n {
/*background-color: #bbbbbb; /* Ebene 4 */
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  padding: 0px 3px;
}
.pageNaviMenu2n {
/*background-color: #bbbbbb; /* Ebene 4 */
  font-size: 10px;
  line-height: 15px;
  padding: 0px 3px 0px 15px;
}
.pageNaviMenu3n {
/*background-color: #bbbbbb; /* Ebene 4 */
  font-size: 10px;
  line-height: 15px;
  padding: 0px 3px 0px 27px;
}


/* pageNaviTicker */

.pageNaviTicker {
/*background-color: #cccccc; /* Ebene 3 */
  border-bottom: 1px solid #ffa600; /*orange*/
  margin: 13px 0px 4px 0px; /*Nach Teaser und zwischen Menüs 17px Zr.*/
  padding: 0px 0px 4px 0px;
}
.pageNaviTickerTitle {
/*background-color: #bbbbbb; /* Ebene 4 */
  background-image: url(../img/ticker.gif);
  color: white;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 0px 3px 1px 3px;
}
.pageNaviTickerDate {
/*background-color: #bbbbbb; /* Ebene 4 */
  font-size: 10px;
  line-height: 14px;
  padding: 0px 3px;
}
.pageNaviTickerText {
/*background-color: #bbbbbb; /* Ebene 4 */
  font-size: 10px;
  line-height: 14px;
  padding: 0px 3px;
}


/* pageTextContent */

div#pageTextContent {
/*background-color: #cccccc; /* Ebene 3 */
  font-size: 12px;
  line-height: 17px; /* 10px Zzr. */
}
div#pageTextContent p.bodytext {
/*background-color: #bbbbbb; /* Ebene 4 */
  margin-top: 5px; /* Vor Absatz 15px Zzr. */
}


/* pageTextFoot */

div#pageTextFoot {
/*background-color: #cccccc; /* Ebene 3 */
  border-top: 1px solid #001940; /*schwarzblau*/
  font-size: 9px;
  margin: 12px 0px 5px 0px;
  padding-top: 3px;
}
div#pageTextFootMenu {
/*background-color: #bbbbbb; /* Ebene 4 */
  width: auto;
}
div#pageTextFootTimestamp {
/*background-color: #bbbbbb; /* Ebene 4 */
  float: right;
  margin: 0px 4px 0px 4px;
}
div#pageTextFootCms {
/*background-color: #bbbbbb; /* Ebene 4 */
  float: right;
}