* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #000033 url(../images/img01.gif) repeat-x;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #959595;
}

h1, h2, h3 {	
}

h1 {
}

h2 { color:#CCCCCC; 
}

h3 {
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: x-small;
}

p, blockquote, ul, ol {
	margin-bottom: 2em;
	line-height: 1.6em;
}

p {
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em 1em 0 1em;
	text-align: center;
	font-style: italic;
}

ul {
	list-style: none;
}

ul li {
}

ol {
	list-style-position: inside;
}

ol li {
}

a {
	color: #CCCCCC;
	text-decoration: none;
	width: 140px;
	
	
}

a:hover {
	text-decoration: underline;
	color: #fff;
	
}

img {
}

/* Logo */

#logo {
	width: 760px;
	height: 80px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background: url(../images/logo.jpg) no-repeat ;
}
#logodown { background: url(../images/logodown.jpg) no-repeat;
width:380px; height:180px;
}
.down { 
width:201px; height:120px;
position:absolute;
background: url(../images/girl-down.jpg) ;
margin-left:180px;
margin-top:-104px !important;margin-top:-104px;
z-index:0;
}
.down2 { 
width:201px; height:120px;
position:absolute;
background: url(../images/girl-down2.jpg) ;
margin-left:180px;
margin-top:-104px !important;margin-top:-104px;
z-index:2;
}
.down3 { 
width:201px; height:120px;
position:absolute;
background: url(../images/girl-down3.jpg) ;
margin-left:180px;
margin-top:-104px !important;margin-top:-104px;
z-index:2;
}
.down4 { 
width:201px; height:120px;
position:absolute;
background: url(../images/girl-down4.jpg) ;
margin-left:180px;
margin-top:-104px !important;margin-top:-104px;
z-index:0;
}
.down5 { 
width:200px; height:120px;
position:absolute;
background: url(../images/girl-down5.jpg) ;
margin-left:180px;
margin-top:-104px !important;margin-top:-104px;
z-index:0;
}

#down{ background-color:#005133;
height:40px; width:180px;
position:absolute;
margin-left:0;
margin-top:-24px;
background:url(../images/meni-down.jpg) no-repeat bottom left;
}

#logo h1 {
	float: left;
	letter-spacing: -2px;
	font-size: 3em;
}

#logo h2 {
	float: left;
	font-size: 1em;
	padding-left: 150px;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF
}

/* Menu */

#menu {
	width: 760px;
	height: 40px;
	margin: -40px auto 0 auto;
}
.meni2 { width: 180px; height:172px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-top:-70px;
z-index:1;
overflow: visible;
color: #FFCC66;
}

#menu ul {
	float: right;
	margin: 0; 
	margin-top: 5px;
	list-style: none;
}

#menu li {
	display: inline;
	
}

#menu a {
	position: relative;
	margin-left: 0em;
	padding-right:20px;
 	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 0px solid #e1d188;
	font-size:0.8em;
	font-weight: bolder;
	color: #cccccc;

}

#menu a:hover, #menu .active a {
	border-bottom-color: #7482a0;
	color: #fff;
}
#home {background-color:transparent;
	height: 90px;
	width:120px;
	cursor:pointer;
	margin-left:38px;
	top:50px;
	position: absolute;
	
	}

/* Wrapper */

#wrapper {
	clear: both;
	width: 760px;
	margin: 0 auto;
}

/* Column One */

#col-one {
	float: right;
	width: 135px;
	margin-top:25px;
	background:url(images/Bild-Dose-wasser.jpg);
}

.rollover a {
display:block;
width: 120px;
height:510px;
background: url(../images/Bild-Dose-wasserRoll.jpg) 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -510px;
color: #049;
}
/*
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}
*/
#col-one .img2{ position: absolute;
}

#col-one .boxed {
	margin-bottom: 10px;
}
#col-one .boxed2 {
	margin-bottom: 10px; height:400px;
}

#col-one .boxed .title {
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../images/img02.gif) no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	color: #FFFFFF;
}

#col-one .boxed .content {
	padding: 0px;
	background: #E8EDE5 url(../images/img03.gif) repeat-x;
	border: 1px solid #648952;
	border-top: none;
}
#col-one .boxed .content2 {
	padding: 4px 20px 20px 10px;
	background: #141414 ;
	border: 1px solid  #666666;
	border-top: none;
	margin-top:50px;
}

#col-one .boxed .content form {
}

#col-one .boxed .content fieldset {
	border: none;
}

#col-one .boxed .content legend {
	display: none;
}

#col-one .boxed .content label {
	display: block;
	font-size: xx-small;
	font-weight: bold;
}

#col-one .boxed .textfield {
	width: 148px;
	margin: 55px 0 5px 0;
	padding: 10px 25px;
	border: 0px solid #C8C8C8;
	background: #000033;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
}

#col-one .boxed .content .button {
	float: right;
	width: 70px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #464646;
	background: #FAFAFA url(../images/img05.gif) repeat-x;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}

#col-one .boxed .content .tiny {
	clear: both;
	margin: 0;
	font-size: x-small;
}

#col-one .boxed .content .tiny a {
	padding: 0 0 0 11px;
	background: url(../images/img06.gif) no-repeat left bottom;
}

/* Column Two */

#col-two {
	float: left;
	width: 380px;
	height:150px;
	padding-top:0px;
	
}

#col-two .boxed {
	margin-bottom: 10px;
}
.sastav{ padding-left:10px;
color:#CCCCCC;
 background:url(../images/bcg-marqueeV.jpg) no-repeat;
 height:175px;}

#col-two .boxed .title {
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../images/img07.gif) no-repeat #333333;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	color: #FFFFFF;
	width: 298px;
}
#col-two .boxed .title2 {
	height: 20px;
	padding: 12px 0 0 32px;
	background: #333333;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-size: 12px;
	color: #a7a687;
	border:#FFCC33 solid 1px;
	border-bottom:none;
	border-right-color:#f4d886;
	font-weight:bold;
}
#col-two .boxed .title3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#CCCCCC;
 background-color:#000066;
 }

#col-two .boxed .title-meni2 {
	height: 20px;
	padding: 12px 0 0 32px;
	background: url(../images/bg-meni.jpg) no-repeat #333333;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-size: 12px;
	color: #a7a687;
	border:#FFCC33 solid 1px;
	border-bottom:#7f7d65 solid 1px;
	border-right-color:#f4d886;
	font-weight:bold;
}
#col-two .boxed .content {
	padding: 19px 19px 0 19px;
	background: #E5ECED url(../images/img08.gif) repeat-x;
	border: 1px solid #f4694e;
	border-top: none;
}

#col-two .boxed .content .p1{ width:400px; position: absolute;}

#col-two .boxed .content2 {
	padding: 0px 19px 10px 18px;
	background: #000033;
	background-image:url(../images/bcg-marquee.jpg);
	background-repeat:no-repeat;
    border: 1px solid #89a9c2;
	color: #cccccc ;
	width:270px;
}
#col-two .boxed .content2 span{ font-family:Arial, Helvetica, sans-serif;
font-weight:bold ; color:#d43e3e; font-size:18px;}
#col-two .boxed .content3 {
	padding: 19px 19px 0 19px;
	background: #000000;
	border: 0px solid #528489;
	border-top: none;
	color: #cccccc ;
}
#col-two .boxed .content4 {
	padding: 19px 19px 0 19px;
	background: #304c7b;
	border: 1px solid #e1d188;
	color: #cccccc ;
	width:550px;
	position:absolute;
	z-index:3;
}
#col-two .boxed .content5 {
	padding: 19px 19px 0 19px;
	background-color: #304c7b;
	border: 1px solid #e1d188;
	color: #cccccc;
	width:340px;
	position:absolute;
	z-index:3;
}
#col-two .boxed #content6 {
	width:362px;
	height:225px;
	background: url(../images/bcg-marqueeV.jpg) no-repeat;
	padding:5px 5px 5px 15px;
	color:#CCCCCC;
     margin-top:15px; margin-top:14px !important;
	position:absolute;
	z-index:3}

#col-two .boxed blockquote {
	background: #E5ECED url(../images/img08.gif) repeat-x;
}

/* Column Three */

#col-three {
	float: right;	
	width: 230px;
}
#col-three2 {
	float: right;	
	width: 360px;
}

#col-three .boxed {
	margin-bottom: 10px;
}
#col-three .boxed2 {
height:400px;
}

#col-three2 .boxed .title{
height: 20px;
	padding: 10px 0 0 10px;
	letter-spacing: 1px;
	font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#col-three2 .boxed .title2{
height: 18px;
	padding: 10px 0 0 10px;
	letter-spacing: 1px;
	font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#col-three2 .boxed .content{ padding-left:5px;}

#col-three2 .boxed .content-terms{ padding-left:10px;}

#col-three .boxed .title {
	height: 20px;
	padding: 10px 0 0 5px;
	letter-spacing: 1px;
	font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#col-three .boxed .title span{
	height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	color: #d43e3e;
}
#col-three2 .boxed .title span{
	height: 20px;
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px; font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #d43e3e;
}

#col-three .boxed .title2 {
	height: 20px;
	padding: 5px 0 0 10px;
	background: #666666 url(../images/img02.gif);
	letter-spacing: 1px;
	font-size: 13px;
	color: #FFFFFF;
}

#col-three .boxed .content {
	padding: 10px 0px 0 5px;
	border: 0px solid #89a9c2;
	border-top: none;
	color: #cccccc;
	font:11px  Verdana, Arial, Helvetica, sans-serif ;
}
#col-three .boxed a{ color: #FFFFCC;}

#col-three .boxed .content span{ color:#80a6ca; font-size:16px; padding-left:0;}

#col-three .boxed .content3 {
	padding: 19px 19px 10px 19px;
	background: #222222;
	background-image:url(../images/bcg-marquee.jpg);
	border: 1px solid #89a9c2;
	color: #CCCCCC;
	font:11px  Verdana, Arial, Helvetica, sans-serif ;
}
#col-three .boxed .content3 strong{
color:#e1d188; font-weight:bold;}

#col-three .boxed .content li {
	margin-left: -1em;
	padding-left: 1em;
	background: url(../images/img12.gif) no-repeat 0 9px;
	letter-spacing: normal;
}
#col-three .boxed .content4 { position: absolute;
 width:350px;
  height:445px;
bottom:-415px !important; bottom:-454px; 
background: url(../images/bcg-marqueeV.jpg) ;
padding:5px 5px 5px 15px; 
color:#CCCCCC;
margin:0 auto;
top:670px !important; top:710px;
 }
#col-three .boxed .content4 span{ color:#e1d188;}
#col-three .boxed .content4 span1{ color: #999999;font-size:11px;}

 .content5 {
	width:745px;
	height:440px;
	padding:5px 5px 5px 15px;
	color:#CCCCCC;
	float:left;
	margin-bottom:20px;
	margin-top:65px;
	top:700px !important;
	top:700px;
	border:#666666 solid 1px;
	overflow: visible;
	background:url(../images/bcg-vitamini.jpg) no-repeat center;
 }
.content5 span{ color:#FFFF99;
font-weight:bold;}
 
.comp{ background:#000028;
  height:300px;
  width:750px;
  color:#FFFFFF; 
  border: #999999 solid 1px; 
  padding:20px;
  position:absolute;
   }
   .comp2{ background:#000028 url(../images/bcg-video.gif) no-repeat;
  height:230px;
  width:750px;
  color:#FFFFFF; 
  border: #999999 solid 1px; 
  padding:10px;
  position:absolute;
   }
 #terms{ background-color: #304c7b; color:#fff;}

/* Footer */

#footer {
	clear: both;
	padding: 30px 0 50px 0;
	background: #464646 url(../images/img13.gif) repeat-x;
	text-align: center;
	position:relative;
}

#footer p {
	width: 760px;
	margin: 0 auto;
	font-size: x-small;
}
#footer a { color:#e1d188;}

.img1 { padding-left: 30px;
}


#sideBar{
		position: absolute;
		width: auto;
		height: auto;
		top: 142px;
		right:2px;
		background-image:url(../images/background.gif);
		background-position:top left;
		background-repeat:repeat-y;
		z-index:1000;
	}
	
	#sideBarTab{
		float:left;
		height:90px;
		width:28px;
	}
	
	#sideBarTab img{
		border:0px solid #000;
	}
	
	#sideBarContents{
		overflow:hidden !important;
	}
	
	#sideBarContentsInner{
		width:200px;
	}
	h4{
		color:#FFFFFF;
		font-size:120%;
		font-family:arial;
		margin:10px 10px 10px 10px;
		font-weight:bolder;
	}
	h4 span{
		font-size:100%;
		font-weight:normal;
	}
#sideBar ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
#sideBar li{
		margin:0px 10px 3px 10px;
		padding:2px;
		list-style-type:none;
		display:block;
		background-color:#c93737;
		width:177px;
	}
	
#sideBar li a{
		width:100%;
		padding-left:10px;
	}
	
#sideBar li a:link,
#sideBar li a:visited{
		color:#FFFFFF;
		font-family:verdana;
		font-size:70%;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding-left:10px;
		width:100%;
	}
	
#sideBar li a:hover{
		color: #FFFFCC;
		text-decoration:underline;
	}
.image-h{height:50px;width:365px; color:#fff; border-bottom:#fff solid 0px; font-size:13px; line-height:12px; font-family: "Arial Narrow", "Garamond Premr Pro Smbd"; font-weight:bold; letter-spacing:4px; text-indent:8px; padding-top:9px; cursor:pointer;}
#image-menu-h {border: #FFCC00 solid 0px; width:365px; border-bottom:#999999 solid 4px;}

#rda { float: right;
height:160px;
width:15px;
overflow:visible;
padding-top:10px;
background: url(../images/bg-rda.gif) no-repeat;
position: relative;
margin-right:5px;
margin-top:130px;

}

.distrib {
color:#CCCCCC;
background: #716f6e url(../images/globe3.gif) no-repeat center;
height:400px;
width:700px;}

