/*  2007 www.a-2-r.de  */


/* ALLGEMEINE FORMATIERUNGEN */

*           {   margin:0;
                padding:0;
}


body        {   background:#fff url('../img/background_hell.gif') repeat;
                color:#999;
                font:0.8em arial,verdana,helvetica,sans-serif;
                text-align:center;
}


#main       {   background:#fff; url('../img/weiss.gif') repeat;
                border:0px;
                margin:0 auto;
                text-align:left;
                height:100%;
                width:800px;
                z-index:1;
}
                
                
#logo       {   position: relative;
                top: 1.2em;
                left: 0.0em;
                width: 776px;
                height: 118px;
                border:0px;
                z-index:2;
}

li          {   list-style-type:bullet;
                margin-left:1.2em;}

.IE7 #logo  {   position: relative;
                top: 1.2em;
}


#foto       {   position: relative;
                top: 0em;
                left: 0.0em;
                width: 800px;
                height: 220px;
                border:0px;
                z-index:2;
}


/* Navigation */


#navi       {   position: relative;
                top: 1em;
                left: 2em;
                height: 26px;
                border:0px;
                z-index:4;
}


.IE6 #navi  {   top:-0.8em;
}


.IE7 #navi  {   top:1em;
}


.IE6 #navi  {   LEFT:1.2em;
}


#navi ul    {   margin:0;
                padding:0;
                list-style-type:none;
}


#navi ul li {   display:block;
                margin:0 1em;
                padding:0;
                float:left;
}


#navi ul li a   {
                display:block;
                float:left;
}


#navi img.aktiv {
                display:none;
}


.portrait li.portrait img.inaktiv,
.speisekarte li.speisekarte img.inaktiv,
.raeumlichkeiten li.raeumlichkeiten img.inaktiv,
.kontakt li.kontakt img.inaktiv,
.jobs li.jobs img.inaktiv
            {   display:none;
}


.portrait #navi li.portrait img.aktiv,
.speisekarte #navi li.speisekarte img.aktiv,
.raeumlichkeiten #navi li.raeumlichkeiten img.aktiv,
.kontakt #navi li.kontakt img.aktiv,
.jobs #navi li.jobs img.aktiv
            {   display:block;
}


#sub_navi_raeume
            {   position: relative;
                top: 0em;
                left: 0.0em;
                margin-left:620px;
                text-align:right;
                background:#fff;
                width: 150px;
                border:0px solid red;
                z-index:4;
}


.IE #sub_navi_raeume
            {   position: relative;
                top: 0em;
                left: 35em;
                margin-left:620px;
                text-align:right;
                background:#fff;
                width: 150px;
                border:0px solid red;
                z-index:4;
				text-decoration:none;
}


#text       {   position: relative;
                text-align:justify;
                line-height:1.5em;
                top: 1em;
                left: 0.0em;
                padding-left:40px;
                padding-right:40px;
                padding-top:0px;
                padding-bottom:0px;
                background:#fff;
                width: 720px;
                min-height:17.5em;
                border:0px;
                z-index:5;
}


.footer     {   
                text-align:left;
                line-height:1.2em;
                margin-left:-40px;
                float:left;
                padding-right:0px;
				padding-bottom:30px;
                font-size:0.8em;
                color:#004e80;
                z-index:5;
}


/* Footer Portrait braucht feste Breite wg. Umbruch */

.footer_portrait
            {   
                text-align:left;
                line-height:1.2em;
                width:800px;
                left: -3.9em;
                float:left;
                margin-left:-40px;
                padding-right:0px;
                font-size:0.8em;
                color:#004e80;
                z-index:11;
}


.mehr   
            {   position: relative;
				top:19.8em;
                float:right;
                left: -3em;
                z-index:10;
}


.clear      {   clear:both;
}


/* Ueberschriftenformatierung (braun) */

h1          {	font-weight:bold;
                font-size:1.3em;
                color:#8d4e1e;
                line-height:1.5em;
}
			

a:link      {   font-weight:normal; text-decoration:underline; color:#7e838b;}
a:visited   {   font-weight:normal; text-decoration:underline; color:#7e838b;}
a:hover     {   font-weight:normal; text-decoration:underline; color:#4b3630}
a:active    {   font-weight:normal; text-decoration:underline; color:#4b3630 }
a:focus     {   font-weight:normal; text-decoration:underline; color:#4b3630;}