/*Generelle Layout Parameter*/

body {
	background: #C6C6C6 url(../images/bg-beauty.gif) top left fixed repeat-x;
	color: #FFF;
	margin: 0;
	padding: 0;
	border: 0;	
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10px;
	}

#wrapper {
	background: transparent;
	margin: 5px auto;
	padding: 0;
	width: 805px;	
	}
	
#header {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 805px;
	height: 222px;
	float: left;
	overflow: hidden;
	}	

#menue {
	background-image: url(../images/menue-bg.jpg);
	margin: 0;
	padding: 0;
	width: 805px;
	height: 33px;
	float: left;
	}		
	
#abstand01 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 4px;
	height: 33px;
	float: left;
	}
	
#fotoheader {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 805px;
	height: 185px;
	float: left;
	overflow: hidden;
	}	
	
#pagebody {
	background: transparent url(../images/pb-beauty.jpg) repeat-y;
	margin: 0;
	padding: 0;
	width: 805px;
	float: left;
	}
	
#sidebarl {
	background: transparent;	
	margin: 0;
	padding: 0;
	width: 199px;
	float: left;
	}			
	
#submenue {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 199px;
	height: 280px;
	float: left;
	}	
	
#abstand02 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 528px;
	float: left;
	}
	
#abstand03 {
	background: #000;
	margin: 0;
	padding: 0;
	width: 195px;
	height: 10px;
	float: left;
	}	
		
#abstand07 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 4px;
	height: 306px;
	float: left;
	}
	
#abstand08 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 145px;
	float: left;
	}	
	
#ads {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 165px;
	height: 148px;
	float: left;
	border-bottom: 1px solid #669933;
	}
	
#ads3 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 175px;
	height: 195px;
	float: left;
	border-bottom: 1px solid #669933;
	}	
	
#ads-text {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 125px;
	float: left;
	border-right: 1px solid #669933;
	}	
	
#ads-text2 {
	background: transparent;
	margin-left: 15px;
	padding: 0;
	width: 170px;
	height: 125px;
	float: left;
	}	
	
#ads-text3 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 125px;
	float: left;
	}	
	
#content {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 403px;
	float: left;
	}	
	
#abstand04 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 19px;
	height: 528px;
	float: left;
	}	

#content2 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
	overflow: hidden;
	}	
	
#text {
	background: transparent;
	margin-left: 19px;
	padding: 0;
	width: 370px;	
	float: left;
	}	
	

	
#text2 {
	background: transparent;
	margin-left: 19px;
	padding: 0;
	width: 167px;
	height: 392px;
	float: left;
	}	
	
#text img{
	margin: 0px 4px 0px 0px;
	float: left;
	}	
		
	
#sidebarr {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 203px;
	float: left;
	}
	
#sidebarr img{
	margin-bottom: 10px;	
	}		
	
#abstand05 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 189px;
	height: 17px;
	float: left;
	}
	
#fotos {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 189px;
	float: left;
	}		
	
#abstand06 {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 528px;
	float: left;
	}	

#footer {
	background-image: url(../images/footer.jpg);
	margin: 0;
	padding: 0;
	width: 805px;
	height: 32px;
	float: left;
	}
	
	/*Generelle Bilder*/
	
img {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	}	
	
	
	/*typo*/
		
h1	{ 
 	color: #669933;
	text-align: left;
	font-size: 11pt;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	font-weight: bold;
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
 	} 
 	
h2	{ 
 	color: #669933;
	text-align: left;
	font-size: 11pt;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 3px;
	padding: 0;
 	}  	
 	
h3	{ 
 	color: #669933;
	text-align: left;
	font-size: 10pt;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	font-weight: bold;
	margin: 0;	
	margin-bottom: 3px;
	padding: 0;
 	} 
 	
h4	{ 
 	color: #993366;
	text-align: left;
	font-size: 11pt;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	font-weight: bold;
	margin: 0;	
	margin-bottom: 9px;
	padding: 0;
 	} 	

p 	{ 
 	color: #000;
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	line-height: 13pt;
	margin: 0;
	padding: 0;
 	} 
 	
#text li 	{ 
 	color: #000;
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	line-height: 13pt;
	margin: 0;
	padding: 0;
 	}
	
	
#footer	p 	{ 
 	color: #FFF;
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: bold;
	margin: 5px 0px 5px 15px;
	padding: 0;
 	} 
	
	/*links generell*/
	
a:link { 
	color: #669933;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	}
	
a:visited { 
	color: #669933;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	}
	
a:hover { 
	color: #99CC33;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	}
	
a:active { 
	color: #99CC33;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	}
	
	/*mainnavi ul*/

ul#mainnavi {
	background: transparent;
	width: 801px;
    height: 33px;
    margin: 0;
	padding: 0;
	float: left;
	overflow:hidden;
	}

ul#mainnavi li {
	list-style: none;
	margin-right: 1px;	
    width: 159px;
    height: 52px;
	float: left;
  	}
  	
#mainnavi img   {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	float:left;
	}	
	
 	/*thumb start*/

ul#mainnavi li#start a {
	width: 159px;
    height: 33px;
    display: inline;
    text-decoration: none;	
    background-image: url(../images/start-a.jpg);
    background-repeat: no-repeat;
    float: left;
    }
  	  
ul#mainnavi li#start a:hover {
	width: 159px;
    height: 33px;
	display: inline;	
	background-image: url(../images/start-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }

ul#mainnavi li#start a:active {
	width: 159px;
    height: 33px;	
	display: inline;
	background-image: url(../images/start-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }
		
 	/*thumb sonnenstudio*/

ul#mainnavi li#sonnenstudio a {
	width: 159px;
    height: 33px;
    display: inline;
    text-decoration: none;	
    background-image: url(../images/sonnenstudio-a.jpg);
    background-repeat: no-repeat;
    float: left;
    }
  	  
ul#mainnavi li#sonnenstudio a:hover {
	width: 159px;
    height: 33px;
	display: inline;	
	background-image: url(../images/sonnenstudio-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }

ul#mainnavi li#sonnenstudio a:active {
	width: 159px;
    height: 33px;	
	display: inline;
	background-image: url(../images/sonnenstudio-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }
				
 	/*thumb haarentfernung*/

ul#mainnavi li#haarentfernung a {
	width: 159px;
    height: 33px;
    display: inline;
    text-decoration: none;	
    background-image: url(../images/haarentfernung-a.jpg);
    background-repeat: no-repeat;
    float: left;
    }
  	  
ul#mainnavi li#haarentfernung a:hover {
	width: 159px;
    height: 33px;
	display: inline;	
	background-image: url(../images/haarentfernung-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }

ul#mainnavi li#haarentfernung a:active {
	width: 159px;
    height: 33px;	
	display: inline;
	background-image: url(../images/haarentfernung-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }		
	
    /*thumb beauty*/

ul#mainnavi li#beauty a {
	width: 159px;
    height: 33px;
    display: inline;
    text-decoration: none;	
    background-image: url(../images/beauty-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }
  	  
ul#mainnavi li#beauty a:hover {
	width: 159px;
    height: 33px;
	display: inline;	
	background-image: url(../images/beauty-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }

ul#mainnavi li#beauty a:active {
	width: 159px;
    height: 33px;	
	display: inline;
	background-image: url(../images/beauty-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }	
		
	/*thumb massage*/

ul#mainnavi li#massage a {
	width: 159px;
    height: 33px;
    display: inline;
    text-decoration: none;	
    background-image: url(../images/massage-a.jpg);
    background-repeat: no-repeat;
    float: left;
    }
  	  
ul#mainnavi li#massage a:hover {
	width: 159px;
    height: 33px;
	display: inline;	
	background-image: url(../images/massage-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }

ul#mainnavi li#massage a:active {
	width: 159px;
    height: 33px;	
	display: inline;
	background-image: url(../images/massage-h.jpg);
    background-repeat: no-repeat;
    float: left;
    }	
		
	/* submenue */

ul#navlist	{
	padding: 0;
	margin: 0;
	width: 195px;
	text-align: left;
	list-style: none;
	float: left;
	}

ul#navlist li	{
	display: block;
	margin: 0;
	padding: 0;
	border: none;	
	}

ul#navlist li a {
	background-image: url(../images/submenue-a.jpg);
    background-repeat: no-repeat;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #993366;
	text-decoration: none;
	}

ul#navlist li#active a	{
	background: url(../images/submenue-l.jpg);
	color: #993366;
	}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	background-image: url(../images/submenue-l.jpg);
    background-repeat: no-repeat;
    color: #cc3366;
	}

	/* subsubmenue */

ul#navlisttwo	{
	width: 195px;
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	}

ul#navlisttwo li	{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	}

ul#navlisttwo li a {
	display: block;
	width: 100%;
	padding-top: 4px;
	color: #993366;
	font-weight: bold; 
	text-decoration: none;
	background: transparent;
	}

ul#navlisttwo li#active a	{
	color: #993366;
	font-weight: bold; 
	background: transparent;
	}

ul#navlisttwo li a:hover, ul#navlisttwo li#active a:hover {
	color: #cc3366;
	font-weight: bold; 
	background: transparent;	
	}	
	
	/*menüpunkt eingeloggt*/

ul#navlist li#logged a {
	background: #FFF;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #cc3366;
	text-decoration: none;
    }
  	  
ul#navlist li#logged a:hover {
	background: #FFF;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #cc3366;
	text-decoration: none;
    }

ul#navlist li#logged a:active {
	background: #FFF;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #cc3366;
	text-decoration: none;
    }
	
	/*menüpunkt 2 eingeloggt*/

ul#navlisttwo li#logged a {
	background: #FFF;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #cc3366;
	text-decoration: none;
    }
  	  
ul#navlisttwo li#logged a:hover {
	background: #FFF;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #cc3366;
	text-decoration: none;
    }

ul#navlisttwo li#logged a:active {
	background: #FFF;
	display: block;
	width: 195px;
	height: 22px;	
	padding: 4px 0px 0px 0px;
	color: #cc3366;
	text-decoration: none;
    }
	
	/* menü footer */
	
#footer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	clear: right;
	}

#footer ul li {
	display: block;
	float: right;
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#footer ul li a {
	padding: 0;
	margin: 7px 25px 0px 0px;
	color: #669933;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 9pt;      
	}

#footer ul li a:hover {
	color: #99CC33;
	}

#footer a:active	{
	color: #99CC33;
	}