* {
	padding: 0;
	margin: 0;
}

html {
	width:100%;
	height:100%;
}

body {
width:100%;
height:100%;
font-size:small;
text-align:justify;
background-color:#FFFFFF;
}

div,
span,
td,
tr,
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h1 {
font-size:14px;
color:#3975D7;
}
	
#container {
position:relative;  /* Damit das Bild immer in der Fenster mitte bleibt!*/
margin:0 auto;
width:938px;
height:640px;
}

#header {
height:150px;
border-bottom: solid 1px #c6c6c6;
}

#logo {
position:absolute; /*"position:absolute" ist bei der individuellen positionierung innerhalb eines Divs wichtig!*/
top:64px;
width:314px;
height:57px;
background-image:url(../images/cleanaqua-logo.jpg);
background-repeat:no-repeat;
}

#nav-container {
position:absolute;
right:0;
width:597px;
height:150px;
}

#sprachen {
widht:100%;
height:64px;
}

.sprach_item {
font-size:12px;
margin:43px 20px 0 20px; /* oben, rechts, unten, links */
float:right;
}

#sprachen a {
color:#333333;
}

#sprachen a:hover {
color:#3975D7;
}

#sprachen a#activ-spr{
border-bottom:none!important;
text-decoration:underline!important;
color:#3975D7;
background-color:#FFF;
padding-bottom: 2px;
}

#navi {
widht:100%;
height:64px;
}

.nav_item {
font-size:14px;
margin:43px 20px 0 20px; /* oben, rechts, unten, links */
}

#navi a {
color:#666666;
float:right;
text-decoration:none!important;
}

#navi a:hover {
color:#3975D7;
}
#navi a#active{
color:#3975D7;
padding-bottom: 2px;
}



#content-container {
border-bottom:solid 1px #c6c6c6;
}

#left{
width:215px;
height:384px;
}

.produkt-item {
font-weight:bold;
color:#FFF;
padding:2px 0 0 25px;
background-image:url(../images/BG%20Navi.jpg);
background-repeat:no-repeat;
width:182px;
height:22px;
}

.site-name {
font-weight:bold;
color:#666666;
}

.info-left {
color:#333333;
padding-top:28px;
}

#inner-content {
	position:absolute;
	width:420px;
	height:384px;
	left:215px;
	top:151px;
}

.info-text {
	position:absolute;
	right:0px;
	top:22px;
	width:303px;
	height:384px;
}

#right {
	position:absolute;
	right:0px;
	top:151px;
	width:303px;
	height:384px;
}

.info-right {     /*Rechter Text, nur Impressum */
position:absolute;
right:20px;
top:42px;
text-align:right;
color:#333333;
}

.pic-home {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Home.jpg);
background-repeat:no-repeat;
}

.pic-universal {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Universal.jpg);
background-repeat:no-repeat;
}

.pic-recycling {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Recycling.jpg);
background-repeat:no-repeat;
}

.pic-survival {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Survival.jpg);
background-repeat:no-repeat;
}

.pic-mobile {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Mobile.jpg);
background-repeat:no-repeat;
}

.pic-blue {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Blue.jpg);
background-repeat:no-repeat;
}

.pic-stic {
margin: 25px 0 0 110px;
width:281px;
height:333px;
background-image:url(../images/Cleanaqua-Stic.jpg);
background-repeat:no-repeat;
}

#pic-impressum {
top:0;
left:0;
background-image:url(../images/girl-water.jpg);
background-repeat:no-repeat;
width:384px;
height:376px;
}

#footer {
height:30px;
color:#666666;
}

.text-footer {
position:relative;
text-align:center;
font-size:x-small;
top:23px;
}