/* - - - Grundeinstellungen - - - */

* {
    border: 0;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

body {
    background: #DADADA url(images/bg-body.jpg) repeat-x 0 0;
    color: #424242;
    direction: ltr;
    font: 80%/1.6 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* - - - IDs - - - */

#container {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 760px;
}

#header {
    height: 180px;
    position: relative;
}

        #header img {
            background: transparent;
            border: 0;
            left: 20px;
            padding: 0;     
            position: absolute;
            top: 44px;
            z-index: 3;
        }

#navigation {
    background: url(images/navigation.jpg) no-repeat 0 -55px;
    bottom: 40px;
    height: 55px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    width: 708px;
}

        #navigation li {
            display: block;
            float: left;
            height: 55px;
            text-indent: -1000em;
        }

        #navigation a {
            display: block;
            height: 55px;
        }
        
                /* Startseite */
                #navigation a#a-startseite {
                    background: url(images/navigation.jpg) no-repeat -133px 0;
                    margin-left: 133px;             
                    width: 125px;
                }
        
                #b-startseite a#a-startseite {
                    background: url(images/navigation.jpg) no-repeat -133px -55px;
                }
                
                #navigation a:hover#a-startseite {
                    background: url(images/navigation.jpg) no-repeat -133px -110px;
                }
        
                /* Speisekarte */
                #navigation a#a-speisekarte {
                    background: url(images/navigation.jpg) no-repeat -258px 0;
                    width: 136px;
                }
                
                #b-speisekarte a#a-speisekarte {
                    background: url(images/navigation.jpg) no-repeat -258px -55px;
                }
                
                #navigation a#a-speisekarte:hover {
                    background: url(images/navigation.jpg) no-repeat -258px -110px;
                }
        
                /* Sushi */
                #navigation a#a-sushi {
                    background: url(images/navigation.jpg) no-repeat -394px 0;
                    width: 71px;
                }
                
                #b-sushi a#a-sushi {
                    background: url(images/navigation.jpg) no-repeat -394px -55px;
                }
                
                #navigation a#a-sushi:hover {
                    background: url(images/navigation.jpg) no-repeat -394px -110px;
                }
        
                /* Restaurant */
                #navigation a#a-restaurant {
                    background: url(images/navigation.jpg) no-repeat -465px 0;
                    width: 131px;
                }

                #b-restaurant a#a-restaurant {
                    background: url(images/navigation.jpg) no-repeat -465px -55px;
                }
                
                #navigation a#a-restaurant:hover {
                    background: url(images/navigation.jpg) no-repeat -465px -110px;
                }
        
                /* Kontakt */
                #navigation a#a-kontakt {
                    background: url(images/navigation.jpg) no-repeat -596px 0;
                    width: 111px;
                }

                #b-kontakt a#a-kontakt {
                    background: url(images/navigation.jpg) no-repeat -596px -55px;
                }
                
                #navigation a#a-kontakt:hover {
                    background: url(images/navigation.jpg) no-repeat -596px -110px;
                }

#subnavigation {
    background: url(images/bg-subnav-top.png) no-repeat 0 0;
    margin-bottom: 1.5em;
    padding-top: 25px;
}

        #subnavigation li {
            background: #E2E2E2 url(images/bg-subnav-li.png) repeat-x 0 0;      
            border-bottom: 1px solid #ADADAD;
            border-left: 2px solid #E1E1E1;
            border-right: 2px solid #E1E1E1;
            border-top: 1px solid #FDFDFD;
            display: block;
            margin: 0 1px;
            width: 194px;
        }

                #subnavigation li.cap-btm {
                    background: url(images/bg-subnav-btm.png) no-repeat 0 100%;
                    border: 0;
                    height: 25px;
                    margin: 0;
                    width: auto;
                }
        
        #subnavigation a {
            color: #9F957C;
            display: block;
            font-weight: 600;
            height: 1%;
            letter-spacing: 0.02em;
            padding: 0 10px; 
        }
        
                #subnavigation a:hover, #subnavigation .aktiv {
                    background: url(images/bg-subnav-li-a.png) repeat-x 0 0;
                    color: #000;
                    height: 1%;
                }

#primary-content {}

        .col-1 #primary-content {
            display: inline;        
            float: left;
            padding: 1px;
        }
        
        .col-2-l #primary-content {
            display: inline;        
            float: right;
            margin: 5px 10px 30px 0;
            width: 510px;
        }
        
        .col-2-r #primary-content {
            display: inline;
            float: left;
            margin: 5px 0 30px 10px;
            width: 510px;
        }

        .col-2-rw #primary-content {
            display: inline;        
            float: left;
            margin: 5px 0 30px 10px;
            width: 410px;           
        }

#secondary-content {}

        .col-1 #secondary-content {
            display: none;
        }
        
        .col-2-l #secondary-content {
            display: inline;        
            float: left;
            margin: 5px 0 30px 10px;
            width: 200px;           
        }
        
        .col-2-r #secondary-content {
            display: inline;
            float: right;
            margin: 5px 10px 30px 0;
            width: 200px;
        }

        .col-2-rw #secondary-content {
            display: inline;        
            float: right;
            margin: 5px 10px 30px 0;
            width: 300px;           
        }

#footer {
    background: url(images/footer.png) no-repeat 50% 0;
    clear: both;
    height: 65px;
    margin: 30px 0;
    padding: 0;
}

        #footer p {
            color: #9F957C;
            font-size: 11px !important;
            line-height: 65px;
            margin: 0 auto;
            text-align: center;
            width: 700px;
        }

#imagebar {
    background: url(images/imagebar.jpg) no-repeat 50% 0;
    height: 166px;
    margin-bottom: 20px;
    width: 760px;
}

#board {
    background: url(images/sushi-matte.png) repeat-y center top;
    margin: 30px 0;
    padding: 15px 0;
    min-height: 432px;
    float: left;
}

#board .lang {
    background: #EDEDED;
    width: 670px;
    float: left;
    margin: 15px 40px 10px 40px;
    border: 3px double #372E2F;
}

#map {
    border: 2px solid #9C161E;
}

        #map img {
            background: transparent;
        }

#board .lang p {
    margin-bottom: 0;
}

.col-25-l {
    width: 150px;
    float: left;
    margin: 15px 0 15px 15px;
}

.col-33-l {
    width: 205px;
    float: left;
    margin: 15px 0 15px 15px;
}

.col-50-l {
    float: left;
    width: 300px;
    margin: 15px 0 15px 15px;
}

.col-50-lft-c {
    clear: both;
    float: left;
    margin: 15px 0 15px 15px;
    width: 300px;
}

.col-50-lft {
    float: left;
    margin: 15px 0 15px 15px;
    width: 300px;
}

.col-50-rgt {
    float: right;   
    margin: 15px 0 15px 5px;
    width: 300px;
}

.col-s50-lft {
    float: left;
    width: 250px;
}

.col-s50-rgt {
    float: right;
    width: 250px;
}

.col-100 {
    margin: 15px;
}

/* - - - Klassen - - - */

.clear {
    clear: both;
}

.hidden {
    visibility: hidden;
}

/* - - - Ueberschriften - - - */

h1, h2, h3 {
    clear: both;
    font-family:  Georgia, Times,"Times New Roman", serif;
    font-weight: 100;
    letter-spacing: -0.04em;
    margin: 0 0 0.2em 0;
}

h1 {
    font-size: 2em;
}

h1, h2 {
    color: #9C161E;
}

h2 {
    background: url(images/h-line.png) repeat-x 0 78%;
    font-size: 1.5em;
}

        #b-startseite h2 {
            background: none;
        }

h3 {
    color: #000;
    font-size: 1.3em;
    margin-top: 1em;
}

h4 {
    clear: both;
    color: #000;
    font-size: 1em;
}

        h4.neu {
            background: url(images/btn-neu.png) no-repeat 0 0;
            padding-left: 38px;
            height: 2em;
        }

/* - - - Absaetze - - - */

p {
    margin-bottom: 1.5em;
}

        p.mehr-erfahren {
            text-align: left;
        }
        
        .box-lang p {
            margin-bottom: 0;
        }
        
/* - - - Zitate - - - */

blockquote {}

cite {}

/* - - - Listen - - - */

ul, ol {}

#primary-content ul {
    margin: 1.5em;
}

        #primary-content ul li {
            background: url(images/ul-dot.png) no-repeat 0 6px;
            padding-left: 15px; 
        }

ol.legende {
    clear: both;
    margin-top: 1em;
    padding: 0.5em 0;
    border-top: 1px solid #ccc;
}

ol.legende li {
    color: #999;
    font-size: 0.85em;
    list-style-type: decimal;
    margin-left: 2.5em;
}

sup { 
    color: #999;
    font-size: 7px; 
}

/* - - - Definitionslisten - - - */

dl {}

        dl.liefergebiet, dl.kontakt {
            margin-bottom: 1em;
        }

dt {
    color: #000;
    clear: both;
    display: inline;
    font-weight: 600;
}

dd {
    font-size: 0.85em;
    display: inline;
}

        #b-restaurant dd, #b-kontakt dd {
            font-size: 1em;
        }

/* - - - Bilder - - - */

img {
    background: #92151C;
    border: 1px solid #000;
    padding: 3px;
}

img.noborder, img.icon {
    background: transparent;
    border: 0;
    padding: 0;
}

        img.links {
            float: left;
            margin: 0 0.5em 0.5em 0;
        }

        img.rechts {
            float: right;
            margin: 0 0 0.5em 0.5em;
        }

img.thumbnail {
    float: left;
    margin: 0 10px 10px 0;
}

img.thumbnail_sub {
    float: right;
    margin: 0 10px 10px 10px;    
}

img.thumbnail_menue {
    float: right;
    margin: 10px;    
}

/* - - - Textauszeichnung - - - */

strong {
    color: #9C161E;
    font-weight: 600;
    letter-spacing: 0.1em;
}

em {
    color: #000;
    font-style: normal;
    font-weight: 600;
}

        .box-lang em {
            color: #8E8C8C;
            font-size: 1.2em;
            font-weight: 100;
        }

dfn, acronym, abbr {}

address {
    font-style: normal;
}

        address.last {
            margin-bottom: 1em;
        }

/* - - - Links - - - */

#primary-content a, #b-kontakt #secondary-content a {
    background: url(images/a-line.png) repeat-x 0 95%;
    color: #000;
}

#primary-content a:hover, #b-kontakt #secondary-content a:hover {
    color: #9C161E;
}

#primary-content h4 a {
    background: none;
    border: 0;
}

/* - - - Formulare - - - */

form {}

fieldset {}

legend {}

label {}

input {}

        input.button {}

textarea {}

/* - - - Tabellen - - - */

table {
    margin: 0 0 2em 0;
    width: 500px;
    clear: both;
}

        table p {
            margin-bottom: 0.3em;
        }

caption {
    background: url(images/caption-bonsai.png) no-repeat 0 3px;
    color: #000;
    font-family:  Georgia, Times,"Times New Roman", serif;
    font-size: 1.3em;
    font-weight: 100;
    height: 60px;
    letter-spacing: -0.04em;
    margin: 0 0 0.2em 0;
    padding-left: 30px;
    text-align: left;
}

        caption em {
            color: #666;
            font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
            font-size: 0.8em;
            font-weight: 100;
        }

th {
    display: none;
}

tr:hover {
    border-bottom: 1px solid black; 
}

td {
    border-top: 1px dotted #CDCDCD;
    vertical-align: top;
}

        td.nr {
            color: #9C161E;
            padding-right: 15px;
            text-align: right;
            vertical-align: top;
            width: 30px;
        }
        
        td.bezeichnung {
            width: auto;
        }
        
                td.bezeichnung p {
                    font-size: 0.8em;
                }
        
        td.menge {
            color: #9C161E;
            text-align: right;
            width: 60px;
        }
        
        td.preis {
            text-align: right;
            width: 60px;
        }