/* CSS Document */

html {
	height: 100%;
}

.content_table {
width:100%;
}



/*ul
{
margin: 0;
padding: 0;
list-style: none;
}*/

li
{
line-height: 17px;
padding-left: 15px;
padding-top: 0px;
background-image: url(list.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
h1,h2
{
line-height:125%;
}

td {
	text-align: left;
	font-size: 12px;
}
th {
	font-size: 12px;
}

textarea
{
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}

body {
	margin: 5px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 16px;
	font-size: 11px;
	color: #333333;
	background: #ffffff;
}

a:link, a:visited {
	color: #1424c0; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #5b64bc;	text-decoration: none;
	font-weight: bold;
}
a.menu:link,a.menu:visited
{
color:#ffffff;
}
a.menu:hover
{
color:#EAEAEA;
}
a.pms_footer:link,a.pms_footer:visited
{
color:#89ff94;
}
a.pms_footer:hover
{
color:#c3fec9;
}
.pms_footer{
 color: #ffffff;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

.bggrey 
{
 background-color:#DDDDDD;
}
.menu
{
 background-color:#007700;
 color:#ffffff;
 font-size:13px;
 font-weight:bold;
 text-align:left;
 padding:0px;
 padding-left:6px;
 border-spacing:0px;
}
.item_link > a {
	color:#007700;	
	font-size: 150%;
	display: flex;
	padding: 10px 0;
}
.content_text a {
	color:#007700;	
}

.bezeichnung
{
 background-color:#777777;
 color:#ffffff;
}
.description
{
 color:#666666;
}
.list_heading
{
 color: #222232;
	font-size: 22px;
	font-weight: bold;
}

.item_heading
{
 color: #222232;
	font-size: 22px;
	font-weight: bold;
}
.item_user
{
 color: #666666;
	font-size: 10px;
}
.download
{
font-size:20px;
}
.comment_heading
{
color: #555555;
font-weight: bold;
}
.comment_content
{
color: #555555;
}
.signatur
{
color: #888888;
}
.signatur_line
{
height:1px;
border:0px;
background-color:#DDDDDD;
}
.comment_write
{
color: #555555;
font-weight: bold;
}
.comment_error
{
color: #995555;
font-weight: bold;
}
.login_fail
{
color: #995555;
font-weight: bold;
}
.rating
{
 color: #666666;
	font-size: 12px;
}
.item_intro
{
 color: #666666;
	font-size: 12px;
	font-weight: bold;
}
.item_text
{
 color: #222222;
	font-size: 12px;
}
.rg {
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

.border {
	border: 1px solid #007700;
}
.poll_bar1
{
background-color: #AA0000;
}
.poll_bar2
{
background-color: #00AA00;
}
.poll_bar3
{
background-color: #0000AA;
}
.poll_bar4
{
background-color: #AAAA00;
}
.poll_bar5
{
background-color: #AA00AA;
}
.poll_bar6
{
background-color: #00AAAA;
}
.poll_bar7
{
background-color: #001080;
}
.poll_bar8
{
background-color: #000000;
}
.poll_bar9
{
background-color: #777777;
}
.poll_bar10
{
background-color: #FC8612;
}
.poll_question
{
color: #555555;
font-weight: bold;
}
.poll_answer
{
color: #555555;
}
.register_fail
{
color: #995555;
font-weight: bold;
}
.password_recover
{
color: #995555;
font-weight: bold;
}
.search_url
{
color: #777777;
font-style:italic;
font-size:11px;
}
.info {
        background-color: #DA5B4F;
	outline: 1px;
	outline-style: dashed;
}
.group {
        background-color: #DDDDDD;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}
.example
{
 color:#808080;
}
.bggrey 
{
 background-color:#DDDDDD;
}
.download_button
{
font-size: 20px;
text-align:center;
}
.user_counter
{
color: #181f5d;
}
.birthday
{
color: #181f5d;
}
.code
{
font-family:Lucida Console;
font-size:12px;
background-color:#AAAAAA;
}

.menu_outer {
	width: 100%;
	padding: 0 20px;
}
input[type=text], input[type=password] {
	border-radius: 25px;        
	border: 1px solid #888;
	padding: 10px 20px;
}
input[type="submit"] {
	color: #fff;
	background-color: #007700;
	border: none;
	padding: 5px 20px;
	border-radius: 25px;        
	cursor: pointer;
}
.probenplan {
	max-width: 560px;
	display: block;
	margin: auto;
	box-shadow: 0 0 10px rgba(0,0,0, .15);
	padding: 20px;
	margin-bottom: 40px;
	background-color: #daffda;        
}
.search center {
	display: flex;
	flex-direction: column;
}
.news-main-page {
	max-width: 600px;
	padding: 20px;
	background-color: #fffdda;        
	box-shadow: 0 0 10px rgba(0,0,0, .15);
}
.menu_inner {
	width: 100%;
}
.menu_inner tr {
	width: 100%;
}
.menu_inner > tbody {
	width: 100%;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	display: grid;
	row-gap: 14px;
	column-gap: 2px;
}
.menu_inner td {
	width: unset;
	display: flex;
	align-items: center;
	background-color: transparent;
}
.menu_inner td a {
	display: flex;
	padding: 8px 15px;       
	width: 100%; 
	background-color: #007700;
	border-radius: 15px;
}
.content_table {
	display: flex;
	flex-direction: column;
	max-width: 100%;
}
.content_table > tbody {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.content_table > tbody > tr,
.content_table > tbody > tr > td {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.content_text {
	width: 100%;
	max-width: 100%;
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-image: url('template_files/back.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
}

.container {
  max-width: 980px;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
}

.header img {
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
}

.main {
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
}

.sidebar {
  flex: 1 1 100%;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.content {
  flex: 1 1 100%;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-left: none;
}

.position {
  border-top: 1px solid #007700;
  padding: 10px;
  box-sizing: border-box;
}

.footer {
  background-color: #007700;
  color: white;
  text-align: center;
  padding: 10px;
}

.user-panel {
	display: none;
}
/* Desktop Styles */
@media (min-width: 750px) {
	.user-panel {
		display: inline;
	}
  .sidebar {
	flex: 0 0 150px;
  }
  .main {
	border-top: 1px solid #007700;
	flex-wrap: unset;
  }
  .menu_outer {
	padding: 0 ;
  }
  .content {
	flex: 1;
	border-left: 1px solid #007700;
  }
}

.switch {
  display: none;
}

.members {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 10px;
}
.member {
	vertical-align: top;
	display: flex;
	flex-direction: column;
	align-items: center;
}