/*  Datei: design.css  */
/*  Version: 2.1.0 */
/*  Date:  15.04.08  */
/*  Author: Udo Wortmann */
/*  Der Kunde ist König, hier ist sein Reich  */
/*  Bitte immer Sicherheitskopie erstellen  */
/*#######################################################################  GESAMTE SEITE  */
body {
  color: #333333;                                         /*  dokumentweite Schriftfarbe  */
  background-image: url(../img/verlauf.jpg);      /*  Hintergrundfarbe der gesamten Seite */
  background-repeat: repeat-x;
  background-color: white;
  font-family: Lucida Grande, Helvetica, sans-serif;
  font-size: 80%;
  }
#maincontainer {
  text-align: center;                               /*  zentrierte Ausrichtung der Seite  */
  margin: 0 auto 0 auto;
  width: 985px;                                           /*  generelle Weite der Seite */
  }
#maincontent { }
/*##############################################################################  HEADER  */
#header {
  text-align: left;
  height: 125px;
  /* 10px höher als das plazierte Element */
}
#header object {margin-top: 0px;}

/*##########################################################################  NAVIGATION  */
#navihorizon {
  width: 977px;                                         /* Container, der die Navi umhüllt  */
  height:21px;
  background-color: black;                                 /* er bekommt eine HG-Farbe  */
  padding: 0;			/* durch padding links und rechts scheint diese durch */

  }
#navihorizon ul.navi {  /* dieser Container ist quasi die Summe der einzelnen Navipunkte  */
  height: 30px;
  width: 110%;                                    /* wir müssen die Höhe bestimmen  */
  top-bottom: solid 1px #2889DA;    /* unten soll eine durchlaufende weisse Linie sein */
  }
#navihorizon ul.navi li {                                     /* die einzelnen Navipunkte */
  width: 121px;
  float: left;
  background-image: url(../img/navi-bg.jpg);
  background-position: 0% 50%;
  list-style-type: none;
  font-size: 100%;
  line-height: 190%;                                          /* Text vertical ausrichten */
  border-right: solid 1px white;             /* Huntergrund zwischen den Navi-Schaltern */
  
  }
#navihorizon ul.navi li a, #navihorizon ul.navi li a:link, #navihorizon ul.navi li a:active,
#navihorizon ul.navi li a:visited, #navihorizon ul.navi li a:hover,
#navihorizon ul.navi li.current {
  color: white;                                               /* Textfarbe der Navigation */
  text-decoration: none;
  }
#navihorizon ul.navi li a:hover, #navihorizon ul.navi li.current {
  color: #FABB43;                                       /*  Textfarbe rollover und aktiv  */
  }
#navihorizon ul.navi li a:active {
position: relative;
top: 1px;
}
/*######################################################################  Contentbereich  */
#contentcontainer {                          /* der gesamte Bereich unterhalb der Navi */
  text-align: left;                         /*  zentrierte Ausrichtung der Seite  */
  float: left;
  background: white;
  width: 780px;
  margin: 20px 0px 0px 0px;
  }
#content {                                /*  enthält die redaktionell erstellten Inhalte */
  margin: 0px 0px 0px 0px;

  }
	.subfluid { padding: 0 0px 0 0px; margin: 0 0px 0 0px;}              /* FCE-Elemente */
	.subfluidcenter  { padding: 0 5px 0 5px; }
	.subfluidleft { padding: 0 0 0 0;}
	.subfluidright { padding: 0 2px 0 10px;}
#advertising {                                                      /* der Werbungsblock  */
  width: 181px;
  margin: 20px 0 0 795px;
  color: white;
  background-color: white;
  border: 1px dotted #707070;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
 /* float: right;*/
  }
#advertising div.ads {
  margin: 0 5px 0 5px;
  text-align: center;
  background: white;
}

#maincontainer #contentcontainer #content *, #advertising * { text-align: left; } /*  Zentrierung wird zurückgenommen */
#content a, #content a:link, #content a:active, #content a:visited {  /* Links im Content */
  /*white-space: nowrap;                                    /* Links sollen nicht umbrechen */
  text-decoration: underline;                                    /* Links unterstrichen ? */
  color: #6C6B6B;                                                     /*  Farbe der Links */
  }
#content a:hover { color: #DE890E;}      /*  Farbe der Links beim Überfahren mit der Maus */
img.imgtopadv {margin-bottom: 20px;}
/*######################################################################### Seiteninhalte */
/*                                              ######################## Typ: Überschrift */

                                                                         /* Rahmenauswahl */
div.csc-frame-frame1 {                                                        /* Rahmen 1 */
  background-color: white;
  border-left: 1px dotted #707070;
  border-right: 1px dotted #707070;
  border-bottom: 1px dotted #707070;
  -moz-border-radius:0 0 5px 5px;
  -khtml-border-radius:0 0 5px 5px;
  
  }
div.csc-frame-frame2 {                                                        /* Rahmen 2 */
  background-color: white;
  border-left: 1px dotted #707070;
  border-right: 1px dotted #707070;
  border-bottom: 1px dotted #707070;
  -moz-border-radius:0 0 5px 5px;
  -khtml-border-radius:0 0 5px 5px;
  }
h1 {                        /* Überschrift im Rahmen */
  color: #333333;
  font-weight: bold;
  font-size: 110%;
  
  background-color: #f6C488;
  border-left: 1px solid #dcddde;
  border-right: 1px solid #dcddde;
  border-top: 1px solid #dcddde;
  -moz-border-radius:5px 5px 0 0;
  -khtml-border-radius:5px 5px 0 0;
  padding: 4px 0 4px 9px;
  }
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;
  color: white;
  margin-bottom: 0;
  }
div.csc-frame-rulerAfter {                                                /* Linie danach */
  border-bottom: solid 2px yellow;
  margin-top: -1em;
  }
                   /* Nach Oben, Justierung, Verweis und Datum sind erst ab h2 integriert */

/*                                              ############## Typ: Text o. Text mit Bild */
                                                              /* Rahmenauswahl siehe oben */
p.csc-linkToTop { padding-left: 650px;}                                      /* Nach Oben */
p.csc-linkToTop a {
  background-image: url(../icons/top.gif);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;}
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;
  border: solid 1px green;
  }
p.kasten {
  background-color: #F4f4f4;
  color: #000000;
  margin: -15px -11px 10px 0;
  padding: 9px;
  border: 2px solid #0066ff;
  }
#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 { color: blue; }
#content p.kasten a:hover { color: red; }
p.endabsatz {
  padding: 0 0 10px 0;
  }
                                                                  /* Ausklappmenue: Text */
span.color1 { color: #ff0000; }
span.color2 { color: #000000; }
span.bg-color1 { background-color: #ff0000; color: #000000; }
span.bg-color2 { background-color: #00cc00; color: #000000; }
span.smaller { font-size: 70%; }
                                                      /* Ausklappmenue: Überschriften 3-6 */
h3 { font-size: 120%; line-height: 150%; }
h4 { font-size: 115%; line-height: 140%; }
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;
  line-height: 100%;
  }
                                                        /*  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: 25px;
  line-height: 100%;
  }
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: #f1ce4f;
  background-color: #f1ce4f;
  height: 20px;
  width: 70%;
  }

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

/*  #########################################################################   Gästebuch */
/*                                                                  Listing der Einträge  */
div.tx-veguestbook-pi1 div.summary {
  font-size: 100%;
}
div.tx-veguestbook-pi1 div.center {
  font-size: 110%;
  text-align: center;
  margin-bottom: 1em;
}
div.tx-veguestbook-pi1 div.center a {
  padding: 0 0.5em 0 0.5em;
}
div.tx-guestbook-list-table {
  border: solid 1px #333333;
  background-color: white;
  font-size: 100%;
  margin-bottom: 1em;
  }
p.guestbook-list-title {
  font-weight: bold;
  color: black;
  padding: 0.5em 0 0.3em 0.5em;
  background-color: #F6C488;
  
  border-bottom: solid 1px #0066ff;
  }
p.guestbook-list-title span.guestbook-date {
  font-size: 85%;
  font-weight: normal;
  padding-left: 2em;
  }
p.guestbook-list-title span.sign-email { padding-left: 1em;}
p.guestbook-list-title span.sign-home { padding-left: 1em;}
p.guestbookentry {
  padding: 0.5em;
  }
p.entrycomment {
  margin: 5px 0 5px 15px;
  font-size: 90%;
  font-style: italic;
  }
/*                                                                                Archiv  */
#content div.archiv * {
  text-align: left;
  }
#content div.archiv td#set2 {
  padding-left: 5px;
  }
#content div.archiv td#set2 img {
  padding: 10px 5px 0 5px;
  
  }
#content div.archiv td#set1 {
  padding: 3px;
  }
/*                                                                Formular neuer Eintrag  */
/*  Hier wird nur die Grösse der Felder definiert, das Design entspricht dem mailformular */
div.tx-veguestbook-pi1 div.form { }
div.tx-veguestbook-pi1 div.input div.slim,
div.tx-veguestbook-pi1 div.captcha div.slim {
  float: left;
  width: 80px;
   }
div.tx-veguestbook-pi1 div.input div.wide input {
  width: 280px;
   }
div.tx-veguestbook-pi1 div.input div.wide input {
  width: 280px;
   }
  div.tx-veguestbook-pi1 div.input div.wide textarea {
  width: 400px;
  height: 180px;
  }



/*                ########################################################## mailformular */
div.form_mail { margin: 20px 0 0 20px;}
div.form_submit { margin: 0 0 20px 20px;}
div.form_mail label { display: block; width: 60px; float: left; margin-top: 5px;}
div.form_submit {width: 300px; text-align: right; }
form { }
input, textarea {
  border: solid 2px #D5D5D5;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  background-color: white;
  padding: 1px;
  color: #000000;
  margin-bottom: 12px;
  font-size: 100%;
  cursor: pointer;
  }
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: #F2F1ED;
  color:#000000;
  border-color: #D5D5D5;
  }

/*                                              ################################ 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: yellow;
  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;
  color: red;
  }

/*                                              ############################## 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;
  }
/* uid67 = Filme */
body#uid67 div.csc-frame-frame1 {                                                        /* Rahmen 1 */
  background-color: white;
  border: 2px solid #D5D5D5;
  color: black;
}
body#uid67 #content a, body#uid67 #content a:link, body#uid67 #content a:active, body#uid67 #content a:visited {  /* Links im Content */
  white-space: nowrap;                                    /* Links sollen nicht umbrechen */
  text-decoration: underline;                                    /* Links unterstrichen ? */
  color: black;
}
body#uid67 #content a:hover { color: #DE890E;}/*  Farbe der Links beim Überfahren mit der Maus */

textarea.guestbook-entry { font-size:150%;}
div.tx-mmforum-pi6-container {font-size:125%; line-height: 150%; color:#000000;}

p.filmheaderleft {
  border-left: solid 1px #D2D2D2;
  border-right: solid 1px #D2D2D2;
  padding: 10px;
  }
p.filmheaderright {
  border-right: solid 1px #D2D2D2;
  padding: 10px;
  }
p.filmheaderright img {
  margin-right: 5px;
  }
#content table * { text-align: center; }/*                                nicht verändern */

/*                          Häkchen bei Rahmen und Eintrag der Größe bestimmen den Rahmen */
table.filmlist {
  width: 99.5%;
  margin: -10px auto 0 auto;
  border-color: #D2D2D2;
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: white;
  
  }
table.filmlist thead tr th { font-weight: bold; font-size: 120%; color: #333333; padding: 5px;}
#content table.filmlist tbody tr td.td-1, 
#content table.filmlist tbody tr td.td-0, 
#content table.filmlist thead tr th.td-0,
#content table.filmlist thead tr th.td-1 { text-align: left;}
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: left; }

div.tx-indexedsearch { width: 800px }
div.tx-indexedsearch-res { border: 1px solid #333333; margin-top: 10px }