html {
	scrollbar-face-color: #1a2b3c; /* dunkel */
	scrollbar-arrow-color: #b2b2b2; /* hell */
}

body {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #000000;
   background-attachment: fixed;
   background-color: #F1F1F1;
   font-size: 16px;
   background-image: url("https://www.ayurvedisch-gesund.de/ressurces/fotos/banner3b.jpg");
   background-repeat: no-repeat;
   line-height: 150%;
   background-size: 100% 80%;
}

#hintergrund {
	position:relative;
	width:980px;
	height: 980px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: visible;
	visibility: visible;
}

#navi-oben {
   position: fixed;
   top: 0px;
   left: 0px;
   height: auto;
   width: 100%;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
   color: #E7E6E6; /*#290100;*/
   overflow: visible;
   visibility: visible;
   background-image: url(https://www.ayurvedisch-gesund.de/ressurces/img/transparent60.png);
   background-repeat: repeat;
}

#logo { /* Logo */
   position: relative;
   top: 0px; /*128px;*/
   height: 500px; /*362px;*/
   margin-left: auto;
   margin-right: auto;
   overflow: visible;
   visibility: visible;
   text-align: center;
   background-image: url("https://www.ayurvedisch-gesund.de/ressurces/img/Logo_2022-11-03.png");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: 50% 100px;
}

#umschliessung {
   position: absolute;
   top: 550px;
   left: 0px;
   height: auto;
   width: 100%;
   padding: 0px;
   margin: 0px;
   overflow: visible;
   visibility: visible;
   color: #636363;
   background-color: #F1F1F1;   
}

#content {
   position: relative;
   top: -30px;
   left: 8%;
   width: 60%;
   font-weight: normal;
   color: #290100;
   background-color: #FFFFFF; /*#BFE8BB; */
   visibility: visible;
   height: auto;
   overflow: visible;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   border-radius: 0px;
   -webkit-box-shadow: 0px 0px 40px #303030;
   padding-top: 20px;
   padding-right: 30px;
   padding-left: 30px;
   padding-bottom: 30px;
   box-shadow: 0px 0px 40px #303030;
   background-repeat: repeat-y;	/*display: table-caption;*/
   background-position: 100% ;
}

#kontakt {
   position: absolute;
   top: 10px;
   right: 0px;
   height: auto;
   width: 22%;
   padding: 0px;
   margin: 0px;
   overflow: visible;
   visibility: visible;
   color: #636363;
   background-color: #F1F1F1;
   /*display: table-header-group;*/
}


/* für unterschiedliche Bildschirmbreiten*/
@media all and (max-width:600px){ 
	/**/#content { display: table-caption; width: 150%;}
	#kontakt { display: table-footer-group; position: relative; left: 50px;}
} 

@media all and (max-width:1134px){ 
	/*#umschliessung { top:860px; }
	#navi-oben { visibility: hidden; }*/
}


#kopf {
   position: absolute;
   top: 2px;
   left: 0px;
   width: 100%;
   padding: 0px;
   margin: 0px;
   height: 408px;
   margin-left: auto;
   margin-right: auto;   
}



#navi2-oben {
   position: absolute;
   top: 0px;
   right: 0px;
   height: auto;
   width: 100%;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
   color: #E7E6E6; /*#290100;*/
   overflow: visible;
   visibility: visible;
   border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 3px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #E7E6E6;
   border-bottom-color: #003882;   /*#EE0DFE; #E7E6E6;*/
   font-size: 0.9em;
   background-color: #427A9D;
}

#navi-rechts {
	position:absolute;
	top:0px;
	right:20px;
	height:auto;
	width:auto;
	padding:0px;
	margin:2px;
	border:0px solid #000000;
	font-weight: normal;
	overflow: auto;
	visibility: visible;
}

/* 
#logo {
   position: absolute;
   top: -10px;
   left: -100px;
   width: 1000px;
   padding: 10px;
   margin: 2px;
   border: 0px solid #290100;
   background-attachment: fixed;
   visibility: visible;
   height: auto;
}
*/

#bluete {
	position:absolute;
	top:-25px;
	left:340px;
	width:auto;
	padding:10px;
	margin:2px;
	border:0px solid #000000;
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
	background-attachment: fixed;
	visibility: visible;
	height: auto;
}

#message {
	position:relative;
	top:250px;	
	left:20%;	
	height:auto;
	width:auto;
	padding:10px;
	margin:2px;
	border:0px solid #000000;
	font-weight: normal;
	color: #000000;
	overflow: visible;
	visibility: visible;
}

#spalte-datum {
	position:absolute;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	font-weight: normal;
	color: #fffee4;
	overflow: visible;
	right: 30px;
	top: 50px;
	width: 100px;
	height: 100px;
	font-size: x-small;
}

#pfeil {
	position:fixed; /* auf Server */
	/*position:absolute;*/ /* zur Bearbeitung */
	width:95px;
	padding:10px;
	margin:0px;
	height: auto;
	border: 0px none;
	visibility: visible;
	right: 2%;
	bottom: 10px;
}

#footer {
	position:fixed; /* auf Server */
	/*position:absolute;*/ /* zur Bearbeitung */
	left: 0px;
	height: auto;
	width:100%;
	padding:0px;
	margin:0px;
	font-weight: normal;
	color: #E7E6E6; /*#290100;*/
	overflow: visible;
	visibility: visible;
	bottom: 0px;
	/*border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #E7E6E6; 
	border-bottom-color: #E7E6E6;*/
	font-size: 0.9em;
	background-color: #003882; /*#427A9D;*/
}


/* für Mobile 1024 - 860 - 640*/
@media all and (max-width:600px){ /*640px*/
}