/* main-color: #6c017d; */
/* shade-color: #4b004c; */

/* main-structure - start ---------------------------------------------------------- */

body  {
	background-color:	#000000;
	width:				100%;
	height: 			100%;
	margin:				0px;
	background:			url(/bilder/back.jpg) top center no-repeat fixed;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	line-height:		14px;
	text-decoration:	none;
	color:				#FFFFFF;
}

a:link, a:visited  {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

a:hover, a:active  {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

a:focus { outline: none;}

img {	
	border:				0px;
}

#overall  {
	position:			relative;
	width: 				100%;
	height:				100%;
	overflow:			hidden;
}

#main  {
	position:			relative;
	width: 				980px;
	overflow:			hidden;
}

h1 {
	margin:				0;
	padding:			0;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			15px;
	line-height:		20px;
	color:				#FFFFFF;
	text-shadow: 		#4b004c 1px 1px 1px;
	font-weight:		100;
}

#head {
	position:			relative;
	margin:				0;
	width:				980px;
	float:				left;
}

#head .logo {
	position:			relative;
	margin:				35px 0 0 35px;
	float:				left;
}

#head .banner {
	float:				right;
}

#navi {
	position:			relative;
	margin:				10px 0 10px 0;
	width:				980px;
	height:				82px;
	background:			transparent url(/bilder/navi-back.png) top center no-repeat;
	float:				left;
	overflow:			hidden;
}

.mainnavi {
	position:			relative;
	margin:				0 39px 0 39px;
	height:				50px;	
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			16px;
	line-height:		20px;
	color:				#FFFFFF;
	text-shadow: 		#4b004c 1px 1px 1px;
	font-weight:		100;
}

.mainnavi a {
	padding:			17px 0 13px 0;			
	width:				148px;
	height:				20px;
	color:				#FFFFFF;
	text-decoration:	none;
	float:				left;
}

.mainnavi a:hover {
	background:			transparent url(/bilder/navi-over.png) top center no-repeat;
	color:				#FFFFFF;
	text-decoration:	none;
}

.mainnavi a.on {
	background:			transparent url(/bilder/navi-on.png) top center no-repeat;
	color:				#FFFFFF;
	text-decoration:	none;
}

.navi-trenner {
	position:			relative;
	float:				left;
}

.navi-pagination {
	position:			relative;
	margin:				3px 0 0 0;
	width:				250px;
	height:				24px;
	color:				#6c017d;
	overflow:			hidden;
}

.navi-pagination a {
	color:				#6c017d;
	text-decoration:	none;
}

.navi-pagination a:hover {
	color:				#333333;
	text-decoration:	none;
}

#einleitung {
	position:			relative;
	background:			transparent url(/bilder/box-intro.png) top center no-repeat;
	margin:				0;
	padding:			0px 10px 0 10px;
	width:				960px;
	height:				180px;
	text-align:			left;
	float:				left;
}

#content {
	position:			relative;
	margin:				10px 0 10px 0;
	width:				980px;
	float:				left;
}

#content-plus10 {
	position:			relative;
	margin:				10px -5px 10px -5px;
	width:				990px;
	float:				left;
}

/* ------ BANNER --------------------------------- */

.sky120-left {
	margin:				0 6px 0 0;
	float:				left;
}

.sky120-right {
	margin:				0 0 0 6px;
	float:				right;
}

.banner-sky120 {
	position:			relative;
	padding:			10px 10px 25px 10px;
	width:				120px;
	height:				600px;
	background:			transparent url(/bilder/banner-sky120.png) top center no-repeat;
	float:				left;
}

.sky160-right {
	margin:				0 0 0 0;
	float:				right;
}

.banner-sky160 {
	position:			relative;
	padding:			10px 10px 25px 10px;
	width:				160px;
	height:				600px;
	background:			transparent url(/bilder/banner-sky160.png) top center no-repeat;
	float:				left;
}

.banner-head-fz {
	position:			relative;
	top:				30px;
	float:				right;
}

.banner-fullsize {
	position:			relative;
	padding:			10px 22px 10px 10px;
	width:				468px;
	height:				60px;
	background:			transparent url(/bilder/banner-fullsize.png) top center no-repeat;
	float:				right;
}

.banner-head-super {
	position:			relative;
	top:				5px;
	float:				right;
}

.banner-super {
	position:			relative;
	padding:			10px 22px 10px 10px;
	width:				728px;
	height:				90px;
	background:			transparent url(/bilder/banner-super.png) top center no-repeat;
	float:				right;
}

.rect-left {
	position:			relative;
	margin:				0px 5px 10px 5px;
	width:				320px;
	height:				290px;
	float:				left;
}

.rect-right {
	position:			relative;
	margin:				0px 5px 10px 5px;
	width:				320px;
	height:				290px;
	float:				right;
}

.banner-rect {
	position:			relative;
	padding:			14px 10px 26px 10px;
	width:				300px;
	height:				250px;
	background:			transparent url(/bilder/banner-rect.png) top center no-repeat;
	float:				left;
}

/* ------ CAMBOX A --------------------------------- */

.cambox {
	position:			relative;
	margin:				0 6px 5px 6px;
	width:				160px;
	height:				155px;
	background:			transparent url(/bilder/box140a.png) top center no-repeat;
	text-align:			left;
	float:				left;
}

.cambox .pic {
	position:			absolute;
	z-index:			1;
	top:				38px;
	left:				10px;
	width:				140px;
	height:				105px;
	overflow:			hidden;
}

.cambox .btn {
	position:			absolute;
	z-index:			2;
	top:				37px;
	left:				9px;
	width:				142px;
	height:				107px;
	background:			transparent url(/bilder/btn-off.png) top center no-repeat;
	overflow:			hidden;
}

.cambox .btn:hover {
	background:			transparent url(/bilder/btn-over.png) top center no-repeat;
}

.cambox .user {
	position:			absolute;
	z-index:			3;
	top:				11px;
	left:				15px;
	width:				110px;
	height:				18px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	line-height:		18px;
	color:				#FFFFFF;
	text-shadow: 		#4b004c 1px 1px 1px;
	overflow:			hidden;
}

.cambox .flag {
	position:			absolute;
	z-index:			4;
	top:				16px;
	left:				129px;
	width:				16px;
	height:				11px;
	overflow:			hidden;
}

/* ------ CAMBOX B --------------------------------- */

.camboxB {
	position:			relative;
	margin:				0 6px 10px 6px;
	width:				160px;
	height:				205px;
	background:			transparent url(/bilder/box140b.png) top center no-repeat;
	text-align:			left;
	float:				left;
}

.camboxB .pic {
	position:			absolute;
	z-index:			1;
	top:				38px;
	left:				10px;
	width:				140px;
	height:				105px;
	overflow:			hidden;
}

.camboxB .btn {
	position:			absolute;
	z-index:			2;
	top:				37px;
	left:				9px;
	width:				142px;
	height:				107px;
	background:			transparent url(/bilder/btn-off.png) top center no-repeat;
	overflow:			hidden;
}

.camboxB .btn:hover {
	background:			transparent url(/bilder/btn-over.png) top center no-repeat;
}

.camboxB .user {
	position:			absolute;
	z-index:			3;
	top:				11px;
	left:				15px;
	width:				110px;
	height:				18px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	line-height:		18px;
	color:				#FFFFFF;
	text-shadow: 		#4b004c 1px 1px 1px;
	overflow:			hidden;
}

.camboxB .flag {
	position:			absolute;
	z-index:			4;
	top:				180px;
	left:				15px;
	width:				100px;
	height:				11px;
	overflow:			hidden;
}

.camboxB .status {
	position:			absolute;
	z-index:			5;
	top:				180px;
	left:				15px;
	width:				130px;
	height:				15px;
	font-size:			10px;
	color:				#6c017d;
	text-align:			right;
	overflow:			hidden;
}

.camboxB .info {
	position:			absolute;
	z-index:			6;
	top:				154px;
	left:				15px;
	width:				130px;
	height:				15px;
	font-size:			11px;
	color:				#FFFFFF;
	text-shadow: 		#000000 1px 1px 1px;
	overflow:			hidden;
}

/* ------ CAMBOX C --------------------------------- */

.camboxC {
	position:			relative;
	margin:				0 20px 10px 0;
	width:				180px;
	height:				205px;
	background:			transparent url(/bilder/box160a.png) top center no-repeat;
	text-align:			left;
	float:				left;
}

.camboxC .pic {
	position:			absolute;
	z-index:			1;
	top:				38px;
	left:				10px;
	width:				160px;
	height:				120px;
	overflow:			hidden;
}

.camboxC .btn {
	position:			absolute;
	z-index:			2;
	top:				37px;
	left:				9px;
	width:				162px;
	height:				122px;
	background:			transparent url(/bilder/btn160-off.png) top center no-repeat;
	overflow:			hidden;
}

.camboxC .btn:hover {
	background:			transparent url(/bilder/btn160-over.png) top center no-repeat;
}

.camboxC .user {
	position:			absolute;
	z-index:			3;
	top:				11px;
	left:				15px;
	width:				130px;
	height:				18px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	line-height:		18px;
	color:				#FFFFFF;
	text-shadow: 		#4b004c 1px 1px 1px;
	overflow:			hidden;
}

.camboxC .flag {
	position:			absolute;
	z-index:			4;
	top:				185px;
	left:				15px;
	width:				150px;
	height:				11px;
	overflow:			hidden;
}

.camboxC .status {
	position:			absolute;
	z-index:			5;
	top:				183px;
	left:				15px;
	width:				150px;
	height:				15px;
	font-size:			10px;
	color:				#6c017d;
	text-align:			right;
	overflow:			hidden;
}

.camboxC .info {
	position:			absolute;
	z-index:			6;
	top:				164px;
	left:				15px;
	width:				150px;
	height:				15px;
	font-size:			11px;
	color:				#FFFFFF;
	text-shadow: 		#000000 1px 1px 1px;
	overflow:			hidden;
}

/* ------ CAMBOX D --------------------------------- */

.camboxD {
	position:			relative;
	margin:				0 5px 10px 5px;
	width:				320px;
	height:				140px;
	background:			transparent url(/bilder/box140c.png) top center no-repeat;
	text-align:			left;
	float:				left;
}

.camboxD .pic {
	position:			absolute;
	z-index:			1;
	top:				23px;
	left:				10px;
	width:				140px;
	height:				105px;
	overflow:			hidden;
}

.camboxD .btn {
	position:			absolute;
	z-index:			2;
	top:				22px;
	left:				9px;
	width:				142px;
	height:				107px;
	background:			transparent;
	overflow:			hidden;
}

.camboxD .btn:hover {
	background:			transparent url(/bilder/btn-invert-over.png) top center no-repeat;
}

.camboxD .user {
	position:			absolute;
	z-index:			3;
	top:				11px;
	left:				165px;
	width:				140px;
	height:				18px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	line-height:		18px;
	color:				#FFFFFF;
	text-shadow: 		#4b004c 1px 1px 1px;
	overflow:			hidden;
}

.camboxD .flag {
	position:			absolute;
	z-index:			4;
	top:				92px;
	left:				165px;
	width:				140px;
	height:				11px;
	overflow:			hidden;
}

.camboxD .status {
	position:			absolute;
	z-index:			5;
	top:				115px;
	left:				165px;
	width:				140px;
	height:				15px;
	font-size:			10px;
	color:				#6c017d;
	overflow:			hidden;
}

.camboxD .info {
	position:			absolute;
	z-index:			6;
	top:				43px;
	left:				165px;
	width:				140px;
	height:				28px;
	font-size:			11px;
	line-height:		14px;
	color:				#FFFFFF;
	text-shadow: 		#000000 1px 1px 1px;
	overflow:			hidden;
}

.camboxD .ecke {
	position:			absolute;
	z-index:			7;
	top:				75px;
	left:				255px;
	width:				65px;
	height:				65px;
	overflow:			hidden;
}

/* ------ NAVI BOTTOM --------------------------------- */

#navi-bottom {
	position:			relative;
	margin:				0;
	width:				980px;
	height:				45px;
	background:			transparent url(/bilder/navi-bottom.png) top center no-repeat;
	float:				left;
}

#navi-bottom .nav-left {
	position:			relative;
	margin:				11px 0 10px 40px;
	width:				325px;
	height:				24px;
	text-align:			left;
	float:				left;
	overflow:			hidden;
}

#navi-bottom .nav-right {
	position:			relative;
	margin:				11px 40px 10px 0;
	width:				325px;
	height:				24px;
	text-align:			right;
	float:				right;
	overflow:			hidden;
}

#navi-bottom .middle {
	position:			relative;
	margin:				13px 0 8px 0;
	width:				250px;
	height:				24px;
	float:				left;
	overflow:			hidden;
}

#navi-bottom .middle a {
	color:				#FFFFFF;
	text-decoration:	none;
}

#navi-bottom .middle a:hover {
	color:				#333333;
	text-decoration:	none;
}

.pagination {
	position:			relative;
	width:				250px;
	height:				24px;
	text-align:			center;
	font-size:			13px;
	overflow:			hidden;
}

.pagination .rew {
	position:			relative;
	background:			transparent url(/bilder/pagination-rew-off.png) top center no-repeat;
	margin:				0;
	width:				24px;
	height:				24px;
	float:				left;
	overflow:			hidden;
}

.pagination .rew:hover {
	background:			transparent url(/bilder/pagination-rew-over.png) top center no-repeat;
}

.pagination .fwd {
	position:			relative;
	background:			transparent url(/bilder/pagination-fwd-off.png) top center no-repeat;
	margin:				0;
	width:				24px;
	height:				24px;
	float:				right;
	overflow:			hidden;
}

.pagination .fwd:hover {
	background:			transparent url(/bilder/pagination-fwd-over.png) top center no-repeat;
}

.pagination .numbers {
	position:			relative;
	margin:				4px 0 0 0;
	width:				202px;
	height:				20px;
	overflow:			hidden;
}

.pagination .numbers a {
	position:			relative;
	line-height:		14px;
	padding:			3px 5px 3px 5px;
}

#footer {
	position:			relative;
	margin:				10px 0 10px 0;
	width:				980px;
	height:				20px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	line-height:		18px;
	color:				#FFFFFF;
	text-align:			center;
	float:				left;
}

#footer a {
	color:				#FFFFFF;
	text-decoration:	none;
}

.bigbox {
	position:			relative;
	margin:				-10px 0 0 0;
	width:				980px;
	text-align:			left;
	float:				left;
}

.bigbox .head {
	position:			relative;
	background:			transparent url(/bilder/bigbox-head.png) top center no-repeat;
	padding:			12px 40px 23px 40px;
	width:				900px;
	height:				20px;
	float:				left;
}

.bigbox .body {
	position:			relative;
	background:			transparent url(/bilder/bigbox-body.png) top center no-repeat;
	padding:			0px 40px 0px 40px;
	width:				900px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	line-height:		17px;
	color:				#c9c9c9;
	float:				left;
}

.bigbox .footer {
	position:			relative;
	float:				left;
}


/* ------ SLIDER --------------------------------- */

/*
	Featured Content Slider
	by: Chris Coyier
*/

/*
	SLIDER
*/
.slider										{ width: 960px; height: 160px; overflow: hidden; position: relative; z-index: 1; text-align: left; }			
.stripViewer .panelContainer 
.panel ul									{ position: relative; text-align: left; margin: 0px 0px 0px 0px;  }
.stripViewer								{ position: relative; overflow: hidden; width: 960px; height: 160px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 960px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ position: relative; width: 15px; height: 15px; border: 0px; margin: 0;}
.cross-link									{ position: relative; z-index: 9999; }
.active-thumb 								{ position: relative; background: transparent url(/bilder/slider-btn-on.png) center center no-repeat;}
.slider-navi								{ width: 140px; height: 15px; position: absolute; z-index:12; top: 156px; left: 425px; text-align:center; }

/* SLIDER ----------------------------------------------------------- */

.slider-content {
	position:			relative;
	width:				960px;
	height:				160px;
	float:				left;
	overflow:			hidden;
}

.slider-content .headline {
	position:			absolute;
	z-index:			2;
	top:				12px;
	left:				30px;
	width:				600px;
	height:				30px;
	overflow:			hidden;
}

.slider-content .copy {
	position:			absolute;
	z-index:			3;
	top:				60px;
	left:				30px;
	width:				600px;
	height:				90px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	line-height:		22px;
	color:				#c9c9c9;
	overflow:			hidden;
}

.slider-freisteller {
	position:			absolute;
	z-index:			50;
	top:				-30px;
	left:				670px;
}