*{

/********** "*" ist ein Universal-Selektor. Hier wurden A L L E margin und 
    padding auf Null gesetzt ******************/
	margin: 0px;
	padding: 0px;
}


/********************************TYPO************************************
**************************************************************************/ 

body{
	margin-top: 40px;
	font-family: Arial, Helvetica, san-serif;

	background: url(..//images/mfbackground17.jpg) no-repeat center center fixed;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	 /* center center fixed; /* Bildhintergrund */ 
/*	-webkit-background-size: cover;
/*	-moz-background-size: cover;
/*	-o-background-size: cover;
/*	background-size: cover;

/*	background: #7d7e7d; /*Old browsers */
/*	background: -moz-radial-gradient(center, ellipse cover,  #7d7e7d 13%, #0e0e0e 91%); /* FF3.6-15 */
/*	background: -webkit-radial-gradient(center, ellipse cover,  #7d7e7d 13%,#0e0e0e 91%); /* Chrome10-25,Safari5.1-6 */
/*	background: radial-gradient(ellipse at center,  #7d7e7d 13%,#0e0e0e 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/********************************LAYOUT************************************
**************************************************************************/ 
#wrapper{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
	/* background-color: #999; */
	width: 960px;
	height: 670px;
	/*border-radius: 12px 12px 12px 12px; */
	/*-moz-border-radius: 12px 12px 12px 12px; */
	/*-webkit-border-radius: 12px 12px 12px 12px; */
	/*-o-border-radius: 12px 12px 12px 12px; */
}

/* Erstellt einen Schatten um den Wrapper */ 
.shadow{
	-webkit-box-shadow: 3px 3px 3x 10px #122115;
	-moz-box-shadow: 3px 3px 5px 10px #122115;
	box-shadow: 3px 3px 5px 10px #122115;
}

#header{
	width: 240px;
	height: 200px;
	float: left;
	background-image: url(..//images/mf489ab.jpg); width: 240px; height: 200px;
	text-align: center;
	 
	/*0border-radius: 12px 0px 0px 0px;*/
	/*	-moz-border-radius: 12px 0px 0px 0px;*/
	/*-webkit-border-radius: 12px 0px 0px 0px;*/
	/*-o-border-radius: 12px 0px 0px 0px;*/

}

#seitennavi {
	width: 240px;
	float: left;
	/*padding: 20px;*/
}

#section-wrapper {
	width: 240px;
	height: 470px; /*vergibt feste Höhe ohne scrollbar - Seite bleibt gleich gross  ***/
	float: left;
	background-color: #1A1C1A;
	
	/*border-radius: 0px 0px 0px 12px; */
	/*-moz-border-radius: 0px 0px 0px 12px; */
	/*-webkit-border-radius: 0px 0px 0px 12px; */
	/*-o-border-radius: 0px 0px 0px 12px; */
}

#hauptfenster{
	width: 720px;
    height: 620px; /*vergibt feste Höhe ohne scrollbar - Seite bleibt gleich gross  ***/  
    float: right;
    display: block;
	background-color: #242D1E;
/*	background-color: rgba(255, 255, 255, 0.8); */ 
/* 	border-radius: 0px 0px 12px 0px; */
/*	-moz-border-radius: 0px 0px 12px 0px; */
/*	-webkit-border-radius: 0px 0px 12px 0px; */
/*	-o-border-radius: 0px 0px 12px 0px; */

}

#footer{
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	/*color: #1A1C1A;*/
	color: #ffffff;
}

/******************** Obere Navigation ******************************
 *******************************************************************/

#topnavi { 
	width: 720px;
	height: 40px;
	background-color: #1A1C1A;
	float: left; 
	text-transform: lowercase;
	padding-bottom: 10px; 
	
/*  border-radius: 0px 12px 0px 0px; */
/*	-moz-border-radius: 0px 12px 0px 0px; */
/*	-webkit-border-radius: 0px 12px 0px 0px; */
/*	-o-border-radius: 0px 12px 0px 0px; */
}

#topnavi ul{
	font-family: Arial, Helvetica, san-serif;
	width: 720px;
	list-style-type: none;
	text-align: center;
	margin-top: 15px;
}

#topnavi li {
	display: inline;
	margin-right: 30px;
	/*padding: 20px;*/
	padding: 2px;
}

#topnavi a {
	text-decoration: none;
	color: #67716D;
}

#topnavi a.aktiv {
	color: #414141;
}


#topnavi a:hover {
	/*color: #242D1E;*/
	/*color: #A9BC9C;*/
	color: #596650;
	
	/***verzögert in millisekunden das einfärben der hover-effektes ****/
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}

/******************** Seitennavigation *****************************
 ******************************************************************/
#seitennavi .menue {
	list-style-type: none;
	width: 240px;
	/*height: 600px; */
	/*float: left; */

/*	border-radius: 0px 0px 0px 12px; */
/*	-moz-border-radius: 0px 0px 0px 12px; */
/*	-webkit-border-radius: 0px 0px 0px 12px; */
/*	-o-border-radius: 0px 0px 0px 12px; */

}

#seitennavi ul{
	list-style-type: none;
}

#seitennavi .menue li a{
	width: 240px;
	height: 40px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, san-serif;
	line-height: 40px;
	text-transform: lowercase;
	padding-bottom: 3px;
	list-style-type: none;
	color: #67716D;
	text-indent: 30px;
	text-decoration: none;
	border-bottom: 1px dashed #242D1E;
}

#seitennavi a.aktiv {
	background-color: #242D1E;
}

#seitennavi .menue li a:hover{
	background-color: #242D1E;
/***verzögert in millisekunden das einfärben der hover-effektes ****/	
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
/* die beiden unteren Befehle verhindern aus optischen Gründen in der 
		main-Navigation den 1. und den letzten Boderstrich */ 
#seitennavi .menue li:first-child a{
	/*border-top: none;*/
	border-top: 1px dashed #242D1E;
	width: 240px;
	margin-top: 40px;
}

#seitennavi .menue li:last-child a{
	border-bottom: none;
	width: 240px;
}

/**************************Hauptseite Content Inhalt****************
 *******************************************************************/

#inhalt h2 {
	font-family: Arial;
	font-size: 2.5em;
	font-weight: lighter;
	float: left;
	color: #67716D;
	padding-top: 150px;
	padding-bottom: 1px;
	padding-left: 2px;
}

#inhalt h3 {
	font-family: Arial;
	font-size: 1.2em;
	font-weight: lighter;
	float: left;
	color: #67716D;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
}

#inhalt h4 {
	font-family: Arial;
	font-size: 1.2em;
	font-weight: lighter;
	padding-left: 60px;
	padding-top: 70px;
	text-align: center;
	float: left;
	color: #67716D;
	
}

#inhalt h5 {
	font-family: Arial;
	font-size: 0.55em;
	font-weight: lighter;
	float: left;
	color: #67716D;
	text-align: center;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 5px;
	margin-left: 77px;
}

#postext1 {
	position: relativ; right: 10px; 
}

#indexbild img.mitte {
	width: 380px;
	height: 540px;
	float: left;
	padding-top: 40px;
}

/***************************** Aforismo Seite *********************************
******************************************************************************/

#aforismo {
	font-family: Arial, Helvetica, san-serif;
	font-size: 0.9em;
	font-weight: lighter;
	
	text-align: center;
	color: #67716D;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
}

#aforismo h1{
	padding-bottom: 50px;
	font-size: 3.0em;
	font-weight: lighter;
}

#aforismo h2{
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 2.0em;
	font-weight: lighter;
}

#aforismo h3{
	padding-bottom: 5px;
	font-weight: lighter;
}

#aforismo h4{
	font-size: 0.8em;
	padding-bottom: 25px;
	font-weight: lighter;
}



#aforismobild {
	/*background-image: url(..//images/mf124.jpg); width: 120px; height: 180px;   */
	padding-top: 12px;
	padding-bottom: 17px;	
}

/***************************** presse Seite *********************************
******************************************************************************/
#presse {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
}

#presse img.obenmitte {
	width: 500px;
	height: 80px;
	float: left;
	padding-left: 65px;
	
}	

#presse img.seite1 {
/*	width: 450px; */
/*	height: 444px; */
	width: 300px;
	height: 300px;
	float: left;
	padding-top: 20px;
	
}	

#presse img.seite2 {
/*	width: 500px; */
/*	height: 444px; */
	width: 300px;
	height: 300px;
	float: right;
	padding-top: 20px;
}	

#presse h3{
	font-size: 1.0em;
	padding-top: 330px;
	font-weight: lighter;
	color: #67716D;
	text-align: center;
}


#transpresse a img:hover {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
}

#transpresse img {
	margin: 0px 5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#transpresse img:hover {
	margin: 0px 5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}




/***************************** partner Seite *********************************
******************************************************************************/




/***************************** Impressum Seite *********************************
******************************************************************************/

#impressum {
	font-family: Arial;
	font-size: 0.7em;
	font-weight: lighter;
	text-align: left;
	color: #67716D;
	padding: 20px;
}

#impressum h2 {
	padding-bottom: 7px;
	font-size: 0.0em;	
}

#impressum h3 {
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 0.8em;	
}

/***************************** Datenschutz-Seite *********************************
******************************************************************************/

#datenschutz {
	font-family: Arial;
	font-size: 0.7em;
	font-weight: lighter;
	text-align: left;
	color: #67716D;
	padding: 20px;
	
}

#datenschutz h2 {
	padding-bottom: 7px;
	font-size: 0.0em;	
}

#datenschutz h3 {
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 0.8em;	
}

#datenschutzbox {
   color: #67716D;
    width: 690px;
    height: 590px;
}



/***************************** Sensual Seite *********************************
******************************************************************************/
#sensual {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
}

#sensual img.links {
	width: 220px;
	height: 520px;
	float: left;
	padding-right: 20px;
}

#sensual img.obenmitte {
	width: 240px;
	height: 200px;
	float: left;
	padding-bottom: 20px;
}


#sensual img.obenrechts {
	width: 140px;
	height: 200px;
	float: left;
	padding-left: 20px;	
	padding-bottom: 20px;
}

#sensual img.untenrechts {
	width: 400px;
	height: 300px;
	float: left;
}

/***************************** floral Seite *********************************
******************************************************************************/

#floral {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px;
}

#floral img.bildmitte{
	width: 640px;
	height: 450px;
	float: left;
	text-align: center;
}
/***************************** libre Seite *********************************
******************************************************************************/

#libre {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px;
}

#libre img.bildmitte{
	width: 640px;
	height: 450px;
	float: left;
	text-align: center;
}


/***************************** Fantasie Seite *********************************
******************************************************************************/
#fantasie {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
}

#fantasie img.links {
	width: 220px;
	height: 520px;
	float: left;
	padding-right: 20px;
}

#fantasie img.obenmitte {
	width: 140px;
	height: 200px;
	float: left;
	padding-bottom: 20px;
}

#fantasie img.obenrechts {
	width: 240px;
	height: 200px;
	float: left;
	padding-left: 20px;	
	padding-bottom: 20px;
}

#fantasie img.untenrechts {
	width: 400px;
	height: 300px;
	float: left;
}

/***************************** Licht Seite *********************************
******************************************************************************/
#licht {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
}

#licht img.links {
	width: 220px;
	height: 520px;
	float: left;
	padding-right: 20px;
}

#licht img.obenmitte {
	width: 140px;
	height: 200px;
	float: left;
	padding-bottom: 20px;
}


#licht img.obenrechts {
	width: 240px;
	height: 200px;
	float: left;
	padding-left: 20px;	
	padding-bottom: 20px;
}

#licht img.untenrechts {
	width: 400px;
	height: 300px;
	float: left;
}

/***************************** Creare Seite *********************************
******************************************************************************/
#creare {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
}

#creare img.obenlinks {
	width: 320px;
	height: 512px;
	float: left;
	padding-right: 20px;
}

#creare img.obenrechts {
	width: 300px;
	height: 231px;
	float: right;
}

#creare img.untenrechts {
	width: 300px;
	height: 260px;
	float: right;
	padding-top: 20px;
}
/***************************** Ambivalente Seite *********************************
******************************************************************************/
#ambivalente {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
}

#ambivalente img.links {
	width: 220px;
	height: 520px;
	float: left;
	padding-right: 20px;
}

#ambivalente img.obenmitte {
	width: 240px;
	height: 200px;
	float: left;
	padding-bottom: 20px;
}

#ambivalente img.obenrechts {
	width: 140px;
	height: 200px;
	float: left;
	padding-left: 20px;	
	padding-bottom: 20px;
}

#ambivalente img.untenrechts {
	width: 400px;
	height: 300px;
	float: left;
}

/********** Nachfolgend Musterseite m.1 Bild / Nov.2018 inaktiv gemacht*********
******************************************************************************/
/*
#ambivalente {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px;
}

#ambivalente img.bildmitte{
	width: 640px;
	height: 450px;
	float: left;
	text-align: center;
}
*/
/***************************** Resilienz Seite *********************************
******************************************************************************/
#resilienz {
	padding-left: 40px;
	padding-bottom: 40px;
	padding-top: 80px;
}

#resilienz img.bildmitte{
	width: 640px;
	height: 450px;
	float: left;
	text-align: center;
}


/***************************** Dekoration Seite *********************************
******************************************************************************/
#dekoration h3 {
	padding-top:0px;
	padding-bottom: 5px;
	font-size: 1.0em;
	font-weight: lighter;
	color: #67716D;
	text-align: left;

}

#dekoration {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 45px; /* regelt den Abstabnd nach oben */
}

#dekoration img.links {
	width: 220px;
	height: 520px;
	float: left;
	padding-right: 20px;
}

#dekoration img.obenrechts {
	width: 140px;
	height: 200px;
	float: left;
	padding-bottom: 20px;
}


#dekoration img.obenmitte {
	width: 240px;
	height: 200px;
	float: left;
	padding-left: 20px;	
	padding-bottom: 20px;
}

#dekoration img.untenrechts {
	width: 400px;
	height: 300px;
	float: left;
}


/***************************** Wunderkammer /Impressionen Seite   slideshow****
******************************************************************************/
#impressionen {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 80px; 
	float: left;
}

#impressionen img.bildmitte{
	width: 640px;
	height: 450px;
	float: left;
	text-align: center;
}


/********** neu ******/


.clear {clear:both;}

#galerie {position:relative; height: 450px; }

#galerie a {float:left; position:absolute; }

#galerie a img {border:none;}

#galerie a.show {z-index:500;}


#galerie .caption {
	z-index: 0;
	background-color: #000;
	color: #fff;
	height: 0px;
	width: 0%;
	position: absolute;
	bottom: 0; }

#galerie .caption .content {margin:5px;}

#galerie .caption .content h3 {margin:0; padding:0; color:#000; }