/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 overflow:hidden;} 

a {
  color: #9D4798;
  text-decoration: none;}
  
#pagewidth{ 
 width:760px; 
 text-align:left;  
 margin-top: 3px;
 margin-left:auto; 
 margin-right:auto;
 border: 1px solid #aaa;  
 overflow: visible;
 height: auto;} 
#header {
  padding-top:0;
  margin-top:0;
  height: 87px;}
#topnavi{
 position:relative; 
 height:18px; 
 background-image:url(images/back_topnavi.gif); 
 width:100%;} 
#leftcol{
 width:380px; 
 float:left; 
 position:relative;  }
#twocols{
 width:378px; 
 float:right; 
 position:relative;}
#navi{
 width:191px; 
 height: 173px;
 float:right; 
 position:relative; 
 background-color:#cccccc;
 border-left: 1px solid #fff;}
#subnavi{background-color: #D5BEDA;  
 float: left; 
 display:inline; 
 position: relative; 
 width:185px; 
 height: 173px;
 text-align: right;
 vertical-align: bottom;
 line-height: 150%;}
#footer{
 position: relative;
 clear: both;} 
#rosa { 
   background-color:#F0EBF2;
   width: 378px;
   float: right;
   position: relative;
   margin-top: 0;
   text-align: right;
   display: inline;
   vertical-align: bottom;}
#logo {
   margin-top: 2;
   float: right;
   margin-right: 50px;
   margin-bottom: 5px;} 
#content{
	float: left;
	position: relative;
	margin-left: 10px;
	width: 350px;}
#wrapper {
 clear: both;
 margin:0;} 
#slogan {
 margin-top:0;
 padding-top: 60px;
 padding-left: 10px;}
#siegel {
  text-align: right;
  margin-right: 20px;}
  
/**********************/
/*  Topnavi          
/*********************/
#topnavi a, #topnavi a:link, #topnavi a:visited, #topnavi a:active {
  color: #fff;
  margin-left: 10px;
  padding-left: 10px;
  margin-top: 5px;}

#topnavi a:hover {color: #000;}

/**********************/
/*  Navi          
/*********************/
#navi li.noborder {border:0;}
#navi li {
 border-bottom: 1px solid #fff;
 padding-top: 4px;
 padding-bottom:10px;
 width: 100%;
 padding-left: 10px;}
#navi ul {
  margin: 0;
  padding:0;
  list-style-image: url(images/dot.gif);
  list-style-position: inside; }

/***************************
+   Subnavi
****************************/
#subnavi a, #subnavi a:link, #subnavi a:visited, #subnavi a:active {color: #9D4798;}
#subnavi a:hover {color: #fff;}
.haarausfall {margin: 4px 10px auto auto;}
.haartrans {margin: 34px 10px auto auto;}
.haarentfernung {margin: 64px 10px auto auto;}
.hautbehandlung {margin: 94px 10px auto auto;}
.ueberuns {margin: 124px 10px auto auto;}
.active {font-weight: bold;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
#navi a, #navi a:link, #navi a:visited, #navi a:active {
 color: #000;
 margin-left: 10px;
 margin-top: 5px;}
#navi a:hover {color: #fff;}

/**********************/
/*    ueberschriften
***********************/
h1 {
 font-size: 16px;
 font-weight: normal;
 margin-top: 20px;}
h2 {
 font-size: 12px;
 font-weight: normal;
 margin-top: 2px;
 color: #9D4798;}
h3 {
 font-size: 12px;
 font-weight: normal;
 text-decoration: underline;
 margin-top: 5px;
 margin-bottom:0;}

/*************************
*    content_box
*************************/
#content_textbox p, #content_textbox h3 {margin-right: 5px;}
td {
 font-size: 10px;
 font-weight: normal;}
th { 
 font-size: 12px;
 font-weight: bold;}

.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
.normal {height: 730px;} 
.normalR {margin-top: 600px;}
.normal1 {height: 780px;} 
.normal1R {margin-top: 650px;} 
.smaller {height: 430px;} 
.smallerR {margin-top: 300px;} 
.small {height: 315px;}
.smallR {margin-top: 185px;}
.bigger {height: 1270px;}
.biggerR {margin-top: 1100px;} 
.big {height: 2130px;}
.bigR {margin-top: 1990px;} 

 /*** New ***/
 
.small2 {height: 315px;}
.small2R {margin-top: 185px;}
 
 #content_main,  #content_bottom{
 	border: 1px solid #FFFFFF;
 	background-color:#FFFFFF;
	width: 370px;
	padding-left: 15px;
	padding-right: 15px; 
	}
 #content_main{
 	top:0px;
 	clear: left;
	}
 #content_bottom {
 	float: left;
 	height: 80px;
 	text-align:center;
	}
 #garantie_siegel {
 	float: right;
 	background-color: transparent;
 	text-align: right;
	}
 #garantie_siegel img {
	position: relative;
 	top: -60px;
 	right: 20px;
	}
 .main_w_scroll {
 	background-color:#F0EBF2;
  	height: 315px;
  	overflow: auto;	
	}
  /***********/