/******************************************************************
 **                                                              **
 **             Zentrale Formatierungsdatei deutsch              **
 **                 http://gastro-chemnitz.de/                   **
 **                                                              **
 **                                                              **
 **         Autor:  Steve Köhler  (http://koehler-media.com/)    **
 **         Grafik: Michael Senst (http://koehler-media.com/)    **
 **                    Datum: 09.04.2010                         **
 **                                                              **
 **                       Hinweis:                               **
 **    Die Inhalte dieser CSS-Datei dürfen nicht kopiert und     **
 **                weiterverwendet werden.                       **
 **  Gern dürfen Sie sich durch die Vorgehensweise inspirieren   **
 **     lassen und daraus lernen, um es für eigene Projekte      **
 **                  anwenden zu können.                         **
 **  Fragen können natürlich an info@koehler-media.com gestellt  **
 **                        werden.                               **
 **                                                              **
 **                                                              **
 ******************************************************************/


html, body, div, h1, h2, h3, h4, p, address, ul, li  {
    margin: 0;
    padding: 0;
}
body {
    background: #ffffff url(images/background.jpg);
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    height: 100%;
    width: 100%;
}
h1 {
    background: #ffffff url(images/header.jpg) no-repeat top left;
    width: 1024px;
    height: 241px;
    margin: 0 auto;
}
h1 span { display: none; }

#navigation {
    width: 1024px;
    height: 35px;
    margin: 0 auto;
    color: #ffffff;
    background-color: #A2A099;
}
#navigation li  {
    list-style-type: none;
}
#navigation li a, #navigation li {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 146px;
    height: 35px;
}
#navigation span {
    display: none;
}
#navigation li #navi_restaurants { background-image: url(images/restaurants_button.gif); }
#navigation li #navi_pubs { background-image: url(images/kneipen_pubs_button.gif); }
#navigation li #navi_bars { background-image: url(images/cafes_bars_button.gif); }
#navigation li #navi_discos { background-image: url(images/clubs_discos_button.gif); }
#navigation li #navi_lieferservice { background-image: url(images/lieferservice_button.gif); }
#navigation li #navi_international { background-image: url(images/international_button.gif); }
#navigation li #navi_sonstiges { background-image: url(images/sonstiges_button.gif); }

#navigation li #navi_restaurants:hover { background-position: 0 -35px; }
#navigation li #navi_pubs:hover { background-position: 0 -35px; }
#navigation li #navi_bars:hover { background-position: 0 -35px; }
#navigation li #navi_discos:hover { background-position: 0 -35px; }
#navigation li #navi_lieferservice:hover { background-position: 0 -35px; }
#navigation li #navi_international:hover { background-position: 0 -35px; }
#navigation li #navi_sonstiges:hover { background-position: 0 -35px; }

#navigation li #navi_restaurants:active { background-position: 0 -70px; }
#navigation li #navi_pubs:active { background-position: 0 -70px; }
#navigation li #navi_bars:active { background-position: 0 -70px; }
#navigation li #navi_discos:active { background-position: 0 -70px; }
#navigation li #navi_lieferservice:active { background-position: 0 -70px; }
#navigation li #navi_international:active { background-position: 0 -70px; }
#navigation li #navi_sonstiges:active { background-position: 0 -70px; }

#navigation li #navi_restaurants_aktiv { background-image: url(images/restaurants_button.gif); background-position: 0 -105px; }
#navigation li #navi_pubs_aktiv { background-image: url(images/kneipen_pubs_button.gif); background-position: 0 -105px; }
#navigation li #navi_bars_aktiv { background-image: url(images/cafes_bars_button.gif); background-position: 0 -105px; }
#navigation li #navi_discos_aktiv { background-image: url(images/clubs_discos_button.gif); background-position: 0 -105px; }
#navigation li #navi_lieferservice_aktiv { background-image: url(images/lieferservice_button.gif); background-position: 0 -105px; }
#navigation li #navi_international_aktiv { background-image: url(images/international_button.gif); background-position: 0 -105px; }
#navigation li #navi_sonstiges_aktiv { background-image: url(images/sonstiges_button.gif); background-position: 0 -105px; }


#languages {
    width: 1024px;
    height: 61px;
    margin: 0 auto;
    background-image: url(images/header_2.jpg);
}
#languages li  {
    list-style-type: none;
}
#languages li a, #languages li {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 30px;
    height: 18px;
}
#languages span {
    display: none;
}
#languages li #select_german { background-image: url(images/flagge_deutsch.gif); margin: 14px 0 0 23px; }
#languages li #select_english { background-image: url(images/flagge_englisch.gif); margin: 14px 0 0 33px; }
* html #languages li #select_english { margin-left: 10px; }

#content {
    width: 1024px;
    min-height: 900px;
    margin: 0 auto;
    background: url(images/linie.gif) top left repeat-y;
}
#content h2 {
    font: small-caps bold 1.3em arial, sans-serif;
    letter-spacing: 0.1em;
    margin: 0 0 0 120px;
    padding: 3px 0 10px 0;
}
#index_content {
    width: 1024px;
    height: 500px;
    margin: 0 auto;
    background: url(images/linie.gif) top left repeat-y;
}
#index_content div {
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}
#index_content h3 {
    background-color: #FFFF00;
    color: #424242;
    padding: 3px 8px;
    font-size: 102.01%;
}
#index_content #thema {
    margin-left: 130px;
}
* html #index_content #thema {
    margin-left: 65px;
}
*+html #index_content #thema {
    margin-left: 65px;
}

#footer_infos {
    width: 1024px;
    height: 31px;
    margin: 0 auto;
    background-image: url(images/footer.gif);
}

#footer_infos li  {
    margin-top: 7px;
    list-style-type: none;
}
#footer_infos li  {
    float: right;
}
#footer_infos li a {
    color: white;
    background-color: #2E2E2E;
    text-decoration: none;
    margin: 6px 15px 0 0;
}

/* $web_content */
.set {
border-bottom: 1px solid black;
width: 295px;
padding-bottom: 12px;
}
.preview_banner { width: 60px; height: 60px; background-color: blue; color: white }
.url { margin: 4px 0; }
.url a { text-decoration: none; color: black; }
.url img { border: 0; }


#impressum_content {
    width: 1024px;
    margin: 0 auto;
    background: url(images/linie.gif) top left repeat-y;
    padding-bottom: 30px;
}
#impressum_content h2 {
    font: small-caps bold 1.3em arial, sans-serif;
    letter-spacing: 0.1em;
    margin: 0 0 0 120px;
    padding: 3px 0 10px 0;
}
#impressum_content p, #impressum_content address, #impressum_content h3 {
    margin: 12px 80px 0 140px;
    text-align: justify;
}