/* CSS Document */
/* elephant the foodclub -------------------*/

/* Website Konzept, Design und Realisierung */
/* metome.design - crossmedia communication */


/* BASICS ------------------ */
html,body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #33302c url(../images/bg.gif) repeat-x;
	}

h1.teaser {
	margin: 15px 15px 0;
	}	
p {
	padding: 0;
	margin: 10px 15px 0;
	}
p.teaser {
	padding: 0;
	margin: 10px 15px 0;
	}
p.vip {
	margin: 2px 0;
	padding: 0;
	}
p.headline {
	margin: 5px 0 15px;
	padding: 0;
	}

img {border-style: none;}

img.content {
	border: 8px solid #333;
	}
img.elephant {
	border-style: none;
}	


.gruen {
	color: #8ec71d;
	}
.gelbgruen {
	color: #d6de23;
	}
.uppercase {
	text-transform: uppercase;
	}
.font-10px {
	font-size: 10px;
	}
.txt-gesperrt {
	letter-spacing: 2px;
	}
ul {
	list-style-image: url(../images/bullets.gif);
	list-style-position: outside;
	}
table.konzept td {
	vertical-align:text-top;
	color:#FFFFFF;
	padding-left: 15px;
	}

/* BASIC CONTAINER --------- */
#basic-container {
	height: 600px;
	width: 994px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}
#contentbox-start {
	position: relative;
	height: 488px;
	width: 974px;
	top: 73px;
	left: 2px;
	background: url(../images/bg_start.gif) no-repeat left top;
	}
#contentbox {
	position: relative;
	height: 488px;
	width: 974px;
	top: 73px;
	left: 2px;
	background: url(../images/bg_content.gif) no-repeat left top;
	}

#contentbox-txt {
	position: absolute;
	width: 655px;
	height: auto;
	color: #fff;
	padding-bottom: 50px;
	background-color: #1c1a18;
	top: 20px;
	left: 263px;
	opacity: 0.80;
	z-index: 100;
	}

#txtbox-left {
	position: absolute;
	width: 350px;
	height: auto;
	color: #fff;
	padding-bottom: 50px;
	background-color: #1c1a18;
	top: 0px;
	left: 300px;
	z-index: 100;
	}

#contentbox-txt_fotos {
	position: absolute;
	width: 655px;
	height: 325px;
	color: #fff;
	padding-bottom: 50px;
	background-color: #1c1a18;
	top: 20px;
	left: 263px;
	opacity: 0.80;
	z-index: 100;
	}
#contentbox-txt_grundriss {
	position: absolute;
	width: 972px;
	height: auto;
	color: #fff;
	padding-bottom: 50px;
	background-color: #1c1a18;
	top: 20px;
	left: 0;
	z-index: 100;
	}
#haedline_grundriss {
	position: relative;
	width: 260px;
	height: 15px;
	top: 5px;
	left: 100px;
	z-index: 100;
	}
#grundriss_flashbox {
	position: relative;
	width: 774px;
	height: auto;
	padding-bottom: 45px;
	background-color: #1c1a18;
	top: 20px;
	left: 100px;
	z-index: 1000;
	}
#contentbox-txt_partner {
	position: absolute;
	width: 655px;
	height: 280px;
	color: #fff;
	padding-bottom: 50px;
	background-color: #1c1a18;
	top: 20px;
	left: 263px;
	opacity: 0.80;
	z-index: 100;
	}

#txtbox-1 {
	position: relative;
	width: 280px;
	height: auto;
	color: #fff;
	top: 0;
	left: 0;
	z-index: 100;
	float: left;
}
#txtbox-2 {
	position: relative;
	width: 280px;
	height: auto;
	color: #fff;
	top: 35px;
	left: 0;
	z-index: 100;
	float: left;
}
	
#logobox-elephant a {
	position: absolute;
	width: 171px;
	height: 182px;
	top: 42px;
	left: 42px;
	background: url(../images/logo-elephant.gif) no-repeat left top;
	}
	
#foodimagebox {
	position: absolute;
	width: 339px;
	height: 451px;
	background: url(../images/food_image.jpg) no-repeat left top;
	top: 18px;
	left: 255px;
	}
	
#teaserbox-01 {
	position: absolute;
	width: 348px;
	height: 183px;
	background: url(../images/teaser_bg_01.gif) no-repeat left top;
	top: 15px;
	left: 610px;	
	}
#teaserbox-02 {
	position: absolute;
	width: 348px;
	height: 149px;
	background: url(../images/teaser_bg_02.gif) no-repeat left top;
	top: 208px;
	left: 610px;	
	}
	
#partnerbox {
	position: absolute;
	height: 92px;
	width: 342px;
	top: 377px;
	left: 613px;
	}
	
#p-goya a {
	position: absolute;
	height: 70px;
	width: 201px;
	top: 22px;
	left: 0;
	background: url(../images/p_goya.gif) no-repeat left;
	z-index: 100;
	}
#partner-logos {
	position: absolute;
	height: 70px;
	width: 141px;
	top: 22px;
	left: 201px;
	background: url(../images/p_alvarado.gif) no-repeat left;
	}
	
#newsletterbox a {
	position: absolute;
	height: 174px;
	width: 18px;
	top: 0px;
	left: 972px;
	background: #d6de23 url(../images/newsletter.gif) no-repeat left top;
}
#newsletterbox a:hover {
	position: absolute;
	height: 174px;
	width: 18px;
	top: 0px;
	left: 972px;
	background: #302d2b url(../images/newsletter_ro.gif) no-repeat left top;
}

#flashbox {
	position: absolute;
	height: 144px;
	width: 227px;
	top: 260px;
	left: 18px;
	background-color: #defb4e;
	}

	
/* CONTENT ----------------- */
#h_party_0508 {
	position: relative;
	height: 56px;
	width: 500px;	
	top: 18px;
	left: 11px;
	background: url(../images/h_party_0508.gif) no-repeat;
	}
	

		
		
#txtbox {
	position: absolute;
	height: 56px;
	width: 500px;	
	top: 100px;
	left: 11px;
	text-transform: uppercase;
	}

/* PARTNER ----------------- */	
#partner-container {
	position: absolute;
	height: 220px;
	width: 900px;
	padding: 8px;	
	top: 30px;
	left: 10px;
	background-color: white;
	}

#hunundkuh-box 	{
	position: absolute;
	width: 155px;
	height: auto;
	top: 80px;
	left: 15px;
}

#alvarado-box {
	position: absolute;
	width: 155px;
	height: 70px;
	top: 80px;
	left: 175px;
}	

#premion-box {
	position: absolute;
	width: 155px;
	height: 70px;
	top: 80px;
	left: 334px;
}

#bang_olufsen-box {
	position: absolute;
	width: 160px;
	height: 70px;
	top: 80px;
	left: 493px;
}

#niehoffs-box 	{
	position: absolute;
	width: 155px;
	height: auto;
	top: 210px;
	left: 15px;
}

#jebens-box {
	position: absolute;
	width: 155px;
	height: 70px;
	top: 210px;
	left: 175px;
}	
	
/* ------------------------- */

#biofood {
	position: absolute;
	width: 212px;
	height: 125px;
	background: url(../images/biofood.gif) no-repeat;
	top: 295px;
	left: 60px;
	}
#biofood_1 {
	position: absolute;
	width: 212px;
	height: 125px;
	background: url(../images/biofood_1.gif) no-repeat;
	top: 321px;
	left: 640px;
	}
#biofood_anhaenger a {
	position: absolute;
	width: 87px;
	height: 173px;
	background: url(../images/biofood_anhaenger.gif) no-repeat;
	top: 250px;
	left: 945px;
	z-index: 100;
	}

/* ------------------------- */

#anfahrt_goya-nights {
	position: absolute;
	height: 56px;
	width: 180px;	
	top: 54px;
	left: 755px;
	}	

#txtbox-kon {
	position: absolute;
	height: 35px;
	width: 500px;	
	top: 362px;
	left: 0;	
	float: left;
	}	

#extrabox2 {
	position: relative;
	height: auto;
	width: 300px;	
	top: 40px;
	left: 15px;
	}
	
#btn_testeranmelden a {
	position: absolute;
	height: 15px;
	width: 260px;
	padding: 8px;	
	top: 150px;
	left: 15px;
	background: url(../images/btn_melden_sie_sich_an.gif) no-repeat;
	}
#btn_testeranmelden a:hover {
	position: absolute;
	height: 15px;
	width: 260px;
	padding: 8px;	
	top: 150px;
	left: 15px;
	background: url(../images/btn_melden_sie_sich_an_ro.gif) no-repeat;
	}
	
#btn_kontaktformular a {
	position: absolute;
	height: 15px;
	width: 260px;
	padding: 8px;	
	top: 355px;
	left: 300px;
	background: url(../images/btn_kontaktformular.gif) no-repeat;
	}
#btn_kontaktformular a:hover {
	position: absolute;
	height: 15px;
	width: 260px;
	padding: 8px;	
	top: 355px;
	left: 300px;
	background: url(../images/btn_kontaktformular_ro.gif) no-repeat;
	}

#teaser-speiskarte {
	position: relative;
	width: 150px;
	height: 50px;
	margin-top: 10px;
	margin-left: 15px;
	float: left;
	z-index: 1000;
}
#teaser-getraenkekarte {
	position: relative;
	width: 160px;
	height: 50px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}

/* LINKS ------------------- */
a.linkintern {
	text-decoration: none;
	color: #d6de23;
	background: url(../images/link-intern.gif) no-repeat left center;
	padding-left: 13px;
	}
a.linkintern:link, a.linkintern:visited {
	text-decoration: none;
	}
a.linkintern:hover {
	text-decoration: underline;
	color: #d6de23;
	background: url(../images/link-intern_ro.gif) no-repeat left center;
	padding-left: 13px;
	}
a.linkintern:active {
	text-decoration: none;
	color: #d6de23;
	}
	
/* ------------------------- */
a.linkextern {
	text-decoration: none;
	color: #d6de23;
	background: url(../images/link-extern.gif) no-repeat left center;
	padding-left: 13px;
	}
a.linkextern:link, a.linkextern:visited {
	text-decoration: none;
	}
a.linkextern:hover {
	text-decoration: underline;
	color: #d6de23;
	background: url(../images/link-extern_ro.gif) no-repeat left center;
	padding-left: 13px;
	}
a.linkextern:active {
	text-decoration: none;
	color: #d6de23;
	}

/* ------------------------- */
a.mail {
	text-decoration: underline;
	color: #d6de23;
	background: url(../images/icon_email.gif) no-repeat left center;
	padding-left: 16px;
	}
a.mail:link, a.mail:visited {
	text-decoration: underline;
	}
a.mail:hover {
	text-decoration: underline;
	color: #d6de23;
	background: url(../images/icon_email_ro.gif) no-repeat left center;
	padding-left: 16px;
	}
a.mail:active {
	text-decoration: underline;
	color: #d6de23;
	}
	
/* ------------------------- */
a.doc {
	text-decoration: none;
	color: #fff;
	background: url(../images/icon_document.gif) no-repeat left center;
	padding-left: 20px;
	}
a.doc:link, a.doc:visited {
	text-decoration: none;
	}
a.doc:hover {
	text-decoration: underline;
	color: #fff;
	background: url(../images/icon_document_ro.gif) no-repeat left center;
	padding-left: 20px;
	}
a.doc:active {
	text-decoration: none;
	color: #fff;
	}