@charset "UTF-8";
/* CSS Document */

/* 
##############################################################################
Programming // Der Hersteller // www.der-hersteller.de
Layout // C hoch 3 // www.c-hoch-3.de
##############################################################################
*/



/*body
############################################################################*/
html, body {
	height: 100%;
}
html {
	font-size: 100%;
}
body {
	font: 62.5%/1.5em 'pt_sansregular', Helvetica, Arial, sans-serif;
	color: rgb(0,0,0);
	background: rgb(246,245,241);
}




/*typosatz
############################################################################*/
h1, h2, h3, h4, h5, h6 {
}

h1.index {
	float: left;
	font-family: 'pt_sans_narrowregular';
	letter-spacing: 1px;
	color: rgb(110,137,36);
	font-size: 3.9em;
	line-height: 1.2em;
	margin: 0 0 0 1.2em;
	padding: 1.25em 0 0 0;
}
h1.index b {
	font-family: 'pt_sans_narrowbold';	
}
h1.default {
	font-family: 'pt_sans_narrowbold';
	letter-spacing: 1px;
	float: left;
	margin: 0 0 0 40px;
	padding: 1.65em 0 0 0;
	font-size: 2.1em;
	line-height: 1.4em;
	color: rgb(186,176,164);
}
h1.kontakt {
	color: rgb(213,200,183) !important;
}
h2 {
}
h3 {
}
h4 {	
}
h5 {	
}
p {
}
b, strong {
	font-family: 'pt_sansbold';
	font-weight: normal;
}
i, em {
	font-family: 'pt_sansitalic';
}



/*class
############################################################################*/
.left {
	float:left;
	display:block;
}
.right {
	float:right;
	display:block;
}
.clear {
	clear:both;
}
.display-none {
	display: none;
}
a.toggle-nav {
	display: none;
}
.color-elmar-kleinbrahm {color: rgb(211,161,137) !important;}


/*layout
############################################################################*/
#wrapper {
	position: relative;
	padding: 0 1.5em;
}



/*content
############################################################################*/
#container {
	padding: 16.1em 0 0 0;
}
#content {
	position: relative;
	z-index: 200;
	width: 87.35632183908046%; /* 836 / 957 */
	height: 39.6em;
	margin: 0 0 0 7.210031347962382%; /* 69 / 957 */
	background: rgb(255,255,255);
	-moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
}
#aside {
	float: right;
	width: 35.28708133971292%; /* 295 / 836 */
	margin: 0 0 0 1.5em;
}
#aside img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
}
#main {
	padding-top: 14em;
}
#main.main-kontakt {
	padding-top: 0;
}
#main p {
	font-family: 'pt_sansitalic';
	font-size: 1.65em;
	line-height: 1.3em;
}
#main p.full-length {
	margin-right: 5.3em;
}
#main p.initial {
	background: no-repeat top left;
	padding: 9px 0 0 3px;
	margin-left: 21.770334928229666%; /* 182 / 836 */
	margin-bottom: 0.8em;
}
#main ul.column1 {
	font-family: 'pt_sansitalic';
	font-size: 1.34em;
	line-height: 1.3em;
	padding: 0 0 0 3px;
	margin-left: 23%;
	margin-bottom: 0.8em;
	list-style: disc;
}
/*p + ul.column1 {
	margin-top: -0.9em;
}*/
#main .column2 {
	margin: 0 0 0 21.770334928229666%; /* 182 / 836 */
	padding: 9em 0 0 0;
}
#main .column2 p {
	clear: none;
	font-family: 'pt_sansregular';
}
#main .column2 a {
	color: rgb(0,0,0);
}
#main .column2 a:hover {
	text-decoration: none;
}
#main .column2 .left {
	width: 40%;
}
#main .column2 .right {
	width: 50%;
	margin: 0 30px 0 0;
}
#main .column2 .right.datenschutz {
	overflow: auto;
	height: 25em;
	padding-right: 20px;
}
#main .column2 .right p {
	font-size: 1.2em;
	line-height: 1.35em;
	margin-bottom: 10px;
}




/*header
############################################################################*/
#header {
	position: absolute;
	z-index: 100;
	right: 1.5em;
	top: 0;
	width: 26.8em;
	height: 38em;
	background: rgb(226,230,202);
	text-align: center;
	padding: 6.9em 0 0 0;
	-moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
}
#header .facebook {
	display: block;
	position: absolute;
	right: 1.25em;
	bottom: 0.8em;
}



/*nav
############################################################################*/
#nav {
	position: absolute;
	z-index: 300;
	width: 21.6em;
	left: 1.5em;
	bottom: -3.4em;
}
#nav ul li {
	margin: 0 0 3px 0;
}
#nav ul li a {
	font-family: 'pt_sans_narrowregular';
	letter-spacing: 1px;
	display: block;
	padding: 3px 0 0 0;
	text-decoration: none;
	font-size: 1.8em;
	line-height: 1.25em;
	text-align: center;
	color: rgb(0,0,0);
	background: rgb(225,216,204);
}
#nav ul li.kontakt a {
	color: rgb(255,255,255);
	background: rgb(224,131,0);
}
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.current {
	color: rgb(255,255,255);
	-webkit-transition: 0.4s ease;  
   	-moz-transition: 0.4s ease;  
   	-o-transition: 0.4s ease;  
   	transition: 0.4s ease;
}

#nav ul li.endlich-schmerzfrei a:hover, #nav ul li.endlich-schmerzfrei a:active, #nav ul li.endlich-schmerzfrei a.current {
	background: rgb(73,109,136);
}
#nav ul li.starke-kinder a:hover, #nav ul li.starke-kinder a:active, #nav ul li.starke-kinder a.current {
	background: rgb(103,161,152);
}
#nav ul li.problemlose-jugend a:hover, #nav ul li.problemlose-jugend a:active, #nav ul li.problemlose-jugend a.current {
	background: rgb(80,147,59);
}
#nav ul li.keinen-vogel a:hover, #nav ul li.keinen-vogel a:active, #nav ul li.keinen-vogel a.current {
	background: rgb(166,86,89);
}
#nav ul li.lenz-ist-da a:hover, #nav ul li.lenz-ist-da a:active, #nav ul li.lenz-ist-da a.current {
	background: rgb(209,80,70);
}
#nav ul li.immunitaet-geniessen a:hover, #nav ul li.immunitaet-geniessen a:active, #nav ul li.immunitaet-geniessen a.current {
	background: rgb(148,76,107);
}
#nav ul li.besser-fuehlen a:hover, #nav ul li.besser-fuehlen a:active, #nav ul li.besser-fuehlen a.current {
	background: rgb(4,134,165);
}
#nav ul li.minuten-therapie a:hover, #nav ul li.minuten-therapie a:active, #nav ul li.minuten-therapie a.current {
	background: rgb(214,92,117);
}
#nav ul li.pfundepurzel-konzept a:hover, #nav ul li.pfundepurzel-konzept a:active, #nav ul li.pfundepurzel-konzept a.current {
	background: rgb(241,206,16);
}
#nav ul li.faltenfrei-deluxe a:hover, #nav ul li.faltenfrei-deluxe a:active, #nav ul li.faltenfrei-deluxe a.current {
	background: rgb(168,91,55);
}
#nav ul li.kontakt a:hover, #nav ul li.kontakt a:active, #nav ul li.kontakt a.current {
	color: rgb(0,0,0);
}

.sub-nav {
	float: left;
	margin: 0 0 0 40px;
	padding: 2.4em 0 0 0;
}
.sub-nav ul {
}
.sub-nav ul li {
}
.sub-nav ul li a {
	font-family: 'pt_sans_narrowregular';
	letter-spacing: 1px;
	color: rgb(103,109,136);
	text-decoration: none;
	font-size: 2.1em;
	line-height: 1.25em;
}
.sub-nav ul li a:hover,
.sub-nav ul li a:active,
.sub-nav ul li a.current {
	font-family: 'pt_sans_narrowbold';
	-webkit-transition: 0.4s ease;  
   	-moz-transition: 0.4s ease;  
   	-o-transition: 0.4s ease;  
   	transition: 0.4s ease;	
}
.sub-nav.endlich-schmerzfrei ul li a:hover, .sub-nav.endlich-schmerzfrei ul li a:active, .sub-nav.endlich-schmerzfrei ul li a.current {
	color: rgb(73,109,136);	
}
.sub-nav.starke-kinder ul li a:hover, .sub-nav.starke-kinder ul li a:active, .sub-nav.starke-kinder ul li a.current {
	color: rgb(103,161,152);	
}
.sub-nav.problemlose-jugend ul li a:hover, .sub-nav.problemlose-jugend ul li a:active, .sub-nav.problemlose-jugend ul li a.current {
	color: rgb(80,147,59);	
}
.sub-nav.keinen-vogel ul li a:hover, .sub-nav.keinen-vogel ul li a:active, .sub-nav.keinen-vogel ul li a.current {
	color: rgb(166,86,89);	
}
.sub-nav.lenz-ist-da ul li a:hover, .sub-nav.lenz-ist-da ul li a:active, .sub-nav.lenz-ist-da ul li a.current {
	color: rgb(209,80,70);	
}
.sub-nav.immunitaet-geniessen ul li a:hover, .sub-nav.immunitaet-geniessen ul li a:active, .sub-nav.immunitaet-geniessen ul li a.current {
	color: rgb(148,76,107);	
}
.sub-nav.besser-fuehlen ul li a:hover, .sub-nav.besser-fuehlen ul li a:active, .sub-nav.besser-fuehlen ul li a.current {
	color: rgb(4,134,165);	
}
.sub-nav.minuten-therapie ul li a:hover, .sub-nav.minuten-therapie ul li a:active, .sub-nav.minuten-therapie ul li a.current {
	color: rgb(214,92,117);	
}
.sub-nav.faltenfrei-deluxe ul li a:hover, .sub-nav.faltenfrei-deluxe ul li a:active, .sub-nav.faltenfrei-deluxe ul li a.current {
	color: rgb(168,91,55);	
}
.sub-nav.pfundepurzel-konzept ul li a:hover, .sub-nav.pfundepurzel-konzept ul li a:active, .sub-nav.pfundepurzel-konzept ul li a.current {
	color: rgb(241,206,16);	
}

.footer-nav {
	position: relative;
}
.footer-nav ul {
	position: relative;
	z-index: 300;
}
.footer-nav ul li {
	position: relative;
	margin: 0 0 10px 0;
	height: 4.7em;
}
.footer-nav ul li:last-child {
	margin-bottom: 0;
}
.footer-nav ul li a {
	color: rgb(0,0,0);
	font-size: 1.2em;
	line-height: 1.1em;
	text-decoration: none;
}
.footer-nav ul li a span {
	display: none;
	position: absolute;
	right: -60px;
	top: 16px;
}
.footer-nav ul li a:hover span,
.footer-nav ul li a:active span,
.footer-nav ul li a.current span {
	display: block;
	-webkit-transition: 0.4s ease;  
   	-moz-transition: 0.4s ease;  
   	-o-transition: 0.4s ease;  
   	transition: 0.4s ease;
}
.footer-nav .facebook {
	display: none;
}


/*footer
############################################################################*/
#footer {
	position: absolute;
	right: 10px;
	bottom: 0px;
}


/*footer
############################################################################*/
form {
	padding: 3.8em 0 0 0;
	width: 38%;
	margin-left: 21.770334928229666%; /* 182 / 836 */
}
input, label, textarea {
	display: block;
}
input, textarea {
	border: 1px solid rgb(168,169,169);	
	padding: 3px;
	width: 100%;
}
input {
	height: 18px;
	margin: 0 0 0.8em 0;
}
textarea {
	height: 6em;
}
label {
	font-size: 1.2em;
	line-height: 1.35em;
}
.senden {
	float: right;
	font-family: 'pt_sans_narrowbold';
	font-size: 1.5em;
	line-height: 1.35em;
	border: none;
	width: auto;
	height: 27px;
	background: none;
	color: rgb(0,0,0);
	margin: 0 0 1.8em 0;
	padding: 2px 0 0 0;
	text-align: center;
	cursor: pointer;
}
.senden:hover {
	color: rgb(224,131,0);
	-webkit-transition: 0.5s linear;  
   	-moz-transition: 0.5s linear;  
   	-o-transition: 0.5s linear;  
   	transition: 0.5s linear;  
}
.willkommen {
	display: none;
}
.infoUser {
	font-family: 'pt_sansbold';
	margin: 0 0 -20px 21.770334928229666%;
	padding: 15px 0 0 0;
	font-size: 1.2em;
	line-height: 1.35em;
	color: rgb(224,131,0);
}