/*
Supersized - Fullscreen Slideshow jQuery Plugin Stylesheet Version 3.0
By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
Version: scripts/supersized.3.0.js
Website: www.buildinternet.com/project/supersized
*/

	*{
	    margin:0;
	    padding:0;
	}
	a{
	    color:#333333;
	    text-decoration: none;
	    outline: none;
	}
	img{
	    border:none;
	}
	body {
	   overflow:hidden;  /*Needed to eliminate scrollbars*/
	    background:#fff;
	}
	/*Area to place content normally*/
	#content-wrapper{ 
		width:100%; 
		height:100%; 
		position:absolute; 
		top:0; 
		overflow:auto; 
		z-index:4; 
		text-align:center; 
	}
	
	/*Controls Section*/
	#controls-wrapper{
	    margin:0px auto;
	    height:40px;
	    width:100%;
	    bottom:0;
	    z-index: 5;
	    background: transparent url(../images/bg-white.png) top right repeat;
	    position:absolute;
	}
	#controls{
	    overflow: hidden;
	    height: 100%;
	    text-align:left;
	    z-index: 5;
	    padding:0 114px; /* Increase padding to give thumbnails room */
	}
		#slideleft{
			z-index: 5;
			margin:0px auto;
			height:50px;
			width:50px;
			bottom:50%;
			background: transparent url(../images/bg-black-40.png) top right repeat;	
			position:absolute;
		}
			#slideright{
			z-index: 5;
			margin:0px auto;
			height:50px;
			width:50px;
			bottom:50%;
			right:0%;
			background: transparent url(../images/bg-black-40.png) top right repeat;	
			position:absolute;
		}
		#header{
			margin:0px auto;
			padding:0px 0px 0px 0px;
			height:40px;
			width:100%;
			top:0%;
			z-index: 6;
			background: transparent url(../images/bg-white.png) top right repeat;	
			position:relative;
		}
		
	
	#slidecounter{
	    float:left;
	    color:#666666;
	    font:9px "Helvetica Neue", "Helvetica", Arial, sans-serif;
	    font-weight:bold;
	    text-shadow: #fff 0px 1px 0px;
	    margin:10px 10px 18px 10px;	
	}
	#slidecaption{
	    overflow: hidden;
	    float:left;
	    color:#333;
	    font:13px "Helvetica Neue", "Helvetica", Arial, sans-serif;
	    font-weight:bold;
	    text-shadow: #fff 0px 1px 0px;
	    margin:10px 20px 10px 0;
	}
	
	#content{
		background: transparent url(../images/bg-white.png) top right repeat; position:relative;
		 width:780px; height: auto; margin: 30px auto; text-align:left; padding:20px 20px 20px 20px;}
		
	#contentabout{
		background: transparent url(../images/bg-white.png) top right repeat; position:relative;
		 width:800px; height: auto; margin: 30px auto; text-align:left; padding:20px 0px 20px 20px;}
	
	
	/*Supersize Plugin Styles*/
	#navigation{
	    float: right;
	    margin:10px 20px 0 0;
	}
	#loading {
	    position: absolute;
	    top: 49.5%; 
	    left: 49.5%;
	    z-index: 10;
	    width: 32px; 
	    height: 32px;
	    text-indent: -999em;
	    background-image: url(../images/progress.gif);
	}
	#supersized{
	    position:fixed;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: -1;
	}
	
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
	
	.grey { color:#666; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif;}
	.red { color:#ff0000; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif;}
	.redsmall { color:#ff0000; font:9px "Helvetica Neue", "Helvetica", Arial, sans-serif;}
	.darkgrey { color:#333; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif;}
	
	.greybold { color:#666; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold;}
	.darkgreybold { color:#333; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold;}
	.blackbold { color:#000; font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold;}
	
	.greyboldbig { color:#999; font:20px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff -1px -1px 0px; font-weight:bold;}

	A:link { color:#666; font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold; text-decoration:none;}
	A:visited { color:#666; font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold; text-decoration:none;}
	A:hover { color:#000; font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold; text-decoration:none;}
	A:active { color:#000; font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:bold; text-decoration:none;}
	
	
	/*Formatierung für die Link-Klasse "normal"*/
 a.normal:link { color:#666; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:regular;}
 a.normal:visited {color:#666; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:regular; }
 a.normal:hover { color:#000; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:regular;}
 a.normal:active {color:#000; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #fff 0px 1px 0px; font-weight:regular;}
	
	#nextthumb, #prevthumb{ z-index:6; display:none; position:absolute; bottom:12px; height:60px; width:100px; overflow:hidden; border:1px solid #666666; -webkit-box-shadow: 0px 0px 5px #333333; }
	#nextthumb{ right:12px; }
	#prevthumb{ left:12px; }
		#nextthumb img, #prevthumb img{ width:120px; }
		#nextthumb:active, #prevthumb:active{ bottom:10px; }
		
		/*Add hover pointer*/
		#controls > *:hover, #nextthumb:hover, #prevthumb:hover{ cursor:pointer; }