/*
################## Style Sheet for beauty-and-more.ch ###############
### |-----------------------------------------------------------| ###
### |      © 2006 by bitsolution stalder, www.bitsolution.ch    | ### 
### |      Cascading Style Sheet for beauty-and-more.ch         | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/






/*
####################################################
################## GENERAL TAGS ####################
####################################################
*/

html, body			{ height:100%; } 

body				{ }

body				{ padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:150%;}
p, div, td, span, center, input, textarea, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:150%; }

a					{ color:#e3004f; text-decoration:underline; }
a:hover				{ color:#e3004f; text-decoration:none; }

form				{ padding:0px; margin:0px;}

ul					{ margin-left:0px!important; margin-left:30px; padding-left:25px!important; padding-left:0px;}
li					{ list-style-image:url(/global/grfx/bullet_ff.gif)!important;  list-style-image:url(/global/grfx/bullet_ie.gif); margin-bottom:3px;}



/* headlines */
h1					{ color:#e3004f; font-size:14px; padding:0px 0px 4px 0px; margin:0px 0px 10px 0px; font-weight:bold; position:relative; border-bottom:1px solid #EA0C4A }
h2					{ color:#111; font-size:12px; padding:0px; margin:0px 0px 0px 0px; font-weight:bold; }
h3					{ color:#111; font-size:11px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; }
h4					{ color:#111; font-size:10px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; }

hr					{ height:2px; background-color:#F5DFE3; border:none; }



/*
####################################################
#################### BLOCKS ########################
####################################################
*/

.containerMain		{  }
.blockMain			{ text-align:left; padding-left:1px; }

.blockTop			{ display:none; }
.blockMid			{ }
.blockLeft			{ display:none; }
.blockContent		{  }
.blockBottom		{  }


.containerContent	{ margin:0px 0px 07px 0px; }

.white				{ background-color:#fff; }

/*IDs*/
#colRight			{ width:150px;}
#clear				{ clear:both; height:0px; line-height:0px; }


/*
####################################################
#################### ELEMENTS ######################
####################################################
*/


/*LEFT*/
.elementNavigation			{ margin-left:0x;}


/*MAIN*/
.colLeft					{ float:left; width:280px; }
.colRight					{ float:right; width:240px; }
.back						{ padding:16px 0px 20px 0px;}

/*BEHANDLUNGEN*/
.treatments td a			{ display:inline-block; }
.treatments td a			{ color:#000; text-decoration:none; display:block; background-color:#FEE0E3; padding:2px 0px 2px 4px; border:2px solid #fff; border-left:none; }
.treatments td a:hover		{ color:#000; text-decoration:none; background-color:#F6A1AB; }



/*LIST*/
.listItem					{ margin-bottom:15px;}


/*INFOBOX*/
.infobox					{ width:100%; }
.infobox .heading			{ background-color:#F6A1AB; font-weight:bold; padding:5px;}
.infobox .content			{ background-color:#FEE0E3; padding:2px 5px 5px 5px!important; padding:5px 5px 5px 5px;  border-top:7px solid #fff; }


/*FOOTER*/
.elementFooter				{ border-top:1px solid #e3004f; padding-top:8px;}
.elementFooter a			{ color:#000; text-decoration:none; }
.elementFooter a:hover		{ color:#000; text-decoration:underline; }


/*NEWSLETTER*/
.newsletter h1		 		{ color:#e3004f; font-size:14px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font-weight:bold; position:relative; }
.newsletter .nlFooter		{ border-top:1px solid #e3004f; padding-top:8px; margin-top:20px; }


/*
####################################################
################# FORM ELEMENTS ####################
####################################################
*/

.inputLine, .inputField, .inputSelect		{ border:1px solid #EA0C4A; font-size:10px; color:#df0118; }
.inputLine					{ padding:1px 0px 0px 0px; height:13px!important; height:16px; line-height:13px;}
.inputButton				{ vertical-align:-1px!important; vertical-align:-1px; border:1px solid #df0118; font-size:10px; height:16px; color:#df0118; line-height:13px; background-color:#fff; font-weight:bold; }
.inputGo					{ width:25px; height:16px; padding:0px; vertical-align:-1px!important; vertical-align:-1px; border:1px solid #df0118; font-size:10px; color:#df0118; line-height:13px; background-color:#fff; font-weight:bold; }

.newsletterInputs			{ padding:5px 0px 5px 0px; line-height:0px;}


/*
####################################################
############# (FLOAT)TEXT FORMATTING ###############
####################################################
*/

.imageBorder		{ border:1px solid #ccc;}
.imageLeft			{ float:left; margin:3px 10px 10px 0px; }
.imageRight			{ float:right; margin:3px 0px 10px 10px; }
.txtError			{ color:#FF6600; }
.imgFileIcon		{ vertical-align:-1px; }

/*LIST*/
.msgDate			{ }

/*WYSIWYG editor*/
.text8px			{ font-size:8px;}
.text9px			{ font-size:9px;}
.text10px			{ font-size:10px;}
.text11px			{ font-size:11px;}
.text12px			{ font-size:12px;}
.text13px			{ font-size:13px;}
.text14px			{ font-size:14px;}
.text16px			{ font-size:16px;}

.heading			{ background-color:#F6A1AB; font-weight:bold;	 }
.hilite				{ background-color:#FEE0E3; }
.hilite td, .heading td			{ border-bottom:4px solid #fff;	 }




/*
####################################################
################## NAVIGATION ###################### 
####################################################
*/

.elementNavigation a, .elementNavigation a:hover { text-decoration:none; }

/* LEVEL 1 */
.nav1				{}




/* SITEMAP */
.navSitemap1		{ margin-top:10px;}
.navSitemap1 a		{ font-weight:bold;}
.navSitemap2 a		{ padding-left: 20px; font-weight:normal; }
.navSitemap3 a		{ padding-left:40px; font-weight:normal; }