/*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;}
	
#banner {
	float:right;
	margin:0 0 0 15px;}
   
#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;}

#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:430px;}
	
#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:320px;
	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;}
	
#newsPart {
	padding:20px 29px 0 0;}
	
#galerie {
	padding: 15px 0px 15px 29px;}
	
#listNav {
	width:492px;}
	
#gastroHead {
	margin:0 0 20px 0;}

#gastroHeadLeft, #gastroBodyLeft, #listNavLeft {
	width:235px;
	float:left;}
	
#gastroHeadRight, #gastroBodyRight {
	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:930px;
	margin:0 0 10px 0;}

.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;}


/*### 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;}
	
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;
	text-align:right;
	color:#fff;}

/*### 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 {
	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;}
	
.invisible { 
   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;}
   
#footer a:link, #footer a:visited {
   color:#000;
   text-decoration:none; 
   background:url(../layoutimages/top.gif) no-repeat 0% 50%;
   padding:2px 0 2px 10px;}
   
#footer a:hover, #footer a:active, #footer a:focus {
   color:#fff;
   background:url(../layoutimages/top_over.gif) no-repeat 0% 50%;
   padding:2px 0 2px 10px;}
   
#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;}