/* CSS Datei für Lorbass - Bar & Lounge
	COPYRIGHT KREATIVAGENTUR GORDON ADAMS Berlin
*/


html * {
	margin: 0;
	padding: 0;
}


body {
	background-color: Black;
	color: white;
	text-align: center;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
}

table tr td p {
	margin: 0px;
	padding: 0px;
}

table tr td input#plz {
	float: left;
	position: relative;
	left: 0px;
	margin-left: 3px;
	padding: 0px;
}

table tr td input#ort {
	margin: 0px;
	padding: 0px;
	width: 124px;
	position: relative;
	left: -4px;
} 

a {
	color: white;
	text-decoration: underline;
}

a:hover {
	color: #e5591f;
}

h1,
h2,
h3,
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	color: white;
	text-align: left;
}

h1 {
	font-size: 22px;
}

.antifloat {
	clear: both;
}

.small {
	font-size: 60%;
}

img.left {
	position: relative;
	top: 20px;
	float: left;
	border: 1px solid #45474C;
	padding: 3px 3px 3px 3px;
	margin: 0px 10px 10px 0px;
}

img.right {
	position: relative;
	top: 20px;
	float: right;
	border: 1px solid #45474C;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 10px 10px;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

#txtleft {
	text-align: left;
}

#txtright {
	text-align: right;
}

.txtbig20 {
	font-size: 140%;
	font-weight: bold;
	text-decoration: underline;
}

#impression {
	margin: 30px 32px 0px 33px;
}









/* ----------------------- main ----------------------- */
#main {
	position: relative;
	width: 770px;
	margin: auto;
	padding-top: 40px;
}








/* ----------------------- header ----------------------- */
#header {
	position: relative;
	background-image: url(../Bilder/header.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 690px;
	height: 274px;
	z-index: 500;
}

#hg1 {
	position: absolute;
	top: 120px;
	left: 48px;
	background-image: url(../Bilder/hg01.png);*
	background-position: top left;
	background-repeat: no-repeat;
	width: 558px;
	height: 280px;
	z-index: 100;
}




/* ----------------------- content ----------------------- */
#content {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url(../Bilder/content.png);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 10px 165px 20px 50px;
	z-index: 500;
}

#content #inhalte {
	min-height: 320px;
}






/* ----------------------- footer ----------------------- */
#footer {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url(../Bilder/footer.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 690px;
	height: 166px;
	z-index: 0;
	margin-bottom: 80px;
/*	border: 1px solid Aqua;*/
}

#content p #footertext {
	text-align: center;
	font-size: 9px;
	color: #999;
}

#home {
	position: absolute;
	right: 0px;
	top: 0px;
	border: none;
	background-image: url(../Bilder/spacer.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#copyright {
	position: absolute;
	left: 50px;
	top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #45474C;
}

#copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #45474C;
	text-decoration: none;
}

#copyright a:hover {
	color: white;
}

#webdesign {
	position: relative;
	top: -10px;
	left: 0px;
	background-image: url(../Bilder/GordonAdamsImp.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 20px;
}












/* ----------------------- navigation ----------------------- */
#navigation {
	position: relative;
	top: 80px;										/*45*/
	left: 40px;
	width: 770px;
	height: 31px;
	background-color: transparent;
	z-index: 900;
}

#navigation ul {
	list-style-image: none;
	text-align: left;
}

#navigation ul li {
	position: relative;
	top: 7px;
	display: inline;
	padding: 0px 0px 0px 0px;			/*0px 5px 0px 15px*/
	border-left: 1px solid #1c1e2b;
}

#navigation ul li#first {
	border-left: none;
}

#navigation ul li a {
	color: #45474c;
	background-color: transparent;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 9px 5px 6px 5px;
	margin: 0px 0px 0px 5px;
}

#navigation ul li a:hover {
/*	color: #3399FF;*/
	color: white;
/*	background-color: #3399FF;*/
	padding: 9px 5px 6px 5px;			/*9px 5px 6px 5px*/
}

#navigation a#aktiv {
/*	color: #3399FF;*/
	color: #FAD94C;
/*	background-color: #3399FF;*/
}









/* ----------------------- metanavi ----------------------- */
#metanavi {
	position: absolute;
	top: 115px;				/*115px;*/
	right: 200px;			/*176px*/
	z-index: 900;
}

#metanavi ul {
	list-style: none;
	text-align: right;
}

#metanavi ul li {
	margin: 0px 0px -5px 0px;
}

#metanavi ul li a {
	color: #666;
	background-color: transparent;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

#metanavi ul li a:hover {
	color: white;
}










/* ----------------------- u_navi ----------------------- */
#u_navi {
	position: absolute;
	top: 210px;
	left: 20px;
	z-index: 1000;
}

#u_navi * a {
	position: relative;
	top: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #45474C;
	background-color: transparent;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}

#u_navi * a:hover {
	color: white;
}
/*
#u_navi #preise {
	position: relative;
	top: 1px;
	left: 0px;
	background-image: url(../Bilder/unavi_m.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 19px;
}

#u_navi #preise #bl {
	position: relative;
	top: -7px;
	background-image: url(../Bilder/unavi_l.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #preise #br {
	position: relative;
	bottom: 13px;
	right: -44px;
	background-image: url(../Bilder/unavi_r.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}
*/
#u_navi #softdrinks {
	position: relative;
	top: 1px;
	left: 0px;
	background-image: url(../Bilder/unavi_m.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 19px;
	float: left;
	margin-right: 1px;
}

#u_navi #softdrinks #bl {
	position: relative;
	top: -7px;
	background-image: url(../Bilder/unavi_l.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #softdrinks #br {
	position: relative;
	bottom: 13px;
	right: -63px;
	background-image: url(../Bilder/unavi_r.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #wein {
	position: relative;
	top: 1px;
	left: 0px;
	background-image: url(../Bilder/unavi_m.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 19px;
	float: left;
	margin-right: 1px;
}

#u_navi #wein #bl {
	position: relative;
	top: -7px;
	background-image: url(../Bilder/unavi_l.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #wein #br {
	position: relative;
	bottom: 13px;
	right: -38px;
	background-image: url(../Bilder/unavi_r.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #champange {
	position: relative;
	top: 1px;
	left: 0px;
	background-image: url(../Bilder/unavi_m.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 19px;
	float: left;
	margin-right: 1px;
}

#u_navi #champange #bl {
	position: relative;
	top: -8px;
	background-image: url(../Bilder/unavi_l.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #champange #br {
	position: relative;
	bottom: 13px;
	right: -71px;
	background-image: url(../Bilder/unavi_r.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #cocktails {
	position: relative;
	top: 1px;
	left: 0px;
	background-image: url(../Bilder/unavi_m.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 19px;
	float: left;
	margin-right: 1px;
}

#u_navi #cocktails #bl {
	position: relative;
	top: -8px;
	background-image: url(../Bilder/unavi_l.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}

#u_navi #cocktails #br {
	position: relative;
	bottom: 13px;
	right: -57px;
	background-image: url(../Bilder/unavi_r.png);
	width: 6px;
	height: 6px;
	z-index: 900;
}





















#unavi_l {
	position: absolute;
	top: 12px;
	left: -1px;
	background-image: url(../Bilder/unavi_l.png);
/*	border: 1px solid red;*/
	width: 6px;
	height: 6px;
}

#unavi_r {
	position: absolute;
	top: 12px;
	left: 58px;
	background-image: url(../Bilder/unavi_r.png);
	width: 6px;
	height: 6px;
/*	border: 1px solid lime;*/
}

ul#u_navi {
	position: relative;
	top: 11px;
	left: -73px;
	width: 770px;
	height: 31px;
	background-color: transparent;
}

ul#u_navi {
	list-style-image: none;
	text-align: left;
}

ul#u_navi li {
	position: relative;
	top: 180px;
	left: 85px;
	display: inline;
	padding: 0px 10px 1px 10px;			/*0px 5px 0px 15px*/
	background-image: url(../Bilder/unavi_m.png);
/*	border: 1px solid red;*/
}

ul#u_navi li a {
	color: #FAD94C;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 9px 5px 6px 5px;
	margin: 0px 0px 0px 5px;
}

ul#u_navi li a:hover {
	color: white;
	padding: 9px 5px 6px 5px;			/*9px 5px 6px 5px*/
}




/*
.um1 {
	visibility: hidden;
}





#bereich1 a:hover .bereich1 {
	visibility: visible;
	color: white;
	background-color: black;
	width: 300px;
	height: 150px;
	border: none; 1px solid red;
	padding-left: 0px;
	left: 10px;
	top: 10px;
	z-index: 50;
}*/








/* ----------------------- nominierung ----------------------- */
#nominierung {
	position: absolute;
	top: 30px;
	right: 85px;
	background-image: url(../Bilder/nominierung_Glenfiddich.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 186px;
	width: 277px;
	z-index: 500;
}

#nominierung a {
	position: absolute;
	left: 0px;
/*	border: 1px solid red;*/
}

#nominierung a:hover {
	background-color: transparent;
}






/* ----------------------- Video ----------------------- */
#video {
	position: relative;
	top: 250px;
	
}





/*--------------------------- TOGGLE FUNKTION -------------------------------*/
H2.trigger {
	margin: 15px 0px 0px 0px;
	height: 27px;
	line-height: 27px;
	width: 570px;					/*[disabled] 580*/
	font-size: 18px;
	color: white;
	cursor: pointer;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif !important;
	position: relative;
	top: -5px;
	left: 5px;
	z-index: 5000;
}
H2.trigger a {
	color: white !important;
	text-decoration: none;
	display: block;
	padding-left: 0px;
	padding-right: 2px;
}

H2.trigger a:hover {
	color: white !important;
	background-color: transparent;
}

H2.trigger.active a:hover {
	color: white;
}

H2.trigger SPAN {
	font-weight: bold;
	float: right;
	padding-right: 9px;
}

H2.active
{
	background-position: left bottom;
}
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0px 0px 0px 5px;
/*[disabled]	padding: 15px 15px 15px 15px;*/
	border: none;
	overflow: hidden;
	font-size: 12px;
	width: 900px;
	clear: both;
}

.toggle_container span {
	color: #A8A8A8;
}

#content .toggle_container #left {
/*[disabled]	background-color: aqua;*/
	float: left;
}

.toggle_container #left .beschreibung {
	margin: 20px 0px 0px 0px;
	padding: 15px 15px 15px 15px; 
	width: 470px;
}