/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
Hauptfarben:
Hintergrund-Beige: #DFCDAD
Blau: #002848
Text: #002848
Gold: #A4865D
Rot: #DB001B
*/

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

* { background-color: transparent; }

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 14px Times, sans-serif; margin: 0; padding: 0; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */

/* Für Browserprobleme mit relativen Schriftgrößen und permanenten Scrollbalken rechts: */
html { font-size: 100.01%; height: 100.01%; }

body { background: #DFCDAD; color: #002848; text-align: left; padding: 40px 0 10px 0;}

/* Zum Auflösen von float: */
.breaker { clear: both; height: 0; overflow: hidden;  }

hr { background: #ccc; border: none; color: #ccc; height: 1px; }
img { border: none; }
p { line-height: 130%; }
input, textarea, option { padding-left: 2px; }
table { border-collapse:collapse; }
td { vertical-align : top; }
pre { font-family: monospace;  }
strong { font-weight: bold; }

a { color:#002848; text-decoration:none; }
a:hover { color:#002848; }
a:visited {}
a:active {}
a:focus { outline: 0; }

/* Headers */
h1 { font-size: 30px; margin:0; font-weight: normal; color: #002848; }
h2 { font-size: 18px; margin:0; padding:0; font-weight: normal; color: #002848; }
h3 { font-size: 18px; margin:0; font-weight: bold; color: #002848; }
h4 { font-size: 12px;  font-weight: bold; color: #002848; }
h5 { font-size: 11px; font-weight: bold; color: #002848; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { }

/* Seitenstruktur / Container
--------------------------------------------------------------------------------------- */


#main {   
  
/*position			: absolute; 
  top				: 50%;  
  left				: 50%; 
  margin-top		: -365px;  
  margin-left		: -475px; */
  
  margin: 0 auto;
  width				: 950px;  
  height			:730px;     
  background: #fff; }
  
#navContainer {  width: 190px; height: 730px; float:left; overflow:hidden; }
#navLogo { width: 190px; height: 230px; overflow:hidden; }
#navMenu { padding: 30px; width: 130px; height: 410px; overflow:hidden; }
#footerLeft { font-family: Verdana; width: 190px; height: 30px; overflow:hidden;  background-color: #002848; line-height: 30px; color: #fff; font-size: 13px; text-align: center; }
#contentContainer { width: 760px; height: 730px; float:right; overflow:hidden; }
#contentImg { width: 760px; height: 200px; overflow:hidden; }
#contentMain { padding: 0px 140px 50px 110px; width: 510px; height: 450px; overflow:auto; background-color: #EFE6D6; }
#contentMain div#contentGap { height:50px; margin:0px; padding:0px; }
#contentWindow { height:400px; margin:0px; padding:0px; }
#footerRight { position: relative; font-family: Verdana; padding: 0 10px 0 10px; width: 740px; height: 30px; overflow:hidden; background-color: #A4865D;  line-height: 30px; color: #fff;  font-size: 11px; }
#impressum { position: absolute; top:0; right: 10px; height: 30px; line-height: 30px; text-align: right; }
#impressum a { color: #fff; }
#impressum a:hover { color: #002848; }

#contentContainer_mittag { width: 760px; height: 730px; float:right; overflow:hidden; }
#contentContainer_mittag #contentMain { padding: 0px 180px 0px 180px; width: 400px; height: 700px; background: #fff url(../img/bg_mittag.jpg) top left; }
#contentContainer_mittag #contentWindow { height: 660px; margin:0px; padding:40px 0 0 0; overflow:auto; }
#contentContainer_mittag #contentWindow p { text-align: center; }

#subFooter { margin-top:5px; font:19px/100% Courier; text-align:justify; font-weight:bold } 

/* Navigation
--------------------------------------------------------------------------------------- */

#navMenu {}
#navMenu ul { list-style-type:none; padding: 0; margin:0; }
#navMenu ul li { padding: 20px 0 20px 0; margin:0; border-bottom: #002848 3px solid; width:130px;}
#navMenu ul li.last { border-bottom: none;}
#navMenu ul li.act {}
#navMenu ul li a { color: #002848; font-size: 15px; font-family: Verdana; }
#navMenu ul li a:hover { color: #A4865D; text-decoration:none; }
#navMenu ul li a.act { color: #A4865D; }



/* Inhalt
--------------------------------------------------------------------------------------- */
#contentWindow a.mail:hover { color:red }


/* Flash
--------------------------------------------------------------------------------------- */

#ambienteFlash { margin:0; padding: 0; width: 760px; height: 700px; overflow:hidden; background-color: #EFE6D6; }
#startFlash { position: relative; margin:0; padding:0; width: 950px; height: 700px; overflow:hidden; background-color: #000; }
#startFlashLink { position: absolute; top:0; left:0; z-index: 99; width: 950px; height: 700px; }
#startFlashLink a { display:block; width: 950px; height: 700px; }
#skipIntro { text-align:right; }

.actTeaser { position: absolute; bottom: 30px; right: 30px; width: 350px; height: 100px; padding: 20px; background: #fff; }

/* Tischreservierung
--------------------------------------------------------------------------------------- */

.tischreservierung {}
.tischreservierung span.small { font-size: 11px; }
.tischreservierung input, select, textarea { font-size: 12px; border: #A4865D 1px solid; background: #fff; }
.tischreservierung_table { margin: 5px 0 10px 0; border-top: #A4865D 1px solid; width: 100%; }
.tischreservierung_table td { padding: 5px 0 5px 0; border-bottom: #A4865D 1px solid; }

.tischreservierung_time { margin-top: 5px; width: 246px; background: #fff; }
.tischreservierung_time td { line-height: 17px; height: 17px; padding: 0; border: #A4865D 1px solid; text-align:center; font-size: 12px; }
.tischreservierung_time td a:hover { cursor:pointer; }

.tischreservierung_kontaktdaten td { border:none; padding: 2px 0 2px 0;}
.tischreservierung_kontaktdaten td.td-1 { width: 50px; }

select.select_personen { width: 90px; }
select.select_anrede { width: 55px; }
input.input_lastname { width: 130px; }
input.input_vorwahl { width: 50px; }
input.input_telefon { width: 130px; }
input.input_email { width: 190px; }
textarea.textarea_comments { margin-top: 5px; width: 246px; height: 65px; }
input.input_checkbox { border: #A4865D 1px solid; }
input.tischreservierung_submit { background: #002848; border: #002848; color: #fff; font-weight: bold; }

/*************/
/* Debugging */
/*************/
/*
h1, h2, h3, h4, h5, p, 
ul, ol, li, blockquote, pre{ 
	border: 1px dotted #999999;
}
td table { 
	border: 1px dotted #000099;
}
div { 
	border: 1px dotted #990000;
}
img.spacer-gif { 
	border: 1px solid black; 
}
*/

a.roterlink { color:#DB001B; }