/* CSS Document */
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1D5594;
	text-align: center;
	padding: 0;
	margin: 0;
	background: #3680E5 url(../images/bg_big_2.jpg) no-repeat top center;
	line-height: 14px;
}

h1, h2, h3, h4, h5, p, ul, li, ol, img, form, map {
	padding: 0;
	margin: 0;
	border: none;
}

h1 span, h2 span, p span {
	display: none;
}

h1 {	
	font-size: 11px;
	font-weight: bold;
	color: #FBEB47;
}

h2 {	
	font-weight: normal;
	font-size: 11px;
	color: #FBEB47;
}

h3 {	
	font-size: 11px;
	font-weight: bold;
	color: #1D5594;
}

strong {
  font-weight : bold;
}

ul, li, ol { 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	text-align: left;
	line-height: 16px;
}

CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	border: solid #BCD0E9 1px;
}

a, a:link	{ color: #FBEB47;	text-decoration: none;}
a:visited	{ color: #FBEB47;	text-decoration: none;}
a:hover 	{ color: #FBEB47;	text-decoration: underline;}
a:active 	{ color: #FBEB47; text-decoration: underline;}
/* -------------------- */

/* ------ Classen ----- */
.gelb {
	color: #FBEB47;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.smallText {
	font-size: 10px;
}

.clear {
	clear: both;
}

.noMargin {
	margin-top: 0px;
}

.startBG {
	background: url(../images/bg_main_start_right.jpg) no-repeat top right;
}

.mainBG {
	background: url(../images/bg_main_right.jpg) no-repeat top right;
}

.productBG {
	background: url(../images/bg_main_product_right.jpg) no-repeat top right;
}

.marginTop {
	margin-top: 15px;
}
/* -------------------- */


/* --- CONAINER BOX --- */
#container {
	position: relative;
	width: 960px;
	height: 630px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
/* -------------------- */

/* --- LOGO BOX ------- */
#logo {
	position: absolute;
	top: 103px;
	left: 164px;
	width: 330px;
	height: 134px;
	background: url(../images/logo_start.jpg) no-repeat top left;
}
/* -------------------- */

/* --- NAVI BOX ------- */
#navi {
	background: url(../images/bg_main_left.jpg) no-repeat top left;
	/*padding-top: 383px;*/
	padding-top: 358px;
}

#menu {
	padding-left: 43px;
	background: url(../images/bg_menu_left.jpg) no-repeat top left;
}
/* -------------------- */

/* --- NEWSTEASER BOX ---- */
#newsTeaser {
	position: absolute;
	top: 43px;
	right: 18px;
	width: 343px;
	height: 167px;
}

#newsLink {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 81px;
}

#newsTeaserContent {
	font-size: 10px;
	text-align:justify;
	padding: 32px 42px 0 32px;
	line-height: normal;
}

#newsTeaserContent p {
	margin-top: 10px;
}
/* -------------------- */

/* --- CONTENT BOX ---- */
#content, #content4 {
	position: absolute;
	top: 277px;
	left: 378px;
	width: 500px;
	height: 265px;
	overflow: auto;
	text-align:justify;
	padding-right:10px;
}

#content2 {
	position: absolute;
	top: 277px;
	left: 378px;
	width: 500px;
	height: 280px;
	overflow: hidden;
	text-align:justify;
	padding-right:10px;
}

#content3 {
	position: absolute;
	top: 225px;
	left: 690px;
	width: 215px;
	height: 330px;
	overflow: hidden;
	text-align: left;
	padding-right:10px;
}

#content p, #content2 p, #content3 p, #content4 p {
	margin-top: 10px;
}

#content4 p span {
	display: inline;
}

.store {
	margin-top: 15px;
}

#pressContent {
	width: 460px;
}

.storeLeft {
	float: left;
	width: 290px;
}

.storeLeft2 {
	float: left;
	width: 240px;
}

.storeLeft3 {
	float: left;
	width: 210px;
}

.storeRight {
	float: left;
	width: 190px;
}

.storeRight p span {
	display:inline;
}

#content ul p {
	margin-top: 2px;
}

#content li {
	background: url(../images/icon_li.gif) no-repeat left 8px;
	padding-left: 10px;
	height: 20px;
}

.pressMitteilung {
	float: left;
	width: 300px;
}

.pressMitteilung2 {
	float: left;
	width: 200px;
}

.pressDatum {
	float: left;
	width: 100px;
}

.pressLink img {
	vertical-align: middle;
}

.pressLink a:link, .pressLink a:visited, .pressLink a:hover, .pressLink a:active {
	color: #1D5594;
	text-decoration:none;
}

/* Products */
h1.pineapple {
	background: url(../images/product_pineapple.gif) no-repeat top left;
	height: 37px;
}

h1.coconut {
	background: url(../images/product_coconut.gif) no-repeat top left;
	height: 37px;
}

h1.vanilla {
	background: url(../images/product_vanilla.gif) no-repeat top left;
	height: 37px;
}

#productPineapple {
	position:absolute;
	visibility:show;
}

#productCoconut, #productVanilla {
	position:absolute;
	visibility:hidden;
}

#productTeaser {
	position: absolute;
	top: 74px;
	right: 32px;
	width: 370px;
	height: 167px;
	text-align:right;
	color: #fff;
}

#flashFilm {
	position: absolute;
	top: 210px;
	left: 264px;
	width: 400px;
	height: 400px;
}
/* -------------------- */

/* --- FOOTER BOX ----- */
#footer {
	text-align: right;
	color: #fff;
}

#footer p {
	padding-right: 30px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #fff;
} 
/* -------------------- */
/* FORMULAR FELDER */
.inputDiv {
	margin-bottom: 5px;
	clear: both;
}

.labelFeld1 {
	padding-top:2px;
	width: 100px;
	text-align:left;
}

.inputFeld1 {
  width: 120px;
	background-color: #BCD0E9;
} 

.checkbox1 {
	border: none;
	margin-right: 6px;
	padding: 0;
}

.inputSubmit {
	clear: both;
	border: none;
}

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