/* =================================================================
             www.markenkosmetik.de - CSS Document 
===================================================================*/

*{ padding: 0;
   margin: 0;
   outline:none;
 }
 
body {
	background: url(../images/bg_pattern.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#f48395;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;

}

/* =================================================================
             www.markenkosmetik.de - DIV Settings
===================================================================*/

#container {
	width:1070px;
	height:auto;
	margin:0 auto;
	background:url(../images/bg_container.gif) no-repeat;
}

#wrapper {
	width:740px;
	height:auto;
	margin:0 auto;
	background:url(../images/bg_wrapper.gif) repeat-y;
}

#header {
	width:740px;
	height:254px;
	background:url(../images/bg_header.jpg) no-repeat;
}

#extra_navi {
	width:740px;
	height:29px;
	background:url(../images/bg_extra_navi.gif) no-repeat;
}

#main {
	width:740px;
	min-height:285px;
	position:relative;
	background:url(../images/bg_main.gif) no-repeat;
	padding-bottom:10px;

}

* html #main {
	height:285px;
}

#left_area {
	width:120px;
	height:auto;
	float:left;
	padding:0 0 10px 15px;
}

#content {
	width:420px;
	height:auto;
	float:left;
	padding:10px 0 0 25px;
	
} 


#content2 {
	width:690px;
	height:auto;
	float:left;
	padding:0 0 10px 25px;
}

#right_area {
	width:120px;
	float:right;
	padding: 0 15px 0 0;
}

#bottom {
	clear:both;
	width:740px;
	height:80px;
	background:url(../images/bg_bottom.gif) no-repeat;
}


#banner_holder_right {
	width:120px;
	height:600px;
	position:absolute;
	background-color:#fae9f7;
	left: 767px;
	top: -25px;
}

#banner_holder_left {
	width:120px;
	height:600px;
	position:absolute;
	background-color:#fae9f7;
	left: -155px;
	top: -28px;
}

/* =================================================================
             www.markenkosmetik.de - Highlight des Tages Settings
===================================================================*/

h1 {
	font-size:18px;
	color:#7e0028;
	margin-bottom:10px;
}

#content a {
	color:#7e0028;
}

.kosmetikmarke a {
	color:#000;
	text-decoration:none;
	padding-left:5px;
	font-size:10px;
}

.kosmetikmarke {
	margin-bottom:15px;
}

#box_highlight_title {
	width:420px;
	height:39px;
}

#box_main {
	width:418px;
	height:180px;
	border-left:#7e0028 1px solid;
	border-right:#7e0028 1px solid;
	border-bottom:#7e0028 1px solid;
	padding-top:5px;
	margin-bottom:15px;
}

#box_bottom {
	width:240px;
	height:8px;
	margin-bottom:15px;
}

#box1 {
	width:135px;
	height:150px;
	border-right:#7e0028 1px solid;
	padding:0 0 0 5px;
	float:left;
	text-align:center;
		
}

#box2 {
	width:135px;
	height:150px;
	border-right:#7e0028 1px solid;
	padding:0 0 0 0;
	float:left;
	text-align:center;
		
}

#box3 {
	width:130px;
	height:150px;
	padding:0 0 0 0;
	float:left;
	text-align:center;
		
}

.logo {
	padding:89px 0 0 136px;
}
/* ====================================================================
				CLEARFIX Settings
======================================================================= */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */