/*STARS, NY DesignBeratung, Nicole Y. Männl, www.enypsilon.de*/
* html{height: 100%;}
body {
margin: 0;
padding: 0;
font: 0.8em/1.5em normal Arial, sans-serif;
color: #FFFFFF;
background: #0E5894 url("skyline.jpg") repeat-x 0 0;
}
.cont { /*global content page */
width: 790px;
}
.header {
height: 159px;  /*was 210px*/
margin: 0;
background-color: transparent;
}
a {color:#F2EFFE;}
a:link {color:#F2EFFE; }
a:visited {color:#A6A6FC;}
a:hover {color: #C40401; text-decoration: none;}
a:active {color: #C0C0FB; }
a:focus {color: #C0C0FB; cursor: default;}
#content a:link, #content2 a:link {color: #F2EFFE; background-color: #0E5894}
#content a:visited, #content2 a:visited {color: #A6A6FC; background-color: #0E5894; text-decoration: none;}
#content a:hover, #content2 a:hover { color:#C40401; background-color: #0E5894;}
#content a:active, #content2 a:active {color: #C40401;background-color: #0E5894}
#news a:link {color:#0E5894; text-decoration:none; }
#news a:visited {color:#0C3B65;}
#news a:hover {color: #C40401; text-decoration: none;}
#news a:active {color: #C40401; }
#navigation {  /*background: transparent url("navigation.jpg") repeat-x 0 0; */
background: transparent;
margin: 0 0 1px 10px;
height: 30px;  width: 955px;

/*border-bottom: 1px solid #0C3B65;*/
}
#tabs{font: bold 0.9em Arial, sans-serif;
text-align:left; vertical-align: bottom;
/*background: transparent url("navigation.jpg") repeat-x 0 0;*/
  background-color: transparent;
}
#navigation ul {
background-color: transparent;
padding: 0;
margin: 0;    }
#navigation li {
background-color: transparent;
padding: 10px 0 0 0;
margin: 0 0 0 0;
list-style: none;
display:inline;
}
#navigation a {
color: #F2EFFE;
font-size: 1.2em;
text-decoration: none;
padding: 0 0 0 16px;
margin: 0 0 0 1px;   /* Position auf Linie */
width: 107px;
display: block;
/*line-height: 2.8em;   */
line-height: 30px;
float:left;
/*
background: transparent url(navibg.jpg) top left no-repeat;
*/
background: transparent url(navisternb.jpg) repeat-x top left ;
}
#navigation a:link, #navigation a:visited {
background-color: transparent;
}
#navigation a:hover, #navigation a:focus {
background-color: transparent; color: #C40401;
/*background-image: url(navibg2.jpg); */
background-image: url(navisternw.jpg);
}
#navigation li.active a {
color: #E52B32; cursor: default;
background: transparent url(navisternw.jpg) top left no-repeat;
}
#navigation .open a{
color: #E52B32; cursor: default;
}
.menu {
position: absolute;
/*left: 10px; top:268px;   */
left: 10px; top:210px;
width: 150px;
height: auto;
background-color: transparent;
}
.menulinks, .menulinks2, .menulinks3, .menulinks4, .menulinks5 {
list-style-type: none;
margin: 0;
padding:0;
}
/*neu*/
.rahmenoben {/*background-color: transparent; */
background: transparent url("menue.jpg") repeat-y 0 0;
height: 60px;
}
.rahmenunten {background-color: transparent; background: none;}
#menu9 {
 width: 150px;
 margin: 0 0 0 0;
}
/* menu9 (wie menuholz)*/
#menu9 li {/*font: 1.0em bold Arial, sans-serif; */font-weight:600; font-size:1em; }
#menu9 li a {
height: 20px; line-height: 1;
voice-family: "\"}\"";
voice-family: inherit;
height: 14px;
text-decoration: none;
}

#menu9 ul.menulinks li.inactive a {
color: #FFFEDA;
display: block;
background:  url(menue.jpg);
padding: 7px 0 0 22px;text-decoration: none;
}
#menu9 ul.menulinks li.active a
{ cursor: default;
color: #E52B32; display: block;
background: url(menue.jpg) 0 -20px;
padding: 7px 0 0 22px; text-decoration: none;
}
#menu9 ul.menulinks li.inactive a:hover {
color: #FFFEDA;
background:  url(menue.jpg) 0 -20px;
padding: 7px 0 0 22px; text-decoration: none;
}
#menu9 ul.menulinks2 li a {font: 0.85em bold Arial, sans-serif; font-weight:600;}
#menu9 ul.menulinks2 li.active a {
color: #E52B32; cursor: default;
display: block;
background: url(menuep.jpg) 0 -20px;
padding: 7px 0 0 22px;text-decoration: none;
}
#menu9 ul.menulinks2 li.active a:hover{
color: #FFFEDA; cursor: default;
background:  url(menuep.jpg) 0 -20px;
padding: 7px 0 0 22px; text-decoration: none;
}
#menu9 ul.menulinks2 li.inactive a {
color: #FFFEDA;
display: block;
background:  url(menue.jpg);
padding: 7px 0 0 22px;text-decoration: none;
}
#menu9 ul.menulinks2 li.inactive a:hover{
color: #FFFEDA; cursor: pointer;
background:  url(menuep.jpg) 0 -20px;
padding: 7px 0 0 22px; text-decoration: none;
}

/*neu ende*/
/* diese Angabe ist für fast alle anderen Browser, damit die Höhe wieder aus den Angaben für
Schriftgröße, padding und border berechnet wird */
html>body #nav a:link, html>body #nav a:visited  {
height:auto;
}
.frame {
margin: 0 0 0 180px;
/*width: auto;  */
width: 700px;
height: 346px;
background-color: transparent;
overflow: auto;
}
.frame2 {margin: 0 0 0 180px;
width: 550px;
height: 346px;
background-color: transparent;
overflow: auto;
}
#content {width: 642px; margin: 6px 20px 10px 20px; font: 1.2em/1.4 normal Arial, sans-serif;
}
#content2 {width: 490px; margin: 6px 20px 10px 20px; font: 1.2em/1.4 normal Arial, sans-serif;
}

/*News Vorschau (Firmenevents)*/

.vorschau {color:#FFFEDA;}
.vs {padding: 0 0 3px 0;}
.date {font: 1.0em/1.2 bold Arial, sans-serif; margin-bottom: -1px;}

#news {position: absolute;
left: 720px; top: 220px; z-index:3;
width: 170px;
height:330px;
background: transparent url(newsbg.jpg) top center no-repeat;
}
.newscont {font: 1em/1.1 bold Arial, sans-serif;
height: auto; width: 130px; margin: 70px 20px 0 20px; padding: 1px; border: 1px solid #0C3B65;
}
.newscont p{ margin:1px 0 0 0; padding:3px; color:#0C3B65; background: #FFF;
}
.footer {
z-index: 1; height:100%; width:99.9%;
background: transparent url("footer.jpg") repeat-x 0 0; }
h1 {font: 1.4em/1.0 bold small-caps Arial, sans-serif; color:#FFFEDA;
font-weight:800; text-transform:uppercase; margin: 1px 0 4px 3px; z-index: 0;
}
h2 {font: 1.2em/1.0 Arial, sans-serif; color:#FFFEDA; font-weight:700;
}
h3 {font: 1.1em/1.0 Arial, sans-serif; color:#FFFEDA; font-weight:800;
}
h4 {font: 1.1em/1.0 bold Arial, sans-serif; color:#FFFEDA; font-weight:800;
}
h5 {font: 1.0em/1.0 bold Arial, sans-serif; color:#FFFEDA; font-weight:800;
}
h6 {font: 0.9em/1.0 bold Arial, sans-serif; color:#FFFEDA; font-weight:800;
}
.ueberimg {position:absolute; top:208px; left:192px; z-index:1;}
img {border: 0;}
p {
margin: 0 0 5px 0;
}
.center {text-align: center;}
p.bigger {margin: 0 0 5px -11px; font-size: 1.3em;font-weight:900; background-color: transparent;}
.klein {font: 0.8em/1.0em normal Arial, sans-serif;}
.kleiner {font-size: 66%; color: #FFFEDA;}
hr {color:#F2EFFE; height: 1px; margin: 0 0 2px 0; padding:0; border: 0.5px solid #FFFEDA;}
#content li, #content2 li{
margin: 0 0 0 -25px;  list-style-type: square;
}

.noprint {display:none;}
/*Module*/
.flLeft { float:left; padding: 4px 12px 12px 2px;}
.flRight { float:right; padding: 4px 0 12px 12px; }
.flLeftArt { float:left; width:200px; padding: 0; }
.flRightArt { float:right; width:200px; padding: 0; }
/* Groupletter*/
#GlAddUser {width: 300px; float:left;}
label.groupletter { display: block; float: left; width: 120px;font-size: 0.8em;}
form br {
/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left;
  /* das floating der labels und inputs aufheben */
}
#newsletter_firstname, #newsletter_name,
#newsletter_email, select {display: block; float: left;
  width: 160px;
  border: 1px solid #F2EFFE;
  background-color: #0C3B65;
  color: #F2EFFE; font-size: 0.8em;
  padding: 1px 1px 1px 3px;
  margin: 0px 0px 5px 0px;
  word-spacing: 0.2em;
}
select {width: 166px; border: 1px solid #F2EFFE;
}
#GlMessage {color:#F2EFFE; margin: 10px 0 10px 0;
padding: 2px; border: 1px solid #F2EFFE; width: 400px; text-align: left;font-size: 0.8em;}
input.button {  width: 166px;
   font-weight: bold;
   font-size: 0.8em;
   margin: 5px 0px 0px 120px;
   padding: 1px 0px 1px 0px;
   background-color: #F2EFFE;
   color: #0C3B65;
   text-align: center;
   border: solid 1px #0C3B65;
   cursor: pointer;
        }
/**
* @package Dreispalter
* @version 1.0.1
*/
.dreispalter {
  width: 610px;
}
.dreispalter_1 {
  width: 196px;
}
.dreispalter_2 {
  width: 196px;
  margin-left: 11px;
}
.dreispalter_3 {
  width: 196px;
  margin-left: 11px;
}
.dreispalter_1,
.dreispalter_2,
.dreispalter_3 {
  float: left;
}
.clboth {
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}
/**
* @package Zweispalter
* @version 1.0
*/
.zweispalter {
  width: 610px;
}
.zweispalter_1 {
  width: 300px;
}
.zweispalter_2 {
  width: 300px;
  margin-left: 10px;
}
.zweispalter_1,
.zweispalter_2 {
  float: left;
}
.zweispalter_2 img {display: block; margin: 0 auto; border-bottom: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;}
/*neu*/
/*Fomular*/
form.kontakt { background: #0E5894; /*border: 1px solid #83A1BB;*/ margin:0;  padding:0; width:620px;
}
fieldset.konta {width: 590px;  margin: 5px; display: block; font-size: 0.90em; border: 1px dotted #83A1BB; clear: both;
}
* html fieldset.konta {padding: 5px 10px 5px 5px;}
legend.kontakt1 { border: 1px solid #A6A6FC; border-right-width: 2px; border-bottom-width: 2px;
margin-bottom: 4px; font-weight: bold; background-color: #235F91; color: #F2EFFE;
}
.inputtext { /* Formularelemente */ display: block; float: left; width: 178px; /* Breite.*/
}
 * html .inputtext {margin-left: 3px; width: 172px;}
.inputtext, .inputtextkurz, .inputtextkurz1, .inputtextkurzuhr, .inputtextkurzuhr2  {
border-color: #FFFFFF #83A1BB #83A1BB #FFFFFF; border-style: none solid solid none;
border-width: 2px; background-color: #FBF7F6; color: #0E5894;
font-family: Arial, sans-serif; font-size: 0.9em;
}
.inputtextkurz1 {width: 62px; display:block; float:left;}
* html .inputtextkurz1 {margin-left: 3px;}
.inputtextkurzuhr {width: 62px; margin-top: 1px;}
.inputtextkurzuhr2 {width: 62px;}
.inputtextarea  {
border-color: #FFFFFF #83A1BB #83A1BB #FFFFFF;
border-style: solid;
border-width: 0px 2px 2px 0px;
background-color: #FBF7F6; color: #0E5894;
width: 466px;
height:70px;
font-family: Arial, sans-serif; font-size: 0.9em;
}
.einrueck {margin: 0 0 0 107px;}
* html .einrueck {margin: 0 0 0 110px;}
.radio2 { width: 30px; float: none; color:#F2EFFE; font-weight: bold; }
.inlab, .inlabnor {  display: block; float: left; width: 100px; text-align: right; padding-right: 10px;
color: #F2EFFE; }
.inlab {font-weight:bold;}
#Woher  { background-color: #F2EFFE;
  color: #0E5894;}
.inputbutton { color: #0E5894; background-color:#F2EFFE;
border-bottom: 2px solid #83A1BB;
border-right: 2px solid #83A1BB;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
font-family: Arial, sans-serif;
font-size: 1em; font-weight: bold;
margin-left: 3px; margin-bottom: 5px;
}
.bold {font-weight:bold;color: #F2EFFE;}
.abstand {margin-left: 90px;}
form.kontakt br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
/* Tooltip     Farben???     */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
/*position: relative;*/ color: #8F5C25; text-decoration: underline; border-bottom:0px dotted #4dbcf3;
}
a.tooltip:hover {
background: transparent; position: relative;
}
a.tooltip span {
display: none; text-decoration: none;
}
a.tooltip:hover span {
display: block; position: absolute; top: 16px; left: 0; width: 250px; z-index: 1;
color: #0E5894; border: 1px solid #83A1BB;
padding: 2px 5px 2px 5px; background: #EEEEEE;
font-family: Arial, sans-serif; font-weight: normal;
text-align: left; font-size: 1.0em;
}
sub {font-size: 60%; padding-top: 1px;}
/* Tooltip Speisekarte */
a.tip, a.tip:link, a.tip:visited, a.tip:active,
a.tip2, a.tip2:link, a.tip2:visited, a.tip2:active
{ color: #6C491F; text-decoration: underline;
}
a.tip:hover, a.tip2:hover {
background: transparent; position: relative;
}
a.tip span, a.tip2 span {
display: none; text-decoration: none;
}
a.tip:hover span, a.tip2:hover span{
display: block;  width: auto; z-index: 1;
color: #6C491F; border: 1px dotted #6C491F;
padding: 1px; background: transparent;
font-family: "Times New Roman", Times, serif; font-weight: normal;
text-align: left; font-size: 1.0em;
}
a.tip:hover span {position: absolute; top: -33px; left: 200px;}
a.tip2:hover span {position: absolute; top: -33px; left: 180px;}
/*Getränkekarte*/
.floatbox2name {width:180px; margin-right: 5px; border-right: 1px dotted #6C491F; }
.floatboxalk {width:45px; text-align: right; padding: 0 4px 0 4px; }
.floatboxcl {width:180px; padding-left: 4px; border-left: 1px dotted #6C491F; border-right: 1px dotted #6C491F;}
.floatboxpreis2 {text-align: right; width: 200px; margin-right: 1px;}
/*Speisekarte*/
.floatholder {width: 635px; border:1px dotted #6C491F; padding: 1px; }
.floatboxnr, .floatboxalk, .floatboxcl, .floatboxname, .floatbox2name, .floatboxtext, .floatboxpreis, .floatboxpreis2 {
background:transparent repeat scroll 0%;
color:#FFFFDD;
float:left;
}
.floatboxnr {width:25px; text-align: right; padding-right: 3px;}
.floatboxname {width:200px; padding-right: 2px; border-left: 1px dotted #6C491F;}
.floatboxtext {width:330px; padding-right: 4px; border-left: 1px dotted #6C491F; border-right: 1px dotted #6C491F;}
.floatboxpreis {width: 50px; text-align: right;}
.floatboxpreis p {text-align: right;}
.floatbox p {
margin:0;
}
.floatholder p {
margin:0;
}
.platz {height: 3px; clear: both;}
/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#st1{position:absolute; top:2px; left:540px; width:20px; height:24px; }
#st2{position:absolute; top:15px; left:800px; width:21px; height:21px;}
#st3{position:absolute; top:14px; left:178px; width:25px; height:22px;}
#st4{position:absolute; top:30px; left:255px; width:20px; height:18px;}
#st5{position:absolute; top:25px; left:380px; width:21px; height:19px;}
#st6{position:absolute; top:18px; left:582px; width:24px; height:24px; }
#st7{position:absolute; top:19px; left:683px; width:22px; height:20px;}
#st8{position:absolute; top:50px; left:58px; width:15px; height:15px;}
#st9{position:absolute; top:7px; left:750px; width:14px; height:13px;}
#st10{position:absolute; top:7px; left:442px; width:16px; height:17px;}

#imageData #caption, #imageData #numberDisplay {color: #585858;}