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

body  { width:100%; height:100%;
        padding:0.0px; margin:0.0px;
        font:1em  Arial,Verdana,'sans-serif';
        text-align:left;
        color:#000;
        }

/********************************************************************************/
#seitencontainer {                /* = ganzer body */
                 margin:0.0em  auto;
                 padding:0.0em;
                 width:960px;
                 height:100%;
                 }

/********************************************************************************/
a:link            { color:#B52C07; }
a:visited         { color:#B52C07; }
a:hover, a:active { color:#FFFFFF; background-color:#B52C07;}

/********************************************************************************/
#schrift {
        width:auto;      height:32px;
        font-size:80%;    font-weight:bold;
        text-align:right;
        margin:0.0px;     margin-right:20px;
        }

#schrift a {
        padding:4px;
        margin:0.0px;
        border:2px solid #fff;
        }

#schrift a:hover {
         background-color:#fff;
         }

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

/********************************************************************************/
/* header - Block */

#header {
        width:960px;      height:110px;
        margin:0.0px;     margin-left:20.0px;
        padding:0.00px;   padding-top:10px;     padding-bottom:10px;
        background-image:url(../grafik/css/grundeinstellung/head_links_gelb.jpg);
        background-repeat:repeat-y ;
        background-color:#FFFBE5;
        }

#header .name {
        text-align:left;
        float:left;
        padding:0.0px;    padding-left:20px;    padding-top:10px;
        }

#header .logo {
        white-space:nowrap;
        text-align:right;
        vertical-align:middle;
        padding:0.0em;    padding-right:10px;
        margin:0.0em;
        }

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

/********************************************************************************/
#headinfo   {
            clear:both;
            width:960px;
            margin:0.0px; margin-left:20px; margin-top:5px;
            padding:0px; padding-bottom:5px; padding-top:5px;
            background-image:url(../grafik/css/grundeinstellung/info_gelb.jpg);
            background-repeat:repeat-y ;
            background-color:#FCED96;
            font-size:80%; font-weight:bold;
        }

#headinfo div.right  {text-align:right;   padding-right:20.0px;}
#headinfo div.left   {text-align:left;    padding-left:20.0px; }

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

/********************************************************************************/
#container  {
        clear:both;
        height:100%;      width:960px;
        margin:0.0px;     margin-left:20px;   margin-top:5px;
        padding:0.0px;
        }

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

#menue_box {
        float:left;
        width:230px;
        margin:0.0px;
        padding:0.0px;    padding-right:0.0em;

        }

/* menue = Hauptmenü-Einstellung gilt für gesamte menue-box */
#menue  {
 float:left;
        width:230px;
        margin:0.0px;
        padding:0.0em;
        font-size:80%;
        font-weight:bold;

        }

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

#menue li {
        margin:0.0px;     margin-bottom:1px;
        }

#menue a  {
        display:block;
        color:#000066;   background-color:#FFFcef;
        text-decoration:none;
        background:url(../grafik/css/grundeinstellung/head_links_gelb.jpg) ;
        background-position:top left;
        padding-left:20px; padding-right:5px;
        }

#menue a:hover {
        color:#ea6a00;    background-color:#FFFcef;
        background-position:center center;
        }

#menue a#current {
        background-color:#FFFcef;
        background-position:top right;
        }

#menue a:hover#current  {
        color:#ea6a00;
        background-position:top right;
        }

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

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

#menue_u a {
        padding-left:40px;
        }

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

#menue_uu a {
        font-size:90%;
        padding-left:60px;
        }

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

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

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

#contents {
        width:710px;           height:100%;
        margin:0.0px;   margin-left:250px;
        padding-left:00px;   padding-right:00px;  padding-top:1px; padding-bottom:0px;
        background-color:#fff;
        }
* html #contents {
        width:705px;
        }

#contents p, #contents h1, #contents h2, #contents h3, #contents h4, #contents h5 {
        line-height:135%;
        padding:0em;
        margin:0em;
        }

#contents p {
        margin-bottom:0.5em;
        }

#contents h1, #contents h2, #contents h3, #contents h4, #contents h5  {
          margin-bottom:0.3em;
          padding-top:0.4em;
          font-weight:bold;
          text-align:left;
          color:#003080;  background-color:transparent;
          }

#contents h1 {font-size:140%;padding-top:0.0em;}
#contents h2 {font-size:124%;  }
#contents h3 {font-size:116%;  }
#contents h4 {font-size:108%; }
#contents h5 {font-size:100%; font-style:italic;}

.blogentry {
        width:auto;
        padding:0.0px;
        margin:20px;
        margin-bottom:0.0px;
        }

/********************************************************************************/
#info_boxen_80, #info_boxen_100, #info_boxen_90, #info_box_home_oben, #info_box_home_gedanken
        {
        float:left;
        width:670px;
        margin:0.0px;  margin-right:0px;  margin-bottom:15px;
        padding:0.0px;
        line-height:1.4em;

        }

* html #info_boxen_80, * html #info_boxen_100, * html #info_boxen_90, * html #info_box_home_oben, * html #info_box_home_gedanken  {
        width:665px;
        }

#info_box_home_oben  {         font-size:80%; }
#info_boxen_80       {         font-size:80%; }
#info_boxen_90       {         font-size:90%; }
#info_boxen_100      {         font-size:100%;}
#info_box_home_gedanken {      font-size:80%; }

#info_box_home_gedanken p {
       font-family:georgia,'times new roman',times,serif;
       font-weight:normal;
       color:#222;
       font-size:110%;
       }

.info_box_float{
       float:left;
       margin:0.0px; margin-bottom:15px;
       padding:0.0px;
       }

.abox,  .abox_d, .abox_3, .aboxo {
           margin-right:0px;   margin-bottom:5px;
           padding:20px;        padding-bottom:10px;
           background-color:#fff;
           }

.aboxo       {
            margin-right:5px;
            width:290px;
            background:url(../grafik/css/grundeinstellung/ecke.jpg) ;
            background-repeat:no-repeat;
            }
* html .aboxo {
            width:280px;
            }

.abox       {
            float:left;
            margin-right:5px;
            width:290px;
            background:url(../grafik/css/grundeinstellung/ecke.jpg) ;
            background-repeat:no-repeat;
            }
* html .aboxo {
            width:280px;
            }

.abox_d      {
            width:630px;
            background:url(../grafik/css/grundeinstellung/ecke_d.jpg) ;
            background-repeat:no-repeat;
            }
* html .abox_d {
            width:615px;
            }

.abox_3     {
            float:left;
            margin-right:5px;
            width:178px;
            background:url(../grafik/css/grundeinstellung/ecke.jpg) ;
            background-repeat:no-repeat;
            }
* html .abox_3 {
            width:173px;
            }

#home  {    }

#home p {
      margin-top:20px;
      font-size:80%;
      font-weight:bold;
      color:#666;
      }

.autor {
      font-size:80%;
      color:#666;
      line-height:96%;
      font-size:80%;

      }
/********************************************************************************/
/* footer - Abschlussleiste  */

#footer     {
      clear:both;
      width:auto;
      padding:5px;
      text-align:right;
      font-size:90%;
      background-image:url(../grafik/css/grundeinstellung/info_gelb.jpg);
      background-repeat:repeat-y ;
      color:#000;      background-color:#FCED96;
      border-top:1px solid #bbb;
      }

#footer span  {
      vertical-align:top;
      }

/**** Sondereinstellungen im content-Block   ************************************/
.center {text-align:center;}
.left   {text-align:left;}
.right  {text-align:right;}

/* sidemap für die Sidemap */

#sidemap  {
        margin:0.0px;
        padding:0.0px;
        }

#sidemap ul     {
        width:25em;
        margin-left:0em;   margin-top:5px;
        padding:0em;
        font-size:90%;
        list-style-type:none;
        line-height:145%;
        border:1px solid #000066;

        background:url(../grafik/css/grundeinstellung/sidemap.jpg) ;
        background-repeat:no-repeat;
        }

#sidemap a  {
        display:block;
        color:#000066;
        text-decoration:none;
        }

#sidemap li a { padding-left:25px;       }

#sidemap li.sidemap_h {
        font-weight:bold;
        font-size:140%;
        line-height:180%;
        }

#sidemap li.sidemap_u {
        font-weight:bold;
        font-size:100%;
        line-height:145%;
        }

#sidemap li.sidemap_uu {
        padding-left:1em;
        font-weight:normal;
        text-decoration:none;
        }

#sidemap li a:hover, #sidemap li  a:hover h3, #sidemap li a:hover span {
        color:#FFF6D2;    background:#000066;
        }

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

/* Symbol validator und acroreader */

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

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

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

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


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

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

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

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

.imagefloat_c   {
      clear:both;
      }

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


#zitat { font-size:1.4em; font-width:bolt; line-height:150%;}
#zitat p {   }
#zitat blockquote { background: url(../grafik/css/grundeinstellung/blockquotes_1.gif) top left no-repeat; }
#zitat blockquote p { background: url(../grafik/css/grundeinstellung/blockquotes_2.gif) bottom right no-repeat; padding: 14px 0 44px 0; }
#zitat blockquote p:first-child { text-indent: 70px; }

* html #zitat blockquote {padding-left:70px;}