body {
	font-family: Courier, Monaco, monospace;
	margin: 0;
	padding: 0;
	background-color:#343434;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. 
	Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, 
	dass diese Angaben auch für die .nav-Liste gültig sind, wenn Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, 
	wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der 
	Maus erzielt. */
	text-decoration: none;
}

a {
	color: #39C;
	font-weight: normal;
}

p {
	font-size: 1 em;
	line-height: 20px;
	padding: 5px;
	color: #fff;
	overflow: hidden;
}

pre {
		font-family: Courier, Monaco, monospace;
		background: white;
		background: rgba(255, 255, 255, 0.0);
		color: #fff;
		border: 0px solid #CCC;
	font-size: 14px;
	line-height: 19px;
	overflow: auto;
		padding: 6px 0px;
	border-radius: 3px;
	margin: 15px 0;
}

.button {
  border: 1px solid #587500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #bdf415;
  -moz-box-shadow: inset 0 1px 0 0 #bdf415;
  box-shadow: inset 0 1px 0 0 #bdf415;
  color: white;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  background-color: #8dbb01;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dbb01), color-stop(100%, #638400));
  background-image: -webkit-linear-gradient(top, #8dbb01, #638400);
  background-image: -moz-linear-gradient(top, #8dbb01, #638400);
  background-image: -ms-linear-gradient(top, #8dbb01, #638400);
  background-image: -o-linear-gradient(top, #8dbb01, #638400);
  background-image: linear-gradient(top, #8dbb01, #638400);
  padding: 6px 18px 7px;
  text-shadow: 0 1px 0 #486000;
  -webkit-background-clip: padding-box;
  font-weight: bold;
  padding: 10px 18px 9px;
  text-align: center;
  display: block;
  font-size: 20px;
  text-decoration: none;
  margin-bottom: 6px; 
  }
  
  .button:hover {
    -webkit-box-shadow: inset 0 1px 0 0 #9ccd09;
    -moz-box-shadow: inset 0 1px 0 0 #9ccd09;
    box-shadow: inset 0 1px 0 0 #9ccd09;
    cursor: pointer;
    background-color: #789e04;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #789e04), color-stop(100%, #587500));
    background-image: -webkit-linear-gradient(top, #789e04, #587500);
    background-image: -moz-linear-gradient(top, #789e04, #587500);
    background-image: -ms-linear-gradient(top, #789e04, #587500);
    background-image: -o-linear-gradient(top, #789e04, #587500);
    background-image: linear-gradient(top, #789e04, #587500); 
	}
	
  .button:active {
    border: 1px solid #587500;
    -webkit-box-shadow: inset 0 0 8px 4px #4c6500, inset 0 0 8px 4px #4c6500, 0 1px 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #4c6500, inset 0 0 8px 4px #4c6500, 0 1px 1px 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #4c6500, inset 0 0 8px 4px #4c6500, 0 1px 1px 0 #eeeeee; 
	}

.info {
	color: #888;
	font-size: 12px;
}

.column {
	float: left;
	width: 48%;
	margin-right: 15px; }
	.column + .column {
	margin-right: 0;
}

/*---------------------- Accordion ------------------------------*/
	a.open-close {
	margin:0;
	padding:13px;
	width: 124px;
	text-align:center;
	background:#FF9933;
	font-size:16px;
	text-transform:uppercase;
	display:block;
	color:#fff;
	text-decoration:none;
	}
	a.open-close:hover {
	background:#FF0000;
	}
	
	#content2 {
	position: absolute;
	width: 460px;
	height:auto;
	z-index: 21; 
	top: 45px; 
	left: 150px; 
	border: 0;
	background: white;
	background: rgba(255, 255, 255, 0.8);
}
/*---------------------- Box Accordion ---------------------------*/
	.accordion{
	position: absolute;
	width: 90px;
	height:auto;
	z-index: 21; 
	top: 90px; 
	left: 180px; 
	border: 0;
	background: white;
	background: rgba(255, 255, 255, 0.6);
}

/*---------------------- Start Kontakt rechts ------------------------------*/
.navrechts{
	position: absolute;
	z-index: 21; 
	bottom: 25px;
	right: 25px; 
}

#navrechts li {
	display:block;
	height: 40px;
	width: 150px;
	text-align: left;
	font-family: Helvetica, Lucida Grande, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	list-style: none;
}

#navrechts li a {
	color: #fff;
	display:block;
	padding: 12px 0 12px 10px;
	text-decoration: none;
	background: transparent url(../img/nav-1.png) no-repeat 0 0;
}

#navrechts li a:hover {
	color: #666;
}

#navrechts li a.active {
	background: transparent url(../img/nav-1-active.png) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}

/*---------------------- Sub navigation ------------------------------*/
.nav2{
	position:absolute;
	float: left;
	margin: 80px 0 0 20px;
	width: auto;
	background: #transparent;
	z-index:1000;
}

#nav2 li {
	display:block;
	float: left;
	margin: 0 10px 0 0;
	height: 20px;
	width: auto;
	text-align: left;
	font-family: Courier, Monaco, monospace;
	font-size: 15px;
	letter-spacing: 3px;
	list-style: none;
}

#nav2 li a {
	color: #fff;
	display:block;
	padding: 12px 0 12px 10px;
	text-decoration:underline;
	font-weight: bolder;
	background: transparent;
}

#nav2 li a:hover {
	color: #EE9A00;
}

#nav2 li a.active {
	background: transparent;
	color: #39C;
	text-decoration: none;
	font-weight:normal;
}
/*---------------------- Main navigation  ------------------------------*/
.navmitte{
	position:absolute;
	padding: 0px;
	float: left;
	margin: 20px 0 0 20px;
	width: auto;
	background: #transparent;
	z-index:1000;
}


#navmitte li {
	display:block;
	float: left;
	padding: 0;
	margin: 5px 0 5px 5px;
	height: 20px;
	width: auto;
	text-align: left;
	font-family: Helvetica, Lucida Grande, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	list-style: none;
}

#navmitte li a {
	color: #fff;
	display:block;
	padding: 14px 0 12px 8px;
	text-decoration: none;
	/*  background: transparent url(../img/nav-1.png) no-repeat 0 0; */
}

#navmitte li a:hover {
	color: #666;
}

#navmitte li a.active {
	/*  background: transparent url(../img/nav-1-active.png) no-repeat 0 0; */
	color: #000;
	text-decoration: none;
	font-weight:normal;
}