﻿body
{
    width:100%;
    background:#5e3e16;
    font-family:Arial,Verdana,Sans-Serif;
    margin:0;
}

body, td, div
{
    font-family:Arial,Verdana,sans-serif;
    font-size:14px;
    }

#Contentbox
{
    width:1024px;
    margin:auto;
    }
    
#Contentbox2
{
    width:906px;
    margin:auto;
    }
    
#Content
 {
     
     }   
     
#Contentbox > div > div
{
    float:left;
    height:410px;      
    overflow:hidden;
    }
    
#Contentbox > div > div > div
{
    float:left;
    margin-top:20px;
    height:355px;      
    overflow:auto;
    width:420px;
    padding:10px;
    }
    
#ABOUTUS
{
    width:48px;
    background:#5e3e16 url(ABOUTUS.png);
    }
    
    
#DRINKS
{
        width:48px;
    background:#5e3e16 url(DRINKS.png);

    }
#VERKOESTIGUNGEN
{    width:48px;
    background:#5e3e16 url(VERKOESTIGUNGEN.png);
    }
#EVENTS
{
        width:48px;
    background:#5e3e16 url(EVENTS.png);

    }
#SPECIALS
{
        width:48px;
    background:#5e3e16 url(SPECIALS.png);

    }
#CONTACT
{
    width:46px;
    background:#5e3e16 url(CONTACT.png);
}

#ABOUTUSCONTENT,#DRINKSCONTENT,#VERKOESTIGUNGENCONTENT,#EVENTSCONTENT,#SPECIALSCONTENT,#CONTACTCONTENT,#LOGOCONTENT
{
        background:#5e3e16 url(CONTENT.png) no-repeat;
        overflow:auto;
    }

#headerlogo
{
        background:#5e3e16 url(LOGOTOP.png) no-repeat;
        width:1024px;
        height:217px;
        margin:auto;    
    }
    
#copyright
{
        width:1024px;
        margin:auto;    
    }    
    
#LOGO
{
    width:170px;
    height:410px;
    background:#5e3e16 url(LOGO.png) no-repeat;
    }
.header
{
    cursor:pointer;
    }
.content,.header{}



/* --- Kalender NEU --- */

/* Breite und Höhe des Kalenders (Container) festlegen */
#calendar { 
	margin-left: 3px;
	width: 144px;
	height: 158px;
}

/* Standardformatierung für alle DIV's innerhalb des Kalenders */
#calendar div {
	float: left; 
	text-align: center; 
	line-height: 20px;  
}

/* Kopfzelle 1 */
#calgoprev { 
	width: 16px;
	font-size: 15px;
	text-align: left; 
}

/* Kopfzelle 2 */
#caltitle { 
	text-align: center;
	width: 100px; 
}

/* Kopfzelle 3 */
#calgonext {
	width: 16px;
	font-size: 15px;
	text-align: right; 
}

/* Wochentag-Zellen */
#calendar .wd { 
	width: 20px; 
	color: #94A2A5; 
	line-height: 20px; }

/* Tageszellen */
#calendar .d { 
	width: 20px; 
}

/* Tageszelle Heute */
#calendar .td { 
	background-color: #FFF1BF; 
	width: 20px;
}
.overlay2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}