body, html {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #aaaaaa;
	scrollbar-3dlight-color: #aaaaaa;
	scrollbar-darkshadow-color: #aaaaaa;
	scrollbar-shadow-color: #aaaaaa;
	scrollbar-arrow-color: #AB272F;
	scrollbar-track-color: #aaaaaa;
}

/*########### ------------- Hover CSS Menu ------------- #######################################################*/
    .menu ul 
    {    
        padding: 0;
        margin: 0;
        list-style: none;
    }
	
    .menu li 
    {
        float: left;
        position: relative;
    }        
	
    .menu li ul 
    {
        display: none;
        position: relative;
        top: 1em;
        left: 0;
    }    
    
    .menu li > ul 
    {
        top: auto;
        left: auto;
	}
	
	
    .menu li:hover ul
    { 
        margin-left: 5em;
        margin-top: -1em;
		display:block;
    	font-size:9px;
	}
	
	.menu li:hover
	{
		background-image: url(images/common/nav_arrow.gif);
		background-repeat: no-repeat;
		background-position: 50% 100%;
	}	
	
	#menu li.aktiv 
	{
	/** background-image: url(images/common/nav_arrow.gif); **/
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}
	
	#menu li.aktiv a:link, #mainnav li.aktiv a:visited 
	{
	color: #AB272F;
	}
	
	#menu a:link, #menu a:visited 
	{
	text-decoration: none;
	color: black;
	}
	
	ul.menu ul 
	{
 	top: auto !important;
 	bottom: 140%;
	}

	ul.menu ul ul 
	{
 	bottom: 1px;
	}
	
/* ####################---------- End of CSS MENU ---------##################### */


/*############ Feste Bereiche alle Seiten ############*/
h1 {
	font-size: 12px;
}
#main {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1010px;
	height: 560px;
	margin-left: -505px;
	margin-top: -280px;
	border: 1px solid #4c4c4c;
	background-image: url(images/common/logo.gif);
	background-repeat: no-repeat;
}
#arcotel {
	position: absolute;
	width: 82px;
	height: 31px;
	top: 5px;
	right: 5px;
	color: black;
	font-size: 12px;
}
#deen {
	position: absolute;
	width: 260px;
	height: 14px;
	top: 120px;
	right: 0px;
	color: black;
	font-size: 12px;
}
#content_links{
	position: absolute;
	top: 145px;
	width: 483px;
	height: 415px;
}

#content_rechts{
	position: absolute;
	top: 145px;
	right: 0px;
	width: 522px;
	height: 415px;
}
#balken_rechts {
	position: absolute;
	width: 20px;
	height: 154px;
	bottom: 0px;
	right: 0px;
	background-color: #AB272F;
}
#balken_links {
	position: absolute;
	top: 261px;
	left: 0px;
	width: 483px;
	height: 16px;
	padding-top: 2px;
	text-indent: 20px;
	background-color: #AAAAAA;
	color: white;
}
#startcontent {
	position:absolute;
	top: 280px;
	left: 0px;
	width: 453px;
	height: 135px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 10px;
	/*background-color: fuchsia;*/
	background-image: url(images/common/overlay_2.png);
}
img {
	display: inline;
}
table {
	border-collapse: collapse;
}
a:link, a:visited {
	text-decoration: none;
	color: #AB272F;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
/*############ Feste Bereiche alle Seiten ############*/

/*############ Startseite ############*/
#overlay_com {
	position: absolute;
	width: 473px;
	height: 21px;
	background-image: url(images/common/overlay.png);
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}
#overlay_vodka {
	position: absolute;
	left: 0px;
	width: 271px;
	height: 21px;
	background-image: url(images/common/overlay.png);
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}
#rechts_grau {
	position: absolute;
	left: 286px;
	width: 229px;
	background-color: #999999;
	height: 226px;
	color: white;
	vertical-align: bottom;
	z-index: 4;
	padding: 30px 0 0 7px;
}
#rechts_grau p {
	bottom: 0;
	position: absolute;
	margin-left: 7px;
}
#overlay_news {
	position: absolute;
	right: 0px;
	width: 226px;
	height: 21px;
	background-image: url(images/common/overlay.png);
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	z-index: 5;
}
#overlay_news a:link, #overlay_news a:visited, #overlay_vodka a:link, #overlay_vodka a:visited, #overlay_com a:link, #overlay_com a:visited {
	color: #AB272F;
	font-size: 12px;
	text-decoration: none;
}
#overlay_news a:hover, #overlay_vodka a:hover, #overlay_com a:hover {
	color: white;
}
/*############ Startseite ############*/

/*############ newsseite ############*/
#news_red{
	background-color: #AB272F;
	width: 236px;
	height: 415px;
}
#news_red ul {
  margin: 0; /* Für den IE */
  padding: 0; /* Für echte Browser */
}
#news_red li {
	list-style:none;
	margin-left: 0px;
	margin-top: 5px;
	text-indent: 10px;
}
#news_red a:link, #news_red a:visited {
	color: white;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;
}
#news_red a:hover {
	background-color: white;
	color: #AB272F;
	text-decoration: none;
}
#news_red a.aktiv
{
    background-color: white;
    color: #AB272F;
    text-decoration: none;
    background-image: url(images/common/back_news_liste.png);
    background-repeat: no-repeat;
}
#newsbut {
	position: absolute;
	right: 0px; 
	top: 0px; 
	width: 10px; 
	height: 10px;
	background-image: url(images/common/arrow_up.png);
	cursor: n-resize;
}
#verlauf {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 10px;
	width: 486px;
	background-image: url(images/common/verlauf.png);
}
/*############ newsseite ############*/

/*############ kontaktseite ############*/
#kontakt {
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #707070;
	padding-top: 10px;
	padding-left: 10px;
	width: 151px;
	height: 246px;
	color: white;
}
/*############ kontaktseite ############*/

/*############ getreankekarte ############*/
#liste {
	position: absolute;
	left: 0px;
	text-transform: uppercase;
	width: 200px;
	height: 395px;
	padding-top: 20px;
	background-image: url(images/common/getraenke_back2.png);
}
#liste ul {
  margin: 0; /* Für den IE */
  padding: 0; /* Für echte Browser */
}
#liste li {
	list-style:none;
	margin-left: 0px;
	margin-top: 5px;
	text-indent: 5px;
}
#liste a:link, #liste a:visited {
	display: block;
	width: 100%;
	padding-left: 0px;
	text-decoration: none;
	color: white;
	font-size: 11px;
	margin-left: 0px;
}
#liste a:hover {
	background-image: url(images/common/getraenke_back.png);
	color: #AAAAAA;
}
#liste a:link.aktiv, #liste a:visited.aktiv , #liste a:hover.aktiv  {
	background-image: url(images/common/getraenke_aktiv.png);
	color: #AAAAAA;
}
#getraenke {
	position: absolute;
	right: 0px;
	top: 29px;
	width: 320px;
	height: 386px;
	overflow: auto;
}
#getraenke table {
	width: 300px;
	color: white;
}
.td_name {
	text-transform: uppercase;
	color: #AB272F;
	width: 198px;
}
.menge {
	width: 30px;
	vertical-align: top;
	font-size: 9px;
}
.preis {
	width: 85px;
	vertical-align: top;
	text-align: left;
	font-size: 9px;
}
.zeile:hover {
	background-color: silver;
}
/*############ getreankekarte ############*/

/*############ cocktail of the month ############*/

#balken_com {
	position:absolute;
	top:331px;
	right:0;
	width:275px;
	height:16px;
	padding-top:2px;
	text-indent: 20px;
	background-color:#AB272F;
	color:white;
	text-transform: uppercase;
}
#balken_links_com {
	position: absolute;
	top: 331px;
	left: 0px;
	width: 206px;
	height: 16px;
	padding-top: 2px;
	text-indent: 20px;
	background-color: #AAAAAA;
	color: white;
}
#content_links_bild
{
    
    position: absolute;
    right: 0;
    height: 246px;
    
}
#com_links_kasten
{
    /*position: absolute;
    width: 160px;
    height: 260px;
    background-color: #E0E0E0;*/
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #E4E4E4;
    padding-top: 10px;
    padding-left: 10px;
    width: 80px;
    height: 320px;
    color: white;
}
#startcontent_com {
	position:absolute;
	top: 350px;
	left: 0px;
	width: 453px;
	height: 65px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 10px;
	/*background-color: fuchsia;*/
	background-image: url(images/common/overlay_2.png);
}

/*############ cocktail of the month ############*/

/*############ velvet 52 ############*/

#velvet_52_rechts{
	width: 522px;
	height: 114px;
	background-color: #AAAAAA;
}

/*############ velvet 52 ############*/

/*############ impressum ############*/

#impressum_rechts{
	width: 502px;
	height: 136px;
	background-color: #DCDCDC;
	padding: 10px 10px 10px 10px;
}

/*############ impressum ############*/

/*############ Hauptnavigation ############*/
#mainnav {
	position: absolute;
	top: 120px;
	left: 14px;
	font-size: 12px;
}
#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainnav li {
	float: left;
	height: 20px;
	margin-left: 12px;
}
#mainnav li.aktiv {
	/** background-image: url(images/common/nav_arrow.gif); **/
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#mainnav li.aktiv a:link, #mainnav li.aktiv a:visited {
	color: #AB272F;
}
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	color: black;
} 
#mainnav a:hover {
	text-decoration: none;
	color: #AB272F;
}
/*############ Hauptnavigation ############*/

/*############ Allgemeines ############*/
.red {
	color: #AB272F;
}
.futsch {
	display: none;
}
a img {
	border: none;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}
/*############ Allgemeines ############*/