body {margin-left:40px;
      margin-right:40px;
      padding: 0;
      background-color: #ffffcc;
      background-repeat: repeat-y;
      background-position: center;
      font-family : "comic sans MS", "Time New Roman", sans-serif;
      font-size: 120%;
      color: #000000;}
h1 {
font-family : "comic sans MS", "Time New Roman", sans-serif;
color : #000000;
text-align: center;
}
h2 {
font-family : "comic sans MS", "Time New Roman", sans-serif;
color : #000000;
text-align: left;
}

h3 {
font-family : "comic sans MS", "Time New Roman", sans-serif;
color : #000000;
text-align: left;

}
h4 {
font-family : "comic sans MS", "Time New Roman", sans-serif;
color : #000000;
text-align: center;

}
p {
font-family : "comic sans MS", "Time New Roman", sans-serif;
color : #000000;
text-align: center;
margin-left:20px;
margin-right:10px
}


img { 
  max-width: 100%; 
  height: auto; 
} 


table {
border-collapse:collapse;
margin: auto;
}


td {
font-family : "comic sans MS", "Time New Roman", sans-serif;
color : #000000;
text-align: left;
font-weight : normal;
margin: 15px;
padding:15px;
font-size: 100%;
border:1px solid black; 
}

.td_center {
font-family : "comic sans MS", "Time New Roman", sans-serif;
vertical-align:top;
color : #000000;
text-align: center;
font-weight : normal;
margin: auto;
padding:15px;
font-size: 100%;
border:0px solid black;
}


.td_center_500 {
font-family : "comic sans MS", "Time New Roman", sans-serif;
vertical-align:top;
color : #000000;
text-align: center;
font-weight : normal;
margin: 15px;
padding:15px;
font-size: 100%;
border:0px solid black;
width: 500px; 
}

.tabelle_sortierbar {
font-family : "comic sans MS", "Time New Roman", sans-serif;
vertical-align:top;
color : #000000;
text-align: center;
font-weight : normal;
border:0px solid black;
margin: 15px;
padding:15px;
}

a:link {
color : #006600;
}
a:visited {
color : #996633;
}
a:active {
color : #666600;
}
a:hover {
color : #ff9900;
}


#container {
	width: 100%;
	text-align: center;
	margin-left: auto; 
        margin-right: auto;
}

#container_design {
	background: #E95440; 
	border: 5px solid #000000;
	text-align: left;
	padding:20px 20px;
	margin: 20px;
}

#contained {
	text-align: center;
	display: inline-block;
        
}

#container_center {
	width: 100%;
	text-align: center;
	padding:20px 20px;
	}

#container_center_2 {
	width: 100%;
	text-align: center;
	padding:20px 20px;
	}

#container_center_3 {
	width: 100%;
	text-align: center;
	padding:20px 20px;
	}

#container_center_4 {
	width: 100%;
	text-align: center;
	padding:20px 20px;
	}

#container_center_5 {
	width: 100%;
	text-align: center;
	padding:20px 20px;
	}

#nav, #nav ul { /* all lists */
	width: 100%;
	list-style: none;
	line-height: 1;
	        }

#nav a {
	display: block;
  	padding:5px 10px;
  	border:1px solid transparent;
  	border-radius: 10px;
  	border-collapse:collapse;
  	color:#FFFFFF;
  	font-weight:bold;
  	text-decoration:none;
  	background-color:#589327;
  	margin:1px;
}

#nav li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
	padding:5px 10px;
  	border:0px solid transparent;
  	border-radius: 10px;
  	border-collapse:collapse;
  	color:#FFFFFF;
  	font-weight:bold;
  	text-decoration:none;
  	margin:1px;
}

#nav ul {
	position: absolute;
	left: -62.438em;
	width: 12em;
        line-height: 120%;
	font-weight: normal;
        margin:1px;
}

#nav li {
	float: left;
	padding: 0;
	border-width: 3px;
	width: 12em;
        line-height:120%;
}

#nav li ul { /* second-level lists */
	position: absolute;
	padding: 0;
	border-width: 3px;
	width: 12em;
        line-height:120%;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
        padding:0px 10px;
  	border:1px solid transparent;
  	border-radius: 10px;
  	border-collapse:collapse;
  	color:#FFFFFF;
  	font-weight:bold;
  	text-decoration:none;
  	margin: -40px 0 0 12em;
         	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

#nav a:hover, .topmenu.on a {
  color:#000000;
  background-color:#7CAB2B !important;
}

#content {
	clear: left;
}

.tabellenblock > * { display:inline-block; margin:10px; vertical-align:middle; border:1px  }
	tr th { vertical-align:middle }
	.ce { text-align:center }
			div.scrollcontainer 			{ position:relative; }
			div.scrollcontainer div 		{ border:1px solid #000000; padding-top:60px; display:inline-block; height:600px; overflow-y:scroll }
			div.scrollcontainer div table thead	{ position:absolute; left:0px; top:0px; font-size: 75%; }
			div.scrollcontainer div table thead th 		{ color:#FFFFFF; background-color:#7CAB2B; height:20px; border:1px solid #000000; margin: 15px; padding:15px; }
			div.scrollcontainer div table tbody td 		{ background-color:#ffffcc; font-size: 75%; }
			div.scrollcontainer div table thead th	{ min-width:150px; width:150px; max-width:150px; }
			div.scrollcontainer div table tbody td	{ min-width:150px; width:150px; max-width:150px; }