/*   


		Projekt: JUSTINS
		Start: 	 02.01.2008
		
		
		
*/

html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {
margin: 0;
padding: 0; 
font-family : Arial, Helvetica, sans-serif; }

html , body { font-size: 100%; padding: 0; margin: 0; background: #000000; } 

a img {
border:0;
}

div.content-container {
width: 878px; 
margin: 0 auto 0 auto;
padding: 0;
background: #000000;
}

div.logo-top {
float: left;
display: inline;
width: 878px;
height: 151px;
margin: 0 0 0 0;
padding: 0;
}

div.logo-top img{
margin: 40px 0 0 322px;
position:absolute;
z-index:0; }

div.logo-top img.logo-finest{
margin: 51px 0 0 672px;
position:absolute;
z-index:1;
border:0;
}

div.flash-top {
float: left;
display: inline;
width: 878px;
margin: 0 0 16px 0;
padding: 0;
z-index:1;
}

div.flash-top-folge {
float: left;
display: inline;
width: 878px;
margin: 0 0 0 0;
padding: 0;
}

/* flash layer */

div.flash-layer {
position: absolute;
width: 878px;
height: 705px;
margin: 0;
z-index: 999;
}

* html div.flash-layer {
position: absolute;
width: 878px;
height: 705px;
margin: 0;
z-index: 999;
}

*+ html div.flash-layer {
position: absolute;
width: 878px;
height: 705px;
margin: -610px 0 0 -878px;
z-index: 999;
}

div.content-bottom {
float: left;
display: inline;
width: 878px;
margin: 0 0 0 0;
padding: 0;
}

div.flash-links {
float: left;
display: inline;
width: 430px;
margin: 0;
padding: 0;
}

div.container-rechts {
float: left;
display: inline;
width: 432px;
margin: 0 0 0 16px;
padding: 0;
}

div.galerie-1-container {
float: left;
display: inline;
width: 208px;
margin: 0;
padding: 0;
}

div.galerie-2-container {
float: left;
display: inline;
width: 208px;
margin: 0 0 0 224px;
padding: 0;
}

div.galerie-illu {
position:absolute;
width: 208px;
height:68px;
margin: 0;
z-index:90;
}

div.kleinillu-ecken {
position:absolute;
z-index:100;
width: 208px;
height:68px;
margin: 0;
}

div.galerie-content-container {
position:absolute;
width: 208px;
height: 68px;
margin: 69px 0 0 0;
padding: 0;
background: url(../images/teaser-links.gif) no-repeat;
}

div.galerie-link {
float: right; 
display: inline;
margin: 18px 0 0 0;
padding: 0;
}

div.galerie-content {
float: left;
display: inline;
width: 160px;
margin: 8px 0 0 20px;
padding: 0;
}

div.galerie-content2 {
float: left;
display: inline;
width: 160px;
margin: 0 0 0 20px;
padding: 0;
}

h2.teaserdate {
  font-size: 11px;
  color:#ffffff;
}

.sIFR-active h2.teaserdate {
visibility: hidden;
font-family: Verdana;
line-height: 1em;

font-size: 11px;
}


h3.teaser {
  font-size: 13px;
  color:#ffffff;
}
.sIFR-active h3.teaser {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;

  font-size: 15px;
}




div.tischreservierung {
float: left;
display: inline;
width: 432px;
height: 80px;
background: url(../images/teaser-bottom.gif) no-repeat;
margin: 153px 0 0 0;
padding: 0;
}

div.tischreservierung-content-container {
float: left;
display: inline;
width: 422px;
margin: 10px 0 0 10px;
padding: 0;
}

div.tischreservierung-content {
float: left;
display: inline;
width: 370px;
margin: 0 0 0 10px;
padding: 0;
}


div.tischreservierung-content h1 {
padding: 0; margin: 0; }

h1.reservierung {
color:#ffffff;
  font-size: 20px;
}

.sIFR-active h1.reservierung {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;

  font-size: 20px;
}

div.tischreservierung-content p {
font-size: 12px; line-height: 120%; color: #ffffff; text-decoration: none; padding: 0; margin: 8px 0 0 0px; }



a:link, a:visited {
text-decoration: underline; color: #828915; }
a:active, a:hover {
text-decoration: underline; color: #ffffff; }



p			{font-size: 12px; line-height: 20px; color: #ffffff; text-decoration: none; margin:0 0 20px 0;}

p.Head	    {font-size: 16px; color: #ffffff; padding: 0; margin: 10px 0 0 10px;}
p.Head2     {font-size: 22px; color: #ffffff; padding: 0; margin: 10px 0 0 10px;}


h1 { font-size: 20px; font-weight: normal; margin:0 0 11px 0; } 
h2 { font-size: 16px; font-weight: normal; margin:0 0 11px 0; } 
h3 { font-size: 13px; font-weight: normal; margin:0 0 11px 0; } 
h4 { font-size: 10px; font-weight: normal; } 
h5 { font-size: 9px; font-weight: normal; } 
h6 { font-size: 8px; font-weight: normal; } 


div.content ul, div.contentbreit ul 			{ 	margin-top: 5px; margin-bottom: 15px; }
div.content ul li, div.contentbreit ul li 		{ 	color: #ffffff; font-size: 12px; line-height: 20px; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
div.content ul li li, div.contentbreit ul li li { 	color: #ffffff; font-size: 100%; line-height: 20px; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
div.content ol, div.contentbreit ol 			{ 	margin-top: 5px; margin-bottom: 5px; }
div.content ol li, div.contentbreit ol li 		{ 	color: #ffffff; font-size: 12px; line-height: 20px; list-style: decimal outside; display: list-item; margin: 0 0 0 35px;}
div.content ol li li, div.contentbreit ol li li { 	color: #ffffff; font-size: 100%; line-height: 20px; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }








a.button:link, a.button:visited {
font-size: 11px; font-weight: bold; text-decoration: none; color: #828915; padding: 0px 0 0px 20px; margin: 0 10px 0 0; background: url(../images/button_left.gif) left top no-repeat; float:left; display:block;}
a.button:active, a.button:hover {
font-size: 11px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 0px 0 0px 20px; margin: 0 10px 0 0; background: url(../images/button_left.gif) left top no-repeat; float:left; display:block; }
a.button span {
padding: 2px 10px 3px 0; margin: 0 0 0 0; background: url(../images/button_right.gif) right top no-repeat; display:block; }















/* Navigation */

div.nav02 {
float: left;
display: inline;
width: 878px;
height:33px;
margin: 0;
padding: 0;
background:url(../images/nav02bg.gif) repeat-x bottom;
}





   #tabsC {
      float:left;
	  display:inline;
      width:100%;
      }
    #tabsC ul {
        margin:0;
        padding:10px 10px 0 20px;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url(../images/tableftC.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url(../images/tabrightC.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#BEBEBE;
	  font-size:11px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#BEBEBE;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC #current a {
                background-position:0% -42px;
        }
        #tabsC #current a span {
                background-position:100% -42px;
      color:#FFF;
        }













 
/* Content */
 
div.contenthead {
float: left;
display: inline;
width: 878px;
height:45px;
margin: 0 0 2px 0;
padding: 0;
background:#454545;}

h1.head	    {font-size: 20px; font-weight:normal; color: #959595; padding: 0; margin: 12px 0 0 30px; }

.sIFR-active h1.head {
visibility: hidden;
font-family: Verdana;
line-height: 1em;

font-size: 20px;
}


div.content-container-folge {
float: left;
display: inline;
width: 878px;
margin: 0 0 0 0;
padding: 0 0 10px 0;
background:#292929 url(../images/content_bg.gif) bottom no-repeat;}



div.content-illu {
float: left;
display: inline;
width: 300px;
margin: 0 0 0 0;
padding:0;}

div.content-illu img{
width: 300px;}


div.content {
float: left;
display: inline;
width: 500px;
margin: 30px 0 0 40px;
padding:0;}


div.contentbreit {
float: left;
display: inline;
width: 760px;
margin: 30px 0 0 59px;
padding:0;}




div.content table{
margin: 0;
padding:0;}

div.content table td{
margin: 0;
padding:5px;
border-bottom:1px solid #555555;}

div.content table p{
margin: 0;
padding:0;}





/* Footer */
 
div.footer {
float: left;
display: inline;
width: 878px;
margin: 30px 0 0 0;
padding: 0 0 50px 0;
text-align:center;}

div.footer p    {
font-size: 11px; font-weight:normal; color: #959595; padding: 0; margin:0 0 3px 0; }


table.justinstableform
{
	}
	
table.justinstableform p 
	{
		margin:0;
		padding:0;
		color:#aaaaaa;
	}
	
table.justinstableform p.error
	{
		margin:0;
		padding:0;
		color:#ff0000;
	}
	

table.justinstableform input.mittel
	{
		font-size:12px;
		width:231px;
	}
	
table.justinstableform input.lang
	{
		font-size:12px;
		width:231px;
	}
	
table.justinstableform input.upload
	{
		font-size:12px;
		width:231px;
		margin:0 10px 0 0;
	}
	
	
table.justinstableform select.select234
	{
		font-size:12px;
		width:231px;
	}

	
table.justinstableform textarea.textarea
	{
		font-size:12px;
		width:486px;
		height:100px;
	}
	
	
	
	
table.justinstableform a.button:link, table.justinstableform a.button:visited {
font-size: 12px; font-weight: bold; text-decoration: none; color: #828915; padding: 0px 0 0px 20px; margin: 0 10px 0 0; background: url(../images/button_left.gif) left top no-repeat; float:left; display:block;}
table.justinstableform a.button:active, table.justinstableform a.button:hover {
font-size: 12px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 0px 0 0px 20px; margin: 0 10px 0 0; background: url(../images/button_left.gif) left top no-repeat; float:left; display:block; }






table.justinstableform td.grau
	{
		background:#555555
	}
	
	
td.grau
	{
		background:#555555
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* Auflistung */	
	
div.listebene1{
font-size:12px;
color:#ffffff;
float:left;
display:inline;
text-align:right;
margin:0 0 0 0;
padding:10px 0 10px 0;
width:487px;}


div.listebene2{
font-size:12px;
color:#ffffff;
float:left;
display:inline;
margin:0 0 0 0;
padding:10px 0 10px 0;
width:487px;
border-top:1px solid #555555;
border-bottom:1px solid #555555;}

div.listebene2links {
font-size:12px;
color:#ffffff;
float:left;
display:inline;
margin:0 20px 0 0;}


div.listebene2rechts {
font-size:12px;
color:#ffffff;
float:right;
display:inline;
margin:0 0 0 0;}


a.zurueck:link, a.zurueck:visited {
text-decoration: none; color: #828915; font-weight:bold; font-size:12px; padding:0 0 0 30px; margin:0 0 0 0; float:left; display:inline; background: url(../images/button_zurueck_aus.gif) left top no-repeat;}
a.zurueck:active, a.zurueck:hover {
text-decoration: none; color: #ffffff; font-weight:bold; font-size:12px; padding:0 0 0 30px; margin:0 0 0 0; float:left; display:inline; background: url(../images/button_zurueck_an.gif) left top no-repeat;}



/* content-flash */

div.content-flash {
text-align:center;
margin: 0 0 20px 0;
}




/* teaser-top-right */

div.teaser-top-right {
width:208px;
height:182px;
position:absolute;
margin: 28px 0 0 670px;
z-index:3000;
cursor:pointer;
}


div.videoteaseroben-ecken {
position:absolute;
z-index:100;
width: 208px;
height:5px;
margin: 0;
}

div.videoteaserunten-ecken {
position:absolute;
z-index:100;
width: 208px;
height:5px;
margin: 177px 0 0 0;
}