/************Layout*************************************/
/* GM 18.04.2009 
   GM 16-06-2010 */

@import url(content.css);

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
	color:#000000;
	background:url("http://www.beautycenter-maier.de/fileadmin/templates/main/img/bg_body.gif") repeat-y scroll 1px 0 transparent;
	}
/* 2011 03 28**********************************************************
a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}

a:hover img {
	background: transparent;
	}
	
strong, b {
	font-weight: bold;
	}
*/

.tx-photogals-pi1-big {   }

hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
	/* font-size: 98%; */
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	}
li {
	/* font-size: 98%; */
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
td {
	/* font-size: 98%; */
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
}

/*** 2col Abstand zwischen den zwei Elementen ***/

/*div.csc-frame-frame2 {  margin-left: 80px; }*/
div.csc-frame-frame1 { background-color:#c4c4c4; border:1px solid #gray; float:left; padding:8px 5px 10px 10px; width:50%; } /*padding:2px 4px;*/
div.csc-frame-frame2 { background-color:#c4c4c4; border:1px solid #333333; margin-left:55%; width:49%;
}

/*Für Rahmen und Linien in den Inhaltselementen: */ 

.csc-frame-rulerAfter {
	width:100%; 
	/*border-bottom:1px solid #000080; */
	margin-bottom:-20px;
	}

.clearer { clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px; }	

div,p{ margin:0; font-size: 96%;}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}


html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
/*Hintergrundfarbe*/
body{
  background-color: transparent;
  min-width:950px;
  text-align:center;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  /*position:relative; für zentrierte Ausrichtung pos:absolut entfernen!*/
  width:950px;
  position: absolute;
  /*position: absolute; für ausrichtung links!!*/
	top:0px; 
	left:25px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  /*background-color:#F2F4EE;  Hintergrundfarbe HINTERGRUND rechte und linke Spalte */
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* FARBE für Main Content /Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:200px;
  width:550px;
  /*background-color:#f8f8f8;  /* #f8f8f8 Hintergrundfarbe mittlere Spalte */
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#float-wrap{
  width:550px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#left{
  width:201px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-200px;
}
*>html #left{width:200px;}
#container-left{
  width:200px;
  overflow: hidden;
}
#right{
  float:left;
  display:inline;
  width:202px;
  margin-right:-200px;
  margin-left:-1px;
  margin-top:25px;
  position:relative;
  font-size: 12px;
}
/* \*/
* html #right{
  width:201px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-201px;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
  width:200px;
/* Above hidden from IE-Mac */
  margin-left:2px;
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:550px;
  float:right; /*right gm 2010-06-14*/
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:5px; /*115px gm*/
  overflow:hidden;
}
#clearheaderleft{
  height:35px; /*height:12px;*/
  overflow:hidden;
}
#clearheaderright{
  height:10px; /*height:35px;*/
  overflow:hidden;
}
#clearfootercenter{
  height:1px;  /*height:50px;*/
  overflow:hidden;
  background-color:transparent;
}
#clearfooterleft{
  height:50px;
  overflow:hidden;
}
#clearfooterright{
  height:50px;
  overflow:hidden;
}
#footer{
  z-index:1;
  /*position:absolute;*/
  float:left;
  clear: both;
  width:950px;
  height:145px; /*height:200px;*/
  overflow:hidden;
  /*margin-top:-50px;*/
}
/*Hintergrundfarbe Footer */
#subfooter1{
  /* background-color:#f8f8f8;  /* Hintergrundfarbe HINTERGRUND footer */
  /*text-align:center;*/
  height:200px;
}

#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:950px;
  height:200px;
  overflow:hidden;
}
#subheader1{
  background-color:transparent;
  text-align:center;
  height:200px;
  font-size:96%;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:550px;
  margin-left:200px;
  background-color:transparent; /* Hintergrundfarbe mittlere Spalte */
}
* html #gfx_bg_middle{
  display:none;
}

/* Ab hier Einstellungen f?r die Formatierung der Spalten */

/* Positionierung des Content innerhalb der mittleren Spalte */

#container-content {
	margin: 20px 32px 10px 32px;
	width: 486px;
	overflow: hidden;
}



/* Ab hier Einstellungen f?r Elemente, die auf der Seite angeordnet werden */

/* Logo */

#logo {
	position: absolute;
	left: 0;
}

/* Bild im Kopfbereich */

#header-image {
	position: absolute;
	left: 200px;
}

#language {
	margin: 10px 10px 0 10px;
	width: 180px;
	display: block;
}

#search {
	margin: 10px 0 10px 15px;
}

#rootline {
	margin: 0px 10px 20px 0px;	/*margin: 20px 10px 20px 0px;*/
	font: normal 94% Verdana, Arial, Helvetica, sans-serif;
}

#rootline a {
	font: normal 94% Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}

#rootline a:hover {
	text-decoration: bold;
}

#printlink {
	position: absolute;
	top: 125px;
	right: 15px;
}

#bottommenu ul {
	position: absolute;
	left: 20px;
	top: 15px;
	margin: 0;
	padding: 0;
}

#bottommenu li {
	list-style: none;
	display: block;
	margin: 0 20px 0 0;
	float: left;
}

#bordercontent {
	margin: 23px 10px 20px 10px;
	width: 180px;  
	overflow: hidden; 
}


/* CSS f?r Extensions */



/* Sprachmen? sr_language_menu  #35006d*/

.tx-srlanguagemenu-pi1 p {
	font-family : Verdana, sans-serif;
	font-size : 0.8em;
	line-height : 100%;
	color : #35006d;
	margin-top : 8px;
	padding : 0;
	text-indent : 0;
}

.tx-srlanguagemenu-pi1 img {
	margin : 0 5px;
	padding : 0;
	border-style : none;
}

.tx-srlanguagemenu-pi1 .CUR {
	float : left;
	font-size : 0.8em;
}

.tx-srlanguagemenu-pi1 .CUR a {
	background-color : transparent;
	color : #35006d;
	text-decoration : none;
	font-weight : bold;
}

.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active {
	color : #333333;
}

.tx-srlanguagemenu-pi1 .NO {
	float : left;
	font-size : 0.8em;
}

.tx-srlanguagemenu-pi1 .NO a {
	background-color : transparent;
	color : #35006d;
	text-decoration : none;
	font-weight : bold;
}

.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active {
	color : #333333;
}

.tx-srlanguagemenu-pi1 .INACT {
	float : left;
	font-size : 0.8em;
}

.tx-srlanguagemenu-pi1 .INACT a {
	background-color : transparent;
	color : #35006d;
	text-decoration : none;
	font-weight : normal;
}

.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active {
	color : #333333;
}

.tx-srlanguagemenu-pi1 .SPC {
	float : left;
	font-family : Verdana, sans-serif;
	font-size : 0.8em;
	line-height : 100%;
	color : #35006d;
}

.tx-srlanguagemenu-pi1 fieldset label {
	display : none;
}

.tx-srlanguagemenu-pi1 fieldset select {
	font-size : 0.8em;
	font-family : Verdana, sans-serif;
	background-color : #35006d;
	color : white;
	font-weight : bold;
}


/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see    
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

 /*------------------------------------------------------------------------------------------------------*/