/** Author: M. Kühn **/
/** Author URL: http://www.kuehn.tv **/
/** Font-size ueber body + DropDownMenue geregelt **/

html { overflow: auto;}

body, html {
		width:99%;
		height:99%;
	background-color: #ffffff;		/** ----- Hintergrundfarbe war #404040----- **/
	/**font-family: Arial, Tahoma, Verdana, sans-serif;**/
	font-family: Garamont, Baskerville Old Face, Verdana, Tahoma, Arial, sans-serif;
	color: gray;
	font-size: 1.3rem;
/** font-size: 1.3rem; **/
	/**font-weight: normal;**/
	margin: 0;
	padding: 0;		/** 20px 180px 0px 20px; **/	/** top, right, bottom, left **/
	/** overflow-y: scroll; **/
    /** overflow-x: hidden; **/
	background-attachment: fixed;
	 /**  background-image: linear-gradient(to bottom, rgba(76, 94, 107, 0.4) 0%, rgba(55, 68, 77, 0.4) 50%), url(../images/bg_logo_2.jpg); **/
	  /**background-image: linear-gradient(to bottom, rgba(64, 64, 64, 0.3) 0%, rgba(64, 64, 64, 0.7) 50%), url(../img/bg_monk---.jpg);**/					/** oberes Logo Hintergrund**/
	  background-image: linear-gradient(to bottom, rgba(64, 64, 64, 0.0) 0%, rgba(64, 64, 64, 0.0) 50%), url(../img/bg_monk---.jpg);					/** oberes Logo Hintergrund**/
	  background-position: top center;
	  background-repeat: no-repeat;
	  background-size:cover; 			/** you change this from "cover" to "contain" if you don't want the images to be cropped **/
	}


/** -------- farbige Scrollbar fuer divscroll ----------- **/
.scrollbar::-webkit-scrollbar {
    width: 18px;
	}

/** Hintergrund-Track **/
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 16px rgba(227, 226, 225, 0.9);
	-moz-box-shadow: inset 0 0 16px rgba(227, 226, 225, 0.9);
	box-shadow: inset 0 0 16px rgba(227, 226, 225, 0.9);

    -webkit-border-radius: 10px;
	-moz-border-radius 10px;
    border-radius: 10px;

	/** zum Verkleinern des Hintergrundbalkens in Abhaengigkeit zum Track-width **/
		background: rgb(0,0,0);
		border: 6px solid transparent;
		background-clip: content-box;   /* this is important */
	}
/** Scroller **/
.scrollbar::-webkit-scrollbar-thumb {
     /* border: 1px solid grey; */

	-webkit-border-radius: 10px;
	-moz-border-radius 10px;
    border-radius: 10px;

	/** background:url("http://www.topdesignmag.com/wp-content/uploads/2010/12/137.jpg"); **/
    background: rgba(227, 226, 225, 1); 	/* background: rgba(238, 223, 152, 1);  war background: rgba(246, 188, 96, 1);*/

    -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.9);
	-moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.9);
	box-shadow: inset 0 0 20px rgba(0,0,0,0.9);
	}

.scrollbar::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(246, 188, 96, 1);
	}

.scrollbar::-webkit-scrollbar-corner {
	background: rgba(246, 188, 96, 1);
	border: 3px solid black;
	-webkit-border-radius: 10px;
	-moz-border-radius 10px;
    border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	}
/** -------- farbige Scrollbar fuer divscroll ----------- **/

h3 {
	text-align:center;
}

table, td {
	/**margin-top:0px;**/
	/**margin-left:0px;**/
	margin:0;
	padding:0;
	color: gray;		/** Schriftfarbe Text komplett**/
	font-size:1.3rem;
	/**font-family: Arial, Tahoma, Verdana, sans-serif; **/
	/**font-weight:normal;**/
	text-valign:top;
	align:left;
	text-align:left;
	vertical-align:top;
	z-index:-1;
	}
td.right {
	text-align:right;
	align:right;
	}
td.ueberschrift {
	font-weight:bold;
	}
td.blocksatz {
	text-align:justify;
	}
td.links {
	text-align:left;
	text-valign:top;
	vertical-align:top;
	margin:0;
	padding:0;
	}
td.linksbuendig {
	text-align:left;
	border: 0px solid red;
	width:45%;
	}
td.rechtsbuendig {
	text-align:right;
	border: 0px solid red;
	width:45%;
	}
td.zentriert {
	text-align:center;
	border: 0px solid green;
	min-width:160px;
			/**width:170px**/
	}

td.linksunten {
	text-align:center;
	border: 0px solid red;
	background-color:#e3e2e1;
	color:gray;
	width:25%;
	padding-top:10px;
	padding-bottom:10px;
	/**cursor: pointer;**/
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	font-size:0.8rem;
	}

td.nachoben {
	text-align:center;
	border: 0px solid green;
	width:100%;
	}
td.links {
	text-align:center;
	border: 0px solid black;
	width:5%;
	}

/** fuer kleine Bilder **/
img.leftfloat {
	float: left;
	margin: 0.5rem;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 8px 20px 0 rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 8px 20px 0 rgba(0, 0, 0, 0.29);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 8px 20px 0 rgba(0, 0, 0, 0.29);
/**	max-width: 80%;
	height: auto; **/ }

.lead {
  /**font-size: 1.25rem;**/
  /**font-weight: 300;**/
	float: left;
	}

.einrueck {
  margin-left: 1rem;
  margin-right: 3.5rem;	/** Text rechterAbstand **/
  margin-top: 0rem;
  }
.einrueck1 {
  margin-left: 2rem;
  margin-top: 0rem;
  }
.einrueck11 {
  margin-left: 5rem;
  }
.einrueck2 {
  margin-left: 4rem;
  }
.einrueckh3 {
  margin-left: 1rem;
  margin-top: 0rem;
  font-size: 1.3rem;
  }

.leadeinrueck3 {
  margin-left: 6rem;
  /**font-size: 1.25rem;**/
  /**font-weight: 300;**/
  }

/** Links **/
a:link, a:visited {
	color: #000;
	background-color: white;	/** #e3e2e1; **/
	text-decoration: none;
		/**font-family:Arial, Times, sans-serif;**/
		/**font-size: 1.3rem;**/
	}
a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
	background-color:#808080;
	}


/** Button nach oben **/
.obenbtn {
    background-color: #e3e2e1;
    color: black;
	padding-top:2px;
	padding-bottom:2px;
    /** padding: 10px 100px 10px 100px; **/		/** top, right, bottom, left **/
	width:99%;
    /** deaktiviert font-size: 1.3rem; **/
    cursor: pointer;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	}
.obenbtn:hover, .obenbtn:focus {
    background-color: #fff;
	}

/** ----- DropDownMenue ----- **/
.dropbtn, .dropbtn1, .dropbtn2, .dropbtn3, .dropbtn4 {
    background-color: white;
    color: red;
    padding: 4px 6px;	/** padding: 6px; **/
	margin: 5px 0px; 0px 0px;
	font-family: Garamont, Baskerville Old Face, Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.1rem;
    cursor: pointer;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	}
.dropbtn:hover, .dropbtn:focus, .dropbtn1:hover, .dropbtn1:focus, .dropbtn2:hover, .dropbtn2:focus, .dropbtn3:hover, .dropbtn3:focus, dropbtn4:hover, .dropbtn4:focus, obenbtn:hover, .obenbtn:focus {
    background-color: white;
	}
.dropdown {
/** float: right; fuer rechtsbuendig **/
	position: relative;
		padding: 0px 6px 6px 0px;							/** Abstand des Menues zum Umfeld - top, right, bottom, left **/
    display: inline-block;
	}
.link {
/** float: right; fuer rechtsbuendig **/
	position: relative;
		padding: 0px 6px 6px 0px;							/** Abstand des Menues zum Umfeld - top, right, bottom, left **/
    display: inline-block;
	}
.dropdown-content, .dropdown-content1, .dropdown-content2, .dropdown-content3, .dropdown-content4 {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;	/* breite der Links */
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/** right: 0; fuer rechtsbuendig **/
    z-index: 1;
	font-size: 1.1rem;
	}
.dropdown-content a, .dropdown-content1 a, .dropdown-content2 a, .dropdown-content3 a, .dropdown-content4 a {
/**	  font-family: Arial;**/
	color: black;
    padding: 8px 16px;	/* hoehe der Links */
    text-decoration: none;
    display: block;
	text-align: left;
	}
.dropdown a:hover {
	background-color: #e3e2e1;
	}
.show {
	display: block;
	}

.bgimg{
    float:left;
    position: relative;
    width: 100%;
	/**height:60px;**/
    /** padding-bottom: 7%;  **/							/** = width for a 1:1 aspect ratio **/
    margin:0;	/** margin:1.66%; **/
    background-color:#ffffff;	/** #e3e2e1; **/
    overflow:hidden;
	background-image: url(../img/alle_3_wald_2.jpg);
	background-position:bottom center;
    background-repeat:no-repeat;
    background-size:contain;  /** you change this from "cover" to "contain" if you don't want the images to be cropped **/
	}