/* tinymce - Box */
div.mce-edit-area {
    background:#FFF;
    filter:none;
    padding:15px;
	margin:15px;
}




/* GRUNDEINSTELLUNGEN...... 
 Letzte Überarbeitung: 
01.03.2018 / Martin Scheiben
  ======================== */

  .buttonFooter {
 width: 120px; /* Breite des Buttons */
 height: 15px; /* Höhe des Buttons */
 border: 1px solid #aaa; /* Rahmen */
 border-radius: 2px; /* Abgerundete Ecken */
 background: #eee; /* Hintergundfarbe für ältere Browser */
 display: inline-block; /* Darstellung als Inline-Block */
 text-align: center; /* Horizontale Text-Ausrichtung */
 text-decoration: none; /* Links nicht unterstrichen */
 color: #333; /* Textfarbe */
 font-size: 9px;
}


body { 
	 text-align: center;
	 }


 html, body  {
 		height: 100%; 	/* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
 }
 
 body		{
			scrollbar-face-color:#E7E7E7;
			scrollbar-track-color:#E9E9E9;
			scrollbar-arrow-color:#000000;
			scrollbar-highlight-color:#E2E2E2;
			scrollbar-shadow-color:#FFFFFF;
			scrollbar-3dlight-color:#A8A8A8;
			scrollbar-darkshadow-color:#000000;
			}
	  
	  
/* ENDE GRUNDEINSTELLUNGEN...... */
/* ======================== */
 
 
 
   
 
html { 
	background: url('./bilder_allgemein/bg.jpg') no-repeat fixed center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}





  #wrapper {
 position: relative;
 min-height: 100%;
 }


 #content {
 padding: 1em 1em 2.5em 1em; 
 } 

 
 #fussbereich, #footer  {
		FONT-SIZE: 9px; 
		FONT-FAMILY: Verdana, Georgia, Arial, Helvetica, sans-serif;
}

 #footer {
position:fixed; /* Damit klebt die Fusszeile stets unten am Bildschirmrand. (Moderne Browser können das. Soll es nur unten sein wenn die Seite zu vile Text hat, wäre  position: absolute;  das Richtige) */
 bottom: 0;
 width: 100%;
 line-height: 1.5em;
 text-align: center;
 background: #9a9a9a;
 	background-color:#9a9a9a;
	background: url(bilder_allgemein/hintergrund_streifen.png) repeat-x;
 } 


/* ------- Fix for Android ------- */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

/* default checkbox */
/* Macht dafür Ärger bei normalen Checkboxen
input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

*/

label { 
  cursor: pointer;
  user-select: none;
}
 /* -------  ENDE Fix for Android ------- */





/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

/* declarations for the not-responsove-menu */







nav {
box-sizing: border-box;
  float: left;
  width: 100%;
  background: #151131;  
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #000105;
  -webkit-box-shadow: 2px 2px 3px #777;
  -moz-box-shadow: 2px 2px 3px #777;
  box-shadow: 2px 2px 3px #777;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;

}

nav ul {
  margin: 0;
  padding: 0;
  z-index:1;
}


nav a,nav a:visited  {
  display: block;
  color: #fff;
  text-decoration: none;
}

          
nav a:active {
  display: block;
  color: #aaaaaa;
  text-decoration: none;
}




/*  -----------  */



nav ul li {
  position: relative;
  float: left;
  list-style: none;
    margin: 0;
	  font-size: 13px;
}
 
nav ul li:hover {
  background: #4096ee;
}
 
nav ul li a {
    padding: 20px;
}





nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #333;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
 
nav ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid #555;
}
 
nav ul ul li a {
  padding: 10px 20px;
}




/*  -----------  */


nav ul li:hover > ul {
  top: 100%;
  left: 0;   
}



nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}



nav ul li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

nav ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}



nav ul ul li:last-child {
  border-bottom: none;
}

/* der rote Balken links hilft der Navi */
nav li li{
  background: url(bilder_allgemein/navi_streifen_rot.png) repeat-y;
}

nav a:hover
{
	   color:blue;
}

/*   Letzter Text */
nav ul ul li.endmenu > a{
  background: #fefefe;
		font-family: 12px/2 Verdana, Georgia, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-shadow:none;
		COLOR: #000000;	
	font-style: normal;
	font-variant: normal;
	text-transform: none;	
  text-align: left;	
}


nav ul ul li.neuer_ordner > a{
  background: #ababab;
		font-family: 12px/2 Verdana, Georgia, Arial, Helvetica, sans-serif;
		font-size: 11px;		  
		display: inline-block;
}


@media screen and (max-width: 800px) 
{
/*
	html,body 
	{
	  font-size: 13px;
	}
  */
}

@media screen and (max-width: 1024px) {


	label.responsive-nav-label {
	  position: relative;
	  display: block;
	  padding: 20px;
	  background: #111;
	  cursor: pointer;
	  color: #fff;
	}

	label.responsive-nav-label span {
	  margin-right: 10px;  
	}

	nav {
	  position: absolute;
	  top: -9999px;
	  padding: 10px;
	}
	 
	input#responsive-nav[type=checkbox]:checked ~ nav {
	  position: relative;
	  top: 0;
	}

	nav a:after {
	  display: none;
	}

	nav ul ul a {

	                 border-radius: 0 ; /* [top-left] [top-right] [bottom-right]][bottm-left] */
	                  background: #4a4a4a;
	}

	nav li {
	  float: none !important;
	  width: 100% !important;
	  border-bottom: none !important; 
	}
	   
	nav li a {
	                 border-radius: 20px 1px 1px 20px ; /* [top-left] [top-right] [bottom-right]][bottm-left] */

	  margin-bottom: 10px !important;
	  padding: 10px 20px !important; 
	  background: #3a3a3a;
	}

	/* der rote Balken links stört der Navi */
	nav ul li{
	  background: none;
	}

	 
	nav ul li:hover {
	  background: none;
	}
	   
	nav ul li a:hover {
	  background: #4096ee;
	}


	nav ul ul {
	  position: relative !important;
	  width: 100%;
	  left: 0 !important;
	  top: 0 !important;
	  background: none !important;
	  box-shadow: none;
	}

	nav ul ul li {
	  padding-left: 20px;
	}

 
}