@charset "utf-8";

/* CSS Document */

/*********************    Index    ************************

   domain: beauty2000abg.de
   author: Samuele Prati
    
	1. Global Tags
	
   2. Global Classes
		2.1 h2 Graphic
		2.2 h3 Graphic
		2.3 a Graphic
		2.4 IMG Class
		2.5 Tables 
	
   3. Container
	
   4. Header
		4.1 Shoplink
		4.2	NavigationAdditional
		4.3	Branding
		
		
   5. ContentContainer
   	5.1 contentMain
      5.2 contentSidebar
		5.3	Navigation
		
	6. Footer
		6.1 Push // Sticky footer
    

/*********************************************************/
/******************   = global-tags  *********************/
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

div {

}


input {
	border:#CCCCCC 1px solid;
}

html {
	background-color: #fff;
	height:100%;

}


body {
	height:100%;
	min-height:600px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	background-image: url(../images/bg-html.jpg);
	color:#b5844d;
	background-repeat:repeat-x;
}


#euroweb {
	width:580px!important;
}

#euroweb img {
	float:left;
	margin: 0 15px 0 0;
}


/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/

.clear {
	float: none;
	clear: both;
}

h1, h2, h3, h4 {
	font-weight:lighter;
}


h4 {
	line-height:18px;
	font-weight:bold;
	font-size: 12px;
}

h1 {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1px;
}

.lighter {
	font-weight:lighter;
}

.floatleft {
	float:left;
}

.marginr {
	margin-right:20px;
}

/*********************************************************/
/*******************   = container  **********************/
/*********************************************************/

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width : 990px;
	margin-right: auto;
	margin-left: auto;
	background:url(../images/bg-content.jpg);
	background-position:top center;
	background-repeat: no-repeat;
}

/*********************************************************/
/*********************   = header  ***********************/
/*********************************************************/

div#header {
	position:relative;
	width : 990px;
	height: 377px;
	background: url(../images/bg-header.jpg) no-repeat;
	background-position:top center;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	z-index:50;
}

div#header a:hover {
	color:#FF0000;
	text-decoration:none;
}

/*********************************************************/
/********************   = navigation  ********************/
/*********************************************************/        

ul#navigation {
	position:absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	z-index: 11;
	width: 570px;
	height: 75px;
	float:left;
	left: 0px;
	top: 293px;
}

ul#navigation a {
	display: block;
	background-image: url(../images/bg-navigation.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
	z-index:90;
	height:75px;
}

ul#navigation li {
	float: left;
	left: -999em;
	display: block;
}
	
/*********************************************************/

li#navi01 a.inactive {
	background-position: 0px 0px;
	width:173px;
}

li#navi01 a:hover, li#navi01 a.active {
	background-position: 0px -75px;
	width:173px;
}

li#navi02 a.inactive {
	background-position: -173px 0px;
	width:211px;
}

li#navi02 a:hover, li#navi02 a.active {
	background-position: -173px -75px;
	width:211px;
}

li#navi03 a.inactive {
	background-position: -383px 0px;
	width:167px;
}

li#navi03 a:hover, li#navi03 a.active {
	background-position: -383px -75px;
	width:167px;
}




/*********************************************************/
/*************   = navigationAdditional  *****************/
/*********************************************************/        

ul#navigationAdditional {
	position:absolute;
	top:10px;
	left:0px;
	height: 25px;
	width:405px;
	float:left;
	font-size:12px;
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
}

ul#navigationAdditional a {
	display: block;
	background-image: url(../images/bg-alternativenavigation.jpg);
	background-repeat:no-repeat;
	height: 25px;
	text-indent: -9999px;
	z-index:90;
}

ul#navigationAdditional a:hover {
	display: block;
}

ul#navigationAdditional li {
	float: left;
}

ul#navigationAdditional li ul {
	position: absolute;
	display: none;
	margin: 0;
	float: left;
	text-indent: -9999px;
	outline: none;
	z-index:90;
}

ul#navigationAdditional li:hover ul, ul#navigationAdditional li.sfhover ul {     
	left: auto;
	z-index:90;
}

ul#navigationAdditional ul li a {
	display: block;
	z-index:90;
}

ul#navigationAdditional #Additionalnavigator01.inactive {
	width: 116px;
	background-position: 0px 0px;
}

ul#navigationAdditional #Additionalnavigator01:hover, ul#navigationAdditional #Additionalnavigator01.active {
	width: 116px;
	background-position: 0px -25px;
}

ul#navigationAdditional #Additionalnavigator02.inactive {
	width: 90px;
	background-position: -116px 0;
}

ul#navigationAdditional #Additionalnavigator02:hover, ul#navigationAdditional #Additionalnavigator02.active {
	width: 90px;
	background-position: -116px -25px;
}

ul#navigationAdditional #Additionalnavigator03.inactive {
	width: 86px;
	background-position: -205px 0;
}

ul#navigationAdditional #Additionalnavigator03:hover, ul#navigationAdditional #Additionalnavigator03.active {	
	width: 86px;
	background-position: -205px -25px;
}

ul#navigationAdditional #Additionalnavigator04.inactive {
	width: 106px;
	background-position: -290px 0;
}

ul#navigationAdditional #Additionalnavigator04:hover, ul#navigationAdditional #Additionalnavigator04.active {	
	width: 106px;
	background-position: -290px -25px;
}


a.shop {
	position:absolute;
	left: 599px;
	top: 42px;
	display:block;
	background-image:url(../images/a-shop.jpg);
	height: 68px;
	width: 359px;
	background-repeat:no-repeat;
	text-indent: -9999px;
	cursor:pointer;
	background-position: -0px -68px;
}

a.shop:hover {
	background-position: 0px -68px;
}

/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/     			
			
h1.branding a {
	display: block;
	width: 257px;
	height: 184px;
	position: absolute;
	top: 81px;
	left: 9px;
	background-image:url(../images/bg-branding.jpg);
	background-repeat:no-repeat;
}

/*********************************************************/
/****************   = contentContainer  ******************/
/*********************************************************/ 

div#contentContainer {
	position:relative;
	width : 990px;
	padding-bottom: 50px;
	background-repeat:no-repeat;
	background-image:url(../images/bg-content.jpg);
	background-position:top center;
	min-height: 100%;
	height: auto !important;
	z-index:10;
	margin: 0 auto -27px;
}

a {
	text-decoration:underline;
	color:#d96b0a;
}

a:hover {
	text-decoration: none;
}
/*********************************************************/
/*******************   = contentMain  ********************/
/*********************************************************/ 
   
div#contentMain {
	position:relative;
	float:left;
	display:block;
	width: 640px;
	z-index: 15;
	padding-top:25px;	
	line-height:20px;
	padding-left:5px;
	font-size:12px;
	margin-right:50px;
	_margin-right:25px;
}

div#contentMain a {
	text-decoration:underline;
}

div#contentMain p {
	line-height:21px;
	margin-bottom:21px;
}

div#contentMain a.karte {
	width:103px;
	height:127px;
	display:block;
	background-image:url(../images/karte.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}


.bg-h2 {
	background-image:url(../images/bg-h2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:61px;
	width: 575px;
	display:block;
	padding-left:30px;
}

#contentMain h2 {
	display:block;
	color:#e88921;
	font-size:29px;
	line-height:29px;
	vertical-align:bottom;
}

#contentMain h3 {
	display:block;
	font-size:29px;
	height:26px;
	color:#e88921;
	height:42px;
	line-height:29px;
	vertical-align:bottom;
}

#bg-h3-aktuelles {
	display:block;
	height:54px!important;
	width:259px;
	text-indent:-9999px;
	background-image:url(../images/h3/bg-h3-aktuelles.jpg);
	margin-bottom:25px;
	}


#contentMain h4 {
	background-repeat:no-repeat;
	text-indent: -9999px;
	display:block;
	width:289px;
	height:41px;
}

.sofindensieuns {
	background-image:url(../images/bg-h4-sofindensieuns.jpg);
}

.impressionen {
	background-image:url(../images/bg-h4-impressionen.jpg);
}

div#contentMain ul {
	margin: 0 0 15px 0;

}



div#contentMain ul li {
	margin: 0 15px 10px 15px;
	padding: 0 0 0 10px;
}
 
/*********************************************************/

div#contentMain dl  {
	margin: 0;
	width:590px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
	overflow:visible;
}

div#contentMain dt {
	float:left;
	width:120px;
	font-weight:bold;
	display:block;
}

div#contentMain dd {
	float:left;
	width:470px;
	display:block;
}

.behandlunglong {
	width:190px!important;
}

.behandlung {
	width:300px!important;
}

.price {
	width:90px!important;
	text-align:right;
}

.pricelong {
	width:280px!important;
	text-align:right;
}


div#contentMain dl dd {
	margin-bottom: 5px;
	display:block;

}

/*********************************************************/

div#impressum dl  {
	margin: 0;
	width:550px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

div#impressum dt {
	float:left;
	width:200px;
	font-weight:bold;
	display:block;
}

div#impressum dd {
	float:left;
	width:300px;
	display:block;
}

div#impressum dl dd {
	margin-bottom: 20px;
	display:block;

}



/*********************************************************/


.highlight {
	color:#b27a06;
}


h5 {
	font-size: 32px!important;
	padding-bottom:20px;
	color:#d09821;
}

div#contentMain .column {
	width:620px;
	overflow:visible;
	float:left;
	background-color:#ffefe3;
	padding-top:25px;
	padding-left:20px;
	padding-bottom:25px;
	padding-right:20px;
	margin-bottom:20px;
	_margin-bottom:10px!important;
}

div#contentMain .columnsmall {
	width:305px;
	overflow:visible;
	float:left;
}

.contentchapter { 
	position:relative;
	min-height:100px;

}

.separator {
	position:relative;
	width:100%;
	height: 1px!important;
	background-color:#f7d6b1;
	background-repeat:repeat-x;

	margin-top:15px;
	margin-bottom: 15px;
	display:block;
	clear:both;
}

iframe {
	border:#f7d6b1 1px solid;
}

.imgborder {
	padding:4px;
	background-color:#fad9c0;
	margin-bottom:20px;
}


/*********************************************************/
/*****************   = contentSidebar  *******************/
/*********************************************************/ 
         
div#contentSidebar {
	position:relative;
	float:left;
	width: 265px;
	margin-top:78px;
	font-size:11px;
	z-index:10;
}

ewcms_edit_table {
	position:relative;
	z-index:100;
}

/*********************************************************/ 

div#contentSidebar p {
	font-size:11px;

	line-height:18px;

	margin-bottom:21px;
}

#montage {
	display:block;
	width:261px;
	height:63px;
	text-indent:-9999px;
	background-image:url(../images/h3/bg-h3-montage.jpg);
}

div#contentSidebar h3 {
	font-weight:lighter;
	font-size:18px;
	color:#f4bf31;
}

/*********************************************************/
/****************   = contentContainer  ******************/
/*********************************************************/ 

div#footer {
	height: 27px;
	background-position: top center;
}

div#push {
	height: 27px;
}

h4 {
	color:#790903!important;
	font-weight:lighter;
	font-size:20px;
	padding-bottom:20px;
}

p {

	font-size:12px;
	line-height:21px;
}

#flash {
	position:absolute;
	width:655px;
	height:450px;
	display:block;
	left: 295px;
	top: 40px;
	z-index:55;
}

/*********************************************************/
/************************ Euro-CMS ***********************/
/*********************************************************/


#ewcms_edit_controller {
	position:absolute;
	padding: 10px;
	top:15px;
	left: 15px;
	background-color:#FF0000;
	z-index: 100;
	width: 150px;
	height: 30px;
}


/********************** Finito :-) ************************/