@charset "utf-8";
/* CSS Document */

/* ------------------- CSS Reset -----------------
-------------------------------------------------*/


* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul, ol {
list-style: none;
}

b, strong {
font-weight: bold;
}

img, a img {
border: none;
}


/* ------------------- Schriftdefinition / Größe -----------------
-----------------------------------------------------------------*/


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 72%;
background-image:url(../../images/bg_kachel.jpg);
text-align: left;
line-height: 1.5em;
margin-bottom: 20px;

}



h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #432f26;
margin-bottom: 0.7em;
}


h1 {
font-size: 2.8em;
}

h2 {
font-size: 2.3em;
}

h3 {
font-size: 1.5em;
}

h4 {
font-size: 0.9em;
}


blockquote {
color: #f18110;
}


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


a:hover, a:focus, a:active {
color: #aa1908;
text-decoration:none;
}



/* ------------------- Layout -----------------
-------------------------------------------------*/

#container {
width: 970px;
margin: 0 auto;
background-color: transparent;
}

#header {
background-color: transparent;

}

#content {
background-color: #FFFFFF;
padding: 30px 20px;
position: relative; 


}

#content p {
margin-bottom: 20px;
}


#mainContent {
width: 640px;
border: none;
}


#sidebarRight0 {
background-image: url(../../images/bg_box1.jpg);
background-repeat: no-repeat;
width: 257px;
position: absolute;
padding: 2px 0px 0px 25px;
top: 30px;
right: -11px;
}


#sidebarRight1 {
background-image: url(../../images/bg_box1.jpg);
background-repeat: no-repeat;
width: 257px;
position: absolute;
padding: 2px 0px 0px 25px;
top: 160px;
right: -11px;
}

#sidebarRight2 {
background-image: url(../../images/bg_box2.jpg);
background-repeat: no-repeat;
width: 257px;
position: absolute;
padding: 2px 0px 0px 25px;
top: 325px;
right: -11px;
}


#footer{
background-color:#d7d0bb;
padding: 7px;
font-size: 0.9em;
text-align: center;
}


#bildergalerie {
padding: 10px 10px;

}

#bildergalerie img{
padding: 10px 10px;

}



/* ------------------- Speisen Layout -----------------
-------------------------------------------------------*/

#speisekarteninhalte {
padding: 5px 45px 0px 45px;

}





/* ------------------- Navigation -----------------
-------------------------------------------------*/
#navigation {
background-image:url(../../images/navigation_bg.jpg);
position: relative;
width: 928px;
height: 42px;
margin: 0 auto;
}

#navibackground {
background-color: #ffffff;
width: 970px;
height: 42px;
}


#navigation ul li {
display: inline;
font-family: Georgia, "Times New Roman", Times, serif;
color: #ffffff;
}

#navigation ul li a:link, 
#navigation ul li a:visited {

position:absolute;
color: #432f26;
}

#navigation ul li a:hover, 
#navigation ul li a:focus, 
#navigation ul li a:active {
background-image:url(../../images/button_rot.jpg);
color: #ffffff;
}


#navhome {

position:absolute;
font-size: 1.4em;
padding: 0px 0px 0px 0px;
}

#navspeisen {

position:absolute;
font-size: 1.4em;
padding: 0px 0px 0px 182px;
}

#navgalerie {

position:absolute;
font-size: 1.4em;
padding: 0px 0px 0px 372px;
}

#navlageplan {

position:absolute;
font-size: 1.4em;
padding: 0px 0px 0px 558px;
}

#navkontakt {

position:absolute;
font-size: 1.4em;
padding: 0px 0px 0px 744px;
}


.buttongroesse_home {
top:0 px;
left:0 px;
padding: 12px 52px 13px 52px;
/*padding: 12px 70px 13px 69px;*/
}

.buttongroesse_speisen {
top:0 px;
left:0 px;
padding: 12px 68px 13px 67px;
}

.buttongroesse_galerie {
top:0 px;
left:0 px;
padding: 12px 67px 13px 67px;
}

.buttongroesse_lageplan {
top:0 px;
left:0 px;
padding: 12px 61px 13px 60px;
}

.buttongroesse_kontakt {
top:0 px;
left:0 px;
padding: 12px 64px 13px 63px;
}


/* ------------------- SUB NavigationSpeisen -----------------
--------------------------------------------------------------*/

#subnavigation {
background-image: url(../../images/dottet_border_speisen.jpg);
background-repeat: no-repeat;
background-position :bottom;
background-color:#FFFFFF;
position:absolute;
padding: 4px 0px 14px 0px;
width:640px;
left: 20px;
top: 5px;
}

#subnavigation ul li {
display: inline;
}

#subnavigation ul li a:link, 
#subnavigation ul li a:visited {
color: #432f26;
}

#subnavigation ul li a:hover, 
#subnavigation ul li a:focus, 
#subnavigation ul li a:active {
color: #aa1908;
text-decoration:none;
}

.subnavipos1 {
padding: 0px 10px 0px 10px;
}

.subnavipos2 {
padding: 0px 10px 0px 10px;
}

.subnavipos3 {
padding: 0px 10px 0px 10px;
}

.subnavipos4 {
padding: 0px 10px 0px 10px;
}

.subnavipos5 {
padding: 0px 10px 0px 10px;
}


/* ------------------- Kontaktformular -----------------
--------------------------------------------------------*/


.formular {
width: 400px;
}

.zeile {
clear: both; 
padding: 2px 0px;
}

.schaltflaeche {
clear: both;
text-align:center;
padding: 10px 10px 10px 0px;

width:120px;
}

.defbreite {
width: 232px;
}

.feldrand {
float:right;
width: 280px;
text-align:left;
}

.submitbutton {
padding: 4px 12px 4px 12px;
}




/* ------------------- Allgemein -----------------
-------------------------------------------------*/

.fl {
float:left;
padding-right: 1em;
}

.fr {
float:right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

.pfeilposition {
position: absolute;
top: 7px;
left: 102px;
}

.bordermaps {
border: 6px solid #d7d0bb;
}

#druckvorschaulink {
padding: 5px 45px 0px 45px;

}