@charset "utf-8";

aside#right {
	display:none;
}

section {
	margin: 0 !important;
	width: 100%;
	padding: 6px 6px 6px 6px;
	order: 2 !important;
}

aside#left {
	width: 100%;
	background-color: #EAEAEA;
	border: 0px;
	border-bottom: 1px solid #5C5959;
	order: 0 !important;
}

header {
	height: 30px;
	background-image: url(images/logo_klein_02.png);
	background-repeat: no-repeat;
	background-position: center;
	border-top-width: 2px;
}

header img {
	display: none;
}

/*
This is done via jQuery, because sometimes there is a navigation in "left".
div#left {
	display:none;
}*/

main {
	margin: 0 !important;
	border: 0 !important;
}

h1 {
	margin-top: 2px !important;
}

/*** Navigation ***/

nav#horizontalNavigation {
	background-image: none;
	background-color: #EAEAEA; /* Das zur Verfügung stehende Hintergrundbild ist nicht hoch genug für Navigation über mehrere Zeilen */
	width: 100% !important;
}

nav#horizontalNavigation ul {
	margin: auto !important;
}
	
nav#horizontalNavigation ul li {
	width: 33%; /* Breite vorgeben, um Elemente "vertikal" zu zentrieren */
	list-style-type: none;
	list-style-image: none !important;
	font-size: 13pt;
	padding: 1px 0 1px 0 !important;
}

nav#horizontalNavigation ul a.active li {
	list-style-type: none;
	list-style-image: none !important;
}

nav#horizontalNavigation ul a:hover li {
	list-style-type: none;
	list-style-image: none !important;
}


/* Vertikale Navigation */

nav#verticalNavigation  {
   	margin: 0;
	margin-top: 3px;
	margin-left: 0 !important;
	width:100%;
	line-height:1em;
}


nav#verticalNavigation ul {
	margin:0 !important;
	padding:0 !important;
}


nav#verticalNavigation li {
	margin:0 !important;
	border:0 !important;
	float:left;
}

nav#verticalNavigation ul li {
	float: left;
	list-style: none;
	text-align: left;
	padding: 2px 0 0 0 !important;
	/*margin: 0 3px 1px 0;
	padding: 1px 0 1px 0 !important;*/
	
}

nav#verticalNavigation ul li ul  li.active {
	width:100%;
}

nav#verticalNavigation ul a {
	/*text-decoration: none;*/
	font-weight: bold;
	font-size: 12pt !important;
	text-decoration: underline ;
	text-decoration-color : #999;
}

nav#verticalNavigation > ul > li> ul > li {
	padding-left: 15px !important;
	background-color:#E1E1E1;
}

nav#verticalNavigation > ul > li> ul > li> ul > li {
	padding-left: 30px !important;
	background-color: #D8D8D8;
}

nav#verticalNavigation  a ::before{
	content: '· ';
	white-space: nowrap;
}

div#naviToggle {
	border-top: 1px solid #D8D8D8;
	cursor: pointer;
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #D8D8D8;
	font-size: 12pt !important;
}



figure.gallery-preview img {
	max-width: 100%;
	height: 100%;
}