/*  Datei: design.css  */
/*  Version: 2.1.0 */
/*  Date:  22.04.08  */
/*  Author: Udo Wortmann */
/*  Der Kunde ist König, hier ist sein Reich  */
/*  Bitte immer Sicherheitskopie erstellen  */
/*#######################################################################  GESAMTE SEITE  */
/* hellgelb: #f6f2e7;  dunkelgelb: #f3cf7b; dunkelrot: #470a07; grau: #f4f4f4; */
/* hellrot: #b81a13;  dunkelgelb im Text: #bd8e20; */
body {
  color: #ffffff;                                         /*  dokumentweite Schriftfarbe  */
  background-color: #f6f2e7;                      /*  Hintergrundfarbe der gesamten Seite */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
#maincontainer {
  text-align: center;                               /*  zentrierte Ausrichtung der Seite  */
  margin: 0 auto 0 auto;
  width: 880px;
  height: 682px;
  border: none;
  overflow: hidden;
  margin-top: -15px;
  }
#maincontent { }

/*##############################################################################  HEADER  */
#header {
  width: 880px;
  height: 159px;
  background-image: url(../img/header.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
}

/*################################################################################  NAVI  */
ul.navi li {                                                  /* die einzelnen Navipunkte */
  list-style-type: none;
  font-size: 11px;
  line-height: 15px;
  font-weight: bold;
  }
ul.navi li a, ul.navi li a:link, ul.navi li a:active, ul.navi li a:visited,
ul.navi li a:hover, ul.navi li.current {
  color: #ffffff;                                             /* Textfarbe der Navigation */
  text-decoration: none;
  }
ul.navi li a:hover, ul.navi li.current {
  color: #f3cf7b;                                       /*  Textfarbe rollover und aktiv  */
  }

#navihorizon {                                     /* Positionierung der horizontalen Navi*/
  width: 880px;
  height: 21px;
  background-image: url(../img/bg_navihorizon.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  }
#navihorizon ul.navi {
  margin-left: 135px;
  }
#navihorizon ul.navi li { float: left; padding-right: 20px; }

#navivertical {                                      /* Positionierung der verticalen Navi*/
  width: 170px;
  height: 90px;
  background-image: url(../img/bg_navivertical.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  }
#navivertical ul.navi {
  }
#navivertical ul.navi li {
  margin-bottom: 8px;
  text-align: center;
  }

/*##############################################    statische Elemente im Contentbereich  */
#contentcontainer #left #leftbottom p.fabricalibri {
  text-align: center;
  padding-top: 13px;
  height: 145px;
}
p.fabricalibri a {
  color: #f3cf7b;
  font-size: 120%;
  font-weight: bold;
  }
#search {
  width: 163px;
  height: 45px;
  background-image: url(../img/bg_search.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  }

/*######################################################################  Contentbereich  */
#contentcontainer {                             /* der gesamte Bereich unterhalb der Navi */
  width: 880px;
  height: 530px;
  background-image: url(../img/bg_content_neu.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  margin-top: -15px;
  }
#contentcontainer * {text-align: left;}
#left {
  width: 187px;
  height: 498px;
  float: left;
  padding-top: 13px;
  padding-left: 17px;
  }

#leftbottom {/*                                               Inhalt unter fabrica libra  */
  width: 169px;
  height: 391px;
  background-image: url(../img/bg_leftbottom.jpg);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin-top: 13px;
  font-size: 80%;
  }
#leftbottom div {
  width: 150px;
  margin-left: 3px;
  }
/*div#leftbottom div.leftcontent div.csc-textpic { width: 147px;}*/
div#leftbottom div.leftcontent div.csc-textpic img { margin-left: 30px;}
  
  
  
#right {
  width: 174px;
  height: 497px;
  float: right;
  padding-top: 13px;
  font-size: 80%;
  }
#rightcontent {/*                                                 Inhalt unter der Suche  */
  width: 165px;
  height: 439px;
  background-image: url(../img/bg_right.jpg);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin-top: 13px;
  padding: 10px 7px 5px 7px;
  }
#rightcontent p, #rightcontent div {
  width: 143px;
  margin-left: 3px;
  }
#rightcontent a, #leftcontent a {/*               Verweise in den Boxen links und rechts  */
  color: white;
  }
#content {/*                                                          Inhalt in der Mitte */
  height: 482px;
  width: 485px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 80%;
  line-height: 140%;
  color: #470a07;
  float: left;
  }
#middle {
  overflow: auto;
  height: 460px;
  width: 480px;                                     /* hier verŠndert man Breite des Mittelteils */
  padding: 10px 10px 10px 5px;
  }
.subfluid { padding: 0 0px 0 0px; margin: 0 0px 0 0px; }                  /* FCE-Elemente */
.subfluidcenter  { padding: 0 0.5em 0 0.5em; }
.subfluidleft { padding: 0 1em 0 0em; }
.subfluidright { padding: 0 0em 0 0em; }
  
#content a, #content a:link, #content a:active, #content a:visited {  /* Links im Content */
  white-space: nowrap;                                    /* Links sollen nicht umbrechen */
  text-decoration: underline;
  color: #470a07;                                   /* Links unterstrichen ? */                                                   /*  Farbe der Links */
  }
#content a:hover { color: #bd8e20;}      /*  Farbe der Links beim Überfahren mit der Maus */

/*######################################################################### Seiteninhalte */
/*                                              ######################## Typ: Überschrift */
h1 {
  font-size: 130%;
  margin-bottom: 1em;
  }
                                                                         /* Rahmenauswahl */
div.csc-frame-frame1 {                                                        /* Rahmen 1 */
  background-color: #f6f2e7;
  border: 2px solid #470a07;
  }
div.csc-frame-frame2 {                                                        /* Rahmen 2 */
  background-color: #f3cf7b;
  border: 2px solid #470a07;
  }
div.csc-frame-frame1 h1,                        /* Überschrift im Rahmen ohne Nachabstand */
div.csc-frame-frame2 h1 {
  margin-bottom: 0;
  }
div.csc-frame-frame1, div.csc-frame-frame2 {                   /* Innenabstand bei Rahmen */
  padding: 8px 8px 8px 8px;
  }
div.csc-frame-rulerBefore {                                                /* Linie davor */
  border: solid 2px #470a07;
  margin-bottom: 0;
  }
div.csc-frame-rulerAfter {                                                /* Linie danach */
  border-bottom: solid 2px #470a07;
  margin-top: -1em;
  }
                   /* Nach Oben, Justierung, Verweis und Datum sind erst ab h2 integriert */

/*                                                ############## Typ: Text / Bild / Media */
                                                              /* Rahmenauswahl siehe oben */
p.csc-linkToTop { padding-left: 380px; margin-bottom: 10px;}                 /* Nach Oben */
p.csc-linkToTop a {
  background-image: url(../icons/top.gif);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #470a07;}
h2 { font-size: 125%;}                                                     /* Überschrift */
#content h2 a, #content h2 a:link, #content h2 a:active, #content h2 a:visited {
  text-decoration: none;                                           /* Überschrift Verweis */
  }
p.csc-header-date {                                                   /*Überschrift Datum */
  float:left;
  font-size: 90%;
  font-style: italic;
  }
div.csc-frame div.csc-header h2 {               /* Überschrift im Rahmen ohne Nachabstand */
  margin-bottom: 0;
  }

div.csc-frame, div.csc-textpic-text {margin-bottom: 1em;}
div.csc-frame div.csc-textpic-text {margin-bottom: 0em;}

/*                                              ######################## Rich-Text-Editor */
                                                                /* Ausklappmenue: Absatz: */
p.zitat {
  margin: 5px 0 5px 15px;
  font-style: italic;
  }
.kasten {
  background-color: #f6f2e7;
  color: #470a07;
  margin: 5px 0 5px 0;
  padding: 4px;
  border: none;
  }
p.color1klein { font-size: 80%; line-height: 130%; color: #f3cf7b; }
#content p.kasten a, #content p.kasten a:link,   /*  Farbe der Links im Kasten definieren */
#content p.kasten a:active, #content p.kasten a:visited { }
#content p.kasten a:hover { }
p.endabsatz {
  padding: 0 0 10px 0;
  }
                                                                   /* Ausklappmenue: Text */
span.color1 { color: #f3cf7b; }
span.color2 { color: #85312f; }
span.bg-color1 { background-color: #470a07; color: #f6f2e7; padding: 1px 2px 1px 2px;}
span.bg-color2 { background-color: #dddddd; padding: 1px 2px 1px 2px;}
span.smaller { font-size: 80%; line-height: 130%; }
                                                      /* Ausklappmenue: Überschriften 3-6 */
h3 { font-size: 120%; line-height: 150%; }
h4 { font-size: 115%; line-height: 140%; background-color: #f6f2e7; color:#470a07;   }
h5 { font-size: 110%; line-height: 130%; }
h6 { font-size: 105%; line-height: 120%; }
                                                  /*  Formatierungen mit der Symbolleiste */
b, strong { font-weight: bold;}
i, em { font-style: italic;}
sub {}  /*  tiefgestellt  */
sup {}  /*  hochgestellt  */
                                                        /*  Spezialfall nummerierte Liste */
#content ol { margin: 5px 0 5px 15px;}                            /* Standard als decimal */
#content ol.upperalpha { list-style-type: upper-latin; }
#content ol.loweralpha { list-style-type: lower-latin; }
#content ol.upperroman { list-style-type: upper-roman; }
#content ol.lowerroman { list-style-type: lower-roman; }
#content ol.leadingzero { list-style-type: decimal-leading-zero; }
#content ol.lowergreek { list-style-type: lower-greek; }
#content ol li {                                           /*  die einzelnen Listenpunkte */
  margin-left: 25px;
  }
                                                        /*  Spezialfall Aufzählungs-Liste */
#content ul { margin: 5px 0 5px 15px;}                               /*Standard als Raute */
#content ul.none { list-style-type: none; }
#content ul.disc { list-style-type: disc; }
#content ul.square { list-style-type: square; }
#content ul.circle { list-style-type: circle; }
#content ul li {                                           /*  die einzelnen Listenpunkte */
  margin-left: 15px;
  margin-right: 15px;
  }
blockquote, cite { margin: 0 0 0 25px; width: auto;}                      /* Einrückungen */
hr {                                    /* Linie, je nach Browser ein kniffliges Element  */
  margin: 0 auto 0 auto;
  text-align: center;
  color: #470a07;
  background-color: #470a07;
  height: 5px;
  width: 70%;
  }

/*                                              ################################## Bilder */
dd.csc-textpic-caption {                                              /* Bildunterschrift */
  font-size: 80%;
  }
                                    /*  Abstände Bild/Text sind in der main.css definiert */

/*                                              ################################ Tabellen */
/* Die generelle Zuweisung der Ausrichtung "left" für alle Elemente im Content aufheben   */
#content table * { text-align: center; }/*                                nicht verändern */

/*                          Häkchen bei Rahmen und Eintrag der Größe bestimmen den Rahmen */
table.contenttable {
  /*width: 100%;*/
  margin: 0 auto 0 auto;
  border-color: #470a07;
  border-spacing: 0px;
  border-collapse: collapse;
  }
table.contenttable tbody tr { vertical-align: center; }
table.contenttable tbody tr.tr-even { }
table.contenttable tbody tr.tr-odd { }
table.contenttable tbody tr.tr-last { }
table.contenttable td { padding: 0.4em; text-align: center;}
/*                                            Zusätzliche Einstellungen Plug IN /Optionen */
table caption {/*                                                    Tabellenbeschriftung */
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 0.5em;
  }
table th {/*                                                             Überschriftzeile */
  font-weight: bold;
  }

/*                                              ############################## Dateilinks */
  div.filelinks {/*                                             Umschliessender Container */
  border: solid 1px red;
  }
  div.filelinks .filecount {/*                                      Abschalten des Zählers*/
  display: none;
  }
  div.filelinks div {/*                   Einzelne Reihe mit generiertem Hintergrund-Icon */
  padding-left: 25px;
  background:url('../fileicons/default.gif') left top no-repeat;
  margin-bottom: 10px;
  }
  #content div.filelinks div a.file {/*                             Verweis auf die Datei */
  text-decoration: none;
  }
  #content div.filelinks div a.file:hover { }
  div.filelinks div span.size {/*                         Grössenangabe, falls ausgewählt */
  padding-left: 1em;
  font-size: smaller;
  font-style: italic;
  }
  div.filelinks div span.description {/*                    Beschreibung, falls angegeben */
  padding-left: 1em;
  color: yellow;
  }
/*                                                                              Die Icons */
  .filelinks .ai{background-image:url('../fileicons/ai.gif')!important;}
  .filelinks .ani{background-image:url('../fileicons/ani.gif')!important;}
  .filelinks .au{background-image:url('../fileicons/au.gif')!important;}
  .filelinks .avi{background-image:url('../fileicons/avi.gif')!important;}
  .filelinks .bmp{background-image:url('../fileicons/bmp.gif')!important;}
  .filelinks .cdr{background-image:url('../fileicons/cdr.gif')!important;}
  .filelinks .css{background-image:url('../fileicons/css.gif')!important;}
  .filelinks .csv{background-image:url('../fileicons/csv.gif')!important;}
  .filelinks .doc{background-image:url('../fileicons/doc.gif')!important;}
  .filelinks .dtd{background-image:url('../fileicons/dtd.gif')!important;}
  .filelinks .eps{background-image:url('../fileicons/eps.gif')!important;}
  .filelinks .exe{background-image:url('../fileicons/exe.gif')!important;}
  .filelinks .fh3{background-image:url('../fileicons/fh3.gif')!important;}
  .filelinks .flash{background-image:url('../fileicons/flash.gif')!important;}
  .filelinks .folder{background-image:url('../fileicons/folder.gif')!important;}
  .filelinks .gif{background-image:url('../fileicons/gif.gif')!important;}
  .filelinks .htm{background-image:url('../fileicons/htm.gif')!important;}
  .filelinks .html{background-image:url('../fileicons/html.gif')!important;}
  .filelinks .ico{background-image:url('../fileicons/ico.gif')!important;}
  .filelinks .inc{background-image:url('../fileicons/inc.gif')!important;}
  .filelinks .java{background-image:url('../fileicons/java.gif')!important;}
  .filelinks .jpg{background-image:url('../fileicons/jpg.gif')!important;}
  .filelinks .js{background-image:url('../fileicons/js.gif')!important;}
  .filelinks .max{background-image:url('../fileicons/max.gif')!important;}
  .filelinks .mid{background-image:url('../fileicons/mid.gif')!important;}
  .filelinks .mov{background-image:url('../fileicons/mov.gif')!important;}
  .filelinks .mpeg{background-image:url('../fileicons/mpeg.gif')!important;}
  .filelinks .mpg{background-image:url('../fileicons/mpg.gif')!important;}
  .filelinks .pcd{background-image:url('../fileicons/pcd.gif')!important;}
  .filelinks .pcx{background-image:url('../fileicons/pcx.gif')!important;}
  .filelinks .pdf{background-image:url('../fileicons/pdf.gif')!important;}
  .filelinks .png{background-image:url('../fileicons/png.gif')!important;}
  .filelinks .ps{background-image:url('../fileicons/ps.gif')!important;}
  .filelinks .psd{background-image:url('../fileicons/psd.gif')!important;}
  .filelinks .rtf{background-image:url('../fileicons/rtf.gif')!important;}
  .filelinks .sgml{background-image:url('../fileicons/sgml.gif')!important;}
  .filelinks .swf{background-image:url('../fileicons/swf.gif')!important;}
  .filelinks .sxc{background-image:url('../fileicons/sxc.gif')!important;}
  .filelinks .sxw{background-image:url('../fileicons/sxw.gif')!important;}
  .filelinks .tga{background-image:url('../fileicons/tga.gif')!important;}
  .filelinks .tif{background-image:url('../fileicons/tif.gif')!important;}
  .filelinks .ttf{background-image:url('../fileicons/ttf.gif')!important;}
  .filelinks .txt{background-image:url('../fileicons/txt.gif')!important;}
  .filelinks .wav{background-image:url('../fileicons/wav.gif')!important;}
  .filelinks .wrl{background-image:url('../fileicons/wrl.gif')!important;}
  .filelinks .xls{background-image:url('../fileicons/xls.gif')!important;}
  .filelinks .xml{background-image:url('../fileicons/xml.gif')!important;}
  .filelinks .xsl{background-image:url('../fileicons/xsl.gif')!important;}
  .filelinks .zip{background-image:url('../fileicons/zip.gif')!important;}
/*                                                                             Icons Ende */
/*                                              ############################## Multimedia */

.rgmediaimages-content {/* div for content elements */
  overflow: auto;
}
.rgmediaimages-iframe {/* Iframe */
  border: 1px solid #ccc;
}
#left .ce  .rgmi1032 .ce {/* just useful for me */
  width: 0px;
  min-height: 10px;
}
.rgmediaimages-caption {/* for the plugins */
  font-weight: bold;
  text-align: center;
}
.rgmediaimages-media {
  margin: 5px auto;
}
.rgmediaimages-player {
  position: relative;
  }

/*########################################################  Fussspalte am Ende der Seite  */
#footer {
  display: none;
  clear: both;
  width: 880px;
  height: 13px;
  /*margin-bottom: 15px;
  background-image: url(../img/bg_footer.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;*/
  color: #692522;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  font-style: italic;
  margin-top: -20px;
  }
  
/*                                                                           mailformular */
div.form_mail { margin-left: 40px;}
div.form_submit { margin: 0 0 20px 20px;}
div.form_mail label { display: block; width: 90px; float: left; margin-top: 5px;}
div.form_submit { width: 300px; text-align: right; margin-left: 170px; }
form { }
input, textarea {
  border: solid 1px #470a07;
  background-color: #f6f2e7;
  color: #470a07;
  padding: 1px;
  margin-bottom: 12px;
  font-size: 100%;
  }
textarea { font-size: 120%;}
div.form_submit input {
  padding: 1px 0 1px 0;
  font-size: 100%;
  cursor: pointer;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  background-color: #f6f2e7;
  color: #470a07;
  border-color: #470a07;
  }
/*                                                                          # Newsletter  */
div.form form div.input div.wide input { width: 250px;}
div.warnung { color: red; margin-bottom: 10px;}
/*                                                    # Formatierung der Neuerscheinungen */
div.neuerscheinung { margin-top: 5px;}
div.neuerscheinung div div.csc-textpic-imagewrap { padding: 0px 0 0 28px;}
div.neuerscheinung p { line-height: 100%;}

/*############################## Spezielle Formatierungen eventuell anhand der Seiten-UID */
/*                                       Die einzelnen Seiten-UID sind im Backend sichtbar*/
body#uid106 #content div.autoren { line-height: 180%;}
body#uid106 .subfluidcenter  { padding: 0 0 0 6px; }
body#uid106 .subfluidleft { padding: 0; }
body#uid106 .subfluidright { padding: 0; }

div.linkelinie { 
	border-left: solid 1px silver;
	padding-left: 5px;}
div.rechtelinie { 
	border-right: solid 1px silver;
	padding-right: 5px;
	}

div#backlink {
  right: 0;
  width: 80px;
  text-align: right;
  color: #85312f;
  }
.startpagesearch {
  width: 162px;
  height: 40px;
  background-color: #f6f2e7;
  border-right: solid 2px #999999;
  border-bottom: solid 2px #999999;
  }
.startpagesearch input#tx-indexedsearch-searchbox-sword {
  border: none;
  border-top: solid 2px #636363;
  border-left: solid 2px #c1c1c1;
  border-bottom: solid 1px #c1c1c1;
  border-right: solid 1px #c1c1c1;
  background-color: #f4f4f4;
  margin: 7px 3px 0 5px;
  height: 20px;
  width: 127px;
  color: #470a07;
  font-size: 100%;
  float: left;
  }
.startpagesearch input#tx-indexedsearch-searchbox-button-submit {
    border: none;
    margin-left: 0px;
    padding-top: 5px;
  }
div.suchergebnis {}
div.suchergebnis div.startpagesearch { display: none;}
div.suchergebnis h3 { margin-top: 15px;}
strong.tx-indexedsearch-redMarkup { color: #85312f;}
/*                                                                        # fabrica libri */
body#uid205 p.fabricalibri { display: none; }
body#uid205 div#middle {
margin: -10px -300px -10px -15px;
padding-left: -50px;
overflow: hidden;
z-index: 1;}
body#uid205 div#right { z-index: 5;}
body#uid205 object.music { background-color: transparent;}

#maincontainer table.damlist * { text-align: left;}
table.damlist div.listinfo { margin-left: 5px;}
table.damlist div.listinfo p.description { font-weight: bold;}
span.year { padding-left: 25px;}
p.meta { font-size: 90%; font-style: italic;}

body#uid209 #maincontainer #maincontent #header,
body#uid209 #maincontainer #maincontent #navihorizon,
body#uid209 #maincontainer #maincontent #left,
body#uid209 #maincontainer #maincontent #right,
body#uid209 #maincontainer #maincontent #footer { display:none;}
body#uid209 #maincontainer #maincontent #contentcontainer { background-image: none;}
p.radio * { padding: 0; margin: 0;}
p#charCount { margin: -10px 0 15px 0; }
body#uid235 textarea {overflow: hidden;}
/*                                                                    # Newsletter Handel */
body#uid258 div.form form div.input div.wide input { width: 200px;}
body#uid258 div.form form div.input div.wide input.plz { width: 50px; margin-right: 5px;}
body#uid258 div.slim { width: 150px; float: left;}
div.warnung { color: red; margin-bottom: 10px;}
body#uid258 div.mail_info {
  width: 300px;
  background-color: #f6f2e7;
  color: #470a07;
  margin: 30px 0 0px 80px;
  padding: 6px;
  font-style: italic;
  border: solid 1px #470a07;
}

/*                                                              # allgem. Korrekturen   # */
h1.csc-firstHeader { font-size: 120%;}
hr {
  margin: 0 auto 0 auto;
  text-align: center;
  color: #470a07;
  background-color: #470a07;
  height: 2px;
  width: 70%;
  }
span.tx-indexedsearch-percent { font-size: 75%; padding-left: 20px;}
body#uid200 div#leftbottom div.leftcontent div.csc-textpic img,
body#uid201 div#leftbottom div.leftcontent div.csc-textpic img,
body#uid271 div#leftbottom div.leftcontent div.csc-textpic img { margin-left: 18px; margin-top: 10px;}
div.listimage, div.shopimage { float:left; margin-right: 15px;}
div.price_summary { margin: 10px 0 10px 0;}
div.billing_address label, p.message_payment label {color: #470a07; display: block; width: 100px; float: left; }
p.message_payment label {color: #470a07; display: block; width: 130px; float: left; }
div#leftbottom ul {margin: 5px 0 0 30px;}
div#leftbottom ul li {margin-bottom: 5px;}
div#leftbottom a { color: #fff; text-decoration: underline;}
div#leftbottom a:hover { color: #f3cf7b;}