/*******************************************************************************
 Linksseitiges Klappmenue.
 Vorlage: http://www.cssscript.com/pure-css-vertical-multi-level-navigation-menu
 fse, 15.09.2016
 ******************************************************************************/

nav.sideMenu
{
	padding: 0;
	margin: 0;
	border: 0;
	margin-top: 2em;
	margin-right: 1em;
	line-height: 1;
	float: left;
	position: sticky;
	top: 1em;
	z-index: 1;
/*	border-width: 1px;
	border-style: dashed;*/
}

nav.sideMenu ul,
nav.sideMenu ul li,
nav.sideMenu ul ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.sideMenu ul
{
	position: relative;
	float: left;
}

nav.sideMenu ul li
{
	float: none;
	/*min-height: 0.05em;*/
	/*line-height: 1em;*/
	/*vertical-align: middle;*/
	position: relative;
	margin-bottom: 0.3em;
}

nav.sideMenu ul ul li
{
	background-color: #CAE0ED;
	margin-left: 0.4em;
	float: none;
}

nav.sideMenu ul ul
{
	visibility: hidden;
	position: absolute;
	width: 100%;
	/*background-color: white;*/
	margin-bottom: 0;
	top: -1px;
	left: 100%;
}

nav.sideMenu ul ul ul
{
	visibility: hidden;
	position: absolute;
	width: 100%;
	/*background-color: white;*/
	margin-bottom: 0;
	top: -40px;
	left: 100%;
}

nav a:link, nav a:visited
{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

nav.sideMenu ul li:hover > ul
{
	visibility: visible;
}

nav.sideMenu li:hover
{
	background-color: #0066A6;
}

nav.sideMenu a
{
	display: block;
	text-decoration: none;
	padding-top: 0.5em;     /* um den anklickbaren...      */
	padding-bottom: 0.5em;  /* ... Bereich zu vergroessern */
}

nav.sideMenu > ul { width: 13em; }
nav.sideMenu ul ul { width: 13em; }

nav.sideMenu li
{
	position: relative;
	text-align: center;
	border-style: solid;
	border-color: #0066A6;
	border-width: 1px;
	height: 2em;
	/*transition-duration: 0.2s;*/
}

nav.sideMenu ul li.has-sub > a:after
{
	content: '>';
	position: absolute;
	right: 1em;
}

.current
{
	animation: current 2s infinite linear;
}

@keyframes current
{
	  0% { background-color: none;    }
	 50% { background-color: #609FC8; }
	100% { background-color: none;    }
}

@media screen and (max-width: 600px)
{
	nav.sideMenu { display: none; }
	nav.sideMenu ul { width: 10em; font-size: 8pt; }
	nav.sideMenu ul ul { width: 13em; }
	nav.sideMenu ul ul ul { width: 14em; }
	nav.sideMenu ul li.has-sub > a:after { content: '';}

	input[type=checkbox]:checked ~ nav.sideMenu
	{
		position: relative;
		display: block;
		margin-top: 0em;
		top: 0em;
	}

	input[type=checkbox]:checked ~ nav.sideMenu li { background-color: #E5F1FD; }

	label.openMenuLabel { display: block; }
	
/*	@media only screen and (hover: none)
	{
		nav.sideMenu ul { width: 10em; font-size: 18pt; }
	}*/
}