/* Grundeinstellungen www.nordweil.ettlingen-sued.de */

body   {
        color: #333333;
        background-color: #fff;
        background-image: url(../grafik/background_und_button/verlauf_rot-weiss_v.gif);
        background-repeat:repeat-x;
        margin: 0.0em;
        padding: 0.0em;
        font: 100% "trebuchet ms", arial, helvetica, sans-serif;
        text-align: center;
        }

#schrift {
font-size:90%;
text-align:right;
margin:0em;
margin-right:2em;
color:#fff;
}

#schrift a {
padding:6px;
background-color: #BA2F28;
border: 2px solid #BA2F28;
}

#schrift a:hover {
border: 2px solid #fff;
}

#schrift img {
position:relative;
top:4px;
}

a:link            { color: #5F0000; }
a:visited         { color: #5F0000; }
a:hover, a:active { color: #FFFFFF; background-color: #5F0000;}

#seitencontainer {                /* = ganzer body */
        margin: 1em  auto;
        margin-top: 0.3em;
        width: 95%;
        font: 100% "trebuchet ms", arial, hevetica, sans-serif;
        text-align: left;
        color: #000;
        background-color: #fff;
        border: 1px solid #f00;
        }

/* Ende Grundeinstellungen */

/********************************************************************************/

/* header - Block */

#header {
        height: auto;
        width: 100%;
        position: relative;
        color: #5F0000;
        background-color: #FFFcef;
        background: url(../grafik/background_und_button/back_4.jpg) ;
        background-repeat:repeat;
        }

#header h1, #header h2  {
        padding: 0.0em;
        margin: 0.0em;
        font-weight:bold;
        text-align: left;
        margin-left: 20px;
        }

#header h1  {
        font-size: 200%;
        padding-top: 25px;
        }

#header h2     {
        font-size: 110%;
        padding-top:1em;
        padding-bottom: 1em;
        }

#header .image {float:right; margin-right:5px; margin-top:5px;}

/* Ende header - Block */

/********************************************************************************/

/* header - Info-Leiste */

#headinfo   {
        height: 1.3em;
        width: 100%;
        position: relative;
        font-size: 80%;
        font-weight:normal;
        color: #5F0000;
        background-color: #fFF6d2;
        background: url(../grafik/background_und_button/back_5.jpg);
        border-bottom: 1px solid #B92C29;
        border-top: 1px solid #B92C29;
        }

#headinfo div.left  {position:absolute;  left:20px;}
#headinfo div.right {position:absolute; right:20px;}

#headinfo span.headinfo_hier {}

#headinfo a {text-decoration: none;}
#headinfo a:link { color: #5F0000; }
#headinfo a:visited { color: #5F0000; }
#headinfo  a:hover {
        color: #FFF6D2;
        background: #5F0000;
        border-color: #5F0000; }

/* Ende header - Info-Leiste */

/********************************************************************************/

/* menue-box - Menü-Block */

#menue_box {
        float: left;
        width: 14.7em;
        padding-left: 1em;
        margin-top: 0em;
        padding-top: 1em;
        padding-right:0.4em;
        color: #000;
        background-color: #FFFcef;
        background: url(../grafik/background_und_button/back_2.jpg) ;
        }

/* menue = Hauptmenü-Einstellung gilt für gesamte menue-box */

#menue  {
        font-size: 90%;
        padding: 0.0em;
        }

#menue ul {
        margin-left:  0.0em;
        margin-bottom: 0.0em;
        padding: 0.0em;
        list-style-type: none;
        line-height: 165%;
        }

#menue li {
        margin-left:  0.0em;
        margin-bottom: 0.0em;
        }

#menue a  {
        display: block;
        color: #5F0000;
        background-color: #FFFcef;
        font-weight:bold;
        text-decoration: none;
        background: url(../grafik/background_und_button/button_1.jpg) ;
        background-position: right top;
        padding-left:1em;
        }

#menue a:hover {
        color: #ea6a00;
        background-color: #FFFcef;
        background: url(../grafik/background_und_button/button_2.jpg) ;
        background-position: right top;
        }

#menue a#current {
       background: url(../grafik/background_und_button/button_2.jpg) ;
       }

#menue a:hover#current  {
        color: #ea6a00;
        background: #C02000;
        background: url(../grafik/background_und_button/button_2.jpg) ;
        }

/* menue_u = Untermenü-Einstellung gilt für Untermenü-Einstellungen */

#menue_u  {
        padding:0.0em;
        margin:0.0em;
        padding-left: 1em;
        }

#menue_u ul, #menue_u div     {
        padding:0.0em;
        margin:0.0em;
        list-style-type: none;
        line-height: 155%;
        }

#menue_u a {
        padding-left:1em;
        }

/* menue_uu = Unter-Untermenü-Einstellung gilt für Unter-Untermenü-Einstellungen */

#menue_uu  {
        padding:0.0em;
        margin:0.0em;
        }

#menue_uu ul     {
        margin-left: 0;
        margin-top:  0px;
        padding-left: 0;
        list-style-type: none;
        line-height: 135%;
        }

#menue_uu a {
        padding-left:2em;
        }

/* Ende menue-box - Menü-Block */

/********************************************************************************/

/* contents - Grundeinstellungen für den Block für ALLE Inhalte */

#contents {
        margin: 25px 20px 40px 17em;
        padding:0em;
        }

#contents p {
        line-height: 130%;
        padding:0em;
        }

#contents p.start{font-size: 110%;}

#contents h1, #contents h2, #contents h3, #contents h4, #contents h5  {
        font-weight:bold;
        text-align: left;
        color: #5F0000;
        }

#contents h1 {font-size: 150%; }
#contents h2 {font-size: 130%;padding-top:0.4em;  margin-bottom:0.1em;}
#contents h3 {font-size: 120%;padding-top:0.4em;  margin-bottom:0.1em;}
#contents h4 {font-size: 110%;}
#contents h5 {font-size: 100%; font-style:italic;}

.blogentry {
        border-bottom: 1px solid #000066;
        }

/* Ende contents - Grundeinstellungen für den Block für alle Inhalte */

/********************************************************************************/

/* footer - Abschlussleiste  */

#footer     {
      clear: both;
      color: #BFBFBF;
      text-align: right;
      font-size: 90%;
      background-color: #9F0000     ;
      padding: 5px;
      }
#footer a, #footer a:link, #footer a:visited {
      color: #cFcFcF;
      background-color: #9F0000     ;
}
#footer span  {
      vertical-align:top;
      }

/* Ende footer - Abschlussleiste  */

/********************************************************************************/
/********************************************************************************/
/**** Sondereinstellungen im content-Block   ************************************/

/* Ausrichtung */
.center {text-align:center;}
.left   {text-align:left;}
.right  {text-align:right;}

/********************************************************************************/

/* gallerie für die Bildergallerie */

#gallerie a {
      text-decoration: none;
      font-size:80%;
      font-weight:bold;
      color:#B52C07;
      background-color:#fff;
      border:0px solid #000000;
      }
#gallerie a:link { color:#B52C07;background-color:#fff;   }
#gallerie a:visited {   }
#gallerie a:hover {color:#fff; background-color:#B52C07;  }
#gallerie a:activ {   }

#gallerie img  {color:#000; background-color:#fff; border:1px solid #ddd; }

#gallerie_auswahl img  {color:#000; background-color:#fff; border:0px solid #ddd; }

/* Ende gallerie für die Bildergallerie */

/********************************************************************************/

/* belegung - Formular in Tabellenform */

#belegung {width:100%;          }

#belegung table {
         background-color: #e3e8f3;
         width:100%;
         table-layout:fixed ;
         border-style:none;

         }

#belegung caption {
         font-size: 120%;
         padding-top:0.7em;
         margin-bottom:0.1em;
         font-weight:bold;
         text-align: center;
         color: #5F0000;
         border:0px solid #e3e8f3;
         }

#belegung tr {
         vertical-align:middle;
         line-height: 110%;
         padding:0;
         margin:0;
         }

#belegung td {
         padding:0;
         padding-bottom:0.2em;
         }

#belegung td.f1 {
         width:30%;
         padding-right:0.0em;
         padding-left:0.2em;
         font-style:italic;
         text-align:right;
         }

#belegung td.f2 {
         width:50%;
         text-align:right;
         padding-right:0.2em;
         padding-left:0.2em;
         text-align:left;
         }

#belegung td.f2n {
         width:50%;
         text-align:right;
         padding-right:0.2em;
         padding-left:0.2em;
         text-align:left;
         }

#belegung td.f3 {
         width:20%;
         text-align:left;
         }

/* Ende belegung - Formular in Tabellenform */

/********************************************************************************/

/* Hintergrundbild für Content  */

#content_hintergrund {
        position:relative;
        width:96%; height:100%;
        background: #FFF;
        background: url(../grafik/background_und_button/aussen_hintergrund.jpg) ;
        background-repeat:no-repeat;
        background-position:center bottom;
        border: 0px solid #000066;
        margin:0em;
        padding: 0em;
        padding-bottom:15em;
        text-align:justify;
        }

#content_hintergrund_start {             /* nur für Startseite */
        position:relative;
        width:96%; height:100%;
        background: #FFF;
        background: url(../grafik/background_und_button/aussen_blass_hintergrund.jpg) ;
        background-repeat:no-repeat;
        background-position:center bottom;
        border: 0px solid #000066;
        margin:0;
        padding: 0;
        }

#content_start {                           /* nur für Startseite */
        position:relative;
        border: 0px solid #000066;
        margin:1em;
        padding: 0;
        text-align:justify;
        }

/* Ende Hintergrundbild für Content  */

/********************************************************************************/

/* Symbol validator und acroreader */

.validator  {
      border:0; width:88px; height:31px;
      }

.acroread {
      font-size:75%;
      margin-left:6em;
      margin-right:6em;
      }

.imageacro_r  {
      padding: 2px;
      border: 0px solid #C02000;
      margin:  0em 1em 1em 1em;
      float: right;
      }

/* Textformatierungen  ***********************************/

.hi {font-size:80%;               /* kleiner Hinweistext */
    font-style:bold;
    }

.textfloat_r  {
       width: 15em;
       padding: 5px;
       border: 1px solid #C02000;
       margin: 0 0 5px 5px;
       float: right;
       }

.text-spalte_600_b {
      width:600px;
      text-align:justify;
      }

/* Bildformatierungen  ***********************************/

 .imagefloat_o_r  {
      padding: 2px;
      border: 0px solid #C02000;
      margin: 0 0 10px 10px;
      float: right;
      }

.imagefloat_o_l   {
      padding: 2px;
      border: 0px solid #C02000;
      margin: 0 10px 5px 00px;
      float: left;
      }

.imagefloat_u_r  {
      padding: 2px;
      border: 0px solid #C02000;
      margin: 1em 2em 0.5em 0.5em;
      float: right;
      }

.imagefloat_c   {
      clear: both;
      }