/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic, Font size "normal"													   *
 * Version:					1.0													       *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

body {
	font-family: Tahoma, Arial, sans-serif;
	min-width: 983px;
	width: auto;
	margin: 0;
	padding: 0; 
	background: #FFFFFF url(images/bg_body.gif) repeat-x top center;
	color: #252525;
	font-size: 0.7em;
	line-height: 1.45em;
}

body.popup {
	background: #ffffff;
	width: 490px;
	min-width: 490px;
}

body.admin {
	background: #ffffff;	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *          		              													   *
 * Layout Container              													   *
 * 					            													   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *		   */

#shadowLeft {
	background: url(images/bg_cContainer_shadow_left.gif) no-repeat top right;
	width: 5%;
	float: left;
	height: 530px;
}

#shadowRight {
	background: url(images/bg_cContainer_shadow_right.gif) no-repeat top left;
	width: 5%;
	float: left;
	height: 530px;
}

body.admin #shadowRight,
body.admin #shadowLeft {
	background: #ffffff;	
}

#pageContainer {
	margin: 0;
	padding: 0;
	background: #ffffff;
	float: left;
	width: 89.9%;
}

#leftColumn {
	background: #ffffff;
	float: left;
	width: 25%;
	padding: 16px 0 16px 0;
	margin: 0;
}

#rightColumn {
	background: #ffffff;
	float: right;
	width: 73%;
	padding: 13px 0 16px 0;
	margin: 0;
}

.offset {
	margin-right: 3%;	
}

* html .offset {
	margin-right: 25px;	
}

/* Left Column */
.designbar {
	background: url(images/bg_designbar.gif) repeat-x top left;
	height:	11px;
	font-size: 1px;
	line-height: 1px;
	margin-left: 8%;
}
.logo-pc-30 {
	margin: 0 0 2em 8%;
}

.kontakt {
	margin: 1.5em 0 0 8%;
	background: #ffffff url(images/bg_kontakt.gif) no-repeat top left;
	padding-left: 28px;
}

#footer {
	margin-top: 3em;
}	

/* Right Column */

/******************************************************************************
 GENERAL ELEMENTS
******************************************************************************/
 
/* General
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1 {
	line-height: 1.2em;
	font-size: 2em;
	color: #545454;
	font-weight: normal;
}

h2 {
	color: #21a529;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 0.5em 0;
	padding: 0.6em 0 0.3em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	color: #21a529;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.3em 0;
	line-height: 1.2em;
	font-size: 1.9em;
	font-weight: normal;
	font-family: "Times New Roman", serif;
}

h4, h5, h6 {
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 0.2em 0;
	padding: 0;
}

#content h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #252525;
}

.fett {
	font-weight: bold;
}

p, span {
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	margin-bottom: 0.7em;
}

#content p,
#content ul,
#content ol {
	line-height: 1.6em
}	

div.imprint {
	margin-bottom: 0;
}

div.imprint img {
	float: left;
}

div.imprint p {
	float: left;
	margin-bottom: 0;
	padding-top: 3px;
}

img {
	border: 0;	
	margin: 0;
	padding: 0;
}

/* in styles.contribute.css now
.antifloat {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
*/
.hidden {
	display: none;	
}
/* in styles.contribute.css now
.green {
	color: #21a529;
}

.yellow {
	color: #ffc909;
}

.blue {
	color: #0084c2;
}

.red {
	color: #f84e21;
}

.gray {
	color: #898989;
}

.black {
	color: #000000;
}

.italic {
	font-style: italic;
}

*/

/* General: Anker definitions
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	color: #21a529;
	text-decoration: none;
	border: 0;
}

a:hover,
a:focus {
	border-bottom: 1px solid #21a529;
}

#topOfPage {
	position: relative;		
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	display: block;
	
}

.logo-pc-30 a,
.logo-pc-30 a img,
.logo-pc-30 a:hover {
	border: 0;
}

a.popup {
	border-bottom: 1px dotted #21a529;	
}

a.popup:hover {
	background: #21a529;
	color: #ffffff;
	cursor:help;
}

/******************************************************************************
 HEADER CLASSES
******************************************************************************/

#header {
	background: #ffffff;
	height: 100px;
	position: relative;
} 

#header .text {
	position: absolute;
	bottom: 0.35em;
	left: 0px;
	width: 70%;
/*	font-size: 2.35em;
	line-height: 1.05em;
*/	font-size: 2em;
	line-height: 1.2em;	
	background: #ffffff;
	color: #545454;
}

#header img {
	position: absolute;
	right: 0px;
	bottom: 0px;	
}

/******************************************************************************
 NAVIGATION CLASSES
******************************************************************************/

ul#navigation{
	list-style: none;
	margin: 0 0 0 8%;
	padding: 0;
}

ul#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navigation span {
	display: block;
	background: #22a52a url(images/bg_nav_level-one.gif) repeat-x top left;
	color: #ffffff;
	font-weight: bold;
	padding: 0.1em 10px 0.3em 10px;
	margin: 0.95em 0 0 0;
	border-bottom: 1px solid #ffffff;
}

ul#navigation a {
	color: #000000;
	display: block;
	border-bottom: 1px solid #ffffff;
	padding: 0 10px 0.1em 10px;
	background: #f6f6f6;
}

ul#navigation a.active {
	background: #def2df;
	font-weight: bold;
}

ul#navigation a:hover,
ul#navigation a:focus {
	background: #def2df;
}

ul#navigation li {
	display: inline;
}

/******************************************************************************
 METANAVIGATION, Language Switch
******************************************************************************/

div.languageSwitch {
	float: left;
}

ul.metanavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

ul.metanavigation li {
	display: inline;
	padding: 0 0.2em 0 0.5em;
}

ul.metanavigation li.border {
	border-left: 1px solid #252525;
}

ul.metanavigation li.last {
	padding-right: 0;
}

ul.metanavigation li a {
	color: #252525;
}

ul.metanavigation li a.active {
	color: #21a529;
	border-bottom: 1px solid #21a529;
}

ul.metanavigation li a:hover {
	text-decoration: none;
	border: 0;
}

ul.metanavigation li a.active:hover {
	border-bottom: 1px solid #21a529;
}

ul.metanavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

/******************************************************************************
 CONTENT classes
******************************************************************************/
#content .leftContent {
	float: left;
	width: 49%;
}

#content .rightContent {
	float: right;
	width: 49%;
}

/* Boxes
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.box {
	width: 100%;
	margin-bottom: 5px;
}

div.box .topleft {
	background: #ffffff url(images/bg_box_top_left.gif) no-repeat top left;
	height: 6px;
	width: 100%;
	text-align: right;
	font-size: 1px;
	line-height: 1px;
}

div.box .topright {
	background: #ffffff url(images/bg_box_top_right.gif) no-repeat top left;	
	height: 6px;
	width: 10px;
	float: right;
	font-size: 1px;
	line-height: 1px;
}

div.box .bottomleft {
	background: #ffffff url(images/bg_box_bottom_left.gif) no-repeat top left;
	height: 6px;
	width: 100%;
	text-align: right;
	font-size: 1px;
	line-height: 1px;
}

div.box .bottomright {
	background: #ffffff url(images/bg_box_bottom_right.gif) no-repeat bottom left;
	height: 6px;
	width: 10px;
	float: right;
	font-size: 1px;
	line-height: 1px;
}

div.box .left {
	background: #ffffff url(images/bg_box_left.gif) repeat-y top left;
	padding-left: 6px;
}

div.box .right {
	background: #ffffff url(images/bg_box_right.gif) repeat-y top right;
	padding-right: 6px;
}

div.box .content {
	background: #ffffff url(images/bg_box.gif) repeat-x bottom left;
}

div.box .image {
	float: left;
	margin: 0;
	padding: 10px;
}

* html div.box .image {
	padding-bottom: 0;
}

*+html div.box .image {
	padding-bottom: 0;
}

div.box .image img {
	margin: 0;
	padding: 0;
}

div.box .text h3 {
	margin: 0 10px 0 10px;
	padding: 0.5em 0 0 0;
	font-size: 1.7em;
}

div.box .text p {
	padding: 0 10px 0 10px;
	padding: 0;
}

* html div.box .text p {
	margin-top: 0.4em;	
}

*+html div.box .text p {
	margin-top: 0.4em;	
}

/* Emotions - Boxes
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.emotionshome,
.emotionscontent {
	margin-top: 6px;
}


* html .emotionshome div.box .left {
	margin-top: -1px;
}

.emotionscontent {
	margin-bottom: 1.1em;	
}

.emotionshome .box .content {
	height: 198px;
	background: #ffffff url(images/header-home.jpg) no-repeat top left;
}

.emotionscontent .box .content {
	height: 146px;
	background: #ffffff url(images/header-produktpalette.jpg) no-repeat 0 0;
	position: relative;
}

.emotionscontent .box .pc-30-v {
	background: #ffffff url(images/header-pc30-v.jpg) no-repeat 0 0;
}

.emotionscontent .box .pc-30-v {
	background: #ffffff url(images/header-pc30-v.jpg) no-repeat 0 0;
}

.emotionscontent .box .pc-30-pflegecreme {
	background: #ffffff url(images/header-pc30-pflegecreme.jpg) no-repeat 0 0;
}

.emotionscontent .box .pc-30-waschlotion {
	background: #ffffff url(images/header-pc30-waschlotion.jpg) no-repeat 0 0;
}

.emotionscontent .box .pc-30-fusspflege {
	background: #ffffff url(images/header-pc30-fusspflege.jpg) no-repeat 0 0;
}

.emotionscontent .box .pc-30-n {
	background: #ffffff url(images/header-pc30-n.jpg) no-repeat 0 0;
}

.emotionscontent .box .pece-rosskastanien {
	background: #ffffff url(images/header-pece-rosskastaniengel.jpg) no-repeat 0 0;
}

.emotionscontent .box .fungiderm {
	background: #ffffff url(images/header-fungiderm.jpg) no-repeat 0 0;
}

.emotionscontent .box .content .text {
	float: none;
	position: absolute;
	bottom: 17px;
	left: 0px;	
	margin-left: 195px;
	width: 66%;
}

.emotionscontent .box .content .text h1 {
	font-weight: normal;
	font-family: "Times New Roman", serif;
	color: #21a529;
	font-size: 3.5em;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

.emotionscontent .box .content .text h2 {
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	color: #545454;
	font-size: 2em;
	line-height: 1.15em;
	margin: 0.2em 0 0 0;
	padding: 0;
	border: 0;
}

.emotionscontent .box .default .text {
	margin-left: 265px;
	width: auto;
	padding-left: 40px;
	/* ohne hochgestelltes (R): */
	/* background: transparent url(images/header_default.gif) no-repeat 0 0.5em; */
	/* mit hochgestelltem (R):*/
	background: transparent url(images/header_default.gif) no-repeat 0 1.5em;
}

/* for IE 6 */
* html .emotionscontent .box .content .text h2 {
	margin-top: 17px;
}

/* for IE 7 */
*+html .emotionscontent .box .content .text h2 {
	margin-top: 17px;
}

.emotionscontent .box .default .text h2 {
	margin-top: 4px;
}

/* for IE 6 */
* html .emotionscontent .box .default .text h2 {
	margin-top: 2px;
}

/* for IE 7 */
*+html .emotionscontent .box .default .text h2 {
	margin-top: 2px;
}

/******************************************************************************
 FORMULAR CLASSES
******************************************************************************/
form.standard {
	margin: 1em 0 1em 0;
	padding: 0;
}

.formRequired {
	color: #21a529;
	font-weight: bold;
}

form.standard label {
	font-weight: bold;
	float: left;
	width: 31%;
}

form.contact label {
	font-weight: normal;
}

form.standard label.checkbox {
	width: auto;
}

form.standard label.checkboxlong {
	width: 85%;
}

form.standard div.required {
	float: left;
	width: 3%;
	margin-left: 3px;
}	

form.standard input,
form.standard select,
form.standard textarea {
	float: left;
	width: 60%;
	font-size: 1em;
	font-family: Tahoma, Arial, sans-serif;
}

form.standard input.checkbox {
	width: auto;
	margin-right: 10px;
}

form.standard select {
	width: 60.5%;
}

form.standard input.texth {
	display: none;
}


form.standard textarea {
	height: 120px;
}

form.contact input,
form.contact select {
	width: 35%;	
}

form.standard input.longtext {
	width: 60%;	
}

form.standard input.submit {
	font-size: 1em;
	width: auto;
	margin-top: 20px;
}

form.standard .antifloat {
	height: 5px;
}

div.spacer {
	height: 25px;	
}	

div.error {
	padding-bottom: 10px;
}

div.error p {
	margin: 0;
	padding: 0;
	color: red;
	font-weight: bold;
}

div.error ul li {
	color: red;
	font-weight: bold;
}

div.success {
	padding-bottom: 10px;
}

div.success p {
	margin: 0;
	padding: 0;
	color: #8dc63f;
	font-weight: bold;
}


/* Standard-Aufzählung und Standard-Nummerierung
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content ul {
	margin: 0.5em 0 0.5em 20px;
	padding: 0;
}

#content ol {
	margin: 0.5em 0 0.5em 27px;
	padding: 0;
}

/******************************************************************************
 FOOTER classes
******************************************************************************/
#footer a.print {
	background: #ffffff url(icons/icon-print.gif) no-repeat center left;	
	padding-left: 15px;
	float: left;
	border-bottom: 1px solid #ffffff;
}

a.ontop {
	float: right;
	margin: 0 0 0.3em 0;
	border-bottom: 1px solid #ffffff;
}

#footer a.print:hover,
#footer a.ontop:hover {
	border-bottom: 1px solid #21a529;
}

#footer div.content {
	clear: both;
	width: 100%;
	padding: 1.2em 0 0 0;
	margin: 0;
	background: #ffffff url(images/bg_footer.gif) no-repeat top center;
	color: #7c7c7c;
	text-align: center;
}

ul#footernavigation {
	list-style: none;
	margin: 0 0 0.15em 0;
	padding: 0;
}

ul#footernavigation li {
	display: inline;
	padding: 0 0.5em 0 0.5em;
}

ul#footernavigation li.border {
	border-right: 1px solid #7c7c7c;
}

ul#footernavigation li a {
	border-bottom: 1px solid #ffffff;
	color: #7c7c7c;
}

ul#footernavigation li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}

/******************************************************************************
 POPUP classes
******************************************************************************/
#popup { 
	padding: 20px;
	margin: 0;
	width: 450px;
}

#popup #footer .content {
	background-image: url(images/bg_footer_popup.gif);
}

#popup h1 { 
	padding: 0;
	margin: 0.2em 0 0 0;
	color: #21a529;
	font-family: "Times New Roman", serif;
	font-size: 2.1em;
}

#popup h2 {  
	padding: 0 0 1.3em 0;
	margin: 0;
	border: 0;
	float: left;
	color: #545454;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

#popup h3 {  
	clear: both;
	padding: 1.35em 0 0.75em 0;
	margin: 0;
	border-top: 1px solid #cccccc;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

#popup h4 {  
	padding: 0;
	margin: 0;
}

#popup div.line {  
	clear: both;
	padding: 0;
	margin: 0;
	border-top: 1px solid #cccccc;
	font-size: 1px;
	line-height: 1px;
	height: 12px;
}

#popup img.product {
	border: 1px solid #cccccc;
	float: left;
	margin: 12px 20px 10px 0;	
}

#popup div.description {
	float: left;
	width: 170px;
	margin: 10px 0 0 0;	
	padding: 0;
}

#popup div.contact {
	float: left;
	width: 145px;
	margin: 10px 0 0 10px;
	padding: 0;	
}

#popup a.ontop:hover {  
	border-bottom: 1px solid #21a529;
}

/******************************************************************************
 ADMIN classes
******************************************************************************/
.user {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 10px 0 10px 0;
}

.user .left {
	float: left;
	width: 55%;
	margin: 0;
	padding: 0;
}

.user .right {
	float: right;
	width: 40%;
	margin: 0;
	padding: 0;
}

.user .right span {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
}

.user a {
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;	
}

.user .right span.red a {
	color: #ed1c24;	
}

.user .right span.green a {
	color: #8dc63f;	
}

.user a:hover {
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;	
}



/*]]*/