@charset "utf-8";
*        {
         margin: 0px;
         padding: 0px;
         }
html     {
         height: 100.2%;
         }
body     {
         font-family: Verdana, Arial, Helvetica, sans-serif;
         background-color: #FFFFFF;
         }

/**** GRUNDGERUEST ****/
#mother {
         width: 100%;
         margin: 0px auto;
         background-color: #FFFFFF;
         display:-webkit-flex;
         display:flex; -webkit-flex-direction: column; flex-direction: column;
         }

/** kopfbereich **/
#kopf {
         background-image: url(../images/weissverlv.gif);
		 background-size: 100% 100%;
		 height: auto;
         background-color: #FFFFFF;
         border-left: 1px solid silver;
         border-right: 1px solid silver;
         }

/* container ist alles außer Kopf */
#container {
    background:#FFFFFF;
    display:-webkit-flex;
    display:flex;
}
/** class defintions**/
.content-category {
	text-align:left;
}
.item-content{
	border-bottom: 1px solid silver;
	padding-bottom: 10px;
	padding-top: 10px;
}
.item {
    border-bottom: 1px solid silver;
    padding-bottom: 16px;
}

.item-page {
  margin-top: 3vh;
}
.pagination {
	height: 25px;
}
/*klasse für zentrierte bilder*/
.mx-auto.d-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* menu ist linke spalte */
#menu {
	text-align: left;
	font-size: 2vh;
	float: left;
	width: 15%;
	min-height: 700px;
	background-color: #FFD100;
	background-image: url(../images/gelbverlh.gif);
	background-size: 100%;
	padding-left: 1%;
	padding-top: 1%;
}
#menu form {
	padding-top: 15%;
}
#mod-finder-searchword133 {
	width: 75%;
	}
	
#menu h3 {
	background-color: #0F0F0F;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 50px;
	}
#menu ul {
	margin-left: 5px;
}
#menu ul li {
	list-style-type: none;
	margin-bottom: 2px;
         }
#menu ul ul {
	margin-left: 10px;
}
#menu a {
	color: #000000;
	text-decoration: none;
}

/** contentbereich **/
#content {
	width: 70%;
}

table {
  width: 95%;
}
.list-title{
  width:75%;
}
list-date small{
 width: 25%; 
}


/* news ist rechte spalte */
#news {
         width: 15%;
		 background-image: url(../images/gelbverlh_flipped.gif);
		 background-size: 100%;
         font-size: 1.5vh;
         color: #000000;
         border-width: 1px;
         border-right-style: solid;
         border-left-style: solid;
         border-color: silver;
		 padding-left: 3%;
         }
/* heading 3*/
#news h3 {
         background-color: #0F0F0F;
         font-size: 110px;
         color: #FFFFFF;
         text-align: center;
         padding-top: 5px;
         padding-bottom: 5px;
         margin-bottom: 10px;
         }
/* div ist blockelement*/
#news div {
	padding-top: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    border-color: silver;
}
/* p ist paragraph also, Artikelinhalt */	
#news p {
         margin-bottom: 10px;
         padding-left: 5px;
         padding-right: 5px;	 
		 }
/* ul ist unordered list, ul li ist Listenelement */		 
#news ul {
         margin-left: 5px;
         list-style-type: none;
         margin-bottom: 10px;
         }
#news ul li {
         margin-left: 5px;
         list-style-type: none;
         margin-bottom: 5px;
         border-bottom: 1px solid silver;
         }
		 

#Komponenten  {
	margin-left: 1%
}
#Komponenten h3 {
	margin-bottom: 5px;
	margin-top : 15px;
}
#Komponenten h2 {
	font-size: 25px;
}
#Komponenten p {
	margin-bottom: 5px;
}
#pfadleiste {
	margin-bottom: 15px;
}
#pfadleiste ol {
	list-style-type: none;
	font-size: 1.5vh;
	margin-left: 0.8%;
}

#component {
         padding: 5px;
         background-color: #FFFFFF;
         font-size: 12px;
         color: #0b244c;
         }
#component a {
         color:#000000;
         }
#component h1 {
         margin-bottom: 10px;
         font-size: 16px;
         }
#component h2 {
         margin-bottom: 5px;
         font-size: 14px;
         }
#component h3 {
		 margin-bottom: 5px;
         font-size: 12px;
         font-weight: bold;
         font-style: italic;
         }
#component p {
         margin-bottom: 10px;
         }
#component ul {
         margin-left: 0px;
         }
input#modlgn-username{
         font-size: 12px;
         width: 130px;
         }
input#modlgn-passwd{
         font-size: 12px;
         width: 130px;
         }

/** footerbereich **/
#footer {
         background-color: #FFFFFF;
         height: 20px;
         font-size: 10px;
         text-align:left;
         border: silver 1px solid;
         }
#footer ul li {
         display: inline;
         margin-left: 10px;
         }
#footer a {
         color: #FFFFFF;
         text-decoration: none;
         }

hr {
	color: silver;
	height: 1px;
}

li.print-icon {
  float: right;
  list-style-image: none;
  background-color: transparent;
}

li.print-icon img {
  border: 0;
  padding: 0;
}

li.print-icon a {
  padding-left: 5px !important;
  background-image: none !important;
}