/* ----- HTML-Tags ----- */
body {
	/*cursor: url("img/horns_up.cur");*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: #000;
}
table 
{ 
 float: left;
} 
img {	
	border: 1px solid #222;
}
span {
	display: block;
}
td {
	vertical-align: top;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li {
	background-image: url(img/li_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 3px;
}

/* ----- ID's ----- */

#container {
	width: 780px;
	\width: 782px;
	w\idth: 780px;
	border: 2px solid #440000;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	color: Silver;
	background: Black;
}
#imghack {
	float: left;
	\float: none;
	f\loat: left;
}
#banner {
	padding: 0px;
	margin-bottom: 0;
	background-color: #000);
}
#trenner {
	background: url(img/trennblaken.gif) repeat-x;
}

#content {
text-align:left;
	padding: 5px;
	margin-left: 50px;
	margin-right: 50px;
	color:#ccc;
	
}
#contentfront {
	float: left;
	width: 410px;
}

#sidebar {
	float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-right: 0;
	padding: 5px 0px 0px 10px;
	color: #ccc;
}
#sidebarad {
	width: 180px;
	\width: 180px;
	w\idth: 180px;
	margin: 0;
	margin-right: 0;
}
#newsbox {
	float: right;
	width: 120px;
	\width: 130px;
	w\idth: 120px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 5px;
	background: #333;
	border: 1px solid #666;
	font-size: 11px;
	color: #999;
}
#footercontainer {
		clear: both;
		padding: 0px;
		margin-top: 0;
		background-color: #000);
		height: 47px;
		background: url(img/bg_footer.jpg) no-repeat;
}

#footer {
	margin-left: 235px;
	padding-top:18px;
}

#copyright {
	font-size: 11px;
	margin-left: 0px;
	padding:5px;
	background: #000;
	color: #666;
}
/* -------- Styles ------------ */
.imgleft {
	border: 0;
	float: left;
}
.galleryimg {
	border: 1px solid Maroon;
	margin-right: 50px;
}
.thumbimg {
	margin: 0px 5px 5px -5px;
	padding: 5px;
	vertical-align: middle;
}
.antifloat {
	clear: left;
	visibility: hidden;
}
.galleryul {
	list-style-type:none; 
   margin-left:-10px; 
   height:20px; 
   line-height:20px;
} 
.galleryli {
	float: left;
	padding: 5px 15px 30px 0px;
}
.paging {
	color: #666;
	border: 1px solid #666
}
.einzug {
	/* ----- verwendet bei about.asp (Öffnungszeiten) -----*/
	width: 150px;
	float: left;
	}
.einzug2 {			/* ----- verwendet im Sidebar (Öffnungszeiten) -----*/
	width: 70px;
	float: left;
	clear: left;
}
.einzug3 {        /* ----- verwendet bei partner.asp (Öffnungszeiten) -----*/
	width: 250px;
	float: left;
	/*clear: left;*/
}
.tdtitle {
	font-weight: bold;
	color: #000;
	background: #666;
	padding: 3px;
}
.tdtext {
	color: #ccc;
	background: #2A2A2A;
	padding: 3px;
}
.tdbot {
	font-weight: bold;
	color: #000;
	background: #333;
	border-top: 1px solid #000;
	padding: 3px;
}
.tdtext1 {
	color: #ccc;
	background: #000000;
	border-bottom: 1px solid #666;
}
.tdtext0{
	color: #ccc;
	background: #333333;
	border-bottom: 1px solid #666;
}
.title {
	color: #ccc;
	font-weight: bold;
	line-height: 18px;
	background: url(img/b_h1.gif) repeat-x bottom;
	height: 18px;
	background: Maroon;
}
.title2 {
	font-size: 26px;
	font-weight: bold;
	color: Maroon;
}
.title3 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ccc;
	border-bottom: 2px solid Maroon;
	line-height: 120%;
}
/* ---------------- Titel für Drinks Menu ----------------- */
.menutitle {
	cursor:pointer;
	margin: 5px;
	background-color:#333;
	color:#ccc;
	padding:2px;
	text-align: left;
	font-weight:bold;
	/*/*/border-bottom:1px solid #666;/* */
}
.submenu {
	margin: 5px;
}
/* ---------------- END ----------------- */
.copy menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.sptitle {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	vertical-align: top;
	color: #ccc;
	margin-left: 170px;
}
.spdate {
	font-size: 12px;
	font-weight: bold;
	color: #FFBE11;
	margin-top:-3px; 
	margin-left: 170px;	
}
.sptext {
	color: #ccc;
	margin-left: 170px;	
	
}
.newstitle {
	font-size: 14px;
	font-weight: bold;
	color: #ccc;
}
.newsdate {
	font-size: 12px;
	font-weight: bold;
	color: #FFBE11;
}
.newstext {
	color: #ccc;
}
.trenner {
	border-top: 1px dashed #ccc;
	width: 410px;
}
.wichtig {
	padding-left: 25px;
	color: #FFBE11;
	background: url(img/pfeil_gelb_anim.gif) no-repeat left;
	vertical-align: text-bottom;
}

/* ---------------- Formular ----------------- */
form {
	border: 1px solid #ccc;
	background-color: #666;
	padding: 10px;
	
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	background-color: #999;
	margin: 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
}
.submit, .reset {
	background-color: #FFBE11;
	border: 1px solid #000;
}
.beschriftung {
	width: 80px;
	line-height: 200%;
	float: left;
	
}
.beschriftunginnen {
	line-height: 200%;
}

/* ---------------- Links ----------------- */

a:link, a:visited, a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
	color: red;
	background: transparent;
}
a:hover {
	text-decoration: underline;
	color: #ccc;
}
a:active {
	text-decoration: underline;
	color: #ccc;
}
.footer:link, .footer:visited, .footer:hover, .footer:active {
	font-weight : bold;
	font-size: 11px;
	text-decoration : none;
	color: #000;
	background: transparent;
}
.footer:hover {
	text-decoration : underline;
	color: #996600;
}
.footer:active {
	text-decoration: underline;
	color: #996600;
}
.copyright:link, .copyright:visited, .copyright:hover, .copyright:active {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #666;
	background: transparent;
}
.copyright:hover {
	text-decoration : underline;
	color: #996600;
}
.copyright:active {
	text-decoration: underline;
	color: #996600;
}

