html, body, * {
   margin: 0px;
   padding: 0px;
   border: none;
}

html {
   height: 100%;
   font-size: 100%;
}

body {
   margin-bottom: 1px;  /* Um den Scrollbalken bei FireFox anzuzeigen */
   background-image: url(../grafik/streifen_hintergrund.png);
   height: 100%;
   font-family: Verdana, Arial, sans-serif;
   text-align: center; /* fuer IE */
}

a:link,
a:visited {
   text-decoration: none;
   color: #930;
}

a:focus,
a:hover,
a:active {
   text-decoration: underline;
}

#wrapper {
   margin: 5px auto;
   position: relative;
   min-height: 100%;
   width: 980px;
   padding-bottom: 8.9em;
   text-align: left;
   background-color: #e8e8e8;
   border: 5px solid #777;
}

/*-------------------------------------------------------*/
/*--------- Der Header ----------------------------------*/
/*-------------------------------------------------------*/

#header {
   margin: 5px 5px 0 5px;
   padding: 5px 5px 3px 5px;
   background: #c2c2c2 url(../grafik/headerback.jpg) repeat-y;
   text-align: right;
}

#header img {
   margin-left: -6px;
}

#header img.logo {
   margin: 0px 33px 0 0;
}

/*-------------------------------------------------------*/
/*--------- Die Main-Navigation -------------------------*/
/*-------------------------------------------------------*/

#main_nav ul {
   float: left;
   width: 98%;
   margin: 5px 5px 0px 5px;
   padding: 0 0 0 10px;
   font-family: Arial, sans-serif;
   font-size: 90%;
   font-weight: bold;
   letter-spacing: 0.01em;
   list-style-type: none;
   background: #fa3 url(../grafik/navi.jpg) left top repeat-x;
}

#main_nav ul li {
   float: left;
   margin: 0;
   padding: 8px 0;
   background: #fa3;
   border-right: 1px solid #e8e8e8;
   background: #fa3 url(../grafik/navi.jpg) left top repeat-x;
}

#main_nav ul li a {
   margin: 0px;
   padding: 8px 15px;
   background: #fa3 url(../grafik/navi.jpg) left top repeat-x;
}

#main_nav ul li a:link,
#main_nav ul li a:visited,
#main_nav ul li a:focus {
   color: #333;
   text-decoration: none;
}

#main_nav ul li a:hover,
#main_nav ul li a:active {
   color: #eee;
   text-decoration: none;
}

/*-------------------------------------------------------*/
/*--------- Die Breadcrumb-Navigation -------------------*/
/*-------------------------------------------------------*/

#breadcrumb {
   margin: 6px 0 0 5px;
   padding: 2px 0 2px 2.5%;
   background: #cfcfcf;
}

#breadcrumb p {
   font-family: Arial, sans-serif;
   font-size: 70%;
   font-weight: bold;
}

#breadcrumb a {
   font-weight: bold;
   letter-spacing: 0.01em;
}

/*-------------------------------------------------------*/
/*--------- Die Sub-Navigation --------------------------*/
/*-------------------------------------------------------*/

#sub_nav {
   float: right;
   margin: 6px 0 0 0;
   padding: 2px 0;
   width: 35%;
   font-family: Arial, sans-serif;
   font-size: 70%;
   font-weight: bold;
   letter-spacing: 0.01em;
   background: #cfcfcf;
   border-right: 5px solid #e8e8e8;
}

#sub_nav ul li {
   float: right;
   display: inline;
   padding: 0 0.7em;
   border-left: 1px solid #930;
}

#sub_nav ul li.pipeleft {
   border-left: none;
}

/*-------------------------------------------------------*/
/*--------- Das Teaser-Bild -----------------------------*/
/*-------------------------------------------------------*/

#teaser {
   margin: 20px 0 0 52px;
   width: 162px;
}

#teaser img {
   padding: 5px;
   border: 1px solid #666;
}

/*-------------------------------------------------------*/
/*--------- Das Flyout-Menü -----------------------------*/
/*-------------------------------------------------------*/

#menu {
   margin-top: 20px;
   left: 30px;
   position: relative;
   width: 205px;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   white-space: nowrap;
   text-align: left;
   padding: 1px 1px 0 1px;
}

#menu li {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline-block;
   display: inline;
}

#menu ul ul {
   position: absolute;
   left: -9999px;
}

#menu ul#toplevel {
   position: relative;
   left: 0;
   top: 0;
   width: 12.7em;
}

#menu a {
   display: block;
   font: normal 70% Arial, sans-serif;
   color: #000;
   line-height: 22px;
   text-decoration: none;
   padding: 0 20px 0 10px;
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
   background: #c7c7c7;
}

#menu a.darkgrey {
   background: #aaa;
}

#menu ul li:hover > ul {
   left: 100%;
   margin-top: -25px;
   margin-left: -1px;
}

#menu a:hover ul,
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {
   left: 100%;
}

#menu a:hover ul ul,
#menu a:hover a:hover ul ul {
   left: -9999px;
}

#menu li a:hover {
   background: #fa3;
   color:#fff;
   border-top: 1px solid #666;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-left: 1px solid #666;
}

#menu li:hover > a {
   background: #fa3;
   color: #fff;
}

#menu li a.fly_first {
   background: #666 url(../grafik/arrow_flyout_bader.jpg) no-repeat right center;
   margin: 0 0 3px 0;
   color: #fff;
}

#menu li a.fly_first:hover {
   background: #fa3 url(../grafik/arrow_flyout_hover.jpg) no-repeat right center;
   color: #fff;
}

#menu li a.fly_dark {
   background: #aaa url(../grafik/arrow_flyout_dark.jpg) no-repeat right center;
}

#menu li a.fly_dark:hover {
   background: #fa3 url(../grafik/arrow_flyout_hover.jpg) no-repeat right center;
   color: #fff;
}

#menu li a.fly {
   background: #c7c7c7 url(../grafik/arrow_flyout.jpg) no-repeat right center;
}

#menu li a.fly:hover {
   background: #fa3 url(../grafik/arrow_flyout_hover.jpg) no-repeat right center;
}

#menu li:hover > a.fly {
   background: #fa3 url(../grafik/arrow_flyout_hover.jpg) no-repeat right center;
}

#menu table {
   position: absolute;
   left: 99%;
   height: 0;
   width: 0;
   font-size: 135%;
   border-collapse: collapse;
   margin-top: -4px;
   margin-left: 2px;
}

/*-------------------------------------------------------*/
/*--------- Der Container rechts mit Überschrift --------*/
/*-------------------------------------------------------*/

#container_right {
   float: right;
   width: 70%;
}

#container_right h1{
   margin: 100px 70px 35px 0;
   padding: 0 0 5px 15px;
   font-size: 165%;
   font-weight: normal;
   color: #930;
   border-bottom: 1px solid #930;
}

/*-------------------------------------------------------*/
/*--------- Der Content-Bereich -------------------------*/
/*-------------------------------------------------------*/

#content {
   width: 90%;
}

#content h2 {
   padding: 30px 0px 0px 15px;
   font-size: 0.8em;
   color: #333;
}

#content h2.important {
   color: #f00;
}

#content h2 a {
   text-decoration: none;
}

#content p {
   padding: 10px 0px 0px 15px;
   font-size: 70%;
   line-height: 1.2em;
}

#content p.einrueckung {
   padding: 10px 0px 0px 35px;
}

#content ul {
   margin: 10px 0 0 15px;
}

#content ul li {
   margin: 0 0 0 10px;
   list-style-type: none;
   font-size: 70%;
   line-height: 1.8em;
}

/*-------------------------------------------------------*/
/*------ Formatierungen für die Blöcke im Content -------*/
/*-------------------------------------------------------*/

#content .blockright {
   float: right;
   width: 50%;
}

#content .blockright h2 {
   font-size: 0.7em;
   padding-top: 20px;
}

#content .blockleft h2 {
   font-size: 0.7em;
   padding-top: 20px;
}

#content .blockleft img {
   margin: 13px 0 0 15px;
}

/*-----------------------------------------------------------------------------*/
/*------ Formatierungen für die Blöcke im Content auf der Kontakt Seite -------*/
/*-----------------------------------------------------------------------------*/

#content .blockright_kontakt {
   float: right;
   width: 50%;
}

#content .blockright_kontakt h2 {
   padding: 30px 0px 0px 15px;
   font-size: 0.8em;
}

#content .blockleft_kontakt h2 {
   padding: 30px 0px 0px 15px;
   font-size: 0.8em;
}


/*----------------------------------------------------------*/
/*--------- Die Überschriften für die Presse-Seite ---------*/
/*----------------------------------------------------------*/

#content h2.press_first {
   margin-bottom: -15px;
   font-size: 1em;
}

#content h2.press {
   margin: 30px 0 -15px 0;
   font-size: 1em;
   border-top: 1px solid #930;
}

/*----------------------------------------------------------*/
/*--------- Die Formatierung für die Sitemap-Seite ---------*/
/*----------------------------------------------------------*/

div#content ul li.sitemap_ebene1{
    margin: 0px;
    padding: 8px 0px 8px 0px;
    width: 50%;
    border-bottom: 1px dashed #888;
}

div#content ul li.sitemap_ebene1 a{
    font-size: 1.2em;
    color: #333;
}

div#content ul li.sitemap_ebene1 a:hover{
    text-decoration: underline;
}

div#content ul li.sitemap_ebene2{
    margin-left: 25px;
    padding: 8px 0px 8px 0px;
    width: 46%;
    border-bottom: 1px dashed #888;
}

div#content ul li.sitemap_ebene2 a{
    font-size: 0.95em;
    text-decoration: none;
    color: #333;
}

div#content ul li.sitemap_ebene2 a:hover{
    text-decoration: underline;
}

/*-------------------------------------------------------*/
/*--------- Die vertikale Bildleiste im Content ---------*/
/*-------------------------------------------------------*/

#bild_container {
   float: right;
   margin: 35px 0 5px 15px;
   width: 10.6em;
   border: 1px solid #bbb;
   background: #e8e8e8;
}

#bild_container img {
   margin: 0px 10px 0 10px;
   padding-top: 15px;
   border-top: 1px solid #999;
}

#bild_container img.bildlink_breit {
   margin: 0;
   padding-top: 3px;
   border-top: none;
}

#bild_container img.noborder {
   margin: 10px 10px 0 10px;
   padding-top: 0px;
   border: none;
}

#bild_container p {
   padding: 5px 10px 10px 15px;
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 0.65em;
   font-weight: bold;
   color: #555;
   line-height: 1.05em;
}

#bild_container p.borderdown {      /* --- Für den letzten Textabsatz in den Videolinks in "Wir Über uns" --- */
   padding: 0 0 7px 0;
   text-align: center;
   border-bottom: 1px solid #bbb;
   color: #333;
}

#bild_container p.no-borderdown {
   padding: 0 0 7px 0;
   text-align: center;
   border-bottom: none;
   color: #333;
}

#bild_container h2 {
   margin: 10px 0px 0px 0px;
   padding: 3px 0 3px 15px;
   font-size: 0.8em;
   line-height: 1.25em;
   background-color: #fa3;
}

/*-------------------------------------------------------*/
/*--------- Die Bildlink-Boxen im Textbereich -----------*/
/*-------------------------------------------------------*/

#content ul.bildlinkbox {
   margin: 0 0 0 40px;
}

#content ul.bildlinkbox li {
   margin: 20px 61px 0 0;
   float: left;
   border: 1px solid #999;
   background: #d6d6d6;
}

#content ul.bildlinkbox li.nomarginright {
   margin: 20px 0px 0 0;
}

#content ul.bildlinkbox li h2 {
   margin: 5px 0px;
   padding: 3px 0 3px 15px;
   font-size: 1.1em;
   line-height: 1.25em;
   background-color: #fa3;
}

#content ul.bildlinkbox li img {
   margin: 0 10px 0 10px;
   border: 1px solid #999;
}

#content ul.bildlinkbox li img.bildlink_breit {
   margin: 3px 0 3px 45px;
   border: none;
}

#content ul.bildlinkbox li img.bildlink_schmal {
   margin: 3px 0 3px 16px;
   border: none;
}

#content ul.bildlinkbox li p {
   padding: 0 0 5px 15px;
   font-size: 0.8em;
   font-weight: bold;
   font-family: Tahoma, Verdana, Arial, sans-serif;
   line-height: 1.3em;
   color: #555;
}

#content ul.bildlinkbox li p.groesse {
   padding: 7px 0 0 0;
   text-align: center;
   color: #333;
}

#content ul.bildlinkbox li p.zeitschrift {
   line-height: 1.5em;
}

/*----------------------------------------------*/
/*--- Standard - Grafik im Contentbereich ------*/
/*----------------------------------------------*/

div#content img.fliesstext {
    margin: 20px 0 0 30px;
}

/*-----------------------------------------------------*/
/*--- Grafik Region Stuttgart mit Image Replacement ---*/
/*-----------------------------------------------------*/

div#content p.region_stuttgart {
    background: url(../grafik/region_stuttgart.jpg);
    margin-left: 0px;
    text-indent: -9999em;
    width: 425px;
    height: 414px;
}

/*--------------------------------------------------------*/
/*--- Standardformatierung für breite Tabellen -----------*/
/*--------------------------------------------------------*/

#content table {
   margin: 15px 0 0 15px;
   width: 97.5%;
   font-size: 0.6em;
   border: solid 1px #999;
   border-collapse: collapse;
}

#content table th {
   text-align: center;
   padding: 7px 4px;
   color: #3a3a3a;
   background-color: #b8b8b8;
   border: 1px solid #888;
}

#content table td {
   padding: 7px 4px;
   border-right: 1px solid #999;
}

#content table tr.odd {
   background-color: #d8d8d8;
}

/*----------------------------------------------------------------*/
/*--- Formatierung für breite Tabellen mit zentriertem Inhalt ----*/
/*----------------------------------------------------------------*/

#content table.center td {
   text-align: center;
}

/*----------------------------------------------------------------*/
/*--- Formatierung für die "Wir sind Eltingen Tabellen  ----------*/
/*----------------------------------------------------------------*/

#content table.wirsindeltingen td {
   text-align: center;
   font-weight: bold;
   color: #333;
}

#content table.wirsindeltingen a {
   color: #333;
   font-weight: bold;
}

/*------------------------------------------------------------------*/
/*--- Formatierung für die Link-Tabellen mit zentriertem Inhalt ----*/
/*------------------------------------------------------------------*/

#content p.negmargin {
   margin-bottom: -25px;  /*--- Um die erste Tabelle nach oben zu ziehen ---*/
}

#content table.links {
   margin: 55px 0 0 15px;
}

#content table.links a {
   color: #333;
   font-weight: bold;
}

#content table.links th {
   padding-left: 20px;
   text-align: left;
   font-size: 1.6em;
   font-weight: bold;
   font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #333;
}

#content table.links td {
   text-align: center;
   border-bottom: 1px solid #999;
   border-right: none;
}

#content table.links td.rightborder {
   border-right: 1px solid #999;
}

/*------------------------------------------------------------------*/
/*--- Formatierung für schmalen Tabellen mit zentriertem Inhalt ----*/
/*------------------------------------------------------------------*/

#content table.small col.first {
   width: 5%;
}

#content table.small col.second {
   width: 40%;
}

#content table.small {
   width: 65%;
}

#content table.small td {
   text-align: center;
}

/*-------------------------------------------------------*/
/*--------- Der Bookmark-Bereich ------------------------*/
/*-------------------------------------------------------*/

#bookmark {
   background: #e8e8e8;
   text-align: center;
   padding-bottom: 10px;
}

#bookmark p {
   font-size: 60%;
   letter-spacing: -0.07em;
   padding-bottom: 0.6em;
}

#bookmark img {
   padding: 1px;
   border: 1px solid #888;
}

/*-------------------------------------------------------*/
/*--------- Der Footer ----------------------------------*/
/*-------------------------------------------------------*/

#footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 7em;
   background: #fa3;
   color: #000000;
   letter-spacing: 0.01em;
}

#footerleft,
#footermiddle,
#footerright {
   float: left;
   width: 33.3%;
   background: transparent;
}

#footerleft h1,
#footermiddle h1,
#footerright h1 {
   padding: 4px 0 0 0;
   text-align: center;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, sans-serif;
   font-size: 80%;
}

#footermiddle a:link,
#footermiddle a:visited {
   color: #000;
}

#footerleft h1 a:link,
#footermiddle h1 a:link,
#footerright h1 a:link,
#footerleft h1 a:visited,
#footermiddle h1 a:visited,
#footerright h1 a:visited {
   color: #000;
}

#footerleft p,
#footermiddle p,
#footerright p {
   text-align: center;
   font-family: "Trebuchet MS", Arial;
   font-size: 75%;
   line-height: 1.05em;
}

.defloat {
   clear: both;
}


/*----------------------------------------------------------*/
/*--- Formatierung für Links mit animiertem Button davor ---*/
/*----------------------------------------------------------*/


#content .button_link p {
   padding: 20px 0 0 30px;
}

#content .button_link a {
   background-image: url(../grafik/button_link_brown.jpg);
   background-repeat: no-repeat;
   padding: 1px 0px 1px 30px;
   color: #930;
   font-size: 1em;
   font-weight: bold;
}

#content .button_link a:hover {
   background-image: url(../grafik/button_link_orange.jpg);
   background-repeat: no-repeat;
   padding: 1px 0px 1px 30px;
   text-decoration: none;
   color: #e88800;
   font-weight: bold;
}


/*--------------------------------------------*/
/*--- Formatierung für das Kontaktformular ---*/
/*--------------------------------------------*/

#kontaktformular p {
   padding: 10px 0 15px 15px;
}

#kontaktformular fieldset {
   margin: 0 0 0 15px;
   width: 30em;
   background-color: #dadada;
   border: 1px solid #aaa;
}

#kontaktformular fieldset dl dt {
   padding: 20px 0 3px 20px;
   font-size: 0.75em;
   color: #333;
}

#kontaktformular fieldset dl dd {
   margin: 0px 35px 0 35px;
}

#kontaktformular fieldset dl dd.buttons {
   display: inline;
   margin: 0;
   padding: 0;
}

#kontaktformular fieldset p.buttons input {
   margin: 5px 0 15px 40px;
   padding: 0px;
   width: 10em;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
   font-size: 1.2em;
   background: url(../grafik/button.jpg) left top repeat-x;
}

#kontaktformular fieldset p.buttons input:hover {
   color: #f00;
}

#kontaktformular fieldset dl dd input {
   padding: 3px;
   width: 100%;
   background-color: #f8f8f8;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   border-bottom: 1px solid #bbb;
   border-right: 1px solid #bbb;
}

#kontaktformular fieldset dl dd textarea {
   padding: 0 0 0 3px;
   width: 100%;
   background-color: #f8f8f8;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   border-bottom: 1px solid #bbb;
   border-right: 1px solid #bbb;
}

#kontaktformular em.kontakt {
   color: #f00;
   font-size: 1em;
}

#kontaktformular h3 {
   padding: 0 0 10px 15px;
   color: #f00;
   font-weight: bold;
   font-size: 70%;
   line-height: 1em;
}

#kontaktformular h6 {
   padding: 10px 0 230px 15px;
   font-weight: normal;
   font-size: 70%;
   line-height: 1.2em;
}

div#hinweis {
    position: absolute;
    top: 250px;
    right: 70px;
}