html{
height:  100%;
}


body   {
 font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
 color: black;
font-size: 12px;
 background-color: #faf3ea;
 margin: 0;
 height: 100%

 }


#centerposition    {
background-color: #FAF3EA;
  text-align: left;
  visibility: visible;
   margin-left: -480px;
   margin-top: 9px;
   margin-bottom: 9px;
   padding: 0;
   position: absolute;
   left: 50%;
   width: 960px;
   height: 100%;
 }

#left
{
background-color: #FF9D08;
background-image: url(images/hg_nav.jpg);
background-repeat: no-repeat;
width: 323px;
max-width: 323px;
height: 100%;

position: absolute;
top: 0px;
left: 0px;

z-index:10;
}


#middle
{
background-color: #F2B350;
width: 451px;
max-width: 451px;
height: 100%;

position: absolute;
top: 0px;
left: 326px;

z-index:9;
}


#right
 { background-color: #da7502; background-image: url(images/hg_right.jpg);
  background-repeat: repeat-x;
  position: absolute;
  top: 0; left: 780px;
  width: 180px;
  max-width:180px;
  height: 100%

}

a
{
outline: none;
}



/**left ************************************************************/

#shanti
{
position: absolute;
top: 17px;
left: 25px;
}



#navigation
{
position: absolute;
left: 205px;
top:147px;

width: 139px;
height:350px;

padding: 0px;
z-index:10;}

#logo
{
position: absolute;
bottom: 17px;
left:25px;
height: 90px;
max-height:90px;
width: 275px;
max-width: 275px;
background-image: url(images/sabine-firnhaber-logo.png);
background-repeat: no-repeat;
padding: 0px;
}

* html #logo {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/sabine-firnhaber-logo.png')
}


.white, p.whiteName, p.whiteKontakt
{
color: white;
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
 }

a.white
{
 text-decoration: none;
}

p.whiteName{
margin-top:11px;
}

p.whiteKontakt{
padding-top:62px;
text-align:right
}




 /*nav*/


.nav
{
padding:0px;
margin:0px;
border:0;
height:350px;
width:139px;
overflow:hidden;
text-align:left;
}

 .toggler {
 width: 100px;
 }


 .effect {
  width: 100px;
  position: relative;
  display:none;
  padding-bottom:10px
  }


 a.blacknav
 {
 color:black;
 font-size: 12px;
 font-weight: 700;
 font-style: normal;
 text-decoration: none;
 line-height: 24px;
display: block;
width:139px;
height: 24px;
  }

 a.blacknav:hover, a.blacknav:active
 {
 color:black;
 font-weight: 400;
 font-style: italic;
 text-decoration: none;
display: block;
width:139px;
height: 24px;
 background-image: url(images/kaestchen.gif);
background-repeat: no-repeat;
}


 a.blacknavSub
 {
 color:black;
 font-size: 12px;
 font-weight: 700;
 font-style: normal;
 text-decoration: none;
 line-height: 18px;
display: block;
width:139px;
height: 20px;
  }

 a.blacknavSub:hover, a.blacknavSub:active
 {
 color:black;
 font-weight: 400;
 font-style: italic;
 text-decoration: none;
display: block;
width:139px;
height: 20px;
 background-image: url(images/kaestchenSub.gif);
background-repeat: no-repeat;
}


.blacknavActive
 {
color:black;
font-weight:400;
font-style:italic;
text-decoration:none;
 line-height:24px;
 display:block;
width:139px;
height:24px;
background-image: url(images/kaestchen.gif);
background-repeat: no-repeat;
}

.blacknavActiveSub
 {
color:black;
font-weight:400;
font-style:italic;
text-decoration:none;
display:block;
width:139px;
 line-height: 18px;
 height:20px;
background-image: url(images/kaestchenSub.gif);
background-repeat: no-repeat;
}

 /**middle ************************************************************/

.textmiddle
{
line-height: 18px;
margin:88px 20px 26px 39px;
overflow-y:auto;
overflow-x: hidden;
scrollbar-base-color:#F2B350;
scrollbar-track-color:#F2B350;
scrollbar-highlight-color:#DD7A05;
scrollbar-shadow-color:#F2B350;
scrollbar-arrow-color:#000;
scrollbar-face-color:#FAF3EA;

padding-right:7px;
}
/*padding-right 7 = für abstand vom text zum scrollbalken*/

.textmiddle a
{
text-decoration: underline;
color: black;
}


h1
{
font-size: 24px;
font-style: normal;
font-weight: normal;
margin:6px 0px 18px 0px;}


h2
{
font-size: 11px;
font-style: italic;
font-weight: normal;
margin:0px;}

h3
{
font-size: 14px;
font-weight: 700;
font-style: normal;
margin: 15px 0px 3px 0px;
}




ul
{
list-style-position:outside;
list-style-type:square;
margin: 0px;
padding: 0px;
}


li.text
{
margin: 0px;
padding: 0px;
margin-left: 15px;
}

/*mehr einzug für IE6*/
* html li.text {
margin-left: 20px;}

.small
{
font-size:11px
}

td.top
{
vertical-align:top;
}

td.right
{
text-align:right;
}

td.left
{
text-align:left;
}

 /**right ************************************************************/

 #right a
 {
 color:black;
  font-style: normal;
 text-decoration: none;
  margin: 0px 10px;
 font-size: 11px;
 font-weight: 400;
 }


.imageright
{
/*margin:88px 0px 26px 0px;*/
margin:147px 0px 26px 0px;

/*overflow: scroll;*/
}


 #right p.wahl {
 font-size: 11px;
 margin: 5px 10px;
}


 a.righttagSub
 {
 line-height: 16px;
  }

 a.righttagSub:hover, a.righttagSub:active
 {
 text-decoration: underline;
 }


 #right a.rightnavSub
 {
 font-size: 12px;
 font-weight: 700;
 line-height: 20px;
  }

 #right a.rightnavSub:hover, a.rightnavSub:active
 {
 font-weight: 400;
 font-style: italic;
}

/******************************************************/

/*fancybox*/
#data{
z-index:1000;
}


/*preisliste*/
p.infotext
{
font-size: 11px;
margin-top: 2px;
}

h1.imtext
{
font-size: 24px;
font-style: normal;
font-weight: normal;
margin:30px 0px 18px 0px;}



/*weitere infos, alle a mit dieser klasse - fancybox*/
a.textmiddleInfo
{
text-decoration: underline;
color: black;
font-size:11px
}

a.textmiddleInfo:hover
{
text-decoration: underline;
color: black;
font-size:11px;
}

/*in fancybox*/

div.boxleft
{
float:left;
width:298px;
}


div.boxright
{
float:right;width:242px;
}

.hiltonImg
{
border: 1px solid #DF7A02;
}



/*hilton herbs - toggle*/
 .togglerText {
 width: 370px;
 }


 .effectText {
  width: 370px;
  position: relative;
  display:none;
  padding:10px;
  max-width:350px;
  background-image: url('images/hg-fancybox.png');
  }

  a.mehrtext
{
text-decoration: underline;
color: black;
font-size:11px
}

/*referenzen*********************************************************************************************/


.fallbeschrBox
{
float:left;
width:113px;
}

.fallbeschrBildbox
{
margin-bottom:25px
}


/********* referenzen fancyboxes***********************/

.einzugR10
{
margin-right:7px;
}

.einzugL10
{
margin-left:7px;
}