/*Datei boku.css*/
/*created: 25.02.2009*/
/*created: by karl majert*/

html {
  font-size: 0.7em;
  height:101%;}

body {
   font-family:"Verdana", "Helvetica", "Arial", sans-serif;
  color:#000;
  background:#ff870a;
  margin:0;
  height:101%;}

* {
  margin:0; 
  padding:0;}

img {
  border:none; 
  margin:0; 
  padding:0;}
  
/*### Banner ##############################*/
#anzeige {
  background:#fff;
  padding:5px 0;}

#bannerBox {
  text-align:right;
  width:930px;
        height:90px; 
        position:relative;}
  
#banner {
  float:right;
  margin:0 0 0 15px;}

#bannerFlash {
        position:absolute; 
        top:0; 
        right:0; 
        z-index:1;}
   
#bannerBox p {
   font-size:0.6em;
   letter-spacing:0.2em;
   color:#666;}
                  
/*### Struktur #############################*/
#page {
  background:url(../layoutimages/bg_body.gif) repeat-x 0% 0%;}
  
#top {
  height:140px;
  width:930px;
  background:url(../layoutimages/bg_head.gif) no-repeat 0% 0%;}
  
#topnav {
  text-align:right;
  color:#fff;
  padding:25px 0 0 0;
  height:70px;}

#socialNav {
  text-align:right;}

#main {
  width:930px;
  margin:5px 0 10px 0; 
  border-top:1px solid #ff870a;}
  
#navbox{
  width:370px;
  float:left;
  overflow:hidden;}
  
#logo {
  text-align:center;
  margin:0 10px 20px 20px;}
  
#mainnav {
  position:relative;
  width:185px;
  float:left;
  margin:20px 0 0 0;
  background:url(../layoutimages/bg_nav.gif) no-repeat 100% 0%;}
  
#subnav {
  margin:40px 0 0 196px;}
  
#partnerbox {
  height:164px;
  background:url(../layoutimages/bg_partner.gif) no-repeat 100% 0%;
  z-index:500;}

#rotation {
  padding:92px 0 0 0;}
  
#contentbox {
  margin:0 0 0 380px;}
  
#content {
  overflow:hidden;}
  
#headline {
  margin:15px 0 30px 0;}  
  
#contLeft {
  width:270px;
  float:left;}
  
#startbild {
  width:265px;
  float:right;
  margin:0;}
  
#whiteBox {
  background:#fff;}
  
#bubbleBox {
  background:url(../layoutimages/bg_bubble.gif) no-repeat;
  height:530px;}
  
#gastroBox {
  background:url(../layoutimages/bg_rest.gif) no-repeat;
  height:430px;}
  
#slogan {
  padding:140px 0 0 110px;}

#planBox {
  padding:20px 0 0 0; position:relative;}
  
#wegBox {
  padding:15px 29px;
  background:url(../layoutimages/anfahrt.gif) no-repeat 29px 15px;}
  
#weg {
  height:470px;}
  
#partnerList {
  padding:20px 0 0 0;}
  
#sponsorenBox {
  width:340px;
  position:relative;
  padding:55px 0 0 72px;}
  
#sponsoren {
  position:relative; 
  height:420px;
  margin:16px 0 0 0;overflow:hidden;}
  
#sponsorNav {
  width:340px;
  margin:10px 0 0 72px;}
  
#imprint, #kontaktBox {
  padding:55px 150px 20px 60px;}
  
#imprintHeadline {
  margin:0 0 5px 120px;}
  
#error {
  padding:65px 145px 20px 110px;}
  
#gastro, #news {
  padding: 15px 0px 15px 29px;
  overflow:hidden;}

#rezept {
  padding: 15px 29px 15px 29px;
  overflow:hidden;}
  
#newsPart {
  padding:20px 29px 0 0;}
  
#galerie {
  padding: 15px 0px 15px 29px;}
  
#listNav {
  width:492px;}
  
#gastroHead {
  margin:0 0 20px 0;}

#rezeptHead, #rezeptFooter {
  margin:0 0 1em 0;}

.rezeptImg {
  margin:0 0 1em 0;}

.rezeptBody {
   margin:0 0 2em 0;}

.rezeptFooter {
   margin:0 0 1em 0;
   overflow:hidden;}

#gastroHeadLeft, #gastroBodyLeft, #listNavLeft, #rezeptFooterLeft {
  width:235px;
  float:left;}
  
#gastroHeadRight, #gastroBodyRight, #rezeptFooterRight {
  margin:0 29px 0 257px;}

#gastroHeadRight {
  text-align:center;
  padding:6px 0 0 0;}

#gastroBodyRight {
  /*background:#eb5505;
  padding:12px 8px;*/}
  
#gastroMenu {
  background:#eb5505;
  padding:12px 8px;
  margin:0 0 12px 0;}
  
div.order {
  background:#eb5505;
  margin:12px 0 0 0; font-size:1.1em;}
  
#listNavRight {
  text-align:right; 
  margin:0 0 0 257px;}
  
#footer {
  width:550px;
  margin:20px 0 20px 380px;
  padding:0 0 20px 0;}

#footLeft {
  width:250px;
  float:left;}

#footRight {
  width:250px;
  float:right;}

.newLine {
  display: block;
  clear: both ! important;
  font-size:1px; 
  visibility:hidden;}
  
.catch:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
    
.catch {display: block;}

/*### Hauptnavigation ########################*/
#mainnav ul {
  list-style:none;
  font-size:1em;
  text-align:right;
  padding:0 0 10px 0;}
  
#mainnav ul li {
  height:24px;}
  
#mainnav a:link, #mainnav a:visited {
  background:url(../layoutimages/nav.gif) no-repeat 100% 50%;
  text-decoration:none;
  padding:2px 20px 2px 0;}
  
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
  background:url(../layoutimages/nav_over.gif) no-repeat 100% 50%;
  text-decoration:none;
  color:#fff;
  padding:2px 20px 2px 0;}

#mainnav a#open {
  background:url(../layoutimages/nav_over.gif) no-repeat 100% 50%;}
  
/*### Subnavigation ########################*/
#subnav ul {
  list-style:none;
  font-size:1em;
  padding:0 0 0 0;}
  
#subnav ul li {
  height:20px;}
  
#subnav ul li.space {
  margin-top:1.8em; 
  height:3em;}
  
#subnav a:link, #subnav a:visited {
  text-decoration:none;
  color:#000;
  padding:2px 0 2px 0;}
  
#subnav a:hover, #subnav a:active {
  text-decoration:none;
  color:#fff;
  padding:2px 0 2px 0;}
  
#subnav a#current {
  color:#fff;}

/*### Rezeptnavigation ########################*/
ul.rezept {
  list-style:none;
  font-size:1.3em;
  padding:0 0 0 0;}

ul.rezept li {
  margin:0 0 1em 0;
overflow:hidden;}

/*### Schriftformate ##########################*/
h1 {
  font-size:2.3em;
  font-weight:normal;
  color:#fff;
  padding:0.7em 0 0.2em 0;}
  
h2 {
  font-size:1.7em;
  font-weight:normal;
  color:#000;}
  
#partnerList h2 {
  color:#fff;}
   
h3 {
  font-size:1.15em;
  font-weight:bold;
  color:#fff;}
  
h4 {
  font-size:1.15em;
  font-weight:normal;}

h4.subline {
  font-size:1em;
  line-height:140%;
  font-weight:bold;}
  
h5 {
  font-size:0.85em;
  font-weight:normal;}
  
.white {
  color:#fff;}
  
#content p {
  font-size:1em;
  line-height:140%;
  margin:0 0 1em 0;}
  
#content p.datum {
  font-size:0.85em;
  margin:0;}
  
.small, .smallLeft, .smallRight {  
  font-size:0.8em;
  line-height:125%;}
  
.smallLeft {
  display:block;
  width:110px;
  float:left;
  text-align:right;}
  
.smallRight {
  display:block;
  margin:0 0 0 120px; }
   
#top p {
  font-size:0.85em;
  color:#fff;}
  
#listNav p {
  font-size:0.85em;
  margin:0;}
  
#footer p {
  font-size:0.85em;  
  color:#fff;}

#footLeft p {text-align:left;}

#footRight p {text-align:right;}

/*### Nummerierte Liste ##################*/
ol {
  margin:0 0 1em 45px;}
  
ol li {
  padding:0 0 0 0.5em;
  margin:0 0 0.3em 0;}
  
ol li .wide {
  display:block;
  width:13em;
  float:left;}
  
/*### Schriftformate Anfahrt ##################*/
#weg p {
  margin:18px 0 0 0;}
  
.tabLeft, .tabLeftGelb {
  display:block;
  width:1.4em;
  float:left; }
  
.tabLeftGelb {
  background:url(../layoutimages/gelb.gif) no-repeat 0% 60%;}
  
.tabLeftGelb span {
  font-size:0.6em;
  color:#ff870a;;}
  
.tabRight {
  display:block;
  margin:0 0 0 1.8em;}
  
/*### Schriftformate Fehlerseiten ##################*/
#error h1 {
  color:#eb5505;
  padding:0 0 0.2em 0;}
  
#error p {
  font-size:0.85em;}

/*### Schriftformate Partner ######################*/
#partnerList ul {
  list-style-type:none;
  font-size:1em;
  line-height:140%;
  margin:1.5em 0 1.5em 0;}
  
#partnerList ul li {
  margin:0 0 0.4em 0;}
  
#partnerList p.klein {
  font-size:0.85em;}
  
#sponsorenBox p, #sponsorNav p {
  font-size:0.85em;
  line-height:125%;
  margin:0 35px;}
  
#sponsorNav {
  text-align:center;}
  
/*### Schriftformate News #######################*/
#news dl {
  font-size:0.85em;
  width:200px;
  float:left;
  margin:4px 20px 6px 0;}
  
#newsThumb, .rezeptThumb {
  width:100px;
  float:left;
  margin:4px 12px 6px 0;}
  
#news h3 {
  font-size:1.3em;
  font-weight:normal;
  color:#000;
  margin:0 0 0.3em 0;}
  
#news p.klein {
  font-size:0.85em;}

.rwp {
  font-family: Arial,Helvetica,sans-serif;
  font-style:italic;
  font-size:1.1em;letter-spacing:0.05em;
  margin:0 5px 0 0;}
    
.rwp strong span {
  color:#eb5505;}
  
/*### Darstellung Gastronomen ###################*/
#gastro h1, #galerie h1 {
  font-size:1.85em;
  font-weight:normal;
  line-height:1em;
  color:#000;
  padding:0 0 0.2em 0;}
  
#gastro h2 {
  font-size:1.35em;
  line-height:100%;
  font-weight:normal;
  color:#fff;
  margin:0 0 1em 0;}
  
#gastro h3 {
  font-size:1.15em;
  line-height:110%;
  font-weight:normal;
  color:#fff;
  margin:0 0 0.2em 0;}
  
#gastroHeadLeft p {
  font-size:1em;
  line-height:120%;
  color:#666;
  margin:0 0 0.3em 0;}
  
#gastroBodyLeft p {
  font-size:1em;
  line-height:140%;
  color:#000;
  margin:0 0 1em 0;}
  
#gastroBodyRight p {
  font-size:0.9em;
  line-height:150%;
  color:#fff;
  margin:0 0 1.3em 0;}
  
#gastroBodyLeft img {
  margin:0 0 12px 0;}

#gastroBodyLeft dl dt img {
        margin:0;}
  
div.order p {
  margin:0;}

dl.bild {
        margin:0 0 12px 0;}

dl.bild dd {
        font-size:0.8em;        
        padding:0;}

dl.bild dd.legRight {
        text-align:right !important;}


/*### Kontaktformular #############################*/  
#mailInfo {
  margin:30px 20px 0 60px;}

#kontaktBox p.small {
  margin:0 0 0.4em 0;}
  
#kontaktBox label sup {
  font-size:1.3em;
  line-height:50%;
  color:#eb5505;
  overflow:hidden;}
  
#kontaktBox label {
  font-size:0.85em;
  text-align:right;
  width:110px;
  float:left;
  margin:0 10px 0 0;
  padding:0.3em 0 0 0;}
  
#kontaktBox .laberror {
  background:url(../layoutimages/alert.gif) no-repeat 100% 50%;
  color:#000;
  width:93px;
  padding:0.3em 17px 0 0;
  margin:0 10px 0 0;}
  
#kontaktBox .feld, #kontaktBox .errfeld  {
  font-size:0.85em; 
  border:1px solid #000;
   background:#fff;
   color:#666;
   margin:0.1em 0 0.2em 0;
   padding:0.1em;
   width:180px;}
   
#kontaktBox .errfeld { 
   border:1px solid #eb5505;
   background:#ffc384;
   color:#000;}
   
#kontaktBox input:focus, #kontaktBox textarea:focus {
   color:#000;
   background:#fff;
   border:1px solid #eb5505;}
   
#kontaktBox textarea.feld, #kontaktBox textarea.errfeld {
  font-family:"Verdana", "Helvetica", "Arial", sans-serif;
  margin:0.1em 0 0.6em 0;}
  
.button  {  
  font-size:1em;
  font-weight:bold;
  line-height:100%;
  background-color:#eb5505;
  color:#fff;
  text-align:center;
  width:100px;
  border:1px solid #000;
  padding:0.1em;}
  
.button:hover {
   background:#ff870a;}

/*### Gewinnspiel #############################*/
#quizHead {
  margin:15px 0;}
  
#quizBox fieldset, .quizPart {
  overflow:hidden;
  margin:0 0 15px 0;
  padding:0;
  border:none;}
  
#quizLeft {
  width:260px;
  float:left;}
  
#quizRight {
  margin:0 0 0 290px;}
  
#quizBox label {
  font-size:1em;}
  
/*#quizBox p {
  font-size:1.4em;}*/
  
#quizBox input[type=radio] {
  float:left;
  margin:0 0.8em 0.8em 0;}
  
#quizBox .labelBox {
  overflow:hidden;}
  
.errlab {
  background:url(../layoutimages/achtung.gif) no-repeat 0% 50%;
  color:#000;
  font-weight:bold;
  padding:0 0 0 17px;}
  
.quizfeld { 
   border:1px solid #000;
   background:#FFE7CE;
   color:#000;
   margin:0.1em 0 0.8em 0;
   padding:0.1em;
   font-size:1em; 
   width:240px;}
   
.errquizfeld { 
   border:1px solid #000;
   background:#ff9;
   color:#000;
   margin:0.1em 0 0.8em 0;
   padding:0.1em;
   font-size:1em; 
   width:240px;}
   
#quizBox input:focus, #quizBox textarea:focus {
   color:#000;
   background:#fff;
   border:1px solid #f00;}
   
.quizbutton  {  
  font-size:1em;
  font-weight:bold;
  line-height:100%;
  background-color:#eb5505;
  color:#fff;
  text-align:center;
  width:120px;
  border:1px solid #fff;
  padding:2px;}
  
.quizbutton:hover {
   background:#ff870a;}
  
.emailrepeat { 
   position:absolute; 
   left:-1000px; 
   top:-1000px; 
   width:1px; 
   height: 1px; 
   overflow:hidden; 
   display:inline;}
   
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {  
   cursor  :pointer;}
   
/*### Bildergalerie ##############################*/
#choice {
   background:#eb5505;
   margin:0.8em 29px 0.8em 0;
   padding:3px 0 3px 15px;}

#choice a {
   margin:0 12px 0 4px;}

#choice h4 {
   font-size:0.9em;
   color:#fff;}

#galleryHead {
   margin:0 29px 5px 0;}

#movie {
   margin:0 29px 10px 0;
   text-align:center;
   background:#ddd;}

#movHeader {
   margin:0 29px 0 0;}

#galleryPart {
  margin:0.5em 29px 1.5em 0;}
  
#galleryDetail {
  margin:10px 0 5px 0;}
  
#legend {
  margin:0 29px 0 0;}
  
#galleryLeft {
  float:left;
  width:250px;}

#galleryRight {
  text-align:right;
  margin:0 0 0 260px;}
  
#galleryRight p {
  margin:0;
  padding:0.5em 0 0 0;}
  
#galleryBody {
  min-height:370px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;}

#galerie ul {
  list-style:none;
  margin:10px 0;}
  
#galerie ul li {
  float:left;
  width:92px;
  height:63px;
  margin:0 8px 6px 0;}
  
#galerie ul a:link, #galerie ul a:visited {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:92px;
  height:63px;
  font-size:62px;
  background:#ddd;
  border:2px solid #ddd;}
  
#galerie ul a:hover, #galerie ul a:active {
  background:#ff870a;
  border:2px solid #ff870a;}
  
#galerie img {
  vertical-align: middle;
  /*border:1px solid #fff;*/}
  
a.back:link, a.back:visited {
  padding:0 0 0 10px;
  background:url(../layoutimages/back.gif) no-repeat 0% 55%;}
  
a.back:hover, a.back:active {
  padding:0 0 0 10px;
  background:url(../layoutimages/back_over.gif) no-repeat 0% 55%;}
  
a.next:link, a.next:visited {
  padding:0 10px 0 0;
  background:url(../layoutimages/next.gif) no-repeat 100% 55%;}
  
a.next:hover, a.next:active {
  padding:0 10px 0 0;
  background:url(../layoutimages/next_over.gif) no-repeat 100% 55%;}
  
/*### Links ###################################*/
a:link, a:visited {
   color:#fff;
   text-decoration:none;}
   
a:hover, a:active, a:focus {
   color:#000;}
   
#top a:link, #top a:visited {
   color:#000;
   text-decoration:none;}
   
#top a:hover, #top a:active, #top a:focus {
   color:#fff;}
   
#footRight a:link, #footRight a:visited {
   color:#000;
   text-decoration:none; 
   background:url(../layoutimages/top.gif) no-repeat 0% 50%;
   padding:2px 0 2px 10px;}
   
#footRight a:hover, #footRight a:active, #footRight a:focus {
   color:#fff;
   background:url(../layoutimages/top_over.gif) no-repeat 0% 50%;
   padding:2px 0 2px 10px;}

a.fb:link, a.fb:visited {
   color:#000;
   text-decoration:none; 
   background:url(../layoutimages/fb.png) no-repeat 0% 40%;
   padding:3px 0 2px 30px;}
   
a.fb:hover, a.fb:active, a.fb:focus {
   color:#fff;
   background:url(../layoutimages/fb_over.png) no-repeat 0% 40%;
   padding:3px 0 2px 30px;}
   
#whiteBox a:link, #whiteBox a:visited, #bubbleBox a:link, #bubbleBox a:visited,  #bigGalerie a:link, #bigGalerie a:visited {
  color:#eb5505;}
  
#whiteBox a:hover, #whiteBox a:active, #bubbleBox a:hover, #bubbleBox a:active, #bigGalerie a:hover, #bigGalerie a:active {
  color:#ff870a;}

a.mov:link, a.mov:visited {
  color:#eb5505;
  background:url(../layoutimages/mov.gif) no-repeat 0% 50%;
  padding:0 0 0 20px;}
  
a.mov:hover, a.mov:active, a.mov:focus {
  color:#ff870a;
  background:url(../layoutimages/mov_over.gif) no-repeat 0% 50%;
  padding:0 0 0 20px;}
  
a.pic:link, a.pic:visited {
  color:#eb5505;
  background:url(../layoutimages/pic.gif) no-repeat 0% 50%;
  padding:0 0 0 20px;}
  
a.pic:hover, a.pic:active, a.pic:focus {
  color:#ff870a;
  background:url(../layoutimages/pic_over.gif) no-repeat 0% 50%;
  padding:0 0 0 20px;}
  
a.ngal:link, a.ngal:visited {
  color:#fff !important;
  background:url(../layoutimages/n_gal.gif) no-repeat 0% 50%;
  padding:0 0 0 26px;}
  
a.ngal:hover, a.ngal:active, a.ngal:focus {
  color:#000 !important;
  background:url(../layoutimages/n_gal_over.gif) no-repeat 0% 50%;
  padding:0 0 0 26px;}

a.nmov:link, a.nmov:visited {
  color:#fff !important;
  background:url(../layoutimages/n_mov.gif) no-repeat 0% 50%;
  padding:0 0 0 16px;}
  
a.nmov:hover, a.nmov:active, a.nmov:focus {
  color:#000 !important;
  background:url(../layoutimages/n_mov_over.gif) no-repeat 0% 50%;
  padding:0 0 0 16px;}
  
a.npic:link, a.npic:visited {
  color:#fff !important;
  background:url(../layoutimages/n_pic.gif) no-repeat 0% 50%;
  padding:0 0 0 16px;}
  
a.npic:hover, a.npic:active, a.npic:focus {
  color:#000 !important;
  background:url(../layoutimages/n_pic_over.gif) no-repeat 0% 50%;
  padding:0 0 0 16px;}

/*### Test Reservierungslink ############################*/  
a.orderLink:link, a.orderLink:visited {
   background:#eb5505;
   color:#fff !important;
   padding:4px 0;
   display:block;
   text-align:center;}
   
a.orderLink:hover, a.orderLink:active {
   background:#ff870a;}
  
#line1 {
   background:#fff;
   margin:0 29px 10px 0;}

#lineLeft {
   width:235px;
   float:left;}
  
#lineRight {
   background:#eb5505;
   color:#fff;
   margin:0 0 0 257px;}

#line1 p, #line2 p {
   margin:0;}

a.change:link, a.change:visited, a.change:hover, a.change:active {
   color:#fff !important;}
  
a.ordLink:link, a.ordLink:visited {
   background:#eb5505;
   color:#fff !important;
   padding:4px 8px;
   display:block;}
   
a.ordLink:hover, a.ordLink:active {
   background:#ff870a;}

/*### Rezeptlinks Gastroseite ############################*/ 
.lineRezept {
  margin:1em 29px 0 0;}

p.rezept  {
   background:#eb5505;
   color:#fff; 
   padding:4px 8px;}