body {
			font-size:1em;
			background-image: url(../images/bg_waves.png);
			margin:0px;
			padding:0px;	
			background-color:#f7f6f6;
	}
		
	
		
		.mapContainer {
				background-image: url(../images/map_background.png);
				float:right;
			transition: 0.5s;
			position:relative;
	
		}

		.logo {
				background-image: url(../images/logo.png);
				position:absolute;
		}
		
		
		.linkLogo{
			float:right;
			display:block;
		}
	
			.linkImpressum{
					font-size:1.5em;
				letter-spacing:0.1em;			
				font-family: 'camptonbold', Arial, Helvetica;
				text-transform:uppercase;
				color:#f0697e;
				background-color:transparent;
				margin-left:3.2em;
				display:inline-block;
				margin-top:0.5em;
				padding:0.15em;
				transition:all 0.2s ease-out;
					}
	
		.linkImpressum:hover{
					color:#f4e017;
				background-color:#f0697e;
		
		}
		
		.navigation {
				/*background-image: url(../images/navigation_dummy.png);
				background-repeat:no-repeat;*/
				clear:both;
				margin: auto;
		}
	
		.navigationMobile {display:none;}
		
		#Content{
			margin:auto;
		}
		.navigation ul {margin:0px;padding:0px}
		.navigation ul li {float:left;margin:0px;padding:0px}
		.navigation ul li span {display:none;}
		
	
		.nav0Ecke {
				background-image: url(../images/nav0_ecke.png);
				background-size: 15px 64.5px;
				display:inline-block;
				width:15px;
				height:64.5px;	
			}
			
			.navTrenner {
				background-image: url(../images/nav_trenner.png);
				background-size: 30px 64.5px;
				display:inline-block;
				width:30px;
				height:64.5px;
			}	
			.nav1About {
				background-image: url(../images/nav1_about.png);
				background-size: 183px 64.5px;
				transition: 0.5s;
				display:inline-block;
				width:183px;
				height:64.5px;
				}
			.nav1About:hover {
				background-image: url(../images/nav1_about_hover.png);
				transition: 0.5s;
			}
			.nav1About:active {
				background-image: url(../images/nav1_about_hover.png);
				transition: 0.5s;
			}
			.nav2Tour {
				background-image: url(../images/nav2_tour.png);
				transition: 0.5s;
				background-size: 170.25px 64.5px;
				display:inline-block;
				width:170.25px;
				height:64.5px;
			}
			.nav2Tour:hover {
				background-image: url(../images/nav2_tour_hover.png);
				transition: 0.5s;
			}
			.nav2Tour:active {
				background-image: url(../images/nav2_tour_hover.png);
				transition: 0.5s;
			}
			.nav3Indie {
				background-image: url(../images/nav3_indie.png);
				transition: 0.5s;
				background-size: 174px 64.5px;
				display:inline-block;
				width:174px;
				height:64.5px;
			}
			.nav3Indie:hover {
				background-image: url(../images/nav3_indie_hover.png);
				transition: 0.5s;
			}
			.nav3Indie:active {
				background-image: url(../images/nav3_indie_hover.png);
				transition: 0.5s;
			}
			.nav4Games {
				background-image: url(../images/nav4_games.png);
				background-size: 197.25px 64.5px;
				transition: 0.5s;
				display:inline-block;
				width:197.25px;
				height:64.5px;
			}
			.nav4Games:hover {
				background-image: url(../images/nav4_games_hover.png);
				transition: 0.5s;
			}
			.nav4Games:active {
				background-image: url(../images/nav4_games_hover.png);
				transition: 0.5s;
			}
			.nav5Doku {
				background-image: url(../images/nav5_doku.png);
				background-size: 171px 64.5px;
				transition: 0.5s;
				display:inline-block;
				width:171px;
				height:64.5px;
			}
			.nav5Doku:hover {
				background-image: url(../images/nav5_doku_hover.png);
				transition: 0.5s;
			}
			.nav5Doku:active {
				background-image: url(../images/nav5_doku_hover.png);
				transition: 0.5s;
			}
			.nav6Team {
				background-image: url(../images/nav6_team.png);
				background-size: 183px 64.5px;
				transition: 0.5s;
				display:inline-block;
				width:183px;
				height:64.5px;
			}
			.nav6Team:hover {
				background-image: url(../images/nav6_team_hover.png);
				transition: 0.5s;
			}
			.nav6Team:active {
				background-image: url(../images/nav6_team_hover.png);
				transition: 0.5s;
			}
			.nav7Ecke {
				background-image: url(../images/nav7_ecke.png);
				background-size: 15px 64.5px;
				display:inline-block;
				width:15px;
				height:64.5px;
				}
	
	.tourDates {
		position:absolute;
		top:5em;
		right:0em;
		letter-spacing:0.1em;			
		font-family: 'camptonbold', Arial, Helvetica;
		color:#e92342;
		text-transform:uppercase;
		font-size:1em;
		width:21em;
	}
	
	.tourDates .event {
		padding-top:0.2em;	
		padding-bottom:0.2em;	
		margin-right:0.5em;
	}
	
	.tourDates .event.active {
		background-color: #19a9f2;	
		color:#f4e017;
	}
	
	.tourDates .date {
		display:block;
		float:left;
		text-align:right;
		font-family: 'camptonlight', Arial, Helvetica;
		width:9em;
		padding-right:0.5em;
			font-size:0.6em;
			color:#f4e017;
			line-height:1.7em;
			clear:both;
		
	 }
	
	.tourDates .location {
		display:inline;
	 font-size:1.3em;
	 }
	
	.tourDates .country {
		display:inline;
		
	}
	

	.people {
		letter-spacing:0.1em;			
		font-family: 'camptonbold', Arial, Helvetica;
		color:#e92342;
		text-transform:uppercase;
		text-align:center;
	}
	
	.people span {
		color:#f3c52e;
	}
	
	* {
    	-webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    	-webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    	-webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	}

			
.pageHead {
	background-image:url(../images/pageTopNavBg.png);
	margin:auto;
	position:relative;
}

.pageContainer {
	background-image:url(../images/pageBg.png);
	margin:auto;	
}


.pageMapBtn {
	background-image:url(../images/pageMapBtn.png);
	display:block;
	float:right;
	position:relative;
}

.pageNavigation {
	position:absolute;
}

.pageNavigation a, .pageNavigation span {
	letter-spacing:0.1em;			
	font-family: 'camptonbold', Arial, Helvetica;
	color:#e92342;
	text-transform:uppercase;
	font-size:2.2em;
	margin-right:2em;
	transition:all 0.5s ease-out;	
	padding:0em 0.15em 0em 0.2em;
}

.pageNavigation span {
	opacity:0.3;
}



.pageNavigation a:hover, .pageNavigation a.active {
	color:#f0df19;
	background-color:#e92342;
}

.pageNavigation li {
	display:inline-block;
}


.pageContent {
	padding:3em 10em 5em 4em;
	display:block;
}

.pageSubNavigation {
	padding:0em 10em 0em 4em;
	display:block;
}

.pageSubNavigation a {
	display:block;
	letter-spacing:0.1em;			
	font-family: 'camptonbold', Arial, Helvetica;
	color:#409edd;
	text-transform:uppercase;
	font-size:1.3em;
	text-decoration:underline;
	padding-bottom:0.2em;
	transition:all 0.5s ease-out;
	background-color:none;	
	padding:0.2em 0.2em 0.1em 0.2em;
}

.pageSubNavigation a:hover, .pageSubNavigation .active {
	color:#f0df19;
	background-color:#409edd;
	text-decoration:none;
}


.pageContainer .spalten {
	display:table;
	width:100%;
}


.pageContainer .spalte50 {
	display:table-cell;
	padding:1em 1.5em 1em 1.5em;
	width:50%;
	vertical-align:top;
}

.pageContainer .spalte33 {
	display:table-cell;
	padding:1em 1.5em 1em 1.5em;
	width:33%;
	vertical-align:top;
}


.pageContainer .spalte25 {
	display:table-cell;
	padding:1em 1.5em 1em 1.5em;
	width:25%;
	vertical-align:top;
}

.pageContainer .spalten .alignBottom {
	vertical-align: bottom;
}

.pageContainer .spalten .alignCenter {
	text-align:center;
}


.pageContainer .spalte50 img{
	width:30em;
}



.pageContainer .fliesstext {
	letter-spacing:0.05em;			
	font-family: 'camptonlight', Arial, Helvetica;
	color:#eb3b56;
	font-size:0.9em;
	line-height:1.5em;
}

.pageContainer p {
	padding-bottom:2em;
}

.pageContainer .indieLayout img {
		width:24em;
}

.pageContainer .indieLayout .spalten {
	padding:0em 	0em 0em 0em;
	width:90%;
}

.pageContainer .indieLayout .spalte50 {
	padding:1em 	0em 1em 0em;
}

.pageContainer .headline, h1 {
	letter-spacing:0.1em;
	line-height:1em;;	
	font-family: 'camptonbold', Arial, Helvetica;
	color:#e92342;
	text-transform:uppercase;
	font-size:2.2em;
	padding-bottom:0.5em;
}


.pageContainer .subline {
	letter-spacing:0.1em;			
	font-family: 'camptonmedium', Arial, Helvetica;
	color:#eb3b56;
	font-size:0.9em;
	line-height:1.3em;
	text-transform:uppercase;
	padding-bottom:0.2em;
}

.pageContainer .sublineLink {
	display:inline-block;
	letter-spacing:0.1em;			
	font-family: 'camptonregular', Arial, Helvetica;
	color:#409edd;
	font-size:0.9em;
	line-height:1.3em;
	padding-bottom:0.2em;
	text-decoration:underline;
}

.pageContainer .sublineLink:hover {
	color:#f0df19;
	background-color:#409edd;
	text-decoration:none;
}



.pageContent.withSubNavi {
	height:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	transition:all 0.5s ease-out;
	visibility:hidden;
}

.pageContent.withSubNavi.active {
	height:auto;
	width:auto;
	padding:3em 10em 5em 4em;
	visibility:visible;

}

.pageContent .event {
	letter-spacing:0.1em;			
	font-family: 'camptonregular', Arial, Helvetica;
	color:#eb3b56;
	font-size:1.1em;
	line-height:1.3em;
	position:relative;
	height:7em;
}

.pageContent .event .date {
	font-family: 'camptonbold', Arial, Helvetica;
	font-size:1.2em;
	margin:0em 18em 0em 20em;
	padding:0.2em 0em 0em 0em;
	text-transform:uppercase;
	border-top:0.18em solid #00ffaf;
}



.pageContent .event.active .date {
	border-top:0.1em solid #f4e017;
	font-size:2.7em;
	margin:0em 14em 0em 1em;
	padding:0.3em 0.2em 0em 0em;
	color:#f4e017;
}

.pageContent .event .info {
	position:absolute;
	top:0em;
	right:10em;
	height:100%;
	width:20em;
	z-index:10;
	padding-left:1.5em;
}

.pageContent .event.active .info  {
	background-color:#19acf0;
	color:#f4e017;
}

.pageContent .event.active a.indieLink, .pageContent .event.active a.indie  {
		display:block;
		text-decoration:underline;
		color:#f4e017;

}

.pageContent .event a.indieLink, .pageContent .event a.indie  {
		display:block;
		text-decoration:underline;
		color:#19acf0;
		margin:0.1em 0.1em 0.1em 0.1em;
}

.pageContent .event a.indie {
	margin-top:1.7em;
}
	
.pageContent .event a.indieLink:hover, .pageContent .event a.indie:hover {
		text-decoration:underline;
		color:#2bfdc3;
}
	

.pageContent .event a.indie {
	text-transform:uppercase;
}
	
.pageContent .event .icons {
	margin:0em 18em 0em 23.8em;
	padding:0.2em 0em 0em 0em;
}



.pageContent .event .datehochContainer {
	font-family: 'camptonbold', Arial, Helvetica;
	border-left:1em solid #00ffaf;
	position:absolute;
	text-transform:uppercase;
	right:8em;
	top:0em;	
	text-indent:0.3em;
	height:100%;
	width:1.5em;
	z-index:20;

}

.pageContent .event .datehoch {
	position:absolute;
	left:-1.7em	;
	top:2em;
	width:5em;
	overflow:hidden;
	display:block;
	
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
	-ms-transform:rotate(90deg); 
	transform:rotate(90deg); 
	}


.pageContent .event.active .datehochContainer {
	background-color:#19acf0;
	color:#f4e017;
	border-left:1em solid #f7f6f6;
}



	.pageContent .locFilm,  .mobileTourDates .locFilm{
		display:block;
		background-image:url(../images/Doku.png);
		position:relative;
		background-size:3em 2.2em;
		width:2.9em;
		height:2.2em;
	}
	

	.pageContent .locFilmHover, .mobileTourDates .locFilmHover {
		display:block;
		background-image:url(../images/Indie_Bild_transparent.png);
		background-size:3em 2.2em;
		width:2.9em;
		height:2.2em;
	}
	
	.pageContent .locFilmHover:hover, .mobileTourDates .locFilmHover:hover {
		background-image:url(../images/Doku_Hover.png);
		background-size:3em 2.2em;
		width:2.9em;
		height:2.2em;
	}
    
	.pageContent .locGame, .mobileTourDates .locGame {
		display:block;
		background-image:url(../images/Game.png);
		position:relative;
		background-size:3em 2.2em;
		width:2.9em;
		height:2.2em;
	}
	.pageContent .locGameHover,.mobileTourDates .locGameHover {
		display:block;
		background-image:url(../images/Indie_Bild_transparent.png);
		background-size:3em 2.2em;
		width:2.9em;
		height:2.2em;
		}

.pageContent .event.active .locFilm, .pageContent .event.active .locGame{
	display:inline-block;
	margin-top:1.5em;
}
	
	.pageContent .locGameHover:hover,.mobileTourDates .locGameHover:hover {
		background-image:url(../images/Game_hover.png);
		background-size:3em 2.2em;
		width:2.9em;
		height:2.2em;
		}


	.pageContent .locFilm.inactive,.mobileTourDates .locFilm.inactive {
		background-image:url(../images/Doku_Inactive.png);
	}
	
	.pageContent .locGame.inactive,.mobileTourDates .locGame.inactive {
		background-image:url(../images/Game_Inactive.png);
	}

.pageContent.teamLayout .spalte25 img{
	width:11.5em;
	
}

.pageContent.teamLayout .spalte33 img{
	width:24em;
	
}



.pageContent.teamLayout .companyName {
			background-image: url(../images/bg_waves.png);
			background-size: 37.5px 41.25px;
			background-color:#f7f6f6;
			font-size:2.5em;
			letter-spacing:0.1em;			
			font-family: 'camptonbold', Arial, Helvetica;
			color:#e92342;
			text-transform:uppercase;
			padding:0.2em 0.3em 0em 0.3em;
			line-height:normal;
			text-align:center;
			margin-bottom:0.4em;
}

.pageContent.teamLayout .teamName, .pageContent.teamLayout .position  {
	font-family: 'camptonitalic', Arial, Helvetica;
	padding-bottom:1em;
}

.pageContent.teamLayout .teamNameSpalte {
	background-image: url(../images/bg_waves.png);
	background-size: 37.5px 41.25px;
	font-size:1.5em;
	letter-spacing:0.1em;			
	font-family: 'camptonbold', Arial, Helvetica;
	color:#e92342;
	text-transform:uppercase;
	padding:0.5em 0.5em 0.2em 0.5em;
}


.pageContent .blue {
	color:#3bafeb;
}

.pageContent .spacer {
	height:2em;
}

.pageContent.gameLayout .spalte33 {
	padding:0em;
	}
.pageContent.gameLayout .spalte33 h1{
	float:right;
	font-size:5em;
		font-weight:normal;

			letter-spacing:0em;			
			font-family: 'camptonbold', Arial, Helvetica;
			color:#00ffaf;
			text-transform:uppercase;
	padding-right:0.1em;
	margin:0em;
	text-align:right;
}

.pageContent.gameLayout .spalte50 {
	padding-left:0em;
}

.pageContent.gameLayout .spalte33 img {
	width:34em;
	clear:both;

}

.pageContent.gameLayout .spalte50 h2 img {
	width:2em;
			vertical-align:text-top;
}

.pageContent.gameLayout .spalte50 h2 {
		font-weight:normal;

			font-family: 'camptonbold', Arial, Helvetica;
			text-transform:uppercase;
			letter-spacing:0.1em;			
			color:#f33d58;
			font-size:0.9em;
			line-height:1.5em;
			padding-bottom:0.4em;
}

.pageContent.gameLayout .spalte50 a {
		text-decoration:underline;
		color:#19acf0;
		padding:0em 0.1em 0em 0.1em;
}


.pageContent.gameLayout .spalte50 a:hover {
		text-decoration:underline;
		color:#2bfdc3;
		background-color:transparent;
}
	

.pageContent.gameLayout .spalte50 p {
			letter-spacing:0.05em;			
	font-family: 'camptonlight', Arial, Helvetica;
	color:#eb3b56;
	font-size:0.9em;
	line-height:1.5em;
}
	



	
.pageContent .spalten a {
	text-decoration:underline;
	color:#19acf0;
	transition: 0.2s;
	padding:0em 0.1em 0em 0.1em;		
}


.pageContent .spalten a:hover {
	text-decoration:underline;
	color:#2bfdc3;
	background-color:transparent;

}


.pageContent .spalten a.img {
	background-color:#f7f6f6;
	display:block;
}


.pageContent .spalten a.img:hover {
	background-color:#f7f6f6;
}

.pageContent .spalten li {
	list-style:disc;
	margin-left:1em;
	padding:0.5em;
}


.pageContent .spalten ul {
	margin:0em;
	padding:0em;
}

h3 {
	font-weight:normal;
	letter-spacing:0.05em;			
	font-family: 'camptonlight', Arial, Helvetica;
	text-transform:uppercase;
	color:#4ec7ff;
	margin-bottom:0em;
}

.mobileTourDates {
	display:none;
	}
	
	
	
	
	.pageContent.dokuLayout .spalten {
	border: 1em solid #e92342;;
	border-width: 0.2em 0.2em 0.2em 0em;
	width:95%;
	}


.pageContent.dokuLayout .info {
	letter-spacing:0.05em;			
	font-family: 'camptonlight', Arial, Helvetica;
	text-transform:uppercase;
	color:#4ec7ff;
	font-size:1.1em;
	line-height:1.5em; 
	padding-top:0.4em;
}

.pageContent.dokuLayout .location {
	font-family: 'camptonbold', Arial, Helvetica;
	color:#e92342;
}



.pageContent.dokuLayout .playButton {
	background-image:url(../images/playButton.png);
	background-size:7em 8em;
	width:7em;
	height:8em;
	left:2em;
	bottom:2em;
	position:absolute;
}

.pageContent.dokuLayout .Gallery {
 padding-top:2em;
}


.pageContent.dokuLayout .spalten .Gallery a{
background-color:transparent;
}

.pageContent.dokuLayout .spalten .Gallery a:hover{
 background-color:transparent;
}


.pageContent.dokuLayout .Gallery .breit img {
	width:11em;
	display:inline;
	padding:0em 1em 1em 0em;
}
.pageContent.dokuLayout .Gallery .hoch img {
	width:8em;
	display:inline;
	padding:0em 1em 1em 0em;
}

.pageContent.dokuLayout .videoPreview {
	padding:0em;
	margin:0em;
	position:relative;
	display:block;
}
.pageContent.dokuLayout .videoPreview img{
border:1em solid #00ffaf;
width:30em;

}

.pageContent.dokuLayout .spalte33{
padding-right:0em;
}

.pageContent.dokuLayout .spalte50{
padding-left:2em;
padding-right:7em;
}


.pageContent .locGame a{
	background-color:transparent;
}

.pageContent .locGame a:hover{
	background-color:transparent;
}



.pageContent.dokuLayout .locGame {
	display:inline-block;
	vertical-align:bottom;
	margin-bottom:0.9em
}

.pageContent.dokuLayout h1 {
	display:inline;
	line-height:normal;
	font-size:5em;
		font-weight:normal;

			letter-spacing:0em;			
			font-family: 'camptonbold', Arial, Helvetica;
			color:#e92342;
			text-transform:uppercase;
	padding-right:0.1em;
	margin:0em;
	text-align:right;
}




.pageContent.dokuLayout h4 {
	display:block;
	font-size:1em;
	font-weight:normal;
	letter-spacing:0em;
	line-height:1.5em;			
	font-family: 'camptonitalic', Arial, Helvetica;
	color:#e92746;
	padding-left:5em;
	padding-right:7em;
	padding-top:1.7em;
	padding-bottom:1.7em;
	margin:0em;
}

.tabs{
	width: 65em;
}
.tabs li a{
	font-family: 'camptonbold', Arial, Helvetica;
	font-size:1.2em;
	margin:0em;
	padding:0.3em !important;
	text-transform:uppercase;
}
.pageContent.withSubNavi .headline{
	width: 7em;
}
.specialLogos{
	margin-left:5em;
	margin-top:0.5em;
	padding:0.15em;
	width:0.8em;
}
.specialLogos img{
	width:15em;
}
#specialLogo1{
	margin-bottom:1.5em;
}
.fusszeile{
    color: #f8c600;
    font-family: "camptonlight",Arial,Helvetica;
    font-size: 0.8em;
    line-height: 1.5em;
	text-align:center;
}
.linkPlay{
	background-image: url("../images/startseite/Playbutton.png");
    background-size: 8em auto;
    display: block;
    height: 8.5em;
    margin-left: 5em;
    margin-top: 0.5em;
    padding: 0.15em;
    transition: all 0.5s ease 0s;
    width: 8em;
}

.linkPlay:hover{
	background-image: url(../images/startseite/Playbutton_Hover.png);
}
.facebook, .twitter {
    background-image: url("../images/SocialMedia/Facebook.png");
    background-size: 2em auto;
	background-repeat:no-repeat;
    display: block;
    height: 2em;
    margin-left: 5em;
    margin-top: 0.5em;
    padding: 0.15em;
    transition: all 0.5s ease 0s;
    width: 2em;
	float:left;
}
.facebook:hover {
    background-image: url("../images/SocialMedia/Facebook_Hover.png");
}
.twitter {
    background-image: url("../images/SocialMedia/Twitter.png");
    margin-left: 1em;
}
.twitter:hover {
    background-image: url("../images/SocialMedia/Twitter_Hover.png");
}
.clear{
	clear:both;
	padding:0.5em;
}