/* 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/blueLine1.png);
	background-repeat:repeat-x;
	background-color:#3183d0;
	}
	
p {
	margin: 0 0 10px 0;
	line-height: 1.5em;
	}
	
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 #6f6f6f;
	color:#fea827;
	}

h2 {
	margin: 0 0 15px 0;
	font-size: 1.2em;
	border-bottom: 1px solid #6f6f6f;
	color:#fea827;
	}
	
h2 {
	margin:0 0 10px 0;
	font-size: 1.2em;
	border-bottom: 1px solid #6f6f6f;
	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;
}
.textleft {
	float:left;
	margin-left:20px;
	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;
	}
.leftp1 {
	float:left;
	margin: -5px 0 10px 0;
	line-height: 1.4em;
	text-transform:uppercase;
	color: #fea827;
}
/*------------------------------------------ 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: 990px;
	background-image:url(../images/Allgemein/dropshadow.png);
	background-repeat:no-repeat;
 	}
#dswrapper1 {
	margin: 0 auto;
	margin-top:10px;
	width: 990px;
	background-image:url(../images/Allgemein/dropshadow1.png);
	background-repeat:no-repeat;
 	}

#headtext h1 {
	text-indent:-9999px;
	border:none;
}	
#container {
	width: 960px;
	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;
	}
.mainhome {
	background-image: url(../images/Main/containerMain1.png);
	background-repeat:no-repeat;
	}
.impressum {
	background-image: url(../images/Main/containerMain2.png);
	background-repeat:no-repeat;
	}
	
.kosmetik {
	background-image: url(../images/Kosmetik/containerKosmetik1.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: 960px;
	}
#header {
	width: 960px;
	height: 115px;
	background: url(../images/Allgemein/logo2.jpg);
	background-repeat:no-repeat;
	margin-bottom:0px;
	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:220px;
	height:109px;
	}	
#blume {
	position:relative;
	margin-left:760px;
	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);}
	
.linie {
	background-color:#FFFFFF;
	height:1px;
}
.linieBlau {height:1px;}
#main-image {
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	width: 960px;
	height: 330px;
	float: left;
	margin: 0;
	color:#cccccc;
	z-index:10;
	}
.imageMain {background-image:url(../images/Show/ShowFace.jpg);}
.imageKosmetik {background-image:url(../images/Show/ShowFace.jpg);}
.imageWellness {background-image:url(../images/Show/ShowWellness.jpg);}
.imageMassage {background-image:url(../images/Show/ShowMassage.jpg);}
.imageBodywork {background-image:url(../images/Show/ShowBodywork.jpg);}
.imageBeauty {background-image:url(../images/Show/ShowBeauty.jpg);}
.imageHairfree {background-image:url(../images/Show/ShowHairfree.jpg);}
.imageHands {background-image:url(../images/Show/ShowMani.jpg);}
.imageMen {background-image:url(../images/Show/ShowMen.jpg);}
.imageKundin {background-image:url(../images/Show/ShowKundin.jpg);}
.imageKabine {background-image:url(../images/Show/ShowKabine.jpg);}
.imageVerkauf {background-image:url(../images/Show/ShowVerkauf.jpg);}
.imagePevonia {background-image:url(../images/Show/ShowPevonia.jpg);}
.imageElemis {background-image:url(../images/Show/ShowElemis.jpg);}
.imageGalland {background-image:url(../images/Show/ShowGalland.jpg);}
.imageSchrammek {background-image:url(../images/Show/ShowSchrammek.jpg);}
.imageKlapp {background-image:url(../images/Show/ShowKlapp.jpg);}
.imageTeam {background-image:url(../images/Show/ShowTeam1.jpg);}
.imageMaluwilz {background-image:url(../images/Show/ShowMaluwilz.jpg);}
.imageOpi {background-image:url(../images/Show/ShowOpi.jpg);}


#country {
	position:relative;
	float:right;
	margin-right:-15px;
	margin-top:-20px;
	width: 100px;
	z-index:5;
	background-repeat:no-repeat;
	}                          
	


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

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

#column-two {
	float: right;
	width: 800px;
	margin-top: 10px;
	min-height:450px;
	height:auto;
	text-align:left;
	}

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


.rowLeftIndex {
	width: 555px;
	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: 280px;
	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: 285px;
	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: 5px; /* 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: 280px;
	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: 480px;
	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: 800px;
	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: 20px 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;
	}
.boxUIndexRightFB{
	margin-top:10px;
	padding: 12px;
	
	background-color:#FFF;
	width:211px;
	}
.boxUIndexRight img {border:none;}	
.boxIndexLeft {
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:531px;
	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:531px;
	}
.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:261px;
	}

.boxUCategory {
	margin-top:10px;
	padding: 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:261px;
	}
	
.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:456px;
	}
.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:456px;
	height:auto;
	}
#videoBonita {
	margin-top:10px;
	padding: 12px;
	padding-left:90px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:378px;
	height:auto;
	overflow:hidden;
	}
.boxDetailRight {
	margin-top:10px;
	margin-bottom: 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:8px 8px 0 0;
	}
.boxMitte img, .boxMitteU img {
	 margin-bottom:10px;
	 }
	
.boxUPreis img  {
	float:right;
	margin:5px 5px 0 0;
	}
	
.boxUfacebook {
	margin:10px 0 0 0;
	width:235px;
	height:180px;
	}
.boxUfacebook a img {
	border:0px;
	
		}
.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:-100px;
}
#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: 960px;
	height: 50px;
	background-image: url( ../images/Allgemein/footer.jpg);
	background-repeat:no-repeat;
	font-size:90%;
	padding-top: 23px;
	text-align: center;
	}
/*----------------------------------------------------- Formular -----------------------------------------------------*/	

fieldset {
	border:none;
	padding:0 12px 12px 12px;
	background-image: url(../images/Allgemein/box.png);
	background-repeat:repeat;
	width:456px;
	}


ol {
	padding: 10px 0 0 0;
	list-style: none;
}
ol li {
	padding:0;
}
label {
	display: block;
	float:left;
	width: 150px;
	margin-right:0;
	margin-left:50px;
	font-size:13px;
	overflow:hidden;
	color:#fea827;
}
select {
	font-size:14px;
	padding:0;
	width:210px;
	height:20px;
	color:#fff;
}
textarea, select {
	border:solid 1px #888;
	border-style:inset;
	background:#3183d0;
	color:#fff;
	font-size:14px;
}
textarea {
	width:360px;
	margin-left:50px;
	}
.small {width:205px; margin-left:0;}
input {
	background-color:#3183d0;
	color:#fff;
	width:205px;
	font-size:14px;
	
	}
.button {
	text-align:center;
	
	}
.reset {width:60px;}
.bg {
	background-color:#2A6FB0;
	
}
fieldset img {
	float:right;
	margin-top: -45px;}

/*----------------------------------------------------- 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;
	}
.bold {
	font-weight: bold;
}