@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Aller';
    src:  url('Aller.ttf.woff') format('woff'),
    url('Aller.ttf.svg#Aller') format('svg'),
    url('Aller.ttf.eot'),
    url('Aller.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

a {outline : none;}
a img {outline : none;}
img {border : 0;}
a:active, a:focus { 
 outline: none; 
}
img.map, map area{
    outline: none;
}
a:link {
	color: #508c66;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #508c66;
}
a:hover {
	text-decoration: underline;
	color: #508c66;
}
a:active {
	text-decoration: none;
	color: #508c66;
}
body,td,th {
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	/*margin:0;
	padding:0;*/
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
	
}
textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
	font-size: 12px;
}
 input:focus {
        outline: none;
      }
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
 input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #0e0e0e inset !important;
	
	
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
	
	
	
}

/* CSS Document */


#top01 {
	width:100%;
	height:40px;
	background-color:#aec2ae;
	text-align:center;
	padding-top:15px;
}
#top01fix {
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
	height:55px;
	background-color:#aec2ae;
	text-align:center;
	
	z-index:130;
}
#top02 {
	width: 950px;
	font-size: 14px;
     margin:0px auto;
     text-align:left;
	 
	 
	 
	
}
#top03 {
	float:left;
	padding-top:20px;
	
}
#top05 {
	float:left;
	padding-top:15px;
	
}
#top04 {
     
	 float:right;
	padding-top:20px;
	
}
a.toplink1:link,a.toplink1:visited,a.toplink1:active {
	color: #508c66;
	text-decoration: none;
	margin-right:12px;
}
a.toplink1:hover {
	color: #ffffff;
	text-decoration: none;
	margin-right:12px;

}
a.toplink1a:link,a.toplink1a:visited,a.toplink1a:active {
	color: #ffffff;
	text-decoration: none;
	margin-right:12px;
}
a.toplink1a:hover {
	color: #ffffff;
	text-decoration: none;
	margin-right:12px;

}

#imgtop01 {
	width:100%;
	text-align:center;
	margin-top:100px;
}
#imgtop02 {
	width:70%;
	margin:0px auto;
    text-align:center;
}
/*
#logo01 {
position:absolute;
z-index:100;
margin-top:80px;
margin-left:10%;
}
*/
#logo01 {
position:absolute;
z-index:120;
margin-top:80px;
margin-left:10%;
width: 10%;
max-width: 100px;
}
@media screen and (max-width: 800px) {
	.logo02 {
	width: 50%;
	height: auto;
	max-width: 200px;
	}

}
@media screen and (min-width: 801px) {
	.logo02 {
	width: 40%;
	height: auto;
	max-width: 200px;
	}
}





#logo01fix {
	
	position:fixed;
z-index:120;
margin-top:-20px;
margin-left:8%;
width: 40%;
	
	
	
	
}

#logo01fix2 {
	position:fixed;
z-index:120;
margin-top:80px;
margin-left:8%;
width: 40%;
}

#logo01fix3 {
	position:fixed;
z-index:120;
margin-top:-150px;
margin-left:8%;
width: 40%;
}

#footerstart00 {
    position:absolute;
    bottom: 0;
    width: 100%;
    
}
#footerstart01 {
	text-align:center;
		
	padding:1%;
	background-image:url(images/bgrstart.png);
	
}











#green01prod {
	width:100%;
	background-color:#508c66;
	text-align:center;
	margin-top:20px;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
	
}


#green01 {
	width:100%;
	background-color:#508c66;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	
}
#green02 {
	width:500px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	margin:0px auto;
	padding-right:100px;
	padding-left:100px;
	background-image:url(images/logo_derma.png);
	background-position:right;
	background-repeat:no-repeat;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	min-height:150px;
	
}

#green01anw {
	width:100%;
	background-color:#508c66;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	
}
#green01anwh {
	width:100%;
	background-color:#508c66;
	text-align:center;
	margin-top:20px;
	margin-bottom:45px;
	
}
#green02anw {
	width:600px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	margin:0px auto;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	min-height:150px;
	
}

h1 {
	font-size:36px;
	color:#fff;	
	margin:0px;
	font-weight:normal;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
h2 {
	font-size:36px;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
	color:#fff;	
	margin:0px;
}
h3 {
	margin:0px;
	color:#508c66;
	font-size:12px;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
h4 {
	margin:0px;
	font-size:120%;
	color:#333;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}


#content01 {
margin-top:80px;
margin-left:12%;
width:80%;
margin-bottom:80px;
font-family: 'Aller',Arial, Helvetica, sans-serif;
line-height:160%; 
}



.textgreen {
	color:#508c66;
	margin-top:0px;
	line-height:160%;
	width:90%;
	
}
.produkt01 {
	margin-top:20px;
	border-bottom:1px solid #679b7a;
	line-height:160%;
	color:#333;
	width:90%;
}

.prodlink00 {
	margin-bottom:10px;	
	margin-top:10px;
}
.prodlink01 {
	font-weight:bold;
}
a.prodlink01:link { text-decoration: none; color: #508c66; }
a.prodlink01:visited { text-decoration: none; color: #508c66; }
a.prodlink01:hover { text-decoration: underline; color: #508c66; }
a.prodlink01:active { text-decoration: none;  color: #508c66; }

#footer01 {
	background-color:#3c3c3b;
	height:46px;
	text-align:center;
	
}
#footer02 {
	width:900px;
	text-align:center;
	padding-top:10px;
	margin:0px auto;
	color: #508c66;
	
	
}
#footer02h {
	width:650px;
	text-align:center;
	padding-top:10px;
	margin:0px auto;
	color: #508c66;
	font-size: 85%;
	
}
#footer01a {
	background-color:#3c3c3b;
	height:46px;
	text-align:center;
	position: absolute;
	bottom: 0;
	width: 100%;
	
}
#footerlink00 {
	font-weight:bold;
	float:left;	
	margin-right:10px;
	margin-top:5px;
}
.footerlink01 {
	font-weight:bold;
	
}
a.footerlink01:link { text-decoration: none; color: #508c66; }
a.footerlink01:visited { text-decoration: none; color: #508c66; }
a.footerlink01:hover { text-decoration: none; color: #fff; }
a.footerlink01:active { text-decoration: none;  color: #508c66; }


.footerlink01a {
	font-weight:bold;
	
}
a.footerlink01a:link { text-decoration: none; color: #fff; }
a.footerlink01a:visited { text-decoration: none; color: #fff; }
a.footerlink01a:hover { text-decoration: none; color: #fff; }
a.footerlink01a:active { text-decoration: none;  color: #fff; }



#footerlink00i {
	font-weight:bold;
	float:left;	
	margin-right:10px;
	margin-top:0px;
}

.flags01 {
	margin-right:10px;
	float:left;
	
}

#bstcont01 {
	margin-top:230px;
	margin-bottom:50px;
}
#bstcont01text {
	margin-top:230px;
	margin-bottom:0px;
	line-height:160%;
}
.bstform01 {
	border: 1px solid #508c66;
	color:#666;
	padding:5px;
	margin-top:2px;
	
}
.bstform01h {
	display: none;
	
}
.bt01a {
	border: 3px solid #508c66;
	color:#666;
	padding:5px;
	margin-top:10px;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	background-color:#FFF;
	
}

#bstcont02 {
	width:800px;
	margin:0px auto;
	color:#333;
	
 }
 #bstcont03 {
	 float:right;
	 width:500px;	
 }


#bstcont02h {
	width:800px;
	margin:0px auto;
	color:#333;
	
 }
 #bstcont03h {
	 float:right;
	 width:800px;
	 text-align: right;
 }






#prodcont01s01 {
	background-color: aqua;
	margin-bottom:50px;
}

#prodcont02 {
	width:800px;
	margin:0px auto;
	
	
 }


#prodcont01 {
	margin-top:200px;
	margin-bottom:50px;
}

#prodcont01sh {
	
	margin-bottom:50px;
}


#produkte00 {
	float:right;
	width:800px;
	
		
	
}
#produkte01 {
	float:left;
	width:450px;
	text-align:right;
	padding-right:40px;
}
#produkte02 {
	float:left;
	width:250px;
	line-height:160%;
	font-size:14px;
	
}

#produkte01s {
	
	float:left;
	width:450px;
	text-align:right;
	padding-right:40px;
	margin-bottom: 10px;
	margin-top: 180px;
}
#produkte02s {
	float:left;
	width:250px;
	line-height:160%;
	font-size:14px;
	margin-bottom: 10px;
	margin-top: 180px;
	
}

.produkte02logos {
	width: 100%;
    margin-top:10px;
    
    
	
}
.produkte02logo {
    height: 100px;
    max-width: 40%;
    margin-right:20px;
}



#produkte01sk {
	float:left;
	width:450px;
	text-align:right;
	padding-right:40px;
}
#produkte02sk {
	float:left;
	width:250px;
	line-height:160%;
	font-size:14px;
	margin-top: 45px;
	
}


#produkte01skd {
	float:left;
	width:450px;
	text-align:right;
	padding-right:40px;
	margin-bottom: 20px;
}
#produkte02skd {
	float:left;
	width:250px;
	line-height:160%;
	font-size:14px;
	margin-bottom: 20px;
	margin-top: 45px;
	
}


h1.produkte {
	font-size:16px;	
	margin:0px;
	font-weight:normal;
	color:#508c66;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
h1.hand {

	color:#508c66;
	
	margin:0px;
	font-size:130%;

	font-family: 'Aller',Arial, Helvetica, sans-serif;
}

h1.start {
	font-size:36px;	
	margin:0px;
	font-weight:normal;
	color:#fff;
	line-height:130%;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
@media screen and (max-height: 700px) { 
h1.start {
	font-size:24px;	
	
}
}

.prodbuy01 {
	font-weight:bold;
	font-size:18px;
	
}



#footerfix {
  position: fixed;
    left: 0;
    bottom: 0;
    width:100%;
	height:40px;
	background-color:#aec2ae;
	text-align:center;
	padding-top:15px;
	z-index:90;
}

#footer01fixed {
	position: fixed;
	background-color:#3c3c3b;
	height:46px;
	text-align:center;
	
    left: 0;
    bottom: 0;
    width:100%;
	z-index:90;
	
}
#footer02fixed {
	width:650px;
	text-align:center;
	padding-top:10px;
	margin:0px auto;
	color: #508c66;
	
}
#m004 {
	font-size: 150%;
	width:800px;
	text-align: right;
	margin-bottom: 20px;
	
}



.wk {
float:right;	
margin-top:20px;
}
.wk00 {
float:left;
margin-right:10px;	
}
.wk01 {
	width:400px;
	
	border:1px dotted #ccc;
	float:left;
	padding:3px;
	
}
.wk02 {
	
	width:80px;
	
	border:1px solid #ccc;
	float:left;
	padding:3px;
	margin-left:20px;
	text-align:right;
	
}
.wk03 {
	
	
	
}
.wk04 {
	float:right;
	border-bottom:1px dotted #ccc;
	width:300px;
	
}
.wk05 {
	margin-left:65px;
	width:125px;
	margin-bottom:10px;
	margin-top:7px;
	float:left;
}
.wk06 {
	float:right;
	width:400px;
	text-align:right;
	
	margin-top:10px;
	vertical-align:central;
}
.wkform01 {
	background-color:#3c3c3b;
	width:40px;
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-top:5px;
	padding:2px;
	color:#fff;
	
}
.wkform01long {
	background-color:#3c3c3b;
	width:80px;
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-top:5px;
	padding:2px;
	color:#fff;
	
}

a.bt01 {
	padding:3px;
	border: 1px solid #ccc;
}
a.bt01:link { text-decoration: none; color: #333; }
a.bt01:visited { text-decoration: none; color: #333; }
a.bt01:hover { text-decoration: none; color: #333; }
a.bt01:active { text-decoration: none;  color: #333; }

.bt01a {
	background-color:#fff;
	padding:3px;
	border: 1px solid #ccc;
	color: #333;
	
}

a.bt02 {
	padding:3px;
	border: 1px solid #fff;
	background-color:#3c3c3b;
}
a.bt02:link { text-decoration: none; color: #fff; }
a.bt02:visited { text-decoration: none; color: #fff; }
a.bt02:hover { text-decoration: none; color: #fff; }
a.bt02:active { text-decoration: none;  color: #fff; }

.bt02a {
	background-color:#3c3c3b;
	padding:3px;
	border: 1px solid #fff;
	color: #fff;
	
}

.bstform01 {
	background-color:#fff;
	border:1px dotted #ccc;
	margin-bottom:10px;
	margin-top:5px;
	padding:2px;
	color:#333;
	
}
.bst01a {
	float:right;
	margin-right:10px;	
	margin-bottom:5px;
	margin-top:5px;
}
.bst01b {
	float:right;	
}



#loginform {
	line-height: 100%;
	margin-top: 30px;
	
}
#loginformtext {
	line-height: 150%;
	margin-top: 30px;
	
}


.dl00 {
	border-bottom: 1px dotted #999;
	margin-top: 10px;
	
}
.dl01 {
	float:right;
	margin-bottom: 10px;
	width:100px;
	text-align: right;
	
}
.dl02 {
	float:right;
	margin-bottom: 10px;
	width:200px;
	margin-right:10px;
	border-right:10px solid #fff;
	border-left:10px solid #fff;
	
}
.dl03 {
	float:right;
	margin-bottom: 10px;
	width:100px;
	text-align: right;
	margin-right:10px;
	
	
	
}
.dl04 {
	float:right;
	margin-bottom: 10px;
	width:40px;
	text-align: right;
	margin-right:10px;
	
	
	
}

.dl00:after { 
  content: "";
  display: block; 
	visibility: hidden;
  clear: both;
font-size: 0px;
	line-height: 0px;
	
}








#cookiepopup a {color:#508c66; text-decoration:none;}



#cookiepopup a:hover {}

#cookiepopup div {padding:10px; padding-right:40px;}

#cookiepopup { 
   color:#fff;
   text-align:left; 
   border-top:1px solid #fff;
border-bottom:1px solid #fff;
   background: #0e1f10; 
   
   position:fixed;
   bottom:47px; 
   z-index:10000; 
   width:100%; 
   font-size:18px; 
   padding-top:40px;
line-height: 180%;
	padding-bottom:40px;}

#cookiepopupCloser {
   color: #fff;
   font: 18px;
   position: absolute;
   right: 0px;
   
   top: 5px;
   cursor:pointer;
   
   padding:6px;
	padding-left:40px;
	padding-right:40px;
	margin-top:60px;
	margin-right: 20px;
	border-radius: 18px;
	
   background: #aec2ae; /* Old browsers */
   
 }

#cookiepopupCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #fff; border-left:1px solid #fff;}