@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
    background: url(../images/site/bg_2.jpg) repeat fixed;
    text-align: center;
}

#wrapper {
    width: 800px; min-height: 500px;
    margin: 20px auto;
    /*background: #fff;*/
}

#header {
    width: 800px; height: 300px;
    background: url(../images/site/head_1.jpg) no-repeat bottom left;
    position: relative;
}

.background-pizza #header {
    background: url(../images/site/head_2.jpg) no-repeat bottom left;
}

.background-restaurant #header {
    background: url(../images/site/head_3.jpg) no-repeat bottom left;
}

.background-restaurant-2 #header {
    background: url(../images/site/head_4.jpg) no-repeat bottom left;
}

.background-restaurant-3 #header {
    background: url(../images/site/head_5.jpg) no-repeat bottom left;
}

.background-team #header {
    background: url(../images/site/head_team.jpg) no-repeat bottom left;
}

.background-steinofen #header {
    background: url(../images/site/head_steinofen.jpg) no-repeat bottom left;
}

.background-start #header {
    background: url(../images/site/head_start.jpg) no-repeat bottom left;
}

.background-speisen #header {
    background: url(../images/site/head_speisen.jpg) no-repeat bottom left;
}

.background-speisekarte #header {
    background: url(../images/site/head_speisekarte.jpg) no-repeat bottom left;
}

.background-restaurant #header {
    background: url(../images/site/head_restaurant.jpg) no-repeat bottom left;
}

.background-partner #header {
    background: url(../images/site/head_partner.jpg) no-repeat bottom left;
}

.background-kontakt #header {
    background: url(../images/site/head_kontakt.jpg) no-repeat bottom left;
}

.background-anfahrt #header {
    background: url(../images/site/head_anfahrt.jpg) no-repeat bottom left;
}

.background-kerpen-start #header {
    background: url(../images/site/head_kerpen_start.jpg) no-repeat bottom left;
}

.background-impressum #header {
    background: url(../images/site/head_impressum.jpg) no-repeat bottom left;
}

.background-kerpen-restaurant #header {
    background: url(../images/site/head_kerpen_restaurant.jpg) no-repeat bottom left;
}

.background-kerpen-kontakt #header {
    background: url(../images/site/head_kerpen_kontakt.jpg) no-repeat bottom left;
}

.background-kerpen-impressum #header {
    background: url(../images/site/head_kerpen_impressum.jpg) no-repeat bottom left;
}

.background-kerpen-anfahrt #header {
    background: url(../images/site/head_kerpen_anfahrt.jpg) no-repeat bottom left;
}

#header #logo{
    position: absolute; left: 25px; top: -2px;
}

#header div.inside {
    height: 60px; width: 800px;
    position: absolute; bottom:0; left:2px;
    background: url(../images/site/header_inside.png) no-repeat bottom center;
}

#header div.inside .mod_navigation {
    position: absolute; right: 40px; top: 30px;
}

#header div.inside .mod_navigation li, #navi_meta li, #navi_languages li  {
    float: left;
    margin-left: 25px;
}

#navi_languages li {
    margin-left: 10px;
}

#header div.inside .mod_navigation li a, #header div.inside .mod_navigation li p, #navi_meta li p, #navi_meta li a{
    color: #ffeec2;
    text-decoration: none;
    font-size: 11px;
}

#header div.inside .mod_navigation li a:hover, #navi_meta li a:hover{
    text-decoration: underline;
}

#header div.inside .mod_navigation li p, #footer div.inside .mod_customnav li p, #header div.inside #navi_meta li p {
    text-decoration: none;
}

#header div.inside #navi_meta {
    position: absolute; right: 80px; top: -185px;
}

#header div.inside #navi_languages {
    position: absolute; right: 2px; top: -185px;
}

#container {
    width: 758px; min-height:150px;
    padding: 20px;
    border: 1px solid #000;
    background: #3a0e03;
}


/* MAIN */
#container #main {
    width: 600px; min-height:300px;
    padding: 15px 79px;
    background: #ffeec2;
}

/* FOOTER */
#footer {
    width: 800px; height: 50px;
    padding-top: 10px;
    position: relative;
}

#footer div.inside .mod_customnav {
    position: absolute; right: 0px; top: 0px;
}

#footer div.inside .mod_customnav li {
    float: left;
    margin-left: 5px;
}

#footer div.inside a, #footer div.inside span, #footer div.inside p{
    color: #ffeec2;
    text-decoration: none;
    font-size: 11px;
}

#icons {
    position: absolute; left: 50px; top: 265px;
}

#icons li {
    float:left;
}

/* General */

#main {
    font-size:12px;
    color: #431812;
}

h1 {
    color: #B9150C;
    font-size: 16px;
    margin-bottom: 1em;
}

h2 {
    color: #B9150C;
    font-size: 12px;
    margin-bottom: 1em;
}

h3 {
    font-size: 16px;
    margin-bottom: 0.2em;
}

hr, p.hr, div.hr {
    display: block;
    height: 1px; width: 600px;
    background: url(../images/site/spacer.gif) no-repeat bottom center;
    margin: 1em 0; border: 0;
}

div.hr hr{
    display:none;
}

a {
    color: #431812;
    text-decoration: none;
}

a:hover {
    color: #431812;
    text-decoration: underline;
}

#content .image_container img {
    border: 1px solid #431812;
}

#content .noborder, #content .noborder img {
    border: 0;
}

#footer ul, #header ul {
    list-style: none;
}

/* Speisekarte */

.speisekarte table {
    table-layout: auto;
    width: 600px;
}

.speisekarte table .col_0{
    width: 20px;
}

.speisekarte table .col_1{
    width: 10px;
}

.speisekarte table .col_1{
    width: 10px;
}

.speisekarte table .col_2{
    width: 500px;
    text-align: left;

}

.speisekarte table .even .col_2{
    font-weight: bold;
    color: #B9150C;
}

.speisekarte table .col_3{
    width: 10px;
}

.speisekarte table .col_4{
    width: 60px;
    text-align: right;
    vertical-align: top;
}

/* Forms */

span.mandatory {
    font-weight: bold;
    color: #B9150C;
}

input, textarea {
    border: 1px solid #431812;
    margin-left: 5px;
}

input.submit {
    background: #431812;
    color: #fff;
}

.formbody td {
    padding-bottom: 5px;
}