/*===Grundeinstellungen======================*/

 html {
   padding: 0;
   font-size: 100.01%;
 }

 body {
   color: black;
   font: 70%/1.2 Arial, sans-serif;
   background: url(bilder/streifen.png) repeat-x bottom;
   background-color: #CC6601;
   margin: 0; padding: 1em;
   min-height: 80em;
 }

* html body {
   height: 100%;
   width: 100%;
   overflow: hidden;
   padding: 0;
 }

 * html body #container {
   height: 70%;
   width: 100%;
   overflow: auto;
   padding: 0;
   margin: 0;
 }

/*===Klassen=================================*/
 .fett {
   font-weight: bold;
 }

 .gross {
   font-size: 1.2em;
 }

 .hidden {
   display: none;
 }

 .achtung {
   color: red;
 }

 .wichtig {
   color: yellow;
 }

 .logo {
   float: right;
   margin: 1em;
 }

 .text-links {
   text-align: left;
 }
 .kneipe {
   font-size: 1em;
   float: right;
   border: 1px solid maroon;
   background-color: white;
   color: black;
   margin: auto;
   padding: 1em;
   width: 15em;
 }

 h3.kneipe {
   margin: 0;
 }

 .kneipen_suche {
   float: left;
   width: 90%;
   border: 1px solid maroon;
   background-color: white;
   color: black;
   margin: 2em 0.5em;
   padding: 0.5em 0.5em 2em 0.5em;
 }

 h3.kneipen_suche {
   margin: 0;
 }

 .neu {
   border: 1px solid red;
   width: 90%;
   margin: auto;
   padding: 0 0.5em 0.5em 0.5em;
   font-size: 133%;
   text-align: center;
   background-color: white;
 }

 .neu legend {
   color: red;
   border: 2px solid red;
   background-color: #FFFED5;
 }

 .daten {
   border-collapse: collapse;
   padding: 0.5em;
   margin-left: 2em;
   border:2px ridge maroon;
   background-color: #f8f2dc;
 }
 .daten th {
   text-align: left;
   background-color: maroon;
   color: white;
   font-weight: bold;
 }

 .daten td {
   margin: auto;
   padding: 0.5em;
 }

 .label {
   background-color: #f8f2dc;
   width: 35em;
   border-right: 1px solid maroon;
   padding: 0.5em;
   color: maroon;
   text-align: center;
   font-weight: bold;
   border-bottom: 1px solid maroon;
   display: none;
 }
 .label:hover {
    cursor: pointer;
 }

 #druck {
   display: none;
 }

/* ============================================================================================= */
/* == Anker-Gestaltung/Verhalten =============================================================== */
/* ============================================================================================= */
 a:link {
   text-decoration:      underline;
   color:                maroon;
 }

 a:visited {
   text-decoration:      underline;
   color:                maroon;
 }

 a:hover {
   text-decoration:      none;
   color:                red;
 }

 a:active {
   text-decoration:      underline;
   color:                red;
 }

 a:focus {
   text-decoration:      none;
   color:                red;
 }

 a:link .ueber, a:visited .ueber {
   display: block;
   float: right;
   position: relative;
   left: 30em;
   top: 0px;
   width: 50px;
   height: 50px;
 }

 a:hover .ueber, a:focus .ueber {
   display: block;
   position: relative;
   left: 0px;
   top: 0px;
   width: 500px;
   height: 346px;
 }

 a:active .ueber {
   display: block;
   position: relative;
   left: 0px;
   top: 0px;
   width: 50px;
   height: 50px;
 }

/*===Formulare===============================*/
 legend {
   font-weight: bold;
   color: maroon;
   background-color: #ffcc80;
   border: 1px solid maroon;
   padding: 4px;
   width: 10em;
   text-align: center;
   margin: 10px 10px 10px 4px;
 }

 fieldset {
   border: 1px dotted maroon;
   margin: 10px;
   width: 60%;
   padding: 10px;
 }

 label {
   display: block;
   text-align: left;
 }

 input.text, textarea, select, span.text {
   margin: 4px 10px 4px 10px;
 }

 input:focus, textarea:focus {
   background-color: #DCE0FF;
 }

/*===Tabellen================================*/

 #nachrichten {
   margin-right: 2em;
   text-align: center;
   border: 1px solid maroon;
   width: 35em;
 }

 * html #nachrichten {
   margin-right: 2em;
   text-align: center;
   border: 1px solid maroon;
   width: 27em;
 }

 #nachrichten td {
   padding: 0.5em;
 }

 .lesen {
   background-color: white;
   padding: 1em;
   border: 1px solid maroon;
   margin: 1em;
 }

 #nachrichten caption {
   font-weight: bold;
   color: maroon;
   background-color: #ffcc80;
   border: 1px solid maroon;
   text-align: center;
   width:35em;
 }

 #nachrichten thead {
   border-collapse: collapse;
   font-weight: bold;
   color: maroon;
   background-color: #ffcc80;
   text-align: center;
 }

/*===ID-Selektoren===========================*/

 /*-Datumsanzeige-----------------------*/
 #datum {
   float: left;
   font: 1em Arial, sans-serif;
   color: white;
   margin: 0;
   padding: 0.2em 1em;
   text-align: center;
   background-color: maroon;
   border: 2px ridge maroon;
 }

 /*-Logout/in-Button--------------------*/
 #login {
   float: right;
   font: 1em Arial, sans-serif;
   color: black;
   margin: 0;
   padding: 0.2em 1em;
   text-align: center;
   background-color: white;
   border: 2px ridge maroon;
 }

 #logout {
   float: right;
   font: 1em Arial, sans-serif;
   color: black;
   margin: 0;
   padding: 0.2em 1em;
   text-align: center;
   background-color: white;
   border: 2px ridge maroon;
 }

 /*-Countdownsanzeige------------------*/
 #countdown {
   font: 1em Arial, sans-serif;
   font-weight: bold;
   color: white;
   margin: auto;
   background-color: red;
   border: 2px ridge maroon;
   width:40em;
 }

 /*-Besucherzaehler--------------------*/
 #besucher {
   font: 1em Arial, sans-serif;
   color: black;
   padding: 0.2em 1em;
   margin: auto;
   margin-top: 1em;
   margin-bottom: 0;
   text-align: center;
   background-color: #FFFED5;
   border: 2px ridge maroon;
   width: 30em;
 }

 * html #zentriert {
   text-align: center;
   margin-top: 0;
 }

 * html #besucher {
   width:34em;
 }

 /*-Kopfzeile--------------------------*/
 #kopfzeile {
   width: 95%;
   height: 150px;
   font: 1em Arial, sans-serif;
   color: black;
   margin: auto;
   margin-top: 1em;
   padding: 0.2em;
   text-align: center;
   background-color: #FFFED5;
   background-image: url(bilder/logokleiner.png);
   background-repeat: no-repeat;
   background-position: right center;
   border: ridge maroon 2px;
 }

 * html #kopfzeile {
   text-align: center;
   width: 98%;
   height: 150px;
   font: 1em Arial, sans-serif;
   color: black;
   margin: 1em;
   margin-right: 1em;
   text-align: center;
   background-color: #FFFED5;
   margin-left: 35px;
   background-image: url(bilder/logo_ie_klein.png);
   background-repeat: no-repeat;
   background-position: right center;
   border: ridge maroon 2px;
 }
 #kopfzeile h1 {
   font-size: 2em;
 }

 #kopfzeile img {
   border: 0;
 }

 #zitat {
   text-align: center;
 }

 /*-Navigationsleiste------------------*/
 #navigation {
   clear: both;
   position: fixed;
   width: 20%;
   float: left;
   margin: 2em;
   padding: 0;
   background-color: #FFFED5;
   color: black;
   border: ridge maroon 2px;
 }

 * html #navigation {
   clear: both;
   position: absolute;
   width: 20%;
   float: left;
   margin: 2em;
   padding: 0;
   background-color: #FFFED5;
   color: black;
   border: ridge maroon 2px;
 }
 #navigation ul {
   list-style: none;
   margin: 0;
   padding: 2px;
 }

 #navigation li {
   margin: 4px;
 }

 #navigation ul li a:link span.pop, #navigation ul li a:visited span.pop {
   display: none;
   text-decoration: none;
   top: 0;
 }

 #navigation li a:link, #navigation li a:visited {
   display: block;
   background-color: #7D3B14;
   color: white;
   text-decoration: none;
   font-weight: bold;
   border-left: 7px solid black;
   border-top:1px solid #7D3B14;
   border-bottom: 1px solid #7D3B14;
   border-right: 60px solid #7D3B14;
   padding: 2px;
 }

 html>body #navigation li a {
   width: auto;
 }

 #navigation li a:hover, #navigation li a:active, #navigation li a:focus {
   background-color: white;
   color: black;
   border-left: 7px solid gray;
   border-top:1px solid black;
   border-bottom: 1px solid black;
   border-right: 60px solid #FF8C00;
 }

 #navigation ul li a:hover span.pop, #navigation ul li a:focus span.pop {
   display: block;
   position: absolute;
   top: -130px;
   left: 20px;
   width: 145px;
   padding: 5px;
   font-weight: normal;
   text-decoration: none;
   background-color: white;
   border: 2px solid #bf5804;
   color: #bf5804;
 }

 ul#navigation ul li a:active span.pop {
   display: none;
   text-decoration: none;
   top: 0;
 }

 /*-Inhaltsbereich---------------------*/
 #inhalt {
   clear: both;
   width: 70%;
   float: right;
   margin: 2em;
   padding: 1em;
   background-color: #FFFED5;
   color: black;
   border: ridge maroon 2px;
   min-height: 25em;
 }

 * html body #inhalt {
   width: 70%;
 }

 #inhalt h2, #inhalt h3 {
   padding-left: 0em;
   color: maroon;
 }

 #inhalt h2 {
   font-size: 1.7em;
 }

 #inhalt h3 {
   font-size: 1.4em;
 }

 #inhalt p {
   text-indent: -0.3em;
   text-align: justify;
   padding-left: 1em;
 }

 #inhalt div.left {
   display: block;
   position: relative;
   float: left;
   width: 60%;
   min-height: 60em;
 }

 #inhalt p:first-letter {
   font-weight: bold;
   font-size: 1.2em;
   color: maroon;
 }

 #inhalt p.normal:first-letter {
   font-weight: normal;
   font-size: 1em;
   color: black;
 }

 #inhalt .achtung:first-letter {
   color: red;
 }

 #inhalt p.link:first-letter {
   font-size: 1em;
   font-weight: normal;
   color: maroon;
 }

 #inhalt p.link:first-letter:hover {
   font-size: 1em;
   font-weight: normal;
   color: red;
 }

 #inhalt p.nachrichten:first-letter {
   font-size: 1em;
   font-weight: normal;
   color: black;
 }

 /*-(Nachrichten-)Box------------------*/

 #inhalt p.box {
   display: block;
   float: left;
   width: 30%;
   padding: 1em 1em 1em 0.5em;
   margin: 1em;
   border:2px ridge maroon;
   background-color: #f8f2dc;
 }

  #inhalt p.box span {
   clear: both;
   display: block;
   text-align: left;
   padding-bottom: 0.25em;
 }

  #inhalt p.box span.kneipe {
   clear: both;
   float: none;
   margin: 1em;
   width: auto;
 }


 #inhalt p.box span h2, #inhalt p.box span h3 {
   padding-left: 0em;
   color: maroon;
 }

 #inhalt p.box span h2 {
   font-size: 1.7em;
 }

 #inhalt p.box span h3 {
   font-size: 1.4em;
 }

 #inhalt .gesetze {
   background-color: #F7EDC2;
   border: 0;
   border-collapse: collapse;
   font-size: 1em;
 }

 #inhalt .gesetze td {
   border-bottom: 1em solid maroon;
   padding: 0.5em;
 }

 #inhalt .gesetze thead {
   background-color: maroon;
   color: white;
   font-weight: bold;
   border: 0;
 }

/* ============================================================================================= */
/* == Forums-Layout ============================================================================ */
/* ============================================================================================= */
 #forum {
   border-collapse:      collapse;
 }

 #forum tr {
    border-bottom:       2px dotted #FFB143;
    border-top:          2px dotted #FFB143;
 }

 * html #forum {
   font-size:            1em;
 }

 #forum td {
   vertical-align:       top;
   padding:              3px;
 }

 #rubrik {
   border-collapse:      collapse;
   margin:               0 auto;
   border:               0;
   text-align:           center;
   width:                90%;
 }

 #rubrik tr {
   border-bottom:        2px dotted #FFB143;
 }

 #rubrik thead {
   color:                #244381;
   margin:               0 auto;
   font-size:            10pt;
   width:                100%;
 }

 * html #rubrik {
   font-size:            1em;
 }

 #rubrik td,th {
   padding:              0.5em;
   margin:               0;
   /*width:                auto;*/
 }

 #beitrag {
   background-color:     white;
   margin:               0 auto;
   width:                90%;
   border:               1px solid #104e8b;
 }

 #beitrag td {
    vertical-align:      top;
    width:               25%;
 }

 #beitrag p {
   margin:               0;
   margin-top:           3px;
 }

* html #beitrag p {
   border:               0px;
}

 #ueberschrift {
   text-align:           left;
   border-top:           2px dotted #104e8b;
 }

 #ueberschrift p {
   text-align:           left;
 }

 #letzter_beitrag {
   background-color:     white;
   font-size:            10pt;
   padding:              1em;
   border-color:         #104E8B; /*DodgerBlue4*/
   border-style:         solid;
   border-width:         1px;
 }

 .label {
   background-color:     white;
   width:                20em;
   border-right:         2px solid #92897D;
   border-bottom:        2px solid #92897D;
   border-left:          0px solid #92897D;
   border-top:           0px solid #92897D;
   margin-left:          1em;
   padding:              0.5em;
   color:                black;
   text-align:           center;
   text-decoration:      underline;
   font-weight:          bold;
   display:              none;
 }
 .label:hover {
   cursor:               pointer;
   color:                red;
   text-decoration:      none;
   border-left:          2px solid #92897D;
   border-top:           2px solid #92897D;
   border-right:         0px solid #92897D;
   border-bottom:        0px solid #92897D;
 }


 /*-Gaestebuch-Eintraege---------------*/
 #gaestebuch {
   margin: auto;
   width: 70%;
   border: 0;
   text-align: center;
   border-collapse: collapse;
 }

 #gaestebuch tr {
   text-align: justify;
   font-size:10pt;
   background-color:#F7EDC2;
 }

 #gaestebuch td {
   padding: 0.5em;
   margin: 0.5em;
 }

 #gaestebuch tr.ueberschrift {
   color: white;
   font-size:12pt;
   background-color: maroon;
 }

 #gaestebuch tr.ueberschrift td {
   padding: 0;
   margin: 0;
 }

 /*-Fusszeile--------------------------*/
 #fusszeile {
   clear: both;
   width: 95%;
   font: 0.9em black Arial, sans-serif;
   margin: auto;
   margin-bottom: 2em;
   padding: 0.2em;
   text-align: center;
   background-color: #FFFED5;
   border: 2px solid maroon;
 }

 * html #fusszeile {
   clear: both;
   width: 98%;
   font: 0.9em black Arial, sans-serif;
   margin: 2em;
   margin-left: 35px;
   margin-right:1em;
   text-align: center;
   background-color: #FFFED5;
   border: 2px solid maroon;
 }