body
{
	background: #eee url("background.jpg");
	margin:0;
	padding:0;
}

a:focus,
a:active
{
	outline:none;
}

ul
{
	padding:0;
	margin:0;
	padding-left: 15px;
}

li
{
	padding-left: 8px;
	
}

div.clearfix
{
	height:10px;
}

div.xfs-container-inner
{
	width:877px;
	margin:auto auto;
}

div.xfs-container-shadow
{
	-moz-box-shadow:0 0 1em black;
	padding-bottom:10px;
	background:black;
}

div.xfs-container
{
	
	padding:50px 0;
}

div.xfs-menu
{
	background: #000 url("menu-bg2.png") no-repeat  -17px -2px ;
	display:block;
}

div.xfs-container table
{
	width: 340px;
	height:40px;
	text-align: center;
	background: ;	
}

div.xfs-container table td
{
	width:85px;
}

div.xfs-content-text table
{
	width: 50%;
	text-align: center;
	background: ;
	
}

body div.xfs-menu table
{
	width:400px;
	background:;
}

body  div div.xfs-menu td
{
	width:100px;
}

div.xfs-container table a
{
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	background:;
	color: white;
	display: block;
	padding:3px;
	border-top:none;
}
div.xfs-container table a:hover
{
	color:white;
	font-size: 18px;
}

div.xfs-menu-guest a.guest-home,
div.xfs-menu-forum a.forum-home,
div.xfs-menu-team a.team-home,
div.xfs-menu-media a.media-home,
div.xfs-menu-home a.menu-home
{
	color:white;
	font-size: 18px;
}

div.xfs-footer
{
	background: #111111;
	padding-bottom: 10px;
	text-align: right;
	padding: 7px 40px 10px 0;
	color: white;
	clear:both;	
}

div.xfs-footer img
{
	float:right;
	margin-left:10px;
	border:none;
}

div.xfs-footer a
{
	color: #0192E5;
	text-decoration: none; 
	font-family: Arial;
	font-size:11px;
	padding: 0 5px;
}

div.xfs-footer a:hover
{
	color: #dc3769;
}



div.xfs-blackbox
{
	height: 5px;
	background: #000;
}

div.xfs-content 
{
	background: #000;
	
	overflow:auto;
}

div.xfs-content a
{
	
	color: #0192E5;
	text-decoration: none;	
}


div.xfs-content a:hover
{
	color: #DC3769;
	
}
body div.content-bg h1,
body div.content-index h1
{
	font-size: 24px;
	padding:2px 3px 2px 5px;
	color:#0192E5;
	font-weight: normal;
	margin:0;
	position:relative;
}

body div.content-index h1 a:hover
{
	color:white;
}

body div.xfs-content-text h1 img
{
	position: absolute;
	left:225px;
	bottom:15px;
}


body div.xfs-content-text h1 b
{
	color: #999999;
	font-size: 12px;	
	padding-bottom:12px;
	margin-left:10px;
}

div.xfs-content-text
{
	width: 595px;
	color: #fff;
	float:left;
	padding: 20px;
	padding-right:0px;
	font-family: Arial;
	font-size: 13px;
}

div.content-index
{
	padding-right:30px;
	width: 565px;

}

div.xfs-content h1,
div.xfs-content h2
{ 
	margin:0;
	padding:0;
	font-family: Arial;
}

div.xfs-content-right
{
	width:250px;
	float: right;
	padding: 10px 10px 0 0;
}

div.xfs-content-right div
{
	border: 2px solid white;
	margin:10px 0;
	
}
div.gallery,
div.pic-month
{
	background: url("pic-month2.jpg");
	height:auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	padding: 5px;
	position: relative;

}

body div.gallery div
{
	margin:0;
	border:none;
}

body div div div.pic-month img:hover
{
	border: 2px solid #DC3769;
}

body div div div.gallery img:hover
{
	border: 0px solid #DC3769;
}

div.pic-month a
{
	border:none;
	height: 1px;
}

div.pic-month img
{
	height: 90px;
	width:120px;
	border:none;
	border: 2px solid #0192E5;
	margin: 4px 1px 1px 4px;

}

div.gallery a
{
	border:none;
	height: auto;
}

div.gallery img
{
	height: auto;
	width:220px;
	border:none;
	border: 0;
	margin: 0;

}

body div div.pic-month-background
{
	background: black;
	border: none;
	margin: 3px 0 0;
	padding:6px;
	font-size: 10px;
}

body div div.pic-text
{
	width: 105px;
	float:right;
	border: none;
	padding-top: 10px;
}

div.event-list
{
	background: url("event-list.jpg");
	color: white;
	
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 15px 5px;
}

div.event-list ul
{
	margin-left: 15px;
	font-size: 12px;
}

div.event-list li
{
	padding-left: 2px;
}

body div.button-pic
{
	border: none;
	margin-top: 7px;
	text-align: center;
}

body div a.button-month-pic
{
	border: 1px solid #fff;
	font-size: 10px;
	color:#0192E5;
	background:black;
	padding:1px 5px ;
}

body div a.button-month-pic:hover
{
	text-decoration: none;
	background:#DC3769;
	cursor: pointer;
	color:#0C942C;
}

div.video-banner a
{
	display:block;
	background: url("video-banner.jpg");
	height:80px;
}

div.video-banner a:hover
{
	background: url("video-banner-hover.jpg");
}

div.xfs-content-pic
{
	padding: 10px 10px 0;
}

div.xfs-content-pic img
{
	width:120px;
	height: 91px;
	margin: 5px;
	border: 2px solid #fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}

div.xfs-content-pic img:hover
{
	border: 2px solid #DC3769;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.xfs-content-pic div.content-headline img
{
	width: auto;
	height: auto;
	margin: 0; 
	padding: 0; 
	border:none;
}

body div.pic-gallery-right
{
	height: auto;
}

/***************************

Media

****************************/
body div.media-content
{
	padding-right: 0px;
}

div.media-content img
{
	border: none;
}

div.media-content a.contest-media img
{
	margin-top: 40px;
}

div.media-content a.bilder-media 
{
	margin-left: 30px;
}


div.media-content a.videos-media
{
	margin-left: 100px;
}

div.media-content a.contest-media 
{
	clear:both;
	margin-left: 250px;
}
div.flyer-content
{
	margin-top:10px;
}

div.content-headline
{
	margin-bottom:10px;
}

/*********** contest *********/
a.flyer img
{
	height: 166px;
	width: 220px;	
}

div.content-bg
{
	
	text-align: center;
	margin-bottom:10px;
	-moz-border-radius:8px;
}

div.content-bg hr
{
	border:1px solid #222;
	margin:15px 5px;
}

div.xfs-content-pic div.content-bg h1
{
	text-align: justify;
	padding: 0 0 5px 8px;
}

/*********** Party *********/
a.party-link,
a.street-link,
a.park-link 
{
	cursor: pointer;
	margin: 0px 10px 0;
	margin-top:25px; 
}

div.content-headline img
{
	border: none;
}

div.arrow-top
{
	display: block;
}

div.arrow-top a
{
	float: right;
}

a.arrow-top-link
{
	background: url("bilder/arrow-top.jpg") no-repeat ;
	width:35px;
	height: 50px;
	display: block;
}

a.arrow-top-link:hover
{
	background: url("bilder/arrow-top-hover.jpg") no-repeat;
}



/********* Hover special *******/



a.big-pic-videos
{
	background:url("bilder/videos.gif") no-repeat;
	display:block;
	width: 200px;
	height: 80px;
}

a.big-pic-videos:hover
{
	background:url("bilder/videos-hover.gif") no-repeat;
}

div.viemo-videos
{
	text-align: center;	
}

div.viemo-videos object
{
	padding-top: 10px;
}

div.video-quick
{
	background: url("bilder/xfs-grey-back.jpg");
	text-align: center;
}

div.video-quick img
{
	margin: 5px 0;
}

div.impressum-content
{
	background: url("bilder/impressum-ape.jpg") no-repeat right bottom;
	width: 850px;
}

div.media-content
{
	width: 830px;
}

.xfs-content .media-link-videos
{
	margin:0 50px 0 80px;
}

.xfs-content .media-link-contest
{
	margin:10px 0 0 135px;
}

div.link-content
{
	width: 857px;
	padding: 3px 0 0 0;
}

/***** TEAM *********/
div.team-content
{
	width: 770px;
	padding: 30px 0 30px 80px;
}

div.team-content a
{
	border:1px solid black;
	display:block;
	width: 140px;
	height: 140px;
	float: left;
	margin:1px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div.team-content a:hover
{
	-border:1px solid #DC3769;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.team-content .robs
{
	background:url("bilder/team/robs.jpg");
}
div.team-content .eric
{
	background:url("bilder/team/eric.jpg");
}
div.team-content .immo
{
	background:url("bilder/team/immo.jpg");
}
div.team-content .raul
{
	background:url("bilder/team/raul.jpg");
}
div.team-content .jan
{
	background:url("bilder/team/jan.jpg");
}
div.team-content .henning
{
	background:url("bilder/team/henning.jpg");
}
div.team-content .domi
{
	background:url("bilder/team/domi.jpg");
}
div.team-content .jonny
{
	background:url("bilder/team/jonny.jpg");
}
div.team-content .lingling
{
	background:url("bilder/team/LingLing.jpg");
}

div.team-content .ape
{
	background:url("bilder/team/ape.jpg");
}

div.team-content-eric a.eric,
div.team-content-domi a.domi,
div.team-content-henning a.henning,
div.team-content-lingling a.lingling,
div.team-content-immo a.immo,
div.team-content-jan a.jan,
div.team-content-raul a.raul,
div.team-content-jonny a.jonny,
div.team-content-robs a.robs
{
	border:1px solid #444444;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.team-content table
{
	margin-top:20px; 
	float: left;
}
div.team-content table td
{
	vertical-align: top;
	padding-top: 5px;
	width: 170px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

div.team-content td + td
{
	text-align: left;
	width: 300px;
	font-weight: normal;
}

div.screenshots-team
{
	margin: 20px 0 0 10px; 
	width: 360px;
	float:left;
	width: 70px;
	
}
body div.screenshots-team img
{
	border:none; 
}

body div.screenshots-team a
{
	height: auto;
	width:auto;
	border:none;
	clear:left;
	border:1px solid black
}

body div.screenshots-team a:hover
{
	border:1px solid #DC3769; 
}

div.content-text-top,
div.content-text
{
	padding:8px 5px 5px 8px;
}

div.facebook-banner img
{
	border:none;
}

div.facebook-banner:hover
{
	border: 2px solid #DC3769;
	cursor: pointer;
}

/*preload classes*/
.svw 
{
	width: 50px;
	height: 20px; 
	background: #fff;
}
.svw ul 
{
	position: relative; 
	left: -999em;
}

/*core classes*/
.next-button
{
	color:white;
	left:220px;
	position:absolute;
	top:30px;
}

#mygalthree {
	background:url("js/spinner.gif") no-repeat center center;
}

.stripViewer { 
	position: relative;
	overflow: hidden; 
	border: 0px solid black;  
	margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}

.stripViewer a img
{
	border:none;
}

.stripViewer ul li { 
	float:left;
	padding:0;
}
.stripTransmitter {
	overflow: auto;
	width: 1%;
	padding:3px 0 2px;
}
.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li{
	width: 20px;
	float:left;
	margin: 0 1px 1px 0;
	padding:0;
}
body .stripTransmitter a{
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #0192E5;
	color: #fff;
	text-decoration: none;
	display: block;
}
.stripTransmitter a:hover, a.current{
	background: #fff;
	color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
	padding: 0.5em;
	background: #fff;
	color: #000;
	border: 5px solid #dedede;
}

div#special-banner
{
	
	position:absolute;
	top:0px;
	right:0px;
	z-index:1000;
}

div#special-banner-inner
{
	background:url("hand.png") no-repeat 141px -5px;
	padding-top:53px;
	padding-right:20px;
	z-index:10;
	position:relative;
}

div.special-banner-text
{
	height:315px;
	width:265px;
	background:url("hand.png") no-repeat 141px -58px;
}

a#close
{
	background:url("close.png") no-repeat ;
	height:20px;
	width:20px;
	display:block;
	position: absolute;
	left:45px;
	top:61px;
}

a#open
{
	background:url("aftershowparty.png") no-repeat ;
	display:block;
	width:200px;
	height:30px;
	margin-top:15px;
}

.banner-letter
{
	background:url("banner-special.png") no-repeat;
}