body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

body,
.wrapper {
	margin: 10px auto;
	/* max-width: 80em; */
}
footer p {
	text-align: center;
}
#main p {
	margin-left:50px;
}
#container {
	max-width: 960px;
	margin: 0 auto;
	color: #333;
}

#banner {
	background-image:
		url("../images/banner.jpg");
		height: 75px;
		margin-top: 0px;
		background-size: cover;
}

h1, h2, h3, h4, h5, h6 {       /* Überschriften */
   color: #f80;
}
#banner h1 {
	margin-bottom: 0; 
	padding-top: 25px;
}
#impressum h2 {
	margin-top: 0;
}
ul li {
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

nav, nav a, nav span, section, header, footer {   /* Rahmen     */
   border-radius: 5px;      /* 0.5em;         runde Ecken */
   border: 1px solid;
   border-color: #f80;
}

nav {
   position: fixed;
   float: left;
	/* width: 200px; */
	width: auto;
	height: auto;
   margin-right: 10px;
   padding: 10px;
   background: #eee;
}
nav li.plusbr {
	margin-bottom: 1.5em;
}

nav ul {
   padding: 0;
   margin: 10px auto;
   width: 180px;
   border: none;
}

nav ul li {
   list-style: none;
   margin: 10px;
   padding: 0;
   width: 160px;
   font-size: 1em;
   color: #333;
} 
nav ul ul {
   padding: 0;
   margin-left: 10px;
   width: 160px;
   border: none;
}
nav ul ul li {
   list-style: none;
   margin: 10px;
   padding: 0;
   width: 140px;
   font-size: 0.9em;
   color: #333;
}
nav ul ul ul {
   padding: 0;
   margin-left: 10px;
   width: 140px;
   border: none;
}

nav ul ul ul li {
   list-style: none;
   margin: 10px;
   padding: 0;
   width: 120px;
   font-size: 0.9em;
   color: #333;
}
nav ul ul ul ul {
   padding: 0;
   margin: 10px;
   width: 120px;
   border: none;
}

nav ul ul ul ul li {
   list-style: none;
   margin: 10px;
   padding: 0;
   width: 100px;
   font-size: 0.9em;
   color: #333;
}
nav a, nav span {
   display: block;
   padding: 0.2em 10px;
   font-weight: bold;
   text-decoration: none;
   background-color: #ddd;
   color: #333;
}
nav a:link{
   text-decoration: none;
   color: #333;
}
/* nav a:visited {
   font-weight: bold;
   color: #333;
} */

nav a:focus {
   background-color: #f80;
   font-weight: bold;
   color: #fff;
}

nav a:hover {
   background-color: #fc9;
   font-weight: bold;
   /* color: #fff; */
}

nav a:aktiv {
   background-color: #f80;
   font-weight: bold;
   color: #fff;
}

.aktiv {
   background-color: #f80;
   font-weight: bold;
   color: #fff;
}

main {
	width: auto;
	height: auto;
	overflow: auto;

	/* display: block; */
	margin-left: 210px;
	padding: 0px 10px 10px 10px;
	/* min-width: 300px; */
}

section {
   background: #eee;
   margin: 10px 0;
   padding: 15px 20px;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}
section p {
   line-height: 1.5em;
   margin-bottom: 0.5em;
}
/* section p a { */
/* section a {
	text-decoration: underline;
	color: #333;
} */

/* section p a:link {
	/* text-decoration: underline;
 	color: #333;
} */
section p a:visited {
	/* text-decoration: none; */
	color: #008;
}
section p a:hover {
	/* text-decoration: none; */
	color: #333;
	background: #fc9;
}
/* section a:active {
	text-decoration: none;
	color: #fff;
} */

table {
	margin: 1em 1em;
	border-collapse: collapse;
}

th,                  /* Rahmenlinien */
td {
	font: 1.1em sans-serif;
	padding: .3em 1em;
   /* vertical-align: top; */
   border: 1px solid #ccc;
}
#tt_liste {
	margin-left: 50px;
}

.arial    {font-family: Arial, Helvetica, sans-serif;}
.times    {font-family: 'Times New Roman', Times, serif;}
.mono     {font-family: 'Letter Gothic', 'Andale Mono', monospace;}
.kursiv   {font-family: 'Comic Sans MS', cursive;}
.links    {text-align: left;}
.rechts   {text-align: right;}
.mittig   {text-align: center;}
.mittig2  {align: center;}
.zentriert {
	margin-left: auto;
	margin-right: auto;
	/* border: thin solid; */
}
/* .inline	 { display: inline;} */

.block    {text-align: justify;}
.erledigt {text-decoration: line-through;} /* durchgestrichen */
.grad_05  {font-size: 0.5em;}
.grad_06  {font-size: 0.6em;}
.grad_07  {font-size: 0.7em;}
.grad_08  {font-size: 0.8em;}
.grad_09  {font-size: 0.9em;}
.grad_10  {font-size: 1em;}
.grad_12  {font-size: 1.2em;}
.grad_15  {font-size: 1.5em;}
.grad_20  {font-size: 2em;}
.grad_60  {font-size: 6em;}
.fett     {font-weight: bold;}
.norm     {font-weight: normal;}
.kursiv   {font-style: italic;}
.schuss_00 {line-height:  80%;}
.schuss_13 {line-height: 130%;}
.schuss_15 {line-height: 150%;}
.rot     {color: #f00;}
.gruen   {color: #063;}
.hblau	{color: #069;}
.hgruen  {color: #6c6;}
.orange  {color: #f80;}
.beige   {color: #ffd;}
.schwarz {color: #000;}
.grau	{color: #999;}
.cm0     {text-align: center;
          margin-top: 0;
          margin-bottom: 0;}
.px10    {font-size: 10px;
          margin:  0;
          padding: 0;}
			
.code {font-size: 1.2em;}

.go_oben {
	text-align: right;
	position: relative;
	margin: 0 20px;
	left: 0;
	top: 0;
}
.go_weiter {
	color: #f80;
	text-align: right;
	font-size: 1.2em;
	position: relative;
	margin: 0 20px;
	left: 0;
	top: 0;
	color: #f80;
}

.bearbeitung {
	float: right;
	/* margin: 4em 1.5em 1em 1em; */
	margin: 1em;
	max-width: 45%;
	padding: 0.5em;
	/* padding-top: 0; */
	
	border: 1px solid #f00;
	
	-moz-box-shadow: 4px -4px 4px #f00;
	-webkit-box-shadow: 4px -4px 4px #f00;
	box-shadow: 4px -4px 4px #f00;
	
	background-color: #fff;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

hr {
   width: 90%;
	height: 1px;
	color: #f80;
	background: #f80;
}
.tab {
   margin: 0.2em 0;
   margin-left: 4em;
   /* text-indent: -1em; */
}
.tab2 {
   margin: 0.2em 0;
   margin-left: 2em;
   /* text-indent: -1em; */
}
.tab3 {
   margin: 0.2em 0;
   margin-left: 5.8em;
   text-indent: -5.7em;
}
.hr2 {
   width: 50%;
   height: 1px;
	text-align: left;
   color: #f80;
	background: #f80;
}
.trennung {
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

.info {
   font-size: 120%;
   float: right;
   /* float: left; */
 	width: 10em;
	/* height: 6em; */
   padding: 20px;
	margin: 1em;
	border: 1px solid #f80;
   border-radius: 5px
}

.float {
   float: right;
	margin-left: 1em;
}
.float_l {
   float: left;
	margin-right: 1em;
}
.clear {
   clear: left;
}
.clear_l {
   clear: left;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.plus {
   color: #0f0;
}
.minus {
   color: #f00;
}
.schalter { 		/* Button */
   display: inline;
	font-size: 1em;
	/* line-height: 2em; */
	text-decoration: none;
	color: #333;
	background-color: #ddd;
	width: 10em;
	margin: 0.7em;
	padding: 0.7em;
	border-radius: 5px;
   border: 1px solid;
   border-color: #f80;          /* orange */
	cursor: pointer;
}
/* section a.schalter{
	text-decoration: none;
	color: #333;
} */
.schalter:hover {
	/* text-decoration: none; */
	color: #333;
	background: #fc9;
}

/* .pfn {
   margin-left: 2em;
   text-indent: -1em;
}
 */


 @media screen and (max-width: 600px) {
      nav li {
        display: block;
        width: 50%;
      }
    }
	 
	 
@media print {
	nav, #banner { display: none; }
	section		 { border: none; }
	main			 { margin-left: 100px; }
}

.go_oben a {
   color: #f80;
}