/*               © by LOOK INSIDE  2007          */
/*               www.lookinsi.de                 */
/*               letzte Änderung: 25.04.07       */

title {
	text-transform: uppercase;
}
body  {
	/* font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif; */
	font-family: Arial, helvetica, sans-serif;
	font-size: 78.5%;
	color: #411C14;
	background-color:#ffdab9;
	/*background-color:#F1C7A1; */
	margin-top: 0px;
 	scrollbar-base-color:F4F4F4;
	scrollbar-3dlight-color:FFFFFF;
	scrollbar-arrow-color:FFFFFF;
	scrollbar-darkshadow-color:FFFFFF;
	scrollbar-face-color:DB0930; /* slider oberfläche */
	scrollbar-highlight-color:DB0930; /* slider kontur links oben */
	scrollbar-shadow-color:DB0930;
	scrollbar-track-color:FFFFFF; /* slider Hintergrund */
}
table {
	font-size: 12px;
}
#headhome {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px; /* normal 508*/
	background-image: url(pics/theface-body-and-beautystore.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	text-align:right;
}
#headkont {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-kontakt.jpg);
	background-repeat: no-repeat;
}
#headimpr {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-impressum.jpg);
	background-repeat: no-repeat;
}
#headmakeup {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-makeup.jpg);
	background-repeat: no-repeat;
}
#headvisagist {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-visagist.jpg);
	background-repeat: no-repeat;
}
#headschule {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-make-up-schule.jpg);
	background-repeat: no-repeat;
}
#headreferenzen {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-referenzen.jpg);
	background-repeat: no-repeat;
}
#headbeauty {
	width: 655px;
	position: absolute;
	top: 0px;
	left: 185px;
	height: 538px;
	background-image: url(pics/theface-body-and-beautystore-beauty.jpg);
	background-repeat: no-repeat;
}
#headlookbook {
	width: 820px;
	position: absolute;
	top: 251px;
	left: 203px;
	height: 2948px;
	/* background-image: url(pics/theface-body-and-beautystore-beauty.jpg); */
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#headmineralmakeup {
	width: 820px;
	position: absolute;
	top: 251px;
	left: 203px;
	height: 2581px;
	/* background-image: url(pics/theface-body-and-beautystore-beauty.jpg); */
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#headfarbtabelle {
	width: 816px;
	position: absolute;
	top: 249px;
	left: 207px;
	height: 3475px;
	/* background-image: url(pics/theface-body-and-beautystore-beauty.jpg); */
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#the-face {
	width: 140px;
	position: absolute;
	top: 56px;
	left: 45px;
}
#navigation {
	width: 165px;
	position: absolute;
	top: 398px;
	left: 23px;
	color: #DB0930;
	font-weight: bold;
}
#sel-langu {
	width: 150px;
	position: absolute;
	top: 10px;
	left: 700px;
}
#content-home {
	width: 410px;
	position: absolute;
	top: 527px;
	left: 185px;
}
#content-lookbook {
	width: 790;
	position: absolute;
	top: 396px;
	left: 234px;
	height: 1433px;

}
#content-mineralmakeup {
	width: 790;
	position: absolute;
	top: 396px;
	left: 234px;
	height: 1433px;

}
#content-farbtabelle {
	width: 790;
	position: absolute;
	top: 396px;
	left: 234px;
	height: 2093px;

}
#content-beauty {
	width: 425px;
	position: absolute;
	top: 527px;
	left: 310px;
}
#content-beautyw {
	width: 425px;
	position: absolute;
	top: 527px;
	left: 185px;
}
#footer {
	display: none;
}
ul {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: right;
	word-spacing: 0.2em;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: 5px;
	font-weight: bold;
}
ul a {
	display: block;
	text-decoration: none;
	background: url(pics/the-face_navi_bg_up.gif) no-repeat;
	background-position: 140px;
	color: #DB0930;
	font-weight: bold;
	line-height: 20px;
}
ul a:visited {
	text-decoration: none;
	color:#DB0930;
	font-weight: bold;
}
ul a:hover {
	background: url(pics/the-face_navi_bg_over.gif) no-repeat;
	background-position: 140px;
	text-decoration: none;
	color:#DB0930;
	font-weight: bold;
}
ul a:active {
	color:#DB0930;
	text-decoration: none;
	font-weight: bold;
}

li {
	padding: 5px 0px 5px 0px;
}
#home #navigation #mainnav .home a,
#beauty #navigation #mainnav .beauty a,
#beautyw #navigation #mainnav .women a,
#beautym #navigation #mainnav .men a,
#kontakt #navigation #mainnav .kontakt a,
#impressum #navigation #mainnav .impressum a,
#onlineshop #navigation #mainnav .onlineshop a,
#makeup #navigation #mainnav .makeup a,
#schule #navigation #mainnav .schule a,
#puder #navigation #mainnav .puder a,
#farbe #navigation #mainnav .farbe a,
#farbe2 #navigation #mainnav .puder a,
#lookbook #navigation #mainnav .lookbook a,
#referenzen #navigation #mainnav .referenzen a {
 	color:#DB0930;
	font-weight: bold;
	background: url(pics/the-face_navi_bg_over.gif) no-repeat;
	background-position: 140px;
	cursor:default;
	padding: 0px 0px 0px 0px;

}
.mainnav {
	font-weight: bold;
}
/*
#beauty #navigation #mainnav .woman a,
#beauty #navigation #mainnav .man a
 {
	display: inline;
	background: url(pics/the-face_navi_bg_over.gif) no-repeat;
	background-position: 135px;
	cursor:default;
	line-height: 5px;
	margin: 0px;
	padding: 0px;
}*/
/* begin old ------------------------------------------------------------------------*/
a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#DB0930;
}
a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#DB0930;
}
a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#DB0930;
}
a:active {
	text-decoration:none;
	color:#DB0930;
}

a.sub {
	color: #404040;
	text-decoration:none;
	text-indent: 20px;
}
a.sub:visited { /* besuchte Ziele */
	color: #404040;
	text-decoration:none;
	text-indent: 20px;
}
a.sub:hover {
	color: #404040;
	text-decoration:underline;
	text-indent: 20px;
}









.mainnav-list {
	background-image: url(pics/bg_mainnav_list.gif);
	background-repeat:no-repeat;
	padding-left: 13px;
}
.mainnav-listend {
	background-image: url(pics/bg_mainnav_listend.gif);
	background-repeat:no-repeat;
	padding-left: 13px;
}
.selbox {
	background-image: url(pics/bg_mainnav_dropdown.gif);
	background-position: 0px -8px;
	background-repeat: no-repeat;
	padding-left: 13px;
	font-size: 12px;
}
.selbox-border {
	border:1px solid #707CD2;
	background-color: #9BC3FF;
}
option {
	height: 14px;
	width: 120px;
	border: 0px solid #707CD2;
}
select {
	background-color: #9BC3FF;
	border-collapse: collapse;
}




.news-head{
	margin-top: 9px;
	margin-left: 5px;
	margin-bottom: 28px;
	text-align: left;

}






.txtident{
	text-indent: 6px;
}

/* end old ------------------------------------------------------------------------*/
h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #411C14;
	/* height: 10px; */
	line-height: 10px;
	margin: 28px 0px 5px 0px;
	padding:0px;
	word-spacing: 0.2em;
	letter-spacing: 0.1em;
}
.red-head {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #DB0930;
	/* height: 10px; */
	line-height: 10px;
	margin: 20px 0px 5px 0px;
	padding:0px;
	word-spacing: 0.2em;
}
.red-bold {
	font-size: 12px;
	font-weight: bold;
	color: #DB0930;
	/* height: 10px; */
	line-height: 10px;
	margin: 20px 0px 5px 0px;
	padding:0px;
	word-spacing: 0.2em;
}
.whitebox {
	background-color:#FFFFFF;
	margin: 20px 0px 5px 0px;
	width: 578px;
}
.picbox {
	margin: 20px 0px 5px 0px;
	width: 578px;
	/* float: 578px; */
	float:left;
	left: 185px;
}
.hi30 {
	height:30px;
	vertical-align:middle;

}
.border-right {
	margin: 0px 10px 10px 0px;
	display: inline;
	float:left;
}
.up {
	text-transform: uppercase;
}
input {
	border: 1px solid #DB0930;
	height: 18px;
	width:100%;
}
textarea {
	border: 1px solid #DB0930;
}
.send {
	color: #FFFFFF;
	background-color: #DB0930;
	border: 1px solid #DB0930;
	width:40%;
	font-size: 12px;
}
.newsbox {
	width: 280px;
	/* height: 100%; */
	vertical-align:top;
	float: left;
	padding-right: 11px;
	font-size: 12px;
	text-align:left;
}
.unterschrift {
	font-size: 11px;
	font-weight: bold;
}
.liste {
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	list-style-image: url(pics/reddot.gif);
}
.abstand {
	padding: 5px 0px 0px 0px;
}
.big {
	font-weight: bold;
	text-transform: uppercase;
}
.small {
	text-transform:lowercase;
}
#box-lookbook {
	left: 103px;
	top: 134px;
	vertical-align: top;
	position: absolute;
	width: 388px;
	height: 193px;
}
#box-mineralmakeup {
	left: 103px;
	top: 134px;
	vertical-align: top;
	position: absolute;
	width: 388px;
	height: 193px;
}
#box-farbtabelle {
	left: 103px;
	top: 134px;
	vertical-align: top;
	position: absolute;
	width: 388px;
	height: 193px;
}
#box-beauty {
	left: 185px;
	top: 550px;
	vertical-align: top;
	position: absolute;
}
#box-beautyw {
	left: 610px;
	top: 551px;
	vertical-align: top;
	position: absolute;
	width: 153px;
	height: 1070px;

}
.preise {
	width:370px;
}
.txt-toleft {
	text-indent:30px;
}
.txt-toleft2 {
	text-indent:60px;
}
#teaser {
	width: 200px;
	position: absolute;
	top: 290px;
	left: 580px;
	height: 216px;
}
/*
#navigation #mainnav .women,
#navigation #mainnav .men
 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 8px;
} */
.block {
	width: 410px;
	text-transform: uppercase;
}
