/* .......................... RESET und Allgemeines ............................ */
* {
	margin: 0; padding: 0; border: none; outline: none; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
B {font-weight: bold;}
I {font-style: italic;}
EM {
	font-weight: bold;
	font-style: italic;
	color: rgb(236,219,179);
}
/* .
P {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
. */
.clearheinz {clear: both;}

/*.Dokument. ......................................................................................*/

html {font-size: 62.5%; overflow-y: scroll; }
html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: rgb(0,0,0); 	
	color: rgb(255,255,255);
	font-family: verdana, geneva, sans-serif;
	font-size: 1.2rem;
	line-height: 1.5;
}

/*.kopf.*/
#kopf {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
	background-color: rgb(26,26,26);
	border-bottom: 1px solid rgb(64,64,64);
}
#kopf .wrapper {
	position: relative;
	height: 120px;
	width: 98%;
	max-width: 980px;
	margin: 0 auto;
	background-image: url('../2017_eicons/SENSUEL_LOGO.png');
	background-position: center center;
	background-repeat: no-repeat;
}

#shopLink {position: absolute; left: 0; top: 8px; z-index: 99;}
#socialMedia {position: absolute; right: 0; top: 0px; z-index: 99;}
#homeLink {display: block; height: 100%; width: 50%; margin: 0 auto;}

#terminButton {
	position: absolute;
	top: 65px;
	right: -15px;
	z-index: 399;
}
#terminButton A {border: none; text-decoration: none; outline: none;}
#terminButton IMG {border: none; outline: none;}

.academy #terminButton A {display: none;}
.terminVereinbaren #terminButton A {display: none;}

/* .inhalte. */
#inhalte {
	clear: both;
	width: 96%;
	max-width: 960px;
	margin: 30px auto;
	border-top: 1px solid  rgb(0,0,0);
	overflow: hidden;
}

/* .Videos (youtube). */
#inhalte .youtube {float: left; width: 322px; margin: 0 30px 30px 0; box-sizing: content-box;}

/* .Bilder. */
#inhalte IMG {float: right; height: auto; margin: 0 0 15px 30px; outline: 1px solid rgb(153,153,153);}
#inhalte IMG.autoImage_900 {display: block; float: none; width: 100%; max-width: 720px; height: auto; margin: 30px auto 0 auto;}
#inhalte IMG.autoImage_450 {max-width: 50%;}
#inhalte IMG.autoImage_150 {}
#inhalte IMG.autoImage_breit_links {float: left; max-width: 49%; margin: 0 0 30px 0; outline: none;}
#inhalte IMG.autoImage_breit_rechts {float: right; max-width: 49%; margin: 0 0 30px 0; outline: none;}
#inhalte IMG.keinrand {outline: none;}

/* .Textinhalte. */
#inhalte H1 {font-size: 1.5rem; margin: 30px 0 20px 0; color: rgb(236,219,179);}
#inhalte H2{font-size: 1.35rem; margin: 30px 0 15px 0; color: rgb(236,219,179);}
#inhalte H3{margin: 30px 0 10px 0; color: rgb(236,219,179);}
#inhalte H3.strich {padding-top: 20px; border-top: 1px solid  rgb(64,64,64);}
#inhalte P {margin: 0 0 20px 0;}

#inhalte P A {text-decoration: none;  color: rgb(236,219,179); background-color: rgb(0,0,0); border-bottom: 1px dotted rgb(236,219,179); white-space: nowrap;}
#inhalte P A:HOVER {font-weight: bold; color: rgb(234,191,136);}

#inhalte P.zitat {margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px solid rgb(64,64,64);}

#inhalte P.kommentar {line-height: 21px; margin: 0 0 20px 0;}
#inhalte P.kommentar INPUT, #inhalte P.kommentar TEXTAREA {
	line-height: 15px;
	padding: 3px;
	background-color: rgb(236,219,179);
	color: rgb(0,0,0);
	border: 1px solid rgb(236,219,179);
}

#inhalte A.angebotNavi {
	display: inline-block;
	width: 210px;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid rgb(64,64,64);
	background-color: rgb(40,40,40);
	color: rgb(236,219,179);
}

/* .Listen. */
#inhalte UL.textListe {list-style: disc; margin: 20px 0 30px 30px;}
#inhalte UL.textListe LI {margin: 0 0 15px 0;}
#inhalte UL.textListe LI A {text-decoration: none;  color: rgb(236,219,179); background-color: rgb(0,0,0); border-bottom: 1px dotted rgb(236,219,179);}
#inhalte UL.textListe LI A:HOVER {font-weight: bold; color: rgb(234,191,136);}

/*.Spezialsachen Academy.*/
.academy #inhalte .seminarAngebote {
	width: 100%;
	max-width: 653px;
	margin: 20px auto 0 auto;
	overflow: hidden;
}
.academy #inhalte .academyBox {float: left; width: 202px; height: 200px; margin: 0 15px 15px 0; padding: 0px; background-color: rgb(51,51,51); border: 1px solid rgb(102,102,102);}
.academy #inhalte .academyBox P { padding: 10px; margin: 0px;}
.academy #inhalte .academyBox IMG {float: none; display: block; width: 200px; max-width: 100%; border: none; outline: none; margin: 0; }
.academy #inhalte .academyBox A {display: block; padding: 10px;  text-align: right; text-decoration: none; color: rgb(255,255,255);}
.academy #inhalte .academyBox A:HOVER { background-color: rgb(77,77,77);}

.academy #inhalte .academyLink {color: rgb(236,219,179);}
.academy #inhalte .academyLink:HOVER {color: rgb(234,191,136); font-weight: bold;}

.academy SPAN.rot {
	display: inline-block;
	padding: 0px 10px;
	margin-left: 20px;
	color: rgb(255,255,255);
	background-color: rgb(204,0,0);
	outline: 1px solid rgb(204,204,204);
}

/* .Spezialsachen Preise. */
.preise #inhalte IMG {float: none; width: 100%; max-width: 818px; height: auto; margin: 15px 0; outline: 1px solid rgb(236,219,179);}

/* .Spazialsachen Feedback. */
#inhalte P.gaestebuch {
	float: none;
	padding: 0 0 20px 50px;
	background-image: url(../2017_eicons/anfuehr.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid  rgb(64,64,64);
}
#inhalte P.gaestebuch IMG {float: right; margin: 0 0 0 10px; outline: none;}

/* .Spezialsachen Kontakt. */
.kontakt #inhalte .googleMap {
	width: 100%;
	max-width: 600px;
	height: 400px;
}

#inhalte .DS_Einzug {margin-left: 2rem;}
#inhalte .DS_Erklaerung {font-style: italic; color: rgb(230,230,230);}
#inhalte .DS_Liste {margin-left: 2rem;}
#inhalte .DS_Liste LI {font-weight: bold;}
#inhalte .DS_Liste UL {margin-left: 1.2rem; margin-top: 2rem; margin-bottom: 2rem;}
#inhalte .DS_Liste UL LI {font-weight: normal; padding-bottom: 0.5rem;}


/* .Fusz-Bereich. */
#fusz {
	clear: both;
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
	background-color: rgb(26,26,26);
	color: rgb(236,219,179);
	border-top: 1px solid  rgb(64,64,64);
}

#fusz .wrapper {
	width: 98%;
	max-width: 980px;
	margin: 30px auto;
	overflow: hidden;
}

/* .FaceBook-Button und GefaelltMir-Knopf. */
.fbButton {float: right; margin: 70px 0;  text-align: right;}
.fbButton IMAGE {display: inline-block;}
.fbButton IFRAME {display: inline-block;}

#adresse {clear: both; text-align: center; margin: 50px 0 0px 0;}