/**
 * Basic styles for the orientation-menu, menu and basic layout of dasinternet
 * The other layout-defintions can be fount in diStyle.css
 *
 * (C) Christoph Neumüller - 2017 Updates
 */
 
 /* basic texts */
 body {
	background-color:#efefef;
	margin:0px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-display: swap;
	font-size:12pt !important;
	line-height:1.6 !important;
 }
 
 span, em, u, strong, big, ins, i, b, div, code, strike {
 	font-size:11.5pt !important;
	line-height:1.6 !important;
 }
 
 small, small > * {
  	font-size:8pt !important;
	line-height:1.6 !important;
 }
 
 big, big > * {
	font-size:12.5pt !important;
 }
 
 h1, h2, h3 {
	line-height:1.4 !important;
 }
 
 /* Hyperlinks */
 a {
	color:#00a650;
	text-decoration:none;
 }

 a:hover {
 	color:#3ec780;
	text-decoration:underline;
 }
 
 /* Navigations */
 a.baum, a.baum > * > *, a.baum > * {
	font-size:8pt !important;
	font-weight:bold !important;
	color:black !important;
	text-decoration:none !important;
 }

 svg.baum {
	width:12px;
	height:12px;
	vertical-align: middle;
 }
 
 div.treeWrapper {
	white-space:nowrap;
	text-align:left;
	text-decoration:none;
 }
 
 /* the menu (and menu ads)	box-shadow:0px 0px 27px 3px rgb(239, 239, 239); */
 div.menuWrapper {
	float:left;
	background-color:white;
	width:200px;
	min-height:870px;
	padding:5px;
	border: #efefef solid 2px;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:65px;
 }
 
 ul.menu {
	width:192.5px;
	line-height:1.4 !important;
	padding-left:0px;
	margin-left:0px;
	list-style-type:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
 }
 
 li.menuItem {
	margin:0px;
	margin-bottom:10px;
	clear:both;
 }
 
 li.menuItem a:hover {
	background-color:#efefef;
 }
 
 li.menuItem  a {
 	font-size:12pt !important;
	color:black !important;
	text-decoration:none !important;
	font-weight:bold;
	width:99%;
	display:block;
	padding:2px;
 }
 
 li.menuItem  a  img {
 	margin-right:5px;
	float:left;
 }
 
 /** BASIC elements of a page = The Structure */
 div.description  {
    font-style: italic;
	clear: both;
 }
 
 div.mainWrapper {
	background-color:#FFFFFF;
	margin-left:10px;
	margin-top:10px;
	width:1000px;
	clear:both;
	float:left;
 }
 
 div.headerWrapper {
	float:left;
	clear:both;
	background-color:#336699;
	height:100px;
	white-space: nowrap;
	width:1000px;
 }
 
 a.headerLogoWrapper {
	display:block;
	width:680px;
	height:90px;
	float:left;
	margin-top:5px;
	margin-left:10px;
 }
 
 img.headerLogo {
	height:90px;
 }
 
 /* wrapper for the menu and the main-content */
 div.mainContentWrapper {
	width:1000px;
	clear:both; 
	float:left;
	min-height:890px;
	background-color:white;
	padding-top:15px;
	margin-bottom:60px;
 }
 
 div.contentWrapper {
	float:left;
	background-color:white;
	margin-left:15px;
	padding:1px;
	width:735px;
 }
 
 div.mainTitleWrapper {
	clear:both;
	float:left;
	margin-top:5px;
 }
 
 h1.mainTitle {
	font-size:16pt !important;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
	margin-top:4px;
 }
 
 div.mainAuthor {
	clear:both;
	float:left;
	margin-top:0px;
    margin-bottom: 10px;
    width: 100%;
    padding: 3px;
	padding-right: 7px;
 }
 
 div.mainAuthor * {
	font-size:9pt !important;
 }
 
 div.socialNetworks {	
	white-space:nowrap;
	clear:both;
	float:left;
	margin-left:0px;
	margin-top:4px;
	margin-bottom:17px;
 }	
 
 div.infoSubWrapper {
	clear:both;
	float:left;
	margin-top:2px;
	margin-bottom:7px;
	width:193px;
	text-overflow:ellipsis;
	overflow:hidden;
 }
 
 div.infoSubWrapperCenter {
	margin-left: 17px;
	margin-top:12px;
 }
 
 a.infoSubWrapperA {
	width:192.5px;
	color:black !important;
	font-size:8pt;
	padding-left:14px;
	font-weight:bold;
 }
 
 a.infoSubWrapperA:hover {
	text-decoration:none;
 }
 
 div.shareButton {
	float:left;
	padding:2px;
 }
 
 div.shareButton img {
 	width:30px;
	margin-right:8px;
 }
 
 div.shareButton img:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);	
 }
 
 /* footer */
 div.footerWrapper  {
	clear:both;
	float:left;
	width:990px; 
	background-color:lightgrey;
	color:black;
	margin-bottom:0px;
	margin-top:30px;
	line-height:1.9 !important;
	padding-left:10px;
	padding-top:11px;
	padding-bottom:11px;
 }

 div.innerFooter1  {
	font-size:11pt !important;
	font-weight:bold; 
	margin-bottom:7px;
 }

 div.innerFooter2  {
	font-size:9pt !important;
	margin-bottom:1px;
 }
 
 div.innerFooter1 > a, div.innerFooter2 > a {
 }