/**

Stylesheet: Slideshow.css

	CSS for Slideshow.



License:

	MIT-style license.



Copyright:

	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

*/



.slideshow{display:block;position:relative;z-index:0;}.slideshow-images{display:block;overflow:hidden;position:relative;}.slideshow-images img{display:block;position:absolute;z-index:1;}.slideshow-thumbnails{overflow:hidden;}.slideshow-images{height:300px;width:400px;}.slideshow-images-visible{opacity:1;}.slideshow-images-prev{opacity:0;}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}.slideshow{

	height:300px;

	margin:0 auto;

	width:660px;

}.slideshow a img{border:0;}.slideshow-captions{

	background:#000;

	bottom:100px;

	color:#FFF;

	font:normal 12px/22px Arial,sans-serif;

	left:0;

	overflow:hidden;

	position:absolute;

	text-indent:10px;

	width:100%;

	z-index:10000;

	clip: rect(auto,auto,100px,auto);

}.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{

	height:5px;

	opacity:.7;

	bottom: 100px;

}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1;}.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{

	bottom:-40px;

	height:40px;

	left:0;

	position:absolute;

	width:100%;

	z-index: 2;

}.slideshow-thumbnails{

	bottom:-40px;

	height:40px;

	left:0;

	position:absolute;

	width:100%;

	z-index: 2;

}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{

	height:40px;

	left:1px;

	position:absolute;

	top:0px;

	width:10000px;

	z-index: 7;

}.slideshow-thumbnails li{

	float:left;

	list-style:none;

	margin:1px 1px1px 0;

	position:relative;

}.slideshow-thumbnails a{

	display:block;

	padding:5px;

	position:relative;

}.slideshow-thumbnails a:hover{

	background-color:#add001!important;

	opacity:5!important;

}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{

	background-color:#add001;

	opacity:1;

}.slideshow-thumbnails-inactive{

	background-color:#000000;

	opacity:.5;

}





#mainnavicontainer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-align: left;

	vertical-align: middle;

	width: 500px;

	font-style: normal;

}

#mainnavicontainer a:link, #mainnavicontainer a:visited

{

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

	letter-spacing: 1px;

}

#mainnavicontainer a:hover

{

	color: #add001;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#mainnavicontainer a#current

{

	color: #666666;



}

/*****/



#balkenavicontainer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-align: left;

	vertical-align: middle;

	width: 400px;

	font-style: normal;

}

#balkenavicontainer a:link, #balkenavicontainer a:visited

{

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

	letter-spacing: 1px;

}

#balkenavicontainer a:hover

{

	color: #4f392a;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#balkenavicontainer a#current

{

	color: #666666;



}



body {

	background-image: url(hg.gif);

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #161616;

}

#apDiv2 {

	position:absolute;

	left:0px;

	top:0px;

	width:899px;

	height:750px;

	z-index:1;

	background-image: url(hg2.gif);

}

#apDiv3 {

	position:absolute;

	left:26px;

	top:609px;

	width:280px;

	height:65px;

	z-index:7;

}

#apDiv4 {

	position:absolute;

	left:293px;

	top:702px;

	width:660px;

	height:39px;

	z-index:8;

}

#apDiv5 {

	position:absolute;

	left:0px;

	top:0px;

	width:985px;

	height:494px;

	z-index:2;

	background-image: url(hg3.gif);

}

#apDiv6 {

	position:absolute;

	left:320px;

	top:100px;

	width:486px;

	height:214px;

	z-index:1;

}

#apDiv6a {

	position:absolute;

	left:87px;

	top:24px;

	width:584px;

	height:214px;

	z-index:1;

}



#apDiv7 {

	position:absolute;

	left:3px;

	top:362px;

	width:504px;

	height:37px;

	z-index:2;

}

.Stil2 {

	color: #FFFFFF

}

#apDiv8 {

	position:absolute;

	left:729px;

	top:362px;

	width:135px;

	height:37px;

	z-index:4;

	visibility: visible;

}







/**

Stylesheet: Demo.css

	CSS for Slideshow demos.



License:

	Creative Commons license.



Copyright:

	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

*/



* {

	margin: 0;

	padding: 0;

}

body {

	text-align: center;

	color: #000000;

	background-repeat: repeat-x;

	background-color: #000000;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

a {

  color: #404040;

	cursor: pointer;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}

a.bookmark {

  background: url(css/bookmark.gif) no-repeat 2px 2px;

  padding-left: 16px; 

}

a.download {

	background: url(css/download.gif) no-repeat;

	margin: 0 2px;

  padding: 2px 6px 2px 16px; 

	text-decoration: none;

}

code {

  color: #404040;

	font: normal 10px Monaco, monospace;

}

div.addthis {

	position: absolute;

	top: 16px;

	right: 5px;

}

div.addthis img {

	border: 0;

}

div#wrapper {

	height: 200px;

	/*margin: 0 auto;*/

	padding: 15px 0;

	position: absolute;

	text-align: left;

	width: 400px;

	left: 279px;

	z-index: 2;

	top: 44px;

}

div#container {

	/*margin: 0 auto;*/

	

	position: relative;

	text-align: center;

	background-image: url(hg.gif);

	visibility: visible;

	overflow: visible;

}

div#container {

	/*margin: 0 auto;*/

	position: relative;

	text-align: center;

	background-image: url(hg.gif);

	visibility: visible;

	overflow: hidden;

}

#apDiv1 {

	position:absolute;

	left:27px;

	top:179px;

	width:292px;

	height:200px;

	z-index:4;

}

#apDiv2 {

	position:absolute;

	left:20px;

	top:13px;

	width:899px;

	height:200px;

	z-index:1;

	background-image: url(hg.gif);

}

em {

	color: #808080;

	font-style: normal;

}

h1, h2, h3 p, ul {

	color: #E8E8E8;

	padding: 0 20px 16px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 14px;

	font-weight: normal;

	font-variant: normal;

}

h1, h2, h3 p, ol {

	color: #E8E8E8;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 14px;

	font-weight: normal;

	font-variant: normal;

}

h1 {

	padding: 0 0 16px 0;

	text-align: left;

}

h1 a {

	background: url(css/h1-a.gif);

	display: block;

	height: 39px;

	overflow: hidden;

	text-indent: -10000px;

	width: 294px;

	text-align: left;

}



h2 {

	padding: 0 0 16px 0;

	text-align: left;

}

h2 a {

	background: url(css/h1-a.gif);

	display: block;

	height: 39px;

	overflow: hidden;

	text-indent: -10000px;

	width: 294px;

	text-align: left;

}

h6 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: normal;

	color: #E8E8E8;

}





h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	color: #4a3324;

	text-align: left;

	line-height: 14px;

}	





/*h2 {

  background: url(css/h2.gif) no-repeat;

  padding: 10px 20px 16px 90px;

}*/

h3:before {

  content: '.';

}

h3 {

  color: #000;

  text-transform: lowercase;

}

h3.colophon {

	text-align: right;

}

p#colophon {

	padding: 0 40px;

}

p#colophon small {

	font-size: 11px;

}

p code {

	background: #FFF;

	display: block;

	padding: 10px;

}

span.donate {

	background: url(css/donate.gif) no-repeat;

	cursor: pointer;

	margin: 0 2px;

  padding: 2px 6px 2px 16px; 

	text-decoration: none;

}

strong {

  color: #000;

  font-weight: normal;

}

ul.checkmarks {

  overflow: hidden;

}

ul.checkmarks li {

  background: url(css/checkmark.gif) no-repeat 2px 3px;

	float: left;

	list-style: none;

  padding-left: 16px; 

	width: 264px;

}



/*thumbnails*/

.slideshow {

  background: url(css/slideshow.gif) no-repeat;

  height: 300px;

	width: 560px;

}

/*.slideshow-captions {

	background: #000000;

	bottom: 100px;

	color: #FFFFFF;

	font: normal 12px/20px Arial, sans-serif;

	left: 0px;

	text-align: center;

	width: 660px;

}

.slideshow-captions-visible {

	height: 20px;

	opacity:20;

}*/

.slideshow-controller {

	top: 50%;

	margin-top: -44px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: -100px;

}

.slideshow-images {

	left: 30px;

	height: 190px;

	top: 39px;

	width: 650px;

}

.slideshow-images img {

	position: static;

}

.slideshow-thumbnails {

	bottom: -3px;

	height: 65px;

	left: 30px;

	overflow: auto;

	width: 650px;

}

.slideshow-thumbnails ul {

	height: 40px;

	width: 2500px;

}

.slideshow-thumbnails li {

	margin: 0 1px 0 0;

}

.slideshow-thumbnails a {

	background: url(css/thumbnails-a.gif);

	float: left;

	opacity: .5;

	padding: 2px;

}

.slideshow-thumbnails a img {

	border: 1 solid #FFFFFF;

}

.slideshow-thumbnails .overlay {

	bottom: 0px;

	height: 40px;

	position: absolute;

	width: 30px;

	z-index: 10000;

}

.slideshow-thumbnails .overlay.a {

	background: url(css/thumbnails-a.png);

	left: 0;

}

.slideshow-thumbnails .overlay.b {

	background: url(css/thumbnails-b.png);

	right: 0;

}



/* CSS-based transitions: Infinite effects */



.slideshow-alternate-images {

	left: 30px;

	height: 200px;

	top: 39px;

	width: 660px;

}

.slideshow-alternate-images img { 

	float: left;

}	

.slideshow-alternate-images-visible { 

	left: 0; 

	opacity: 1; 

	top: 0; 

}	

.slideshow-alternate-images-next { 

	left: 0; 

	opacity: 0; 

	top: 400px; 

}

.slideshow-alternate-images-prev { 

	left: 0; 

	opacity: 0; 

	top: -400px; 

}



/* Thumbnails: Intelligent and auto-scrolling */



.slideshow-alternate-thumbnails {

	height: 200px;

	position: absolute;

	right: -64px;

	top: 28px;

	width: 70px;

}

.slideshow-alternate-thumbnails * {

	margin: 0;

	padding: 0;

}

.slideshow-alternate-thumbnails ul {

	height: 200px;

	left: 0;

	position: absolute;

	top: 0;

	width: 70px;

}

.slideshow-alternate-thumbnails li {

	float: left;

	list-style: none;

	margin: 0 0 5px 0;

	position: relative;

}

.slideshow-alternate-thumbnails a {

	background: url(css/thumbnails-a.gif);

	display: block;

	opacity: .5;

	padding: 10px;

	position: relative;

}

.slideshow-alternate-thumbnails a:hover {

	opacity: 1 !important;

}

.slideshow-alternate-thumbnails a img {

	border: 0;

}

.slideshow-alternate-thumbnails img {

	display: block;

}

.slideshow-alternate-thumbnails-active {

	opacity: 1;

}

.slideshow-alternate-thumbnails-inactive {

	opacity: .5;

}

.slideshow-alternate-thumbnails .overlay {

	left: 0;

	height: 30px;

	position: absolute;

	width: 100%;

	z-index: 10000;

}

.slideshow-alternate-thumbnails .overlay.a {

	background: url(css/vertical-thumbnails-a.png);

	top: 0;

}

.slideshow-alternate-thumbnails .overlay.b {

	background: url(css/vertical-thumbnails-b.png);

	bottom: 0;

}



/* Controller: Accessible and style-able */



.slideshow-alternate-controller {

	background: url(css/controller.png) no-repeat;

	height: 42px;

	left: 100%;

	margin: -21px 0 0 -119px;

	overflow: hidden;

	position: absolute;

	top: 50%;

	width: 238px;

	z-index: 10000;

}

.slideshow-alternate-controller * {

	margin: 0;

	padding: 0;

}

.slideshow-alternate-controller-hidden { 

	margin-top: -200px;

	opacity: 0;

}

.slideshow-alternate-controller-visible {

	margin-top: -42px;

	opacity: 1;

}

.slideshow-alternate-controller a {

	cursor: pointer;

	display: block;

	height: 18px;

	overflow: hidden;

	position: absolute;

	top: 12px;

}

.slideshow-alternate-controller a.active {

	background-position: 0 18px;

}

.slideshow-alternate-controller li {

	list-style: none;

}

.slideshow-alternate-controller li.first a {

	background-image: url(css/controller-first.gif);

	left: 33px;

	width: 19px;

}

.slideshow-alternate-controller li.last a {

	background-image: url(css/controller-last.gif);

	left: 186px;

	width: 19px;

}

.slideshow-alternate-controller li.next a {

	background-image: url(css/controller-next.gif);

	left: 145px;

	width: 28px;

}

.slideshow-alternate-controller li.pause a {

	background-image: url(css/controller-pause.gif);

	left: 109px;

	width: 20px;

}

.slideshow-alternate-controller li.play a {

	background-image: url(css/controller-play.gif);

}

.slideshow-alternate-controller li.prev a {

	background-image: url(css/controller-prev.gif);

	left: 65px;

	width: 28px;

}

.title {

	margin-top: 4px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 24px;

	font-weight: normal;

	color: #E8E8E8;

}

.content-main {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

	font-weight: normal;

}

.content-main-green {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #bec33f;

	text-decoration: none;

	font-weight: normal;

}

.content-main-orange {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	font-weight: normal;

}

.email-text {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: normal;

}

.email-text a:link, a:visited{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: normal;

}

.email-text a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #4A3324;

	text-decoration: none;

	font-weight: normal;

}

#container {

	width: 985px;

	height: 500px;

	margin-right: auto;

	margin-left: auto;

}





#blaettern {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-align: left;

	vertical-align: middle;

	width: 50;

	font-style: normal;

	padding-bottom: 2px;

}

#blaettern a:link, #blaettern a:visited

{

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

	letter-spacing: 1px;

	text-align: left;

}

#blaettern a:hover

{

	color: #4f392a;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#blaettern a#current

{

	color: #666666;



}





ul.menu, ul.menu ul {

    list-style-type: none;

}



ul.menu a {

	display: block;

	font-weight:normal;

	padding-top: 3px;

	padding-right: 9px;

	padding-bottom: 3px;

	padding-left: 9px;

}



ul.menu ul a {

    padding: 0 10px;

}



ul.menu li {

	padding:0;

	margin:0;

	background-image: none;

	float:left;

}



ul.menu ul {

	margin-left:0;

	position: absolute;

	display:none;

	min-width:180px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

}



/* IE-Hack für die Breite */

*html ul.menu ul {

    width:180px;

}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

    display:block;

}



ul.menu ul li {

    float:none;

    background-color: transparent;

}

#apDivpop {

	position:absolute;

	left:825px;

	top:367px;

	width:182px;

	height:25px;

	z-index:5;

}



#apDivemo {

	position:absolute;

	left:828px;

	top:367px;

	width:182px;

	height:25px;

	z-index:5;

}

.emo {

	color: #E8E8E8;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 14px;

	font-weight: normal;

	font-variant: normal;	

	padding: 0 0 16px 0;

	text-align: left;

}



.emo a {

	background: url(css/h1-a.gif);

	display: block;

	height: 39px;

	overflow: hidden;

	text-indent: -10000px;

	width: 294px;

	text-align: left;

}