@import url("global.css");
/******* LANGUAGE SWITCH ***************************************************************************************************/

#metaWrap {
	width:100%;
	height:30px;
	margin:0px;
	padding:0px;
	float:left;
	background:transparent;
}
#metapanel {
	width:920px;
	height:30px;
	margin:0 auto;
	padding:0px;
}
#language {
	width:500px;
	margin:10px 0 0 0;
	padding:0px;
	float:right;
}
#language ul {
	width:500px;
	margin:0 auto;
	padding:0px;
	float:right;
}
#language ul li {
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
	width:auto;
	margin:0px;
	padding:0px;
	float:right;
	display:block;
}
#language ul li .blank {
	width:20px;
	margin:0;
	padding:0;
	float:right;
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	line-height:16px;
	font-weight:normal;
	background:url(../images/shared/bulletpoint.gif) no-repeat center;
}
#language ul li a {
	font-family:Arial;
	font-size:11px;
	color:#FFF;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
#language ul li a:hover {
	text-decoration:underline;
}
/******* HEADER ***************************************************************************************************/

#headWrap {
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
#home #headpanel {
	position:relative;
	width:920px;
	height:390px;
	margin:0 auto;
	padding:0px;
	background:url(../images/shared/bg_header.gif) no-repeat;
}

#headpanel a {
	color:#00a0ff;
	font-weight:bold;
	text-decoration:none;
}
#headpanel a:hover {
	color:#FFF;
	text-decoration:none;
}
.slideshow {
	z-index:0;
	width:912px;
	height:382px;
	background-color:#FFF;
}
.slideshow img {
	padding: 4px;
}
#produkt #headpanel, #kontakt #headpanel,
#impressum #headpanel, #unternehmen #headpanel {
	position:relative;
	width:920px;
	margin:0 auto;
	padding:0px;
}
#produkt #headpanel h1, #kontakt #headpanel h1,
#impressum #headpanel h1, #unternehmen #headpanel h1 {
	float:right;
	text-align:left;
	margin:0 0 20px 0;
	line-height:18px;
	font-size:16px;
	font-weight:bold;
	width:500px;
	color:#FFF;
}
#produkt #headpanel h2, #kontakt #headpanel h2,
#impressum #headpanel h2, #unternehmen #headpanel h2 {
	float:right;
	text-align:left;
	margin:20px 0 20px 0;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	width:500px;
}
#produkt #headpanel p, #kontakt #headpanel p,
#impressum #headpanel p, #unternehmen #headpanel p {
	float:right;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	width:500px;
	color:#333;
}
#produkt #headpanel .headerimage, #kontakt #headpanel .headerimage,
#impressum #headpanel .headerimage, #unternehmen #headpanel .headerimage {
	float:right;
	width:500px;
	height:150px;
	margin:0;
}
#impressum ol {
	float:right;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	width:500px;
	color:#333;
}
#bottles {
	z-index:10;
	position:absolute;
	top:200px;
	left:630px;
}
#button_50fach {
	position:absolute;
	top:285px;
	left:20px;
}
/******* HAUPTNAVIGATION ***************************************************************************************************/

#menueWrap {
	width:100%;
	height:40px;
	margin:80px 0 30px 0;
	padding:0px;
	float:left;
	background:transparent;
}
#menuepanel {
	width:920px;
	height:40px;
	margin:0 auto;
	padding:0px;
}
#logo {
	width:245px;
	height:40px;
	margin:0;
	padding:0px;
	float:left;
}
#menu {
	width:600px;
	height:35px;
	margin:5px 0 0 0;
	padding:0px;
	float:right;
}
#menu ul {
	height:35px;
	margin:0px;
	padding:0px;
	float:right;
	display:block;
}
#menu ul li {
	width:auto;
	height:35px;
	margin:0 0 0 5px;
	padding:0px;
	float:left;
	display:block
}
#menu ul li a {
	width:auto;
	height:35px;
	margin:0px;
	padding:0px;
	float:left;
	font-family:Arial;
	font-size:14px;
	color:#0098a1;
	line-height:18px;
	font-weight:bold;
	text-decoration:none
}
#menu ul li a.menueitem_01 {
	background:url(../images/navi/menue_produkte.gif) no-repeat;
	display:block;
	height:35px;
	width:112px;
	float:left;
	margin:0px;
}
#menu ul li a.menueitem_02 {
	background:url(../images/navi/menue_wirkungsweise.gif) no-repeat;
	display:block;
	height:35px;
	width:173px;
	float:left;
	margin:0;
}
#menu ul li a.menueitem_03 {
	background:url(../images/navi/menue_studien.gif) no-repeat;
	display:block;
	height:35px;
	width:102px;
	float:left;
	margin:0;
}
#menu ul li a.menueitem_04 {
	background:url(../images/navi/menue_erfahrungen.gif) no-repeat;
	display:block;
	height:35px;
	width:154px;
	float:left;
	margin:0;
}
#menu ul li a.menueitem_05 {
	background:url(../images/navi/menue_bestellen.gif) no-repeat;
	display:block;
	height:35px;
	width:116px;
	float:left;
	margin:0;
}
#menu ul li a.menueitem_01 span, #menu ul li a.menueitem_02 span, #menu ul li a.menueitem_03 span, #menu ul li a.menueitem_04 span {
	display:none;
}
#menu ul li a.menueitem_01:hover, #menu ul li a.menueitem_02:hover, #menu ul li a.menueitem_03:hover, #menu ul li a.menueitem_04:hover {
	background-position:0 -35px;
}
#menu ul li a.menueitem_01:active, #menu ul li a.menueitem_02:active, #menu ul li a.menueitem_03:active, #menu ul li a.menueitem_04:active {
	background-position:0 -70px;
}
#menu ul li a:hover {
	color:#c71719;
}
#menu ul li a.active {
	color:#c71719;
}
/******* MAIN ***************************************************************************************************/

#contentWrap {
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
#home #contentPanel {
	position:relative;
	width:920px;
	height:180px;
	margin:0 auto;
	padding:30px 0 30px 0;
}
#contentPanel {
	width:920px;
	margin:0 auto;
	padding:30px 0 30px 0;
}
#contentPanel h1 {
	color:#333;
	font-size:25px;
	line-height:30px;
	margin:0 0 20px 0;
}
.products {
	border-top:3px soid #00a0ff;
	width:306px;
	float:left;
	background:url(../images/shared/bg_produkte.png) top left no-repeat;
	border-top:5px solid #00a0ff;
}
.products h2 {
	font-size:20px;
	margin:20px;
	line-height:20px;
}
.blue {
	color:#00a0ff;
}
.red {
	color:#ac1826;
}
.grape {
	color:#eba626;
}
#home #teaser {
	width:400px;
	height:180px;
	margin:0px;
	padding:0;
	float:left;
	background:url(../images/shared/bg_introtext.png) 0 -5px no-repeat;
}
#contentPanel #teaser p {
	padding:15px;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:#FFF;
}
#home #teaser a {
	color:#FFF;
	background:#00a0ff;
	padding:4px;
	text-decoration:none;
}
#home #teaser a:hover {
	color:#00a0ff;
	background:#FFF;
	text-decoration:none;
}
#home .vertriebspartner {
	position:absolute;
	top:31px;
	left:422px;
	width:200px;
	height:160;
}
#mapWrap {
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
#mapPanel {
	width:920px;
	height:500px;
	margin:0 auto;
	padding:30px 0 30px 0;
}
#map_canvas {
	float:right;
	width:500px;
	height:500px;
	border:#94887a 1px solid;
}
table {
	float:right;
}
form td {
	font-size:14px;
	color: #FFF;
	font-weight:bold;
}
input {
	width:300px;
	height:20px;
	border:1px #0CF solid;
	background:#e5f5ff;
}
textarea {
	width:300px;
	border:1px #0CF solid;
	background:#e5f5ff;
}
/******* FOOTER ***************************************************************************************************/

#footerWrap {
	width:100%;
	height:27px;
	margin:0px;
	padding:0 0 26px 0;
	float:left;
}
#footerPanel {
	width:920px;
	height:27px;
	margin:0 auto;
	padding:0px;
	background:url(../images/shared/bg_footer.gif) no-repeat;
}
#footerCopyright {
	width:300px;
	height:27px;
	margin:4px;
	padding:0px;
	float:left;
	color:#FFF;
}
#footerNav {
	width:500px;
	height:27px;
	margin:6px 10px 4px 6px;
	padding:0px;
	float:right;
}
#footerNav ul {
	margin:0 auto;
	padding:0px;
	display:block;
	float:right;
}
#footerNav ul li {
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
	width:auto;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
#footerNav ul li .blank {
	width:20px;
	margin:0;
	padding:0;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	line-height:16px;
	font-weight:normal;
	background:url(../images/shared/bulletpoint.gif) no-repeat center;
}
#footerNav ul li a {
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
#footerNav ul li a:hover {
	color:#CCC;
	text-decoration:none;
}
