html, body {margin: 0; border: 0; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; text-align: left; color: #222; font-size: 13px; line-height: 19px; background: url(../images/bgDichter.png) #000; background-attachment: fixed; overflow: auto}

ul, li {margin: 0; padding: 0; border: 0;}

img {border: 0;}
p {margin: 0; padding: 0;}
a {outline: none !important;}

h1 {margin: 0; padding: 0 0 19px 0; display: block; font-size: 58px; color: #fff; line-height: 58px; text-transform: lowercase;}
h2 {margin: 0; padding: 0; display: inline; font-size: 58px; color: #D00; line-height: 58px; text-transform: lowercase;}
h3 {font-size: 16px; color: #d00; line-height: 21px; text-transform: uppercase; font-weight: bold; text-align: left;}

.half {margin-top: -10px;}
.anderhalf {margin-top: 10px;}


.clearIt {clear: both; height: 0px; line-height: 0px; font-size: 0px; }

/* first load */
.overlay {margin: 0; padding: 0; width: 100%; height: 100%; background: #000; position: fixed; z-index: 85; opacity: 0.85; filter: alpha(opacity=85); }
.splash-1 {margin-top: -240px; margin-left: -302px; padding: 0; width: 604px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-2 {margin-top: -200px; margin-left: -250px; padding: 0; width: 500px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-3 {margin-top: -225px; margin-left: -320px; padding: 0; width: 641px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-4 {margin-top: -235px; margin-left: -309px; padding: 0; width: 617px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-5 {margin-top: -225px; margin-left: -280px; padding: 0; width: 571px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-6 {margin-top: -250px; margin-left: -348px; padding: 0; width: 694px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-7 {margin-top: -215px; margin-left: -377px; padding: 0; width: 755px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.splash-8 {margin-top: -220px; margin-left: -250px; padding: 0; width: 498px; height: 500px; position: fixed; z-index: 90; top: 50%; left: 50%}
.navHolder {margin: 0; padding: 0; width: 1000px; height: 59px; background: url(../images/bgNav.png) no-repeat; position: fixed; z-index: 50;}
	.navigation  {margin: 10px 0 0 20px; padding: 9px 0 0 0; list-style-type: none; position: relative; width: 980px; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 0px;}
			.navigation li {margin: 0 15px 0 0; padding: 0; float: left; display: inline-block;}
			.navigation li.mc {margin: 0; padding: 0; position: absolute; top: 0px; right: 20px;}
			.navigation li.mc span {display: none;}
				.navigation a{color: #eee; text-decoration: none;}
				.navigation a:hover, .navigation a.active {color: #322; text-decoration: none;}
				.navigation  a.inloggen{color: #900; display: none;}
				.navigation  a.inloggen:hover, .navigation  a.active {color: #322;}
.bgContainer {margin: 0; border: 0; padding: 0; width: 100%; height: 145px; background: url(../images/bgMainContainer.png) no-repeat; z-index: 10; position: fixed}
.content {margin: 0; padding: 0; width: 1000px; position: relative; z-index: 20;}
	.leftColumn {margin: 0 0 0 20px; padding: 0px 0 20px 0; width: 195px; overflow: hidden; float: left;}
		.leftColumn img {margin: 0px 0 0 0;}
			.aankeiler {margin: 14px 0 1px 0; padding: 0; width: 195px; position: relative; text-align: left; background: #FFF; position: relative; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px;}
				.aankeilerTitle {margin: 0; padding: 0; width: 195px; height: 23px; background: #d00; position: absolute; top: 0; left: 0; z-index: 10;}
				.aankeiler .cufonTitle {margin: 0; padding: 2px 0 0 0; width: 195px; text-align: center; color: #EEE; position: absolute; top: 0; left: 0; z-index: 20; text-transform: uppercase; font-size: 11px;}
				.aankeiler img {margin: 23px 0 0 0; padding: 0; position: relative; z-index: 1}
				.aankeilerSubTitleContainer {margin: 0; padding: 0px 0 16px; width: 195px; }
				.aankeilerSubTitleContainer .aankeilerSubTitle {margin: 5px 10px -9px 10px; padding: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; line-height: 19px;}
				.aankeilerSubTitleContainer .aankeilerSubTitle a {color: #333; text-decoration: none;}
			img.banner {margin: 20px 0 0 0;}
			.mcPostContainer {margin: 20px 0 0 0; padding: 0; position: relative;}
				.mcPostHeader {margin: 0; padding: 0; width: 195px; height: 58px; background: url(../images/mcPost.png) no-repeat;}
				.mcPostContent {margin: 0; padding: 0 10px; width: 175px; background: #888;}
					.mcPostContent p {margin: 0; padding: 0	;}
						#mcPostForm {margin: 0; padding: 0;}
							p.mcPostText {padding: 6px 0 10px 0; color: #fff; text-align: center;}
							p.mcPostSubText {padding: 0; color: #fff;}
							#mcPostForm .formRow {margin: 0px 0; padding: 4px 0; color: #fff;}
							.mcPostInput {border: 1px solid #222; padding: 3px; width: 167px; font-family: arial; font-size: 12px; color: #222;}
							.mcPostChecker {border: 0; padding: 0;}
							p.hitMeP {margin: 12px 0 0 44px; padding: 0;}
							a.hitMe {margin: 0; padding: 8px 0; display: block; width: 80px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: #000; text-transform: uppercase; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
				.mcPostFooter {margin: 0; padding: 0; width: 195px; height: 15px; background: url(../images/mcPostFooter.png) no-repeat;}			
	.rightColumn {margin: 0 0 0 235px; padding: 0 0 20px 0; width: 765px;}
		.about {margin: 0; padding: 56px 20px 14px 20px; width: 725px; background: #666; color: #EEE; text-align: justify;}
			.about a {text-decoration: underline; font-weight: bold; color: #EEE; border-bottom: 1px solid #EEE; font-style: italic;}
			.about a:hover {color: #d00; border-bottom: 1px solid #d00;}
			.about strong {font-style: italic; font-weight: bold;}
		.newsIntro {margin: 0; padding: 27px 0 0 0; background: url(../images/betweenNews.png) no-repeat center top;}
		.newsIntro.first {margin: 0; padding: 28px 0 0 0; background: url(../images/bgAbout.png) no-repeat center top;}
			.newsIntroContainer {margin: 0; padding: 9px 20px 10px 20px; background: #FFF; overflow: auto;}
				.newsIntroContent {margin: 0; border: 0; padding: 0 320px 0 0; text-align: justify;}
				.newsIntroContent a {color: #D00; text-decoration: none; font-weight: bold;}
				.newsIntroContent a:hover {color: #222;}
				.newsIntroContainer .newsImage {float: right;}
		.moreNews {display:none; margin: 0; padding: 0; width: 765px; height: 112px; background: url(../images/moreNews.png) no-repeat; text-align: center;}
			.moreNews a {margin: 0 auto; padding: 0; display: block; width: 378px; height: 112px;}
			
	/* cast & crew */
	.titlePage {margin: 0; padding: 56px 0 0 20px; width: 745px; background: url(../images/bgTitlePage.jpg) no-repeat center bottom #666;)}
		.crewListSmall {margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; width: 725px;}
			.crewListSmall li {margin: 0 0 12px 7px; padding: 0; float: left;}
			.crewListSmall li:first-child {margin-left: 0;}
		.tabs {margin: -10px 0 0 0; padding: 0; list-style-type: none; text-transform: uppercase; overflow: auto; font-size: 11px;}
			.tabs li {margin: 0 1px 10px 1px; padding: 3px 11px 5px 12px; float: left; background: #222; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;}
			.tabs li.first {margin-left: 0px;}
			.tabs li.active {margin-bottom: 0px; height: 28px; background: #FFF;}
				.tabs li.active a {color: #D00; text-decoration: none;}
				.tabs li a {color: #aaa; text-decoration: none;}
				.tabs li a:hover {color: #D00; text-decoration: none;}
				
	.contentPageContainer {margin: 0; padding: 0 0 10px 0; width: 765px; background: url(../images/contentPageBottom.png) no-repeat center bottom;}
		.contentPage {margin: 0; padding: 0px 15px 5px 10px; background: #FFF; overflow: auto;}
			.defaultPage {margin: 6px 5px 5px 10px; padding: 0; text-align: justify;}
				.defaultPage table {margin: 0; padding: 0;}
				.defaultPage table tr td   {margin: 0; padding: 16px 0 20px 0; width: 250px; border-top: 2px solid #999999; vertical-align: top;}
				.defaultPage table tr td  img  {margin: 4px 0 0 0;	}
				.defaultPage table tr td + td  {padding: 16px 0 20px 0; width: 475px;}
				.defaultPage table tr:first-child td {padding-top: 0px; border: 0px solid black;}
				.defaultPage h3 {margin: 0; padding: 0;}
				.defaultPage table tr:last-child td {padding-bottom: 0px;}
				

				.scheduleContainer {margin: 0; padding: 4px 0 0 0;}
					.schedule {margin: 0 0 20px 0; padding: 0; background: #eee; font-size: 11px; }
						.scheduleHeader {margin: 0; padding: 0; height: 29px; background-color: #666; position: relative; }
							.scheduleDateContainer {cursor:pointer; margin: 0; padding: 0; width: 180px; height: 29px; background: #d00; display: block; position: absolute; top: 0px; left: 0px; border-right: solid 1px #eee;}
								.toggle { margin: 0; padding: 0; width: 9px; height: 7px; position: absolute; top: 12px; left: 10px; background: url(../images/toggleSprite.png) no-repeat scroll transparent}
								.toggle.toggleUp { background-position: 0 0px;}
								.toggle.toggleDown { background-position: 0 -7px;}
								.scheduleDate {line-height: 0px; text-transform: uppercase; color: #FFF; position: absolute; top: 9px; left: 26px;}
							.scheduleText {line-height: 0px; text-transform: uppercase; color: #FFF; position: absolute; top: 9px; left: 195px;}
							.toggleContainer {margin: 0; padding: 0;}
								.scheduleDay {margin: 0; padding: 0; border-left: 1px solid #222; border-right: 1px solid #222; border-bottom: 1px solid #222;}
									.scheduleDayHeader {margin: 0; padding: 0; height: 60px; position: relative; border-bottom: 1px solid #222;}
										.scheduleDayDate {margin: 0; padding: 0; color: #D00; position: absolute; top: 24px; left: 10px;text-transform: uppercase; }
										.contentPage a.scheduleTop {position: absolute; top: 24px; right: 10px; color: #888; text-decoration: none; text-transform: uppercase;}
									.scheduleDayContent {margin: 0; padding: 0; background: #FFF;}
			.crewList {margin: 0; padding: 0; list-style-type: none;}
				.crewList li {margin: 10px 5px 10px 10px; padding: 0; width: 133px; height: 170px; float: left; position: relative;}
								.crewList li a {text-decoration: none;}

					.crewList img {position: absolute; z-index: 50;}
					.crewList .overlayCrew {margin: 0; padding: 0; width: 133px; height: 175px; position: absolute; z-index: 60; background: #d00; opacity: 0.80; filter: alpha(opacity=80);}
					.crewList .overlayText {margin: 0; border: 0; padding: 10px; width: 113px; height: 155px; position: absolute; z-index: 70; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #EEE; overflow: hidden;}
		/*	.crewPage {margin: 0; padding: 0px 5px 5px 10px;}
				.crewPage .crewImage {margin: 10px 0 0 0; padding: 0; float: left;}
					.crewContent {margin: 0 0 0 250px; padding: 10px 0 0 0; text-align: justify;}
						.crewContent p {margin: 0 0 20px 0;}
		*/
			.contentPage a {color: #D00; font-weight: bold; text-decoration: underline;}
			.contentPage a:hover {color: #222;}
			
	/* jquery tooltip mouseover crewMember */
	
	#tooltip { position: absolute; z-index: 3000; background-color: #D00; text-transform: uppercase; padding: 8px 10px;}
	#tooltip h3, #tooltip div { margin: 0; padding: 0; font-size: 13px; color: #EEE; font-weight: bold; display: inline;}