/*
    anythingSlider v1.0
*/


.anythingSlider { 
	width: 555px; 
	height: 480px;
	position: relative; 
	margin: 0 auto 15px;
}
.anythingSlider .wrapper { width: 475px; overflow: auto; height: 461px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { 
	width: 30000px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background: #eee;
	background-color: #F4F4F4; 
	border-top: 3px solid #b2d0f4; 
	border-bottom: 3px solid #b2d0f4; 
	margin: 0; 
	padding: 0;
}
.anythingSlider ul li { 
	display: block; 
	float: left; 
	padding: 0; 
	margin: 0;
	height: 450px; 
	width: 475px; 
}

.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../../img/anythingslider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 84px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav { 
	position: relative; 
	top: 460px; 
	text-align: left;
	width: 400px;
	left: 44px;
}

#thumbNav a { 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	/*
	font-size: 11px;
	display: inline-block;
	padding: 3px; 
	height: 18px;
	width: 18px; 
	margin: 3px; 
	background-color: #b2d0f4;
	border: 1px solid #fff;
	text-align: center;
	*/
	background-color: #b2d0f4;
	border: 1px solid #fff;
	display: inline-block;
	font-size: 11px;
	margin: 3px;
	padding: 2px 5px 3px;
	text-align: center;
}

#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #fff; }

#start-stop {
	height: 18px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	background-color: green;
	border: 1px solid #fff;  
	padding: 2px 5px;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 2px; 
	width: 55px; 
	text-align: center; 
	position: absolute; 
	right: 45px; 
	top: 463px; 
}
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }


/* Prevents */
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


/* Additionals */
#anythingsliderHeader {
	padding-bottom: 20px;
}

.anythingsliderPic {
	float: left;
	width: 475px;
	height: 356px;
	text-align: center; /*Bilder im Hochformat zentrieren*/
}

.anythingsliderPic img {
	/*Width, Height: nicht nötig, wird dynamisch bei der Ausgabe generiert!!!*/
}

.anythingsliderText {
	float: left;
	width: 100%;
	height: 100px;
}

.anythingsliderText p {
	margin: 0;
	padding: 0;
	padding: 10 10 0 10;
}

.PrintButton {
	float: right;
	width: 500px;
	padding-right: 45px;
	padding-bottom: 15px;
}

.PrintButton a {
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: Gray;
	border: 1px solid #fff;   
	text-align: center;
	float: right;
	width: 55px;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 2px; 
	margin: 0;
}

.PrintButton a:visited {
	color: #fff; 
	background-color: Gray; 
}
.PrintButton a:hover {
	color: #fff; 
	background-image: none; 
}