/**
 * Stylesheet fuer vita-x
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40s
 * e-Mail: info@seitenblick.de
 */


/*--- Allgemeine Definitionen ---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
 vertical-align: baseline;
}

body {
  background: #fff;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 100.01%;
  margin: 0;
  padding: 0;
}

code {
  font-family: "Courier New", Monospace;
}

label {
  cursor: pointer;
}

ol, ul {
  list-style: none;
}


/*--- Helperklassen --- */
.c {
  clear: both;
}

.x {
  display: none;
}

.spacer20 {
  float: left;
  height: 20px;
  width: 100px;
}

.spacer50 {
  float: left;
  height: 50px;
  width: 100px;
}


/*--- Layout --------------------------------------------------------*/
#wrapper {
  background: url('/i/bg_content.gif');
  background-repeat: repeat-y;
  margin: auto;
  width: 1004px;
}


/* Kopf der Seite */
#head {
  background: #fff;
  border-right: 1px solid #dddddd;
  float: left;
  width: 1002px;
}

/* Linke Spalte */
#left {
  background: #f4f4f4;
  border-left: 1px solid #dadada;
  float: left;
  padding-left: 45px;
  width: 179px;  
}

/* Mittlere Spalte */
#middle {
  background: #fff;
  float: left;
  width: 568px;
}

/* Rechte Spalte */
#right {
  background: #f4f4f4;
  border-right: 1px solid #dadada;
  float: left;
  width: 209px;
}

/* Footer der Seite fuer ein bisschen Abstand nach unten */
#footer {
  background: #fff;
  float: left;
  height: 60px;
  width: 100%;
}


/*--- Kopf der Seite mit Logo und Subnavigation --------------------*/

/*--- Linke Spalte, leer ---*/
#head #head_left {
  border-left: 1px solid #dddddd;
  float: left;
  width: 224px;
  height: 100px;
}

/*--- Logo in der Mitte ---*/
#head #logo {
  float: left;
  width: 568px;
  height: 100px;
}

#head #logo img {
  display: block;
}

/*--- Subnavigation ---*/
#head #subnavi {  
  float: left;
  text-align: center;
  width: 208px;
  margin-top: 80px;
}

/* Wrapper fur die Menuepunkte */
#head #subnavi div.menu {
  height: 20px;  
}

/* Die Menuepunkte */
#head #subnavi div.menu a {
  color: #8d8d8d;
  font-size: 0.75em;
  line-height: 20px;
  text-decoration: none;
  padding: 0 9px 0 9px;
}

#head #subnavi div.menu a:hover {
  text-decoration: underline;
}

/* Der Schatten unter dem Kopf */
#head_shadow {
  background: url('/i/shadow_top.gif');
  background-repeat: repeat-x;
  border-right: 1px solid #dddddd;
  float: left;
  height: 8px;
  margin: 0;
  padding: 0;
  width: 1002px;
}

/*--- Der eigentliche Inhaltsbereich -------------------------------*/

/*--- Linker Teil der Seite - Navigation ---*/
#left #navi {
  float: left;
  margin: 35px 0 35px 0;
}

#left #navi_impressum {
  float: left;
  margin: 194px 0 30px 0;
}

#left #navi ul, #navi_impressum ul {
  width: 135px;  
}

/* Erste Ebene */
#left #navi ul li.e1,
#left #navi_impressum ul li.e1 {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}


/* Der momentan aktive Menuepunkt wird gekennzeichnet */
#left #navi ul li.active,
#left #navi_impressum ul li.active {
  list-style-image: url('/i/arrow_navi.gif') !important;  
}

/* Das erste Element wird nicht Versal! */ 
#left #navi ul li.first {
  text-transform: none;
}

/* Zweite Ebene */
#left #navi ul li.e2,
#left #navi_impressum ul li.e2 {
  color: #6e6e6e;
  font-size: 0.75em;
  line-height: 16px;
}

/* Die Links in dem Menue */
#left #navi ul li a,
#left #navi_impressum ul li a {
  color: #000;
  text-decoration: none;
}

/* Spacer zwischen den Navigationspunkten */
#left #navi ul li.spacer,
#left #navi_impressum ul li.spacer {
  border-bottom: 1px dotted #656565;
  line-height: 5px;
  margin: 0 0 5px 0;
  padding: 0;
}

/* Teaser in der linken Spalte */
#left div.teaser_left {
  float: left;
  width: 170px;
}

/*--- Impressum in der linken Spalte */
#left #imprint {
  color: #6e6e6e;
  float: left;
  font-size: 0.75em;
  width: 170px;
}


/*--- Mittlerer Content-Bereich ---*/

/* Breadcrumb */
#middle #breadcrumb {
  background: url('/i/arrow_breadcrumb.gif');
  background-repeat: no-repeat;
  background-position: 0px 8px;
  color: #000;
  display: block;
  font-size: 0.625em;
  height: 26px;
  padding: 10px 0 0 20px;
}

#middle #breadcrumb a {
  color: #000;
}

#middle #breadcrumb span.active {
  font-weight: bold;
}

#middle a {
  color: #000;
  text-decoration: none;
}

#middle a:hover {
  text-decoration: underline;
}


/* Spacer zwischen den einzelnen Eintraegen */
#middle div.spacer {
   border-top: 1px dotted #656565;
   display: inline;
   float: left;
   height: 5px;
   line-height: 5px;
   margin: 10px 0 6px 0;
   width: 563px;
}

#middle div.spacer_start {
   border-top: 1px dotted #656565;
   display: inline;
   float: left;
   height: 5px;
   line-height: 5px;
   margin: 10px 0 6px 5px;
   width: 555px;
}

#middle div.caption {
  color: #a2a2a2;
  float: right;
  font-size: 0.75em;
  margin: 5px 5px 0 0;
}

#middle div.article_date {
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  margin: 10px 0 0 3px;
}

/*--- Teaser auf der Startseite ---*/

/* Teaser 1-spaltig. Bild links, Text rechts */
#middle div.teaser1col {
  float: left;
  height: 152px;
}

#middle div.teaser1col img {
  float: left;
  margin: 0 10px 0 0;
}

#middle div.teaser1col h3 {
  color: #909090;
  margin: 5px 0 5px 0;
}

#middle div.teaser1col h3 a {
  color: #909090;
}

#middle div.teaser1col p {
  font-size: 0.875em;
}

/* Teaser 2-spaltig */
#middle div.teaser2col_wrapper {
  background: #f4f4f4;
  float: left;
  height: 74px;
}

#middle div.teaser2col_content {
  float: left;
  height: 74px;
  padding-right: 10px;
  width: 274px;
}

#middle div.teaser2col_content img {
  float: left;
  margin-right: 5px;
}

#middle div.teaser2col_content h3 {
  font-size: 0.875em;
  margin: 5px 0 5px 0;
}

#middle div.teaser2col_content p {
  font-size: 0.625em;
}

#middle div.teaser2col_wrapper_textonly {
  background: #f4f4f4;
  float: left;
}

#middle div.teaser2col_content_textonly {
  border-right: 3px solid #fff;
  float: left;
  padding-right: 10px;
  width: 271px;
}

#middle div.teaser2col_content_textonly  h3 {
  font-size: 0.875em;
  margin: 5px 0 5px 5px;
}

#middle div.teaser2col_content_textonly p {
  font-size: 0.625em;
  margin: 0 0 0 5px;
}


/* Teaser 4-spaltig */
#middle div.teaser4col_wrapper {
  float: left;
  height: 160px;
}

#middle div.teaser4col {
  float: left;
  width: 142px;
}

/* Der erste Eintrag hat links einen 2px weissen Rand */
#middle div.teaser4col div.first {
  border-left: 2px solid #fff;
}

#middle div.teaser4col div.teaser4col_content {
  background: #f4f4f4;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 50px;
  padding-left: 5px;
}

#middle div.teaser4col h3 {
  color: #909090;
  font-size: 0.875em;
}

#middle div.teaser4col h3 a {
  color: #909090;
}


#middle div.teaser4col p {
  font-size: 0.625em;
}


/* Bild-Teaser mit Text unter dem Bild */
#middle div.teaser_image {
  float: left;
  width: 284px;
}

#middle div.teaser_image h3 {
  color: #b0b0b0;
  font-size: 1em;
  margin-left: 5px;
}

#middle div.teaser_image h3 a {
  color: #b0b0b0;
}

#middle div.teaser_image p {
  font-size: 0.75em;
  margin-left: 5px;
}


/* Listenteaser */
#middle div.listteaser {
  float: left;
  margin: 0 0 0 5px;
  width: 270px;
}

#middle div.listteaser ul {
  float: left;
  font-size: 0.75em;
  list-style-image: url('/i/arrow_list.gif');
  padding-left: 14px;
}

#middle div.listteaser ul li {
  padding: 0 0 7px 0;
}


/*--- Artikel Ubersichtsliste ---*/
#middle #overview_list {
  background: url('/i/bg_list_overview.gif');
  background-repeat: repeat-x;
  display: inline;
  float: left;
  margin-left: 3px;
  width: 563px;
}

/* Die einzelnen Eintraege */
#middle #overview_list div.item {
  float: left;
  margin-right: 2px;
  width: 560px;
}

/* Der erste Eintrag hat ein Padding nach oben */
#middle #overview_list div.first {
  padding-top: 15px;
}

#middle #overview_list div.item a {
  color: #000;
  text-decoration: none;
}

#middle #overview_list div.item img {
  float: left;
  margin: 0 10px 0 0;
}

#middle #overview_list div.item h1.list {
  color: #909090;
  float: left;
  font-size: 1em;
  min-width: 150px;
}

#middle #overview_list div.item h1.list a {
  color: #909090;  
}

#middle #overview_list div.item div.break {
  float: left;
  font-size: 0.75em;
  width: 445px;
}

#middle #overview_list div.item div.info {
  float: right;
  padding-top: 25px;
}

#middle #overview_list div.item div.info img {
  margin: 0 0 0 2px;
}


/* Die alphabetische Uebersicht bei "Gesundheit" */
#middle div.alphabetic_list {
  float: left;
  height: 30px;
  margin: 30px 0 0 5px;
  text-align: center;
  width: 555px;
  border-bottom: 1px dotted #929292;
}

#middle div.alphabetic_list div {
  float: left;
  font-weight: bold;
  padding: 0 2px 0 2px;
  width: 17px;
}

#middle div.alphabetic_list div.active {
  float: left;
  border-bottom: 4px solid #929292;
  padding: 0 0 10px 0;
}

#middle div.alphabetic_list div.inactive {
  color: #929292;
}

#middle .az_list {
  float: left;
  margin: 50px 0 0 20px;
}

#middle .az_list li {
  padding: 0 0 10px 50px;
  width: 490px;
}

#middle .az_list li a {
  border-bottom: 1px dotted #929292;
  color: #929292;
  display: block;
  font-weight: bold;
  padding: 0 0 5px 0;
}

#middle .az_list li.first {
  background: url(/i/icon_azlist.gif) top left no-repeat;
}



/*--- Veranstaltungen Uebersicht ---*/

#middle #events_overview_list {
  float: left;
  margin-left: 3px;
  width: 563px;
}

#middle #events_overview_list div.item {
  float: left;
  font-size: 0.75em;
  margin-right: 2px;
  width: 560px;
}

#middle #events_overview_list div.first {
  padding-top: 15px;
}

#middle #events_overview_list img {
  float: left;
  margin: 0 10px 0 0;
}

#middle #events_overview_list div.date {
  color: #8c8c8c;
  font-size: 0.875em;
  font-weight: bold;
}

/*--- Hauptbild auf der Einstiegsseite eines Artikels ---*/
#middle #main_image {
  float: left;
  margin-bottom: 5px;
}

/* Bildunterschrift des Hauptbildes */
#middle #main_image div.bu {
  float: right;
  font-size: 0.625em;
  margin: 5px 5px 0 0;
}

#middle h1 {
  color: #909090;  
  font-size: 1.875em;
  margin: 0 0 8px 3px;
}

#middle h1 a {
  color: #909090;  
  font-size: 1em;
  margin: 0 0 8px 3px;
}

#middle h1.grey {
  color: #fff;
  float: left;  
  font-size: 1.5em;
  line-height: 28px;
  padding: 0 0 0 5px;
}

#middle div.head_image_repeat {
  background: #8d8d8d;
  background-repeat: no-repeat;
  background-position: right;
  float: left;
  height: 28px;
  margin: 0 0 8px 0;
  width: 568px;  
}

#middle div.head_image_repeat img {
  float: right;
}

#middle h2 {
  font-size: 1em;
  margin: 0 0 3px 5px;
  padding: 0;
  text-decoration: none;
}


/* Der eigentliche Inhalt */
#middle #content {
  float: left;
  font-size: 0.875em;
  padding: 0 5px 0 5px;
  width: 557px;
}

/* Absatzbloecke im Content */
#middle #content div.break {
  margin-bottom: 25px;
}

#middle #content div.break a.link-intern {
  background: url('/i/arrow_list.gif');
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding: 0 0 0 15px;
  text-decoration: underline
}

/* Der Vorspann mit der gepunkteten Linie als Abschluss */
#middle #content p.lead {
  border-bottom: 1px dotted #656565;
  padding-bottom: 16px;
  margin: 0 0 16px 0;
}

#middle #content p.lead a {
  text-decoration: none;
}

/* Liste mit Attachments nach dem Vorspann */
#middle #content div.break div.attachmentlist {
  line-height: 15px;
  margin: 0;
}

#middle #content div.break div.attachmentlist img {
  float: left;
  margin: 0 5px 0 0;
}

#middle #content div.break div.attachmentlist div {
  padding: 1px 0 0 0;
}

/* Zwischenueberschriften im Fliesstext */
#middle #content div.break h3 {
  font-weight: bold;
}

/* Zwischenabsaetze */
#middle #content div.break p {
  margin-top: 25px;
}

/* Das erste Bild hat einen anderen Abstand von oben */
#middle #content div.break #image_first {
  margin-top: 12px;
}

/* Bild links ausgerichtet im Fliesstext */
#middle #content div.break div.image_left {
  float: left;
  margin-left: -5px;
  padding-right: 5px;
}

#middle #content div.break div.image_left div.bu {
  font-size: 0.625em;
  margin: 5px 0 0 5px;
  text-align: left;
}

/* Bild rechts ausgerichtet im Fliesstext */
#middle #content div.break div.image_right {
  float: right;
  padding-left: 6px;
  margin-right: -6px;
}

#middle #content div.break div.image_right div.bu {
  font-size: 0.625em;
  margin: 5px 5px 0 0;
  text-align: right;
}

/* Aufzaehlungsliste im Fliesstext */
#middle #content div.break ul {
  list-style-type: disc;
  margin: 25px 0 0 0;
  padding: 0 0 0 30px;
}

#middle #content div.break ul li {
  padding: 3px 0 3px 0;
}

/* Aufzaehlungsliste im Fliesstext */
#middle #content div.break ol {
  list-style-type: decimal;
  margin: 25px 0 0 0;
  padding: 0 0 0 30px;
}

#middle #content div.break ol li {
  padding: 3px 0 3px 0;
}

/*--- Infobox im Fliesstext ---*/
#middle #content div.infobox {
  background: #fff;
  margin: auto;
  width: 533px;
}

/* Kopf der Infobox */
#middle #content div.infobox div.head {
  background: url('/i/bg_head_infobox.gif');
  background-repeat: no-repeat;
  color: #fff;
  float: left;
  font-size: 0.875em;
  height: 30px;
  padding: 5px 0 0 5px;
  width: 533px;
}

/* Der Inhaltsbereich */
#middle #content div.infobox div.content {
  background: #e6e6e6;
  display: block;
  float: left;
  padding: 10px 20px 10px 20px;
  width: 494px;
}

/* Liste mit dezimalen Aufzaehlungspunkten */
#middle #content div.infobox div.content ol {
  clear: both;
  float: left;
  list-style-type: decimal;
  padding: 0 0 10px 40px;
}

/* Liste mit normalen Aufzaehlungspunkten */
#middle #content div.infobox div.content ul {
  list-style-type: disc;
  padding: 10px 10px 10px 50px;
}

/* Absatz in der Infobox */
#middle #content div.infobox div.content div.info_break {
  border-top: 1px dotted #656565;
  float: left;
  display: inline;
  margin: 10px 0 0 0;
  padding: 10px 0 10px 0;
  width: 483px;
}

/* Der Schatten unter der Infobox */
div.infobox div.shadow_bottom {
  background: #fff;
  background-image: url('/i/shadow_btm2.gif');
  background-repeat: repeat-x;
  float: left;
  height: 8px;
  margin-bottom: 25px;
  width: 534px;
}

/*--- Neue, ueberarbeitete Infobox --*/
#middle #content div.infobox_new {
  margin: 30px auto;
  width: 530px;
}

#middle #content div.infobox_new div.head {
  background: url('/i/bg_infobox_head_new.gif');
  background-repeat: repeat-y;
  color: #fff;
  font-size: 0.875em;
  padding: 0 5px 0 5px;
}

#middle #content div.infobox_new div.headtop {
  background: url('/i/bg_infobox_head_top_new.gif');
  height: 8px;
}


#middle #content div.infobox_new div.headbottom {
  background: url('/i/bg_infobox_head_btm_new.gif');
  height: 7px;
}


#middle #content div.infobox_new div.content {
  background: #e6e6e6;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  float: left;
  padding: 10px 15px 0 15px;
  width: 498px;
}

/* Liste mit dezimalen Aufzaehlungspunkten */
#middle #content div.infobox_new div.content ol {
  list-style-type: decimal;
  margin: 10px 0 10px 15px;
  padding: 0 0 10px 15px;
}

/* Liste mit normalen Aufzaehlungspunkten */
#middle #content div.infobox_new div.content ul {
  list-style-type: disc;
  margin: 10px 0 10px 10px;
  padding: 0 0 10px 10px; 
}

#middle #content div.infobox_new div.content p.boxspacer {
  border-top: 1px dotted #000;
  line-height: 5px;
}

#middle #content div.infobox_new div.footer {
  background: #e6e6e6;
  float: left;
  padding: 5px 15px 5px 15px;
  width: 500px;
}

#middle #content div.infobox_new div.shadow_footer {
  background: url('/i/bg_infobox_footer_new.gif');
  background-repeat: no-repeat;
  float: left;
  height: 16px;
  width: 530px;
}


/*--- Styles fuer die Selbsttests ---*/
#middle #content div.dotted_spacer {
  float: left;
  height: 1px;
  border-top: 1px dotted black;
  margin: 10px 0 20px 0;
  width: 100%;
}

#middle #content div.break form {
  float: left;
  width: 100%;
}

#middle #content div.break form ul.test {
  list-style-type: none;
  margin: 0 0 0 -30px;
}

#middle #content div.break form ul.test li.question {
  margin: 20px 0 0 0;
}

#middle #content div.break form ul.test li.radio_answer {
  margin-left: -7px;
}

#middle #content div.break form input {
  float: left;
  margin-right: 10px;
}

#middle #content div.break form input.submit {
  float: right;
  margin-top: 20px;
}

/* Die Fehlermeldungen */
#middle #content ul.error {
  color: red;
  width: 100%;
}

#middle #content div.test_result {
  float: left;
  margin-top: 30px;
  width: 100%;
}

#middle #content div.test_result h3 {
  margin-bottom: 10px;
}

#middle #content div.backlinks {
  float: left;
  margin: 30px 0 0 0;
}



/*--- Bildlinks im Text ---*/
#middle #imagelink_wrapper {
  float: left;
  width: 569px;
}

#middle #imagelink_wrapper div.separator {
  float: left;
  height: 200px;
  width: 2px;
}

#middle #imagelink_wrapper div.image_link {
  float: left;
  width: 282px;
}

#middle #imagelink_wrapper div.image_link div.footer {
  background: #f3f3f3;
  height: 80px;
}

#middle #imagelink_wrapper div.image_link div.footer div.arrow {
  background: url('/i/arrow_navi.gif');
  background-repeat: no-repeat;
  float: left;
  width: 10px;
  margin: 8px 0 0 0;
}


#middle #imagelink_wrapper div.image_link div.footer h1 {
  font-size: 0.85em;
  padding: 5px 0 0 0;
  margin-bottom: 2px;
}

#middle #imagelink_wrapper div.image_link div.footer p {
  font-size: 0.85em;
  padding: 0 5px 5px 11px;
}

#middle #imagelink_wrapper div.image_link div.left {
  border-left: 2px solid #fff;
}

#middle #imagelink_wrapper div.image_link div.right {
  border-right: 2px solid #fff;
}



/*--- Mediathek ---*/

/* Wrapper fuer den Player */
#middle #wrapper_player {
  margin: auto;
  width: 480px;
}

/* Der eigentliche Player-Container */
#middle #player {
  height: 320px;
  margin-bottom: 30px;
  width: 480px;
}

#middle #player_audio {
  margin: auto;
  padding: 80px 0 80px 0;
  width: 200px;
}

/* Hinweis ueber der Videogalerie */
#middle div.info_video {
  background: url('/i/icon_video.gif');
  background-repeat: no-repeat;
  display: inline;
  float: left;
  height: 30px;
  margin-left: 5px;
  width: 550px;
}

/* Hinweis ueber der Audiogalerie */
#middle div.info_audio {
  background: url('/i/icon_audio.gif');
  background-repeat: no-repeat;
  display: inline;
  float: left;
  height: 30px;
  margin-left: 5px;
  width: 550px;
}

/* Wrapper fuer die Video- und Audiogalerie */
#middle div.galery {
  border-top: 1px dotted #656565;
  border-bottom: 1px dotted #656565;
  display: inline;
  float: left;
  margin: 0 0 0 5px;
  padding: 5px 0 5px 0;
}

/* Ein einzelner Eintrag in der Galerie */
#middle div.galery div.item {
  float: left;
  margin-right: 4px;
  width: 136px;
  background: #e0e0e0;
}

#middle div.galery div.last {
  margin: 0;
}

/* Der Kopf eines Eintrages mit dem Vorschaubild */
#middle div.galery div.item div.head {
  text-align: center;
}

/* Kopf bei den Videos mit anderem Hintergrund */
#middle div.galery div.item div.audio {
  height: 87px;
  padding: 0 0 5px 0;
}

/* Die Kurzbeschreibung unter dem Kopf */
#middle div.galery div.item div.description {
  font-size: 0.625em;
  margin: 5px 10px 5px 10px;
}

#middle div.galery div.item div.description h1 {
  font-size: 0.875em;
  margin: 0 0 5px 0;
}


/*--- Blaettern am Kopf und Fuss der Seite ---*/

/* Wrapper fuer das Blaettern */
#middle div.pageflip {
  color: #000;
  font-size: 0.625em;
}

/* Blaettern oben auf der Seite */
#middle div.top {
  color: #000;
  float: left;
  margin: 0 0 3px 0;
  padding-right: 15px;
}

/* Blaetern unten auf der Seite */
#middle div.bottom {
  color: #000;
  float: right;
  margin: 30px 0 30px 0;
  padding-right: 15px;
}

/* Blaettern in den Galerien */
#middle div.pgalery {
  color: #000;
  display: inline;
  float: right;
  height: 20px;
  margin: 2px 5px 0 0;
  padding: 0;
  width: 550px;
}

#middle div.pgalery b {
  color: #000;
  font-weight: normal;
  margin-right: 2px;
  text-decoration: underline;
}

#middle div.pgalery div.links {
  float: right;
  margin: 3px 0 0 0;
}

#middle div.pgalery div.next {
  background: url('/i/arrow_breadcrumb.gif');
  background-repeat: no-repeat;
  float: right;
  height: 20px;
  margin: 0 0 0 5px;
}

#middle div.pgalery div.next a {
  border: none;
  margin: 0;
  padding: 0 8px 0 0;
}

#middle div.pageflip a {
  color: #000;
  margin: 0 0 0 2px;
  padding: 0 5px 0 0;
  text-decoration: none;
}

#middle div.pageflip a:hover {
  color: #000;
  text-decoration: underline;
}

#middle div.pageflip a.active {
  color: #000;
  text-decoration: underline;
}

#middle div.pageflip a.next {
  color: #000;
}

#middle div.pageflip a.last {
}

/* Blaetternfunktion auf den Uebersichtsseiten */
#middle div.pageflip_overview {
  color: #000;
  font-size: 0.625em;
}

#middle div.pageflip_overview b {
  color: #000;
  font-weight: normal;
  margin-right: 2px;
  text-decoration: underline;
}

#middle div.pageflip_overview a {
  color: #000;
  margin: 0 2px 0 0;
  padding: 0;
  text-decoration: none;
}

#middle div.pageflip_overview a:hover {
  color: #000;
  text-decoration: underline;
}

#middle div.pageflip_overview a.active {
  color: #000;
  text-decoration: underline;
}

#middle div.pageflip_overview a.next {
  color: #000;
}

#middle div.pageflip_overview a.last {
}


/*--- Partnerseite ---*/
#middle .logo_wrapper {
  margin: auto;
  width: 560px;
}

#middle div.logo_wrapper div.logo {
  float: left;
  margin: 5px 0 5px 0;
}


/*--- Kontaktformular --*/
#middle #contact {
  font-size: 0.75em;
  margin: 30px auto;
  width: 450px;
}

#middle #contact p {
  font-size: 0.875em;
}

#middle #contact fieldset {
  background: #f7f7f7;
  border: 1px solid #8c8c8c;
  margin: 0 0 10px 0;
  padding: 10px;
}

#middle #contact fieldset label {
  float: left;
  margin: 0 0 5px 0;
  width: 150px;
}

#middle #contact fieldset select {
  border: 1px solid #cccccc;
  margin: 0 0 5px 0;
}

#middle #contact fieldset input {
  border: 1px solid #cccccc;
  float: left;
  margin: 0 0 5px 0;
  width: 200px;
}

#middle #contact fieldset #zip {
  width: 50px;
}

#middle #contact fieldset #city {
  width: 141px;
}

#middle #contact fieldset textarea {
  border: 1px solid #cccccc;
  height: 150px;
  width: 200px;
}

#middle #contact fieldset #news {
  border: none;
  float: left;
  font-size: 0.875em;
  margin: 0;
  width: 20px;
}

#middle #contact fieldset #newslabel {
  width: 338px;
}

#middle #contact fieldset #submit {
  float: right;
  width: 130px;
  height: 20px;
}

#middle div.error_msg {
  margin: auto;
  width: 450px;
}

#middle div.error_msg ul.error {
  color: #da2128;
  font-size: 0.875em;
  margin: 30px 0 0 0;
}

/*--- Rechter Bereich der Seite - Suche ---*/
#right #search {
  height: 88px;
  margin: 10px auto;
  text-align: center;
  width: 172px;
}

#right #search form div {
  float: left;
}

/* Das Eingagefeld fuer die Suche */
#right #search form input.searchfield {
  border-top: 1px solid #c3c3c3;
  border-right: none;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  height: 18px;
  margin: 0;
  padding: 0 0 0 2px;
  width: 148px;
}

/* Der Suchbutton als Bild */
#right #search form input.searchbutton {
  margin: 0;
  padding: 0;
}


/*--- Login-Formular ---*/
#right #login_head {
  background: url('/i/shadow_login_head.gif');
  background-repeat: no-repeat;
  color: #6c6c6c;
  font-size: 0.75em;
  height: 18px;
  margin: 0 0 0 12px;
  padding: 4px 0 0 24px;
  width: 162px;
}

#right #login {
  background: url('/i/shadow_login.gif');
  background-repeat: no-repeat;
  height: 160px;
  margin: auto;
  padding: 12px 0 0 0;
  text-align: center;
  width: 186px;
}

#right #login form div.inputfields {
  margin: auto;
  width: 135px;  
}

/* Spacer (gestrichelte Linie) zwischen den Feldern */
#right #login form div.inputfields div.spacer {
  border-bottom: 1px dotted #656565;
  display: block;
  margin: 2px 0 10px 0;
}

/* Die beiden Eingabefelder */
#right #login form input.loginfield {
  border-top: 1px solid #c3c3c3;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  float: left;
  width: 135px;
}

#right #login form label {
  float: left;
  font-size: 0.75em;
}

/*-- Anmeldelink --*/
#right #announcement {
  margin: 20px auto;
  width: 186px;
}

/*--- Service Menue ---*/
#right .service {
  margin: auto;
  width: 185px;
  /*position: relative;*/
}

#right .service.register .cross_logo {
  background: url('/i/icon_cross.gif');
  height: 44px;
  position: absolute;
  top: -10px;
  right: 0px;
  z-index: 100;
  width: 40px;
}

/* Schatten links und rechts vom Menue */
#right .service div.menu {
  background: url('/i/shadow.gif');
  background-repeat: repeat-y;
  float: left;
  width: 185px;
}

/* Kopf des Menues */
#right .service div.menu h3 {
  background: url('/i/bg_head_service.gif');
  color: #ffffff;
  font-size: 0.875em;
  height: 23px;
  margin: 0 6px 0 8px;
  padding: 5px 0 0 10px;
  text-transform: uppercase;
}

#right .service.register div.menu h3 {
  background: #f6f6f6;
  border: 1px solid #dcdcdc;
  color: red;
  font-size: 1em;
  margin: 0 6px 0 8px;
  padding: 5px 0 0 10px;
  text-transform: none;
}

/* Die Elemente des Menues */
#right .service div.menu ul li {
  border-bottom: 1px dotted #656565;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 24px;
  margin: 0 16px 0 18px;
}

#right .service div.menu ul a {
  color: #000;
  text-decoration: none;
}

#right .service div.menu ul a:hover {
  text-decoration: underline;
}

/* Letztes Element hat keine Linie unten */
#right .service div.menu ul li.last {
  border: none;
}

/* Fuss des Menues mit Schatten */
#right div.shadow_footer {
  background: url('/i/shadow_btm.gif');
  background-repeat: no-repeat;
  margin: auto;
  width: 183px;
  height: 16px;
}

/* Mini-Flashplayer im Menu auf der Mediathek-Seite */
#right .service #preview {
  background: #e3e3e3;
  text-align: center;
  height: 81px;
  margin: 2px 0 2px 0;  
  padding: 10px 0 0 0;
}

#right .service #preview #preview_image {
  cursor: pointer;
  height: 72px;
  margin: auto;
  width: 90px;
}

#right .service #preview #preview_image img {
  padding-top: 28px;
}