/*-----------------------------------------------------------------------------*/
/* Author:  (c) André Mantz                               erstellt: 17.10.2007 */
/* Sprache: CSS 1.0                                       geändert: 20.05.2009 */
/* Datei:   formate.css                                    Version: 2.02       */
/* Projekt: Website www.w44.de                                                 */
/*                                                                             */
/* Beschreibung:                                                               */
/* Definition zentraler Formate für das Projekt                                */
/*-----------------------------------------------------------------------------*/

/*--------------------*/
/* allgemeine Formate */
/*--------------------*/
html,body    { margin:0px;
               padding:0px;
               max-width:1280px;
               background-repeat:repeat-y; }

/*-----------------------------*/
/* Formate für den Kopfbereich */
/*-----------------------------*/
table.kopf    { position:absolute;                      /* Tabelle für Kopfbereich */
                top:0px;
                left:0px;
                width:100%;
                height:86px;
                margin:0px;
                padding:0px; }
td.bereiche   { width:190px;                             /* Bereichsgrafiken */
                height:86px;
                position:relative;
                vertical-align:top;
                text-align:center }
div.bereiche  { position:relative;                       /* Bereichsbeschriftung */
                top:64px;
                left:0px;
                width:100%;
                height:18px;
                text-align:center;
                cursor:pointer }
img.bereiche  { width:82px;                               /* Bereichsbeschriftung, Grafiken */
                height:15px;
                border:none }

td.pseudo     { width:218px;                                /* Link für Pseudobereiche */
                height:86px;
                position:relative;
                vertical-align:top;
                text-align:center;
                background-image:url(elemente/chap6g.gif);
                background-position:top center }

div.pseudoa   { position:relative;                        /* Link für Pseudobereich Gästebuch */
                top:59px;
                left:0px;
                width:78px;
                height:23px;
                background-image:url(elemente/gaestebuch.gif);
                cursor:pointer;
                float:left }
div.pseudoa:hover { background-image:url(elemente/gaestebuchg.gif) }

div.pseudob   { position:relative;                        /* Link für Pseudobereich Rad-Forum */
                top:59px;
                left:2px;
                width:80px;
                height:23px;
                background-image:url(elemente/radforum.gif);
                cursor:pointer;
                float:left }
div.pseudob:hover { background-image:url(elemente/radforumg.gif) }

div.pseudoc   { position:relative;                        /* Link für Pseudobereich Spiele */
                top:59px;
                left:4px;
                width:56px;
                height:23px;
                background-image:url(elemente/spiele.gif);
                cursor:pointer;
                float:left }
div.pseudoc:hover { background-image:url(elemente/spieleg.gif) }

td.trenner    { background-image:url(elemente/trenner.gif); /* Trennspalte zwischen Bereichen */
                background-repeat:no-repeat;
                width:3px;
                height:86px }

/*------------------------------*/
/* Formate für den Hauptbereich */
/*------------------------------*/
div.maincol    { position:absolute;                      /* Hauptspalte */
                 right:0px;
                 top:0px;
                 height:100%;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px; font-weight:normal; }
p              { font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px; font-weight:normal;
                 text-align:justify;
                 margin-bottom:20px;
                 margin-top:0px; }
p:first-letter { font-weight:bold;
                 color:#000060; }
div.p         { font-family:Verdana,Tahoma,Arial,Helvetica;
                font-size:13px; font-weight:normal;
                text-align:left;
                 margin-bottom:20px;
                 margin-top:0px; }
a              { color:#000099;
                 text-decoration:none; }
a:hover        { color:#E45600;
                 text-decoration:none; }
h1             { font-size:21px;
                 font-family:Arial;
                 font-style:italic;
                 font-weight:bolder;
                 margin-bottom:30px;
                 color:#000060 }
h1.inaktiv     { color:#606060 }
h2             { font-size:16px;
                 font-family:Arial,Helvetica;
                 font-style:italic;
                 font-weight:bold;
                 color:black;
                 clear:left;
                 margin-top:0px;
                 margin-bottom:30px; }
h3             { font-size:13px;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-weight:bold;
                 color:#000060;
                 clear:left;
                 margin-bottom:15px;
                 margin-top:15px; }
h4             { font-size:12px;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-style:italic;
                 font-weight:normal;
                 color:#000060;
                 clear:left;
                 margin-bottom:10px;
                 margin-top:15px; }
h5             { font-size:10px;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-style:normal;
                 font-weight:normal;
                 color:#000060;
                 clear:left;
                 margin-bottom:0px;
                 margin-top:15px; }

.fett          { font-weight:bold;
                 color:#000060 }
.wichtig       { color:red }
.kursiv        { font-style:italic }

div.bild_re    { margin:0px;
                 padding-left:15px;
                 margin-top:4px;
                 margin-bottom:5px;
                 float:right; }
div.bild_li    { margin:0px;
                 padding-right:15px;
                 margin-top:4px;
                 margin-bottom:5px;
                 float:left; }
span.bild      { font-size:8pt;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-style:italic;
                 color:#000060;
                 margin:0px; }
ul             { font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px; font-weight:normal;
                 margin-top:0px; }
ol             { font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px; font-weight:normal;
                 margin-left:48px;
                 margin-top:0px; }
span.ul        { text-decoration:underline;
                 position:relative;
                 left:-15px; }
span.ol        { text-decoration:underline;
                 position:relative;
                 left:-23px; }
.MeldKopf      { font-weight:bold;
                 color:#000060;
                 text-align:left;
                 text-decoration:underline;
                 padding-bottom:5px; }
.meldung       { font-weight:bold;
                 color:#000060;
                 padding-right:5px;
                 padding-bottom:3px;
                 font-size:11px; }
div.gps_map    { margin:0px;
                 margin-bottom:5px; }



/*------------------------------*/
/* Formate für Formulare        */
/*------------------------------*/
td.titel      { font-family:Verdana,Tahoma,Arial,Helvetica;     /* Beschriftung der Formularfelder */
                font-size:10px;
                color:#000060;
                font-weight:bold;
                text-align:left;
                padding-right:4px; }
td.hinweis    { font-family:Verdana,Tahoma,Arial,Helvetica;     /* Erläuterungstext im Formular */
                font-size:12px;
                color:#BB0000;
                font-weight:bold;
                padding:4px; }
.feld         { font-family:Verdana,Tahoma,Arial,Helvetica;     /* Feldinhalte */
                font-size:10px;
                color:black;
                border:0px; }
div.blockkopf { font-family:Verdana,Tahoma,Arial,Helvetica;
                font-size:10px;
                font-weight:bold;
                color:#000080;
                border:1px solid #000080;
                padding-left:4px;
                padding-top:3px;
                padding-bottom:3px;
                background-color:#C5C5C5; }
div.dattextbox  { width:250px;
                  background-image:url(elemente/daten_textbox.gif);
                  background-repeat:repeat-y; }
td.datkey       { font-family:Verdana,Tahoma,Arial,Helvetica;
                  font-size:10px;
                  font-weight:bold;
                  padding:2px;
                  border-bottom:1px #C0C0C0 solid;
                  border-right:1px #C0C0C0 solid;
                  color:#000080;
                  background-color:#E5E5E5; }
td.datvalue     { font-family:Verdana,Tahoma,Arial,Helvetica;
                  font-size:10px;
                  font-weight:normal;
                  border-bottom:1px #C0C0C0 solid;
                  border-right:1px #C0C0C0 solid;
                  color:black;
                  background-color:#F5F5F5; }




/*----------------------------*/
/* Formate für die Menuleiste */
/*----------------------------*/

div.menucol   { position:absolute;                       /* Menuspalte */
                left:0px;
                width:144px;
                top:0px;
                height:100%; }
a.menu        { color:black;                             /* Hyperlink aktives Kapitel */
                text-decoration:none; }
a.menu:hover  { color:#E45600;
                text-decoration:none; }
a.menug       { color:#888888;                           /* Hyperlink inaktives Kapitel */
                text-decoration:none; }
a.menug:hover { color:#E45600;
                text-decoration:none; }
div.menu      { position:relative;
                padding-top:0px;                         /* Menupunkte */
                margin-top:10px;
                margin-left:7px;
                padding-left:21px;
                width:111px;
                font-family:Arial,Helvetica,sans-serif;
                font-size:13px;
                font-weight:bold;
                background-position:left top;
                background-repeat:no-repeat;
                z-index:1; }
div.counter   { position:fixed;                            /* Bereich für Counter-Grafiken */
                bottom:5px;
                margin-top:20px;
                width:141px; }
div.validator { position:fixed;                            /* Bereich für Validator-Grafiken */
                bottom:152px;
                margin-top:10px;
                left:0px;
                width:144px;
                text-align:center;
                z-index:-1; }
img.validator { position:relative;                          /* Grafiken für HTML- und CSS-Validator */
                display:inline;
                height:31px;
                width:88px;
                border:none;
                margin-bottom:1px;
                z-index:-1; }


/*----------------------------*/
/* Formate für die Infoleiste */
/*----------------------------*/
div.info     { position:relative;
               float:right;
               margin-left:13px;
               margin-bottom:15px;
               top:15px;
               right:2px;
               width:219px;
               background-image:url(elemente/info_kopf.gif);
               background-repeat:no-repeat; }

div.ikopf    { position:relative;
               width:219px;
               height:16px;
               background-image:url(elemente/info_kopf.gif);
               background-repeat:no-repeat;
               cursor:pointer; }

div.ikopfzu  { width:219px;
               height:5px;
               margin-bottom:5px;
               background-image:url(elemente/info_kopfzu.gif);
               background-repeat:no-repeat;
               display:none;
               cursor:pointer; }
div.ikopfauf { width:219px;
               height:5px;
               background-image:url(elemente/info_kopfauf.gif);
               background-repeat:no-repeat;
               display:block;
               cursor:pointer; }

div.itextbox { width:219px;
               background-image:url(elemente/info_textbox.gif);
               background-repeat:repeat-y;
               display:block; }
span.itextg  { color:#999999; }

div.itextfuss{ width:219px;
               height:5px;
               margin-bottom:5px;
               background-color:#F5F5F5;
               background-image:url(elemente/info_textfuss.gif);
               background-repeat:no-repeat;
               display:block; }

div.ikopft   { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:11px;
               font-weight:bold;
               padding-left:7px;
               padding-top:3px;
              }

div.izeile0  { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               color:black;
               background-color:#F5F5F5;
               margin-left:3px;
               margin-right:3px;
               padding:2px;
               padding-left:4px;
               padding-right:4px;
               cursor:pointer; }
div.izeile0:hover { background-color:#fad6b6; }
div.izeile1  { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               color:black;
               background-color:#E5E5E5;
               margin-left:3px;
               margin-right:3px;
               padding:2px;
               padding-left:4px;
               padding-right:4px;
               cursor:pointer; }
div.izeile1:hover { background-color:#fad6b6; }

span.idatum  { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:11px;
               font-weight:bold;
               color:#000090; }
span.idatumg { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:11px;
               font-weight:bold;
               color:#777777; }
span.ihigh   { color:#E45600; }

th.ileute    { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               color:black;
               font-weight:bold;
               text-align:left;
               background-color:#C5C5C5;
               padding:2px;
               padding-left:4px;
               padding-right:4px; }
td.ileute0   { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               color:black;
               text-align:left;
               background-color:#E5E5E5;
               padding:2px;
               padding-left:4px;
               padding-right:4px; }
td.ileute1   { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               color:black;
               text-align:left;
               background-color:#F5F5F5;
               padding:2px;
               padding-left:4px;
               padding-right:4px; }
td.idatkey   { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               font-weight:bold;
               padding:2px;
               border-bottom:1px #C0C0C0 solid;
               border-right:1px #C0C0C0 solid;
               color:#000080;
               background-color:#E5E5E5; }
td.idatvalue { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:10px;
               font-weight:normal;
               padding:2px;
               border-bottom:1px #C0C0C0 solid;
               border-right:1px #C0C0C0 solid;
               color:black;
               background-color:#F5F5F5; }

/*----------------------------*/
/* Formate für den Fußbereich */
/*----------------------------*/
table.fuss   { position:absolute;                      /* Fusszeile */
               left:0px;
               top:0px;
               width:100%;
               height:19px; }
a.fuss       { font-size:11px;                          /* Hyperlinks */
               text-decoration:none;
               color:#FFFFFF }
a.fuss:hover { color:#FFFF00 }

.copy        { font-family:Arial,Helvetica,sans-serif;  /* Copyright-Vermerk */
               font-size:11px;
               font-weight:bold;
               text-align:center;
               padding:0px;
               padding-top:2px;
               margin:0px;
               color:#FFFFFF;
               background-repeat:no-repeat;
               white-space:nowrap }


/*----------------------------*/
/* Formate für die Sitemap    */
/*----------------------------*/
td.map_bereich  { padding:0px;
                  padding-top:20px; }
a.map_bereich   { font-size:16px;
                  font-family:Arial,Helvetica;
                  font-style:italic;
                  font-weight:bold;
                  text-decoration:underline }

td.map_kapitel  { padding:0px;
                  padding-top:10px;
                  padding-left:18px; }
a.map_kapitel   { font-size:13px;
                  font-family:Arial,Helvetica;
                  font-weight:bold; }
a.map_kapitelg  { font-size:13px;
                  font-family:Arial,Helvetica;
                  font-weight:bold;
                  color:#666666; }

td.map_seite    { padding:0px;
                  padding-top:5px;
                  padding-left:6px; }
a.map_seite     { font-size:12px;
                  font-family:Arial,Helvetica; }
a.map_seiteg    { font-size:12px;
                  font-family:Arial,Helvetica;
                  color:#666666; }
span.map_seite2 { font-size:12px;
                  font-family:Arial,Helvetica;
                  font-style:italic;
                  color:#666666 }

/*------------------------------*/
/* Formate für die Linksammlung */
/*------------------------------*/
div.lnk_bereich  { width:99%;
                   margin:0px;
                   margin-top:10px;
                   padding:2px;
                   font-family:Verdana,Tahoma,Arial,Helvetica;
                   font-size:13px;
                   text-align:left; }

table.lnk_bereich { width:99%;
                   margin:0px;
                   margin-top:10px;
                   padding:2px;
                   font-family:Verdana,Tahoma,Arial,Helvetica;
                   font-size:13px;
                   text-align:left; }

td.link_url      { width:20%;
                   font-family:Verdana,Tahoma,Arial,Helvetica;
                   font-size:13px;
                   font-weight:normal;
                   text-align:left;
                   vertical-align:top;
                   padding:2px;
                   padding-left:5px;
                   padding-right:5px;
                   background-color:#E0E0E0; }

td.link_text     { width:80%;
                   font-family:Verdana,Tahoma,Arial,Helvetica;
                   font-size:13px;
                   font-weight:normal;
                   text-align:left;
                   vertical-align:top;
                   padding:2px;
                   padding-left:5px;
                   padding-right:5px;
                   background-color:#F0F0F0; }

td.link_icons    { width:50px;
                   vertical-align:middle;
                   text-align:center;
                   padding:2px;
                   padding-left:0px;
                   padding-right:0px;
                   background-color:#F0F0F0; }


/*-----------------------------*/
/* Formate für Bildadmin       */
/*-----------------------------*/
div.img_dir  { margin:0px;
               margin-top:10px;
               padding:2px;
               font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:13px;
               font-weight:bold;
               white-space:nowrap;
               text-align:left;  }
table.img    { width:99%;
               margin:0px;
               margin-top:2px; }
td.img_zeile { font-family:Verdana,Tahoma,Arial,Helvetica;
               font-size:13px;
               font-weight:normal;
               text-align:left;
               vertical-align:top;
               padding:2px;
               background-color:#E0E0E0; }

/*-----------------------------*/
/* Formate für die Updateliste */
/*-----------------------------*/
div.upd_datum  { width:90px;
                 margin:0px;
                 margin-top:10px;
                 padding:2px;

                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px;
                 font-weight:bold;
                 text-align:center; }

table.update   { width:99%;
                 margin-top:2px; }


td.upd_titel   { width:30%;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px;
                 font-weight:normal;
                 text-align:left;
                 vertical-align:top;

                 padding:0px;
                 background-color:#E0E0E0; }
td.upd_titel:hover { background-color:#fad6b6;
                     cursor:pointer; }

a.upd_link  { height:100%;
                 display:block;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px;
                 font-weight:normal;
                 vertical-align:top;
                 color:black;
                 padding:2px;
                 padding-left:5px;
                 padding-right:3px;
                 background-color:transparent; }
a.upd_link:hover { background-color:#fad6b6;
                     cursor:pointer; }
span.upd_link  { height:100%;
                 display:block;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px;
                 font-weight:normal;
                 vertical-align:top;
                 color:black;
                 padding:2px;
                 padding-left:5px;
                 padding-right:3px;
                 background-color:transparent; }

td.upd_ohne    { width:30%;
                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px;
                 font-weight:normal;
                 text-align:left;
                 vertical-align:top;

                 padding:0px;
                 background-color:#E0E0E0; }

td.upd_text    { width:70%;

                 font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px;
                 font-weight:normal;
                 text-align:left;
                 vertical-align:top;

                 padding:2px;
                 padding-left:5px;
                 padding-right:5px;
                 background-color:#F0F0F0; }

td.upd_icons    { width:50px;

                 vertical-align:middle;
                 text-align:center;

                 padding:2px;
                 padding-left:0px;
                 padding-right:0px;
                 background-color:#F0F0F0; }



/*-----------------------------*/
/* Formate für Adminseite      */
/*-----------------------------*/
fieldset.innen { padding-left:10px; padding-right:10px }
div.innentext  { margin-top:5px; margin-bottom:5px }
th.adm         { font-family:Verdana,Tahoma,Arial,Helvetica;
                 font-size:13px; font-weight:bold;
                 text-align:center;
                 padding-right:5px;
                 padding-bottom:3px;
                 border-bottom:1px #000080 solid; }
td.adm         { font-family:monospace;
                 font-size:13px; font-weight:normal;
                 text-align:center;
                 padding:5px;
                 padding-top:3px;
                 padding-bottom:3px;
                 vertical-align:top;
                 border-bottom:1px #000080 dotted; }


/*-----------------------------*/
/* Formate für das Gästebuch   */
/*-----------------------------*/
table.gb       { position:relative;
                 background-color:#F0F0F0;
                 margin-bottom:15px;
                 width:90%;
                 left:3% }
table.gb_innen { width:100%; }
td.gb_datum    { text-align:center;
                 vertical-align:top;
                 padding:5px;
                 border-right:1px #000060 solid; }
td.gb_tspalte  { vertical-align:top; width:99%; }
td.gb_kopf     { border-bottom:1px #000060 solid;
                 padding:1px;
                 padding-left:5px;
                 padding-right:5px; }
td.gb_ip       { border-bottom:1px #000060 solid;
                 padding:1px;
                 padding-left:5px;
                 padding-right:5px;
                 text-align:right;
                 vertical-align:bottom;
                 font-size:10px; }
td.gb_text     { background-color:#F0F0F0;
                 padding:5px; }
td.gb_antw     { background-color:#E0E0E0;
                 padding:5px;
                 border-top:1px #000060 dotted }
span.gb_antw   { font-size:10px;
                 color:#000060;
                 margin-bottom:2px; }
span.gb_tag    { font-family:Comic Sans MS,Verdana,Tahoma,Arial,Helvetica;
                 font-style:italic;
                 font-weight:bold;
                 font-size:26px;
                 color:#000060;}
img.gb_bild    { border:1px #000060 solid;
                 margin-top:5px;
                 display:inline }
td.gb_radio    { padding:0px }
td.gb_icon     { padding:0px;
                 padding-left:3px;
                 padding-right:10px }
td.gb_smilie   { text-align:center;
                 vertical-align:bottom;
                 padding:2px; }

/*------------------------------*/
/* Formate für die Videogalerie */
/*------------------------------*/
div.video      { margin-bottom:20px; }

/*------------------------------*/
/* Formate für die Spiele       */
/*------------------------------*/
.map { position:absolute; left:0px; top:0px; width:<?php echo $breite ?>px; height:<?php echo $hoehe ?>px; border-style:none; display:none }
div.msg { position:absolute;
          background-color:white;
          white-space:nowrap;
          filter:Alpha(opacity=90, finishopacity=90, style=1);
          border:1px solid black; border-bottom:none;
          font-family:Verdana, Tahoma, Arial, Sans serif;
          font-size:12px }
div.qst { background-color:white; color:#0000BB;
          padding:4px;
          border-bottom:1px solid black; display:block }
div.wait{ position:absolute;
          padding:3px;
          background-color:white;
          border:1px solid black;
          white-space:nowrap;
          font-family:Verdana, Tahoma, Arial, Sans serif;
          font-size:12px }
.hs  { background-color:white;
       filter:Alpha(opacity=80, finishopacity=80, style=1);
       padding:2px;
       border:1px solid #0000BB; border-bottom:none;
       font-family:Verdana, Tahoma, Arial, Sans serif;
       font-size:12px;
       text-align:center }
.getname { padding:3px;
           background-color:white;
           border:1px solid black;
           font-family:Verdana, Tahoma, Arial, Sans serif;
           font-size:12px;
           white-space:nowrap;
           text-align:center;
           color:#005500 }
.nametxt { position:relative; top:-12px; width:55px; display:inline;
           background-color:white; padding-top:1px; padding-bottom:3px; padding-left:1px; padding-right:2px;
           border:1px solid black; border-right:none;
           font-family:Verdana, Tahoma, Arial, Sans serif;
           font-size:12px }
.namein  { position:relative; top:-29px; left:46px; height:16px; width:120px; display:inline;
           border:1px solid black; padding-left:3px; }
.namebut { position:relative; top:-52px; left:174px; display:inline; }
.kreuz   { position:absolute; left:0px; top:0px; display:none; }