@charset "utf-8";
/* CSS Document */
/* copyright 2007 weitzeldesign.de */
/* 28.05.2008 */

body {
  background-color: #284A82;
  font-size: 62.5%;
  font-family: Arial, Verdana, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
}

#container {
	position:absolute;
	height:420px;
	width:750px;
	margin:-210px 0px 0px -375px;
	top: 50%;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
}

#content_start {
	position:absolute;
	height:420px;
	width:750px;
	margin:-210px 0px 0px -375px;
	top: 50%;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
}

#content
{
position:absolute;
top:0px;
left:159px;
width:600px;
height:420px;
float:left;
background:#CBCEDC;
}

#content-sub
{
	position:absolute;
	top:76px;
	left:0px;
	width:591px;
	height:344px;
	float:left;
	background:#CBCEDC;
	font-family:Arial, Verdana, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	color:#284A82;
}

.text_small
{
	font-family:Arial, Verdana, sans-serif;
	font-size:.9em;
	line-height:1.3em;
	padding:0px;
	color:#284A82;
}

.rand
{
padding:10px;
}

.rand_links
{
padding:0px 0px 0px 10px;
}

.rand_oben_links
{
padding:10px 0px 0px 10px;
}

.rand_oben_links_unten
{
padding:10px 0px 10px 10px;
}

/* hintergrundbilder */
body#persoenliches #content-sub
{
background:url(bilder/andrea_gammerdinger.jpg) no-repeat right bottom;
}

#home
{
position:absolute;
top:0px;
left:0px;
width:159px;
height:80px;
z-index:1000;
}

#headline
{
	position:absolute;
	top:44px;
	left:0;
	width:591px;
	height:32px;
	background:#284A82;
	text-align:right;
}

#headline h1
{
	color:#ffffff;
	padding:8px 10px 0px 0px;
	margin:0px;
	font-size:1.4em;
	font-weight:bold;
}


#navigation {
	float:left;
	margin:0px 0px 0px 0px;
	width:159px;
	height:450px;
	position:absolute;
	left:0px;
	z-index:100;
	background:url(bilder/navigation.gif) no-repeat top left;
}

/* Formular */
.form_text
{
border:0px;
width:300px;
height:15px;
margin:1px 0px;
}

.form_area
{
border:0px;
width:300px;
height:100px;
}

.submit
{
border:0px;
background:#fff;
color:#000;
margin:5px 0px 0px 0px;
}

/* Überschriften weiss */
#content-sub .head
{
font-family:"Times New Roman", Times, serif;
font-size:1.8em;
line-height:1em;
letter-spacing:0.1em;
color:#ffffff;
}

#content-sub .head_italic
{
font-family:"Times New Roman", Times, serif;
font-size:1.8em;
letter-spacing:0.1em;
color:#ffffff;
font-style:italic;
}

#content-sub .head_small
{
font-family:"Times New Roman", Times, serif;
font-size:1em;
letter-spacing:0.1em;
color:#ffffff;
}

/* rollover makeup */
#bilder_box
{
position:absolute;
top:0px;
left:364px;
width:113px;
background:#cc0000;
}

#bild_1 a,
#bild_1 a:link
{
	position:absolute;
	top:76px;
	left:0px;
	margin:0px;
	padding:0px;
	width:113px;
	height:118px;
	background:url(bilder/schwarz_vor_kl.jpg) no-repeat;
}

#bild_1 a:hover {
	position:absolute;
	left:0px;
	top:76px;
	margin:0px;
	padding:0px;
	width:400px;
	height:400px;
	background:#284A82 url(bilder/schwarz_nachher_400.jpg) no-repeat top left;
	border:none;
	z-index:1000;
}

#bild_2 a,
#bild_2 a:link
{
	position:absolute;
	left:0px;
	top:211px;
	margin:0px;
	padding:0px;
	width:113px;
	height:118px;
	background:url(bilder/blond_vor_kl.jpg) no-repeat;
}

#bild_2 a:hover {
	position:absolute;
	left:0px;
	top:76px;
	margin:0px;
	padding:0px;
	width:400px;
	height:400px;
	background:url(bilder/blond_nachher_400.jpg) no-repeat top left;
}

/* Links */
a,
a:link,
a:visited
{
color:#FFFFFF;
text-decoration:none;
}

a:hover
{
color:#FFFFFF;
text-decoration:underline;
}

/* Definition aktive Menues */
body#home .active, body#persoenliches .active, body#augenbrauen .active, body#lidstrich .active, body#lippen .active, body#kontakt .active, body#temptoo .active, body#permanent .active, body#podologie .active, body#anfahrt .active, body#studio .active, body#impressum .active, body#spezialgebiet .active
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;
	background:#284A82;
	height:17px;
}
/* listendefinitionen */

ul#navlist {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 100%;
	color:#ffffff;
	top:140px;
	left:0px;
	position:relative;
	width:159px;
	height:20px;
}

ul#navlist a {
	font-weight: normal;
	text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#navlist li {
	text-align:right;
	padding:0px;
	margin:7px 0px;
	background:#949BB7;
	height:20px;
}

ul#navlist li a, ul#navlist li a:visited {
	display: block;
	height:17px;
	padding:3px 10px 0px 0px;
	color: #ffffff;
	text-align:right;
	letter-spacing:0.08em;
}

/* noch ie definieren */
ul#navlist li a:hover {
	display:block;
	color: #ffffff;
	background:#284A82;
	text-decoration:none;
}