@charset "UTF-8";

/**
* alle margin und padding werte auf 0 setzen um render probleme zu minimieren
*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

/**
* standard schriftart-, größe und scrollbalken erzwingen um "springen" der seite zu verhindern
*/ 
html, body {
	height: 100%;
}

body {
	background: url(../images_intro/bg_top.jpg) repeat-x #fddddd;
	font-family: Arial;
	font-size: 12px; 
	color: #444348;
}

/**
* Format der Überschriften
*/
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
}

h1 {
	font-size: 1.6em;
	line-height: 2em;
}

h2 {}

h3 {
	margin: 20px 0 8px 0;
	line-height: 20px;
}

strong, b {
	font-weight:bold !important;
}

/**
* Absatz Formatierung
*/
p				{
	font-family:Arial; 
	font-size:12px; 
	line-height:18px; 
	margin: 0 0 15px 0;
}

/**
*	Definition der Listen Stile
*/
ul {	
}

li {
	margin:0 0 15px 15px;
	font-family: Arial;
	font-size: 12px; 
	color: #444348;
}


/**
* Definition der Link Stile
*/ 
a {
	color:#275CA9;
	font-size:1.1em;
	outline: 0;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}


img { 
	border: 0;
}



.hover_Permanent-Make-Up, .hover_Beauty-Eyelash, .hover_Online-Shop {
	display:none;
	position:absolute;
	top:0;
	left:18px;
	z-index:8;
}
.hover_Permanent-Make-Up {
	background:url(../images_intro//bg_permanent.jpg) no-repeat;
	width:603px;
	height:260px;
	padding:120px 335px 0 26px;
}
.hover_Beauty-Eyelash {
	background:url(../images_intro//bg_beauty.jpg) no-repeat;
	width:603px;
	height:220px;
	padding:160px 335px 0 26px;
}
.hover_Online-Shop {
	background:url(../images_intro//bg_shop.jpg) no-repeat;
	width:638px;
	height:230px;
	padding:150px 300px 0 26px;
}

#start_pic {
	background:url(../images_intro//bg_start.jpg) no-repeat;
	width:603px;
	height:210px;
	position:absolute;
	top:0;
	left:18px;
	z-index:5;
	padding:170px 335px 0 26px;
}

#sonne {position:absolute; top:15px; right:20px; z-index:1; width:153px; height:85px; background:url(../images_intro//fussball.png) no-repeat top right; }
#sonne span {display:none;}

/******************************************
Intro layout
******************************************/

#page {
	min-height: 100%;
	height:auto !important;
	height:100%;
	position:relative;
}
/* IE Win < 7 only \*/
* html #page {
	height:100%;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding:0 0 115px 0;
	position:relative;
	z-index:5;
	background: url(../images_intro//rep_content.png) repeat-y top center;
}
#header {
	position: relative;
	height: 120px;
	background: url(../images_intro//header.jpg) no-repeat;
	padding:20px 0 0 140px;
}

#logo {
	display:block;
	height: 45px;
	width: 480px;
}

#center_col {
	padding: 0 18px 50px 18px;
	min-height:450px;
	position:relative;
}


#main #left_col {display:none}
#main #right_col {display:none}


#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:105px;
	background:url(../images_intro//bg_bottom.jpg) repeat-x;
	padding:103px 0 0 0;
}
#footer_content {
	width: 1000px;
	height:105px;
	margin: 0 auto;
	background:url(../images_intro//footer.jpg) no-repeat;
	position:relative;
	z-index:5;
}
#footer p {
	color:#f2c3cb;
	font-size:11px;
	line-height:15px;
	margin-top:15px;
	text-align:center;
}

/*******************
Intro navigation
*******************/



#main_navigation {
	width:407px;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-203px;
}
#main_navigation ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#main_navigation ul li {
	list-style-type: none;
	margin:0;
	padding:0;
	float: left;
}

#main_navigation ul li a {
	display: block;
	text-decoration: none;
	width:136px;
	height:20px;
	padding:80px 0 0 0;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images_intro//btn_navi.jpg);
	text-align:center;
	font-family:Arial;
	font-size:13px;
	line-height:15px;
	color:#b2b2b2;
}
#main_navigation ul li a:hover, #main_navigation ul li a.active {
	background-position:top right;
	color:#000000;
}

#main_navigation_online-shop_a_de {
	width:135px !important;
	background-image:url(../images_intro//btn_navi2.jpg) !important;
}


#footer_navigation {
	padding:35px 0 0 0;
	overflow:hidden;
	width:150px;
	margin:0 auto;
}
#footer_navigation ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#footer_navigation ul li {
	list-style-type: none;
	margin:0;
	float: left;
}

#footer_navigation ul li a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-family:Arial;
	font-size:11px;
	line-height:11px;
	color:#dbc9a8;
	padding:0 5px;
}
#footer_navigation ul li a:hover {
	color:#000000;
}
#footer_navigation_impressum_a_de, #footer_navigation_agb_a_de {
	border-right:1px solid #dbc9a8;
}

/*------------------------------------------------------------------------------------------
	
	Clearing Container zum auflösen von floatenden Bereichen
	
------------------------------------------------------------------------------------------*/

/*  CLEARING DES MAIN CONTENT */
.clearing {
	clear: both;
	overflow: hidden;
}