/*   CSS fuer S+L Kosmetik fuer Dich GmbH   */
/*   Screen                                 */
/*                                          */
/*   Copyright 07.2010  butte.design        */
/*   www.butte.de                           */


* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 95%/1.6em Arial, Helvetica, sans-serif;
	color: #222;
	background-color: #f7f7f7;
}

p {
	color: #666;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.55em;
	word-spacing: 1px;
	text-align: left;
}


.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: bold;
	font-variant: normal;
	color: #006d3f;
}

.behandlung {
	color: #666;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.55em;
	word-spacing: 1px;
	text-align: left;
	padding-left: 15px;
}

.behandlunghellgruen {
	color: #58bd2b;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.55em;
	word-spacing: 1px;
	text-align: left;
	padding-left: 0px;
}

.tabellentext {
	color: #666;
	font-size: 0.8em;
	line-height: 1.55em;
	word-spacing: 1px;
}

.rubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-variant: normal;
	padding-bottom: 15px;
	color: #58bd2b;
}

.menuauswahl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-variant: normal;
	padding-top: 5px;
	padding-left: 10px;
	color: #333;
}

a:link.menuauswahl{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1.65em;
	font-size: 0.85em;
	font-variant: normal;
	padding-top: 4px;
	padding-left: 10px;
	color: #333;
}

a:visited.menuauswahl{
	text-decoration: none;
	line-height: 1.65em;
	font-size: 0.85em;
	font-variant: normal;
	color: #333;
}

a:active.menuauswahl{
	text-decoration: none;
	line-height: 1.65em;
	font-size: 0.85em;
	font-variant: normal;
	color: #006e41;
}

a:hover.menuauswahl{
	text-decoration: none;
	line-height: 1.65em;
	font-size: 0.85em;
	font-variant: normal;
	font-weight: bold;
	padding-left: 13px;
	color: #006e41;
}

.menutitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	font-variant: normal;
	padding: 5px 0px 10px 12px;
	color: #58bd2b;
}

.aktiv {
	color: #030;
	padding-left: 30px;
	font-size: 0.85em;
	line-height: 1.8em;
	text-decoration: none;
}

.formular  {
	color : #006d3f;
	background-color: #daf0d3;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	font-style: normal;
	letter-spacing: 0px;
	font-variant: normal;
	padding: 2px;
	border: 1px dotted #000;
}

a:link.fusszeile{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #AAA;
}

a:visited.fusszeile{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #AAA;
}

a:active.fusszeile{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006e41;
}

a:hover.fusszeile{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006e41;
}




/* IDs */

#container {
	background-color: #FFF;
	width: 100%;
}

#main {
	position: absolute;
	z-index: 0;
	top: 60px;
	left: 50%;
	width: 960px;
	height: 620px;
	margin-left: -480px;
	background-color: #FFF;
	background-image: url(../images/backgrnd_main_grau.gif);
}

#navigation {
	visibility: hidden;
	position: absolute;
	z-index: 90;
	top: 7px;
	left: 10px;
	width: 401px;
	height: 580px;
	padding-top: 0px;
}


#fotoL {
	position: absolute;
	z-index: 8;
	top: 90px;
	left: 10px;
	width: 342px;
	height: 480px;
	padding-top: 0px;
	background-color: #daf0d3;
}

#fotoR {
	position: absolute;
	z-index: 7;
	top: 90px;
	left: 802px;
	width: 148px;
	height: 480px;
	padding-top: 0px;
	background-color: #daf0d3;
}

#farbstreifen {
	position: absolute;
	z-index: 6;
	top: 90px;
	left: 353px;
	width: 13px;
	height: 480px;
	padding-top: 0px;
}


#textfeld {
	position: absolute;
	z-index: 7;
	top: 140px;
	left: 396px;
	width: 375px;
	height: 410px;
	padding-top: 0px;
}

#backgrndmitte {
	position: absolute;
	z-index: 1;
	top: 90px;
	left: 367px;
	width: 434px;
	height: 480px;
	padding-top: 0px;
}

#textfeldscroll {
	position: absolute;
	z-index: 8;
	top: 190px;
	left: 396px;
	width: 404px;
	height: 372px;
	padding-top: 0px;
	overflow: auto; /* none ------------------------------------------- */
}

#textfeldscrolljquery {
	position: absolute;
	z-index: 8;
	top: 190px;
	left: 396px;
	width: 404px;
	height: 372px;
	padding-top: 0px;
	overflow: hidden;
}

#fusszeile {
	visibility: visible;
	position: absolute;
	z-index: 91;
	top: 594px;
	left: 10px;
	width: 401px;
	height: 20px;
	padding-top: 0px;
	color: #AAA;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.60em;
	word-spacing: 1px;
	text-align: left;
}