/* copyright La Bonita Beauty Spa */
/* author: Martin Kieberl */

html, body, * {
	padding: 0;
	margin: 0;
	}
	
form, input {
	padding: 0;
	margin: 0;
	}
	
body {
	font-family: 'Lucida Sans Unicode', 'Lucida', Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #eeeeee;
	background: url(../images/Allgemein/blueLine11.jpg);
	background-repeat:repeat-x;
	background-color:#3183d0;
	}
	
p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
	}
	
h1, h2, h3, h4, h5 {
	font-family:"Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: normal;
	}
	
h1 {
	margin: 0 0 15px 0;
	font-size: 1.7em;
	border-bottom: 1px solid #cccccc;
	color:#fea827;
	}

h2 {
	margin: 0 0 15px 0;
	font-size: 1.2em;
	border-bottom: 1px solid #cccccc;
	color:#fea827;
	}
	
h2 {
	margin:0;
	font-size: 1.2em;
	border-bottom: 1px solid #cccccc;
	color:#fea827;
	}

h3 {
	margin: 0 0 15px 0;
	font-size: 1.0em;
	color:#fea827;
	}
	
h4 {
	margin: 0 0 15px 0;
	font-size: 1.0em;
	color:#ffffff;
	}
	
h5 {
	margin: 0 0 15px 0;
	font-size: 2.0em;
	font-weight:bold;	 
	color:#fea827;
	text-align:center;
	}
	
h6 {
	margin: 0 0 15px 0;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;	 
	color:#ffffff;
	}	
.center h1 {
	margin: 0 0 15px 0;
	font-size: 1.0em;
	color:#ffffff;
	border:none;
	}
.left {
	float:left;
	margin-top:-5px;	
}
.rightmehr {
	float:right;
	margin-top:-5px;
}
.right {
	float:right;
	text-align:right;
	width:226px;
	margin-top:0px;
}
.right2 {float:right;}
.left2 {float:left;}
.center {
	float:left;
	margin-left:160px;
	margin-top:35px;
}

span.right img {border:none;}

.lefth2 {
	float:left;
	margin:-5px 0 0 0;
	font-size: 1.2em;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	border-bottom: 1px solid #cccccc;
	color:#fea827;	
}
.leftp {
	float:left;
	margin: -5px 0 10px 0;
	line-height: 1.4em;
	text-transform:uppercase;
}
.leftp2 {
	float:left;
	margin: -20px 0 10px 0;
	line-height: 1.4em;
	}
/*------------------------------------------ Links-------------------------------------------*/

a:link,
a:visited {
	color:#fea827;
	text-decoration: underline;
	}
a:hover {
	 text-decoration: underline;
	 color:#ffffff;
	 }


h1 a:link, h2 a:link, h3 a:link, 
h1 a:visited, h2 a:visited, h3 a:visited {
	color: #fea827;
	text-decoration:none;
	}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #ffffff;
	text-decoration:none;
}

h6 a:link, h6 a:visited {
	color: #333333;
	text-decoration:none;
	}
/*------------------------------------------ Layout -------------------------------------------*/

#wrapper {width: 100%;}

#dswrapper {
	margin: 0 auto;
	margin-top:10px;
	width: 880px;
	background-image:url(../images/Allgemein/dropshadow1.png);
	background-repeat:no-repeat;
 	}
#dswrapperShiatsu {
	margin: 0 auto;
	margin-top:-27px;
	width: 880px;
	background-image:url(../images/Allgemein/dropshadow1.png);
	background-repeat:no-repeat;
 	}
#headtext h1 {
	text-indent:-9999px;
	border:none;
}	
#container {
	width: 860px;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	border:1px solid silver;
	}
	
.main {
	background-image: url(../images/Main/containerMain.png);
	background-repeat:no-repeat;
	}
	
.kosmetik {
	background-image: url(../images/Kosmetik/containerKosmetik.png);
	background-repeat:no-repeat;
	}	

.massage {
	background-image: url(../images/Massage/containerMassage.png);
	background-repeat:no-repeat;
	}	
	
.bodywork {
	background-image: url(../images/Bodywork/containerBodywork.png);
	background-repeat:no-repeat;
	}	
	
.wellness {
	background-image: url(../images/Wellness/containerWellness.png);
	background-repeat:no-repeat;
	}	
	
.beauty {
	background-image: url(../images/Beauty/containerBeauty.png);
	background-repeat:no-repeat;
	}

.hairfree {
	background-image: url(../images/Hairfree/containerHairfree.png);
	background-repeat:no-repeat;
	}

.hands {
	background-image: url(../images/Hands/containerHands.png);
	background-repeat:no-repeat;
	}
	
.men {
	background-image: url(../images/Men/containerMen.png);
	background-repeat:no-repeat;
	}
		
.clearboth {
	clear:both;
	}
	
	
/*------------------------------------------ Header ------------------------------------------------*/

#top {
	width: 860px;
	}
	
#blume {
	position:relative;
	margin-left:660px;
	margin-top:0px;
	width: 200px;
	height: 200px;
	z-index:3;
	background-repeat:no-repeat;
	}
	
.blumeMain { background-image: url(../images/Main/blume.png);}
.blumeKosmetik { background-image: url(../images/Kosmetik/BlumeKosmetik.png);}
.blumeMassage { background-image: url(../images/Massage/BlumeMassage.png);}
.blumeBodywork { background-image: url(../images/Bodywork/BlumeBodywork.png);}
.blumeWellness { background-image: url(../images/Wellness/BlumeWellness.png);}
.blumeBeauty { background-image: url(../images/Beauty/BlumeBeauty.png);}
.blumeHairfree { background-image: url(../images/Hairfree/BlumeHairfree.png);}
.blumeHands { background-image: url(../images/Hands/BlumeHands.png);}
.blumeMen { background-image: url(../images/Men/BlumeMen.png);}
	
#main-image {
	background-image:url(../images/main/relaxBalken.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	width: 860px;
	height: 275px;
	float: left;
	margin: 0;
	color:#cccccc;
	z-index:1;
	}
	
#header {
	width: 860px;
	height: 130px;
	background: url(../images/Allgemein/logo2.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
	float: left;
	z-index:2;
}

#logo {
	float:left;
	display:inline;
	margin:0 0 0 20px;
	background-image:url(../images/Allgemein/logofrei.png);
	background-repeat:no-repeat;
	width:270px;
	height:135px;
	}
	
	
/*-------------------------------------------- Navigation Top -----------------------------------------*/

#NavigationTop {
	position:relative;
	margin-top:0px;
	margin-bottom:10px;
	height: 24px;
	padding-left:20px;
	
	}
	
.NaviTopMain {
	background: url(../images/Main/balkenOrange1.png);
	background-repeat:repeat-x;
	}
	
.NaviTopKosmetik {
	background: url(../images/Kosmetik/balkenKosmetik.gif);
	background-repeat:repeat-x;
	}
	
.NaviTopWellness {
	background: url(../images/Wellness/balkenWellness.gif);
	background-repeat:repeat-x;
	}

.NaviTopMassage {
	background: url(../images/Massage/balkenMassage.gif);
	background-repeat:repeat-x;
	}

.NaviTopMen {
	background: url(../images/Men/balkenMen.gif);
	background-repeat:repeat-x;
	}

.NaviTopBodywork {
	background: url(../images/Bodywork/balkenBodywork.gif);
	background-repeat:repeat-x;
	}

.NaviTopBeauty {
	background: url(../images/Beauty/balkenBeauty.gif);
	background-repeat:repeat-x;
	}

.NaviTopHands {
	background: url(../images/Hands/balkenHands.gif);
	background-repeat:repeat-x;
	}
	
.NaviTopHairfree {
	background: url(../images/Hairfree/balkenHairfree.gif);
	background-repeat:repeat-x;
	}
		
#NavigationTop ul {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	letter-spacing: 1px;
	/*letter-spacing: 0.1em;*/
	padding-top: 5px;
	}
	
#NavigationTop ul li {
	display: inline;
	color: #FFFFFF;
	}
	
#NavigationTop ul li a {
	color: #FFFFFF;
	text-decoration: none;
	position:relative;
	}
	
#NavigationTop ul li a#active {text-decoration:underline;}	
#NavigationTop ul li a:hover{color: #FFFF68;}



/*-------------------------------------------- Navigation Links --------------------------------------------*/

#NaviLinksMain, #NaviLinksGruen, #NaviLinksRosa, #NaviLinksBlau, #NaviLinksAqua,
#NaviLinksRot, #NaviLinksOrange, #NaviLinksOlive, #NaviLinksPink {
	position:relative;
	width: 120px; /* note: see style-ie6.css */
	float: left;
	margin-left: 0px; /* note: see style-ie6.css */
	}
	
.start {margin-top: -275px;}
.detail {margin-top:0px;}

#NaviLinksMain ul, #NaviLinksGruen ul, #NaviLinksRosa ul, #NaviLinksBlau ul, #NaviLinksAqua ul,
#NaviLinksRot ul, #NaviLinksOrange ul, #NaviLinksOlive ul, #NaviLinksPink ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	letter-spacing: 1px;
	/*letter-spacing: 0.1em;*/
	text-transform: uppercase;
	list-style-image: none;
	}
	
#NaviLinks-padding {
	padding: 30px 0px 0px 10px;
	}
#NaviLinks-padding ul li img {	border:none;}

#NaviLinksMain ul li, #NaviLinksGruen ul li, #NaviLinksRosa ul li, #NaviLinksBlau ul li, #NaviLinksAqua ul li,
#NaviLinksRot ul li, #NaviLinksOrange ul li, #NaviLinksOlive ul li, #NaviLinksPink ul li {
	list-style-type: none;
	line-height: 28px;
	}
	
#NaviLinksMain ul li a, #NaviLinksGruen ul li a, #NaviLinksRosa ul li a, #NaviLinksBlau ul li a, #NaviLinksAqua ul li a,
#NaviLinksRot ul li a, #NaviLinksOrange ul li a, #NaviLinksOlive ul li a, #NaviLinksPink ul li a {display: block;}
	
#NaviLinksMain li a:link, #NaviLinksMain li a:visited { color: #fff; text-decoration:none; }
#NaviLinksMain li a:hover { background: #fea827; text-decoration:none;  }

#NaviLinksGruen li a:link, #NaviLinksGruen li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksGruen li a:hover { background: #019014; text-decoration:none;  }

#NaviLinksRosa li a:link, #NaviLinksRosa li a:visited  { color: #fff; text-decoration:none;  }
#NaviLinksRosa li a:hover { background: #F28ACB; text-decoration:none;  }

#NaviLinksBlau li a:link, #NaviLinksBlau li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksBlau li a:hover { background: #0a1c87; text-decoration:none;  }

#NaviLinksAqua li a:link, #NaviLinksAqua li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksAqua li a:hover { background: #076ECF; text-decoration:none;  }

#NaviLinksRot li a:link, #NaviLinksRot li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksRot li a:hover { background: #D71E1E; text-decoration:none;  }

#NaviLinksOrange li a:link, #NaviLinksOrange li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksOrange li a:hover { background: #FF7908; text-decoration:none;  }

#NaviLinksOlive li a:link, #NaviLinksOlive li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksOlive li a:hover { background: #6D8406; text-decoration:none;  }

#NaviLinksPink li a:link, #NaviLinksPink li a:visited { color: #fff; text-decoration:none;  }
#NaviLinksPink li a:hover { background: #FD53B3; text-decoration:none;  }




/*---------------------------------------------- Content OuterBoxes ---------------------------------------------*/

#content {
	text-align: left;
	width: 860px;
	height: auto;
	margin-top:0px;
	}

#column-two {
	float: right;
	width: 725px;
	margin-top: 0px;
	min-height:550px;
	height:auto;
	text-align:left;
	}

#column-two .column-padding {
	padding-left: 10px;
	padding-right: 0px;
	}


.rowLeftIndex {
	width: 480px;
	float: left;
	margin-right: 10px; /* note: see style-ie6.css */
	margin-bottom: 0px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowRightIndex {
	width: 235px;
	float: left;
	margin-right: 0px; /* note: see style-ie6.css */
	margin-bottom: 0px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowCategoryRight {
	width: 250px;
	float: left;
	margin-right: 0px; /* note: see style-ie6.css */
	margin-left:5px;
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowCategoryLeft {
	width: 250px;
	float: left;
	margin-right: 10px; /* note: see style-ie6.css */
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowCategoryImage {
	width: 200px;
	float: left;
	margin-right: 10px; /* note: see style-ie6.css */
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowCategoryRight {
	width: 250px;
	float: left;
	margin-right: 0px; /* note: see style-ie6.css */
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowDetailLeft {
	width: 415px;
	float: left;
	margin-right: 0px; /* note: see style-ie6.css */
	margin-bottom: 0px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowDetailRight {
	width: 300px;
	float: left;
	margin-right: 0px; /* note: see style-ie6.css */
	margin-bottom: 10px; /* note: see style-ie6.css */
	margin-left:10px;
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowMaintextCategory {
	position:relative;
	width: 725px;
	float: left;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	margin-top:0px;
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	
.rowMaintextIndex {
	position:relative;
	width: 725px;
	float: left;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	margin-top:-10px;
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
.rowHairfree {
	position:relative;
	width: 725px;
	clear:both;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	margin-top:-10px;
	margin-bottom: 10px; /* note: see style-ie6.css */
	min-height: 10em; 
	height: auto; /* note: see style-ie6.css */
	}
	

/*---------------------------------------------- Content InnerBoxes ---------------------------------------------*/

/*---------------------------------------------- Index site ---------------------------------------------*/	

.boxMaintextIndex { padding: 30px 12px 12px 12px;}

.boxIndexRight {
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:211px;
	}

.boxUIndexRight{
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:211px;
	}
.boxUIndexRight img {border:none;}	
.boxIndexLeft {
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:456px;
	height:auto;
	}
.boxPresseLeft {
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:456px;
	}	
.boxUPresseLeft {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:456px;
	}	
.boxPresseLeft img,.boxUPresseLeft img {border:1px solid silver;}
.boxUIndexLeft {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:456px;
	}
.boxIndexLeft ul li,.boxUIndexLeft ul li {
	margin-left:15px;
}		
.boxUPreis {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:456px;
	}	
.boxPresseRight {
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:211px;
	}

.boxUPresseRight{
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:211px;
	}
.boxPresseRight img, .boxUPresseRight img {border:none;}

/*---------------------------------------------- Category sites ---------------------------------------------*/	

.boxMaintextCategory{ padding: 12px;}

.boxCategory {
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:226px;
	}

.boxUCategory {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:226px;
	}
	
.boxMitte {	width:200px;}

.boxMitteU {
	margin-top:0px;
	width:200px;
	}
	
	
/*---------------------------------------------- Detail sites ---------------------------------------------*/


.boxDetail{
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:391px;
	}
.boxDetailKontakt{
	margin:10px 0 0 0;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:370px;
	}
	
.boxUDetail {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:391px;
	height:auto;
	}
#videoBonita {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:391px;
	height:auto;
	overflow:hidden;
	}
.boxDetailRight {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:276px;
	}	
.boxDetailRight h3 {margin: 0 0 5px 0;}
.boxDetail ul, .boxDetailRight ul {
	padding-left:10px;
	line-height: 20px;
}	
.boxDetailPreis {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:276px;
	}	

.boxDetailPreis ul {
	list-style:none;
	line-height:20px;	
	}	
	
/*---------------------------------------------- Box Images ---------------------------------------------*/
	

.boxCategory img, .boxUCategory img, .boxIndexLeft img, .boxUIndexLeft img, .boxUDetail img, .boxDetailRight img {
	float:left;
	border: 2px solid silver;
	margin:5px 5px 0 0;
	}
.boxMitte img, .boxMitteU img {
	 margin-bottom:10px;
	 }
	
.boxUPreis img  {
	float:right;
	margin:5px 5px 0 0;
	}

.boxUimg img {
	border:0px;
	margin:10px 0 0 0;
	}

.boxUimgMain {
	background-image:url(../images/Main/gutschein3.jpg);
	background-repeat:no-repeat;
	width:235px;
	height:323px;
	margin:10px 0 0 0;
	text-align:center;
	padding-top:8px;
	border:none;
	}
.boxUimgMain h1 a {
	color:#ffffff;
}
.grey {color:#333333;}
.boxUimgMain h6 a:link, h6 a:visited {
	color: #CC0000;
	text-decoration:none;
	} 
.boxUimgMain img {border:0px;}
		
.boxDetailImg img {
	border:0;
	margin:0;
	}	
.boxDetailUImg img {
	border:0;
	margin-top:10px;
	}
#tipp {
	position:absolute;
	margin-left:300px;
	margin-top:-200px;
}
#tipp img {border:none;}
.preisDetail {
	float:right;
	
	
}

#spalte1 {
	width:200px;
	line-height:22px;
	float:left;
}
#spalte2 {
	width:76px;
	line-height:22px;
	float:right;
	text-align:right;
}
	

/*----------------------------------------------------- Footer -----------------------------------------------------*/

	
#footer {
	margin:0 auto;
	width: 880px;
	height: 50px;
	background-image: url( ../images/Allgemein/footer.jpg);
	background-repeat:no-repeat;
	font-size:90%;
	padding-top: 23px;
	text-align: center;
	}
	

/*----------------------------------------------------- Siteplan -----------------------------------------------------*/

.boxSiteplan{ padding: 30px 12px 12px 12px;}
.boxSiteplan a{
	font-family:"Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
}


ul#Siteplan {
    width: 30em;
    margin: 0; padding: 0.8em;
    
    
  }
  * html ul#Siteplan {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }
  ul#Siteplan li {
    list-style: url(../images/Allgemein/haken.png);
    margin: 0.6em; padding: 0;
  }

  ul#Siteplan li ul {
    margin: 0 0 0 3em; padding: 0;
  }
  ul#Siteplan li ul li {
    margin: 0.1em 0;
  }
  * html ul#Siteplan li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
  }
  
  ul#Siteplan a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    
  }
  ul#Siteplan li a {
    background-image:url(../images/Allgemein/siteplanline.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom;
  }
  ul#Siteplan li ul li a {
    border-bottom: none;
	background:none;
  }
  * html ul#Siteplan a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }
  * html ul#Siteplan li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 7.8em;  /* Breitenangabe fuer IE 6 */
  }
  ul#Siteplan a:hover {
        color:#000; background-color: #fea827;
  }


/*----------------------------------------------------- Search -----------------------------------------------------*/


#search {
	text-align:left;
	width:200px;
	}