@charset "UTF-8";
/* CSS Document */

/* COLORS */
/* #D9D9D9 */
/* #009933 */
/* #333333 */
/* #FFF */
/* #000 */

/* FONTS */
/* Doppio One */
/* Rock Salt  */
/* Overlock SC */


* {
	margin: 0;
	padding: 0;
	outline: 0px;
	border: 0px;
}

body {
	font-family: 'Doppio One', sans-serif;
	font-size:16px;
	color:#D9D9D9;
}

a {
	text-decoration: none;
	color:#D9D9D9;
}

h1 {
	color: #009933;
	font-family: 'Rock Salt', cursive;
	font-size: 28px;
}

h2, h3, h4, h5, h6 {
	font-family: 'Overlock SC', cursive;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
    font-size: 16px;
	font-weight:800;	
}

#stage_wrapper {
	position: relative;
	/*z-index: 6000;*/
	margin: 0 auto;
}

/* /////////////////////////////// */
/* / BACKGROUND AUTORESIZE START / */
/* /////////////////////////////// */
		
		img.source-image {
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 5000;
		}
	
		/* body {
			overflow: hidden;
			background: url(../images/css/bg_kachel.jpg);
		} */
		
/* /////////////////////////////// */
/* *END*BACKGROUND AUTORESIZE*END* */

/* /////////////////////////////// */
/* ////// NAVIGATION START /////// */
/* /////////////////////////////// */

	#head_wrapper {
		height: 59px;
		background:#333333;
		color:#009933;
		font-size:18px;
		font-weight:800;
		border-bottom: 2px solid #000;
		z-index: 6002;
		position:fixed;
		top:0px;
		width:100%;
	}
	
		#head {
			width:960px;
			margin: 0 0 0 64px;	
		}
		
			#blog_nav {
				padding-top: 14px !important;
				line-height: 0.9em;
				padding-bottom: 6px;
			}

			#nav li {
				float:left;
				color:#D9D9D9;
				width:80px;
				margin-left: 10px;
				list-style:none;
				text-align:center;
				font-family: 'Overlock SC', cursive;
			}
			
				#nav li a {
					display:block;
					width:80px;
					height:38px;
					padding-top:20px;	
				}
				
				#nav li a:hover {
					background:#000;
					border-bottom:1px solid #009933;
					color: #009933;
				}


			#logo {
				float:left;
				text-align:right;
				width:536px;
				margin-top: -8px;
				
			}
			
				#logo span a {
					color: #009933;
					font-family: 'Nosifer', cursive;
					font-size: 20px;
				}
				
				#logo span a img {
					padding-top: 4px;
					margin-bottom: -20px;
				}
			
				#logo span a:hover {
					background:#000;
					border-bottom:1px solid #009933;
					color: #FFF;
				}
				
				#logo img {
					margin-top:10px;
					}
			
			.nav_active {
				border-bottom:1px solid #009933;
				color: #009933;
			}	

/* /////////////////////////////// */
/* *END*END** NAVIGATION *END*END* */

/* /////////////////////////////// */
/* ///// SOCIAL MEDIA START ////// */
/* /////////////////////////////// */

	#sm_wrapper {
		position:fixed;
		top: 80px;
		left: -10px;
		background:url(../images/css/content_bg_06.png);
		border: 1px solid #009933;
		z-index: 6000;
	}
	
		.sm_link a:hover {
			margin-left: 10px;
		}	

/* /////////////////////////////// */
/* *END*END***** SM ******END*END* */


/* ////////////////////////////// */
/* /////// CONTENT START //////// */
/* ////////////////////////////// */	
	
	#kino {
		margin: 120px 0 45px 64px;
		width:300px;
		height:300px;
		background:url(../images/css/2013imKino_03.png);
		text-align:center;
		font-size:24px;
		padding:50px;
		color:#D9D9D9;
		z-index:6000;
		position:relative;
		}
		
			#kino strong {
				color:#009933;
				display:block;
				font-family: 'Overlock SC', cursive;
				font-size:50px;
			}
	
	#story {
		margin: 100px 0 45px 64px;
		width:620px !important;
		background:url(../images/css/content_bg_06.png);
		padding:10px;
		border: 2px solid #009933;
		z-index:6000;
		position:relative;
	}
		#story em{
			color:#009933;
			}
		
		#story p {
			width: 520px;
			margin-top: 5px;
		}
		
		#story img {
			margin-top:10px;
			margin-bottom:10px;
			margin-left:300px;
			}
		
		#story a {
			color:#009933;
			}
	
	#crew {
		margin: 100px 0 45px 64px;
		width:620px !important;
		background:url(../images/css/content_bg_06.png);
		padding:10px;
		border: 2px solid #009933;
		z-index:6000;
		position:relative;
	}
	
		#crew ul {
			list-style:none;
			color: #009933;
			margin-bottom: 10px;
		}
		
			#crew ul ul {
				margin-top: -19px;
				margin-left: 200px;
				color: #D9D9D9;
			}
			
			#crew ul ul li {
					display:inline;
			}
			#Napalmquintett{
				margin-top:10px;
				margin-bottom:10px;
				}
			#Napalm{
				float:left;
				}
			#Napalmlogo{
				float:left;	
				}
	
		#musik {
			margin-left: 200px;	
		}
		
		#crew.white{
			color:#D9D9D9;
			}
		#crew img.logo{
			margin-left:30px;
			margin-right:30px;
			}
		#crew a{
			color:#336600;
			}
		
#roger{

	margin-right:50px;
	margin-top:20px;
	margin-bottom:20px;
	}		
		
/* BLOG */
/* //// */		
		
#blog {
float:left;
width:620px;
margin: 100px 0 45px 64px;
background:url(../images/css/content_bg_06.png);
padding:10px;
border: 2px solid #009933;
z-index:6000;
position:relative;
}

	#blog dl {
		margin-bottom:10px;
	}
	
	#blog p {
		width: 500px;
	}
	
	#blog h2 {
		background: #009933;
		color: #FFF !important;
		margin-top: 20px;
	}

		.item-page a {
			margin-right: 2px;
		}
  
#jNavi {
font-family: 'Overlock SC', cursive;
float:left;
width: 184px;
height: 454px;
margin: 100px 0px 0 64px;
color:#D9D9D9;
background:url(../images/css/content_bg_06.png);
padding:10px;
border: 2px solid #009933;
z-index:6000;
position:relative;
}

	#jNavi ul li {
		list-style:none;
	}

		.menu {
			border: 1px solid #009933;
			padding: 1px;
		}
		
		.latestnews {
			margin-top:20px;
			border: 1px solid #009933;
			padding: 1px;
		}
		
		.latestnews li {
			margin-bottom: 5px;
		} 
	
/* /////////////////////////////// */
/* *END*END*** CONTENT ***END*END* */

/* /////////////////////////////// */
/* //// OLIVER Bereich START ///// */
/* /////////////////////////////// */

#prod {
	text-align:left;
	}
#cc_prod img{
	float:left;
	}
#ctp_prod img{
	float:left;
	}
#muemo_prod img{
	float:left;
	margin-left:100px;
	}
#regie_prod img{
	margin-left:100px;
	}
.stopfloat{clear:both;}

#story img.muemo {
margin-left:350px;
	}

/* /////////////////////////////// */
/* *END*END*** CONTENT ***END*END* */

/* /////////////////////////////// */
/* //// FOOTER Bereich START ///// */
/* /////////////////////////////// */

	#footer_wrapper {
		height: 20px;
		width:100%;
		background:#333333;
		color:#009933;
		border-top: 2px solid #009933;
		position:fixed;
		bottom:0px;
		z-index:6000;
	}

/* /////////////////////////////// */
/* *END*END*** FOOTER ****END*END* */