/*******************************************
 * Brachial-CMS-Script                     *
 * Version 1 (03.2005)                     *
 * Copyrights by Tim Majchrzak 2005        *
 * lizensiert und angepasst für            *
 * Redaktionsüro ProImage                  *
 * zur Benutzung auf rbpi.de               *
 *******************************************/

/* Globale Definitionen für Überall */
body {
  background:#BBD7FF;
  margin:0px;
  color:#000000;
  font-size:10pt;
  font-family:Arial,Helvetica,Verdana,sans-serif;
}

/* Globale Links */
a:link {
  text-decoration:none;
  color:#0000FF;
}
a:visited {
  text-decoration:none;
  color:#880088;
}
a:hover {
  text-decoration:underline;
  color:#FF0000;
}

a.menu:link {
  text-decoration:none;
  color:#0404AF;
  font-weight:bold;
  font-size:10pt;
  font-family:Arial,Helvetica,Verdana,sans-serif;
}
a.menu:visited {
  text-decoration:none;
  color:#0404AF;
  font-weight:bold;
  font-size:10pt;
  font-family:Arial,Helvetica,Verdana,sans-serif;
}
a.menu:hover {
  text-decoration:underline;
  color:#0404AF;
  font-weight:bold;
  font-size:10pt;
  font-family:Arial,Helvetica,Verdana,sans-serif;
}

/* Ausrichtung des Texts */
div.le {
  text-align:left;
}

div.mi {
  text-align:center;
}

div.ri {
  text-align:right;
}

div.ju {
  text-align:justify;
}

span.le {
  text-align:left;
}

span.mi {
  text-align:center;
}

span.ri {
  text-align:right;
  position:absolute;
  right:15px;
}

span.ju {
  text-align:justify;
}

/* Positionen */
div.alles {
  top:0px;
  margin:0px auto;
  width:950px;
}

div.kopf {
  position:absolute;
  margin:0px;
  width:950px;
  height:82px;
  overflow:hidden;
}

div.kopfweiss {
  position:absolute;
  margin:0px;
  width:938px;
  height:70px;
  background:#FFFFFF;
}

div.kopfv {
  width:333px;
}

div.kopfh {
  height:53px;
}

div.kopftext {
  position:absolute;
  bottom:5px;
  left: 15px;
  color:#0404AF;
  font-weight:bold;
  font-size:10pt;
  font-family:Arial,Helvetica,Verdana,sans-serif;
}

div.roykift {
  position:absolute;
  bottom:5px;
  right: 15px;
  color:#0404AF;
  font-weight:bold;
  font-size:24pt;
  font-family:Arial,Helvetica,Verdana,sans-serif;
}

div.hauptbild {
  position:absolute;
  margin-left:350px;
  top: 70px;
  width: 600px;
  height:171px;
}

div.hauptbildin {
  position:absolute;
  margin:0px;
}

div.hauptbildv {
  width:564px;
}

div.hauptbildsh {
  position:absolute;
  top:0px;
  right:0px;
  width:12px;
  background-image:url(images/schatten-h.gif); background-repeat:repeat-y;
}

div.hauptbildh {
  height:147px;
}


/* Die Boxen, insbesondere ihre Schatten */
div.text {
  margin:10px; 
}

div.sho {
  position:absolute;
  top:0px;
  right:0px;
  width:12px;
  height:17px;
  background-image:url(images/schatten-ho.gif); background-repeat:no-repeat;
}

div.sh {
  position:absolute;
  top:17px;
  right:0px;
  width:12px;
  background-image:url(images/schatten-h.gif); background-repeat:repeat-y;
}

div.shu {
  position:absolute;
  bottom:12px;
  right:0px;
  width:12px;
  height:12px;
  background-image:url(images/schatten-hu.gif); background-repeat:no-repeat;
}

div.svl {
  position:absolute;
  bottom:0px;
  left:0px;
  width:17px;
  height:12px;
  background-image:url(images/schatten-vl.gif); background-repeat:no-repeat;
}

div.sv {
  position:absolute;
  bottom:0px;
  left:17px;
  height:12px;
  background-image:url(images/schatten-v.gif); background-repeat:repeat-x;
}

div.svr {
  position:absolute;
  bottom:0px;
  right:12px;
  width:12px;
  height:12px;
  background-image:url(images/schatten-vr.gif); background-repeat:no-repeat;
}

div.se {
  position:absolute;
  bottom:0px;
  right:0px;
  width:12px;
  height:12px;
  background-image:url(images/schatten-e.gif); background-repeat:no-repeat;
}

/* Die Bilder-Box */
div.bb {
  position:absolute;
  margin-left:0px;
  top:82px;
  width:340px;
  height:669px; 
}

div.bbweiss {
  position:absolute;
  margin:0px;
  width:328px;
  height:657px;
  background:#EDEDED;
}

div.bbv {
  width:309px;
}

div.bbh {
  height:628px;
}

/* Die Haupt-Box */
div.hh {
  position:absolute;
  margin-left:350px;
  top:241px;
  width:600px;
  height:300px;
}

div.hhweiss {
  position:absolute;
  margin:0px;
  width:588px;
  height:288px;
  background:#EDEDED;
  overflow:auto;
}

div.hhv {
  width:559px;
}

div.hhh {
  height:259px;
}

div.hhtext {
  margin:15px; 
}

/* Die beiden kleinen Boxen */
div.kb1 {
  position:absolute;
  margin-left:350px;
  top:551px;
  width:295px;
  height:200px;
}

div.kb2 {
  position:absolute;
  margin-left:655px;
  top:551px;
  width:295px;
  height:200px;
}

div.kbweiss {
  position:absolute;
  margin:0px;
  width:283px;
  height:188px;
  background:#EDEDED;
  overflow:hidden;
}

div.kbv {
  width:254px;
}

div.kbh {
  height:159px;
}

/* Abstand des Texts vom Rand */
div.marginviel {
  margin-left:5px;
  margin-right:5px;
  margin-top:10px;
  margin-bottom:10px;
}

/* Rahmen in der Bilderbox */
div.bilder1 {
  position:absolute;
  top:8px;
  left:0px;
}

div.bilder2 {
  position:absolute;
  top:58px;
  left:0px;
}

div.bilder3 {
  position:absolute;
  top:108px;
  left:0px;
}

div.bilder2g {
  text-align:center;
  position:absolute;
  top:78px;
  left:0px;
  width:328px;
  height:579px;
  overflow:auto;
}

div.bilder3g {
  text-align:center;
  position:absolute;
  top:138px;
  left:0px;
  height:519px;
  overflow:auto;
}

div.bilder4g {
  text-align:center;
  position:absolute;
  top:188px;
  left:0px;
  height:469px;
  overflow:auto;
}

div.bbrahmen1 {
  position:absolute;
  padding:1px;
  border-width:1px;
  border-color:#6B6B6B;
  border-style:dashed;
  left:16px;
}

div.bbrahmen2 {
  position:absolute;
  padding:1px;
  border-width:1px;
  border-color:#6B6B6B;
  border-style:dashed;
  left:76px;
}

div.bbrahmen3 {
  position:absolute;
  padding:1px;
  border-width:1px;
  border-color:#6B6B6B;
  border-style:dashed;
  left:137px;
}

div.bbrahmen4 {
  position:absolute;
  padding:1px;
  border-width:1px;
  border-color:#6B6B6B;
  border-style:dashed;
  left:198px;
}

div.bbrahmen5 {
  position:absolute;
  padding:1px;
  border-width:1px;
  border-color:#6B6B6B;
  border-style:dashed;
  left:259px;
}

div.grossesBild {
  margin:5px;
  text-align:center;
  width:302px;
  min-width:302px;
  max-width:318px;
}

div.grossesBildText {
  margin:4px;
  text-align:left;
}