/* -------------------------------------------------------------------- */
/* style sheets für www.umbruch.tv, 2009								*/
/* realisation and author: michael schulze, www.ju-mi.com  				*/
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	
	body, html {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
	}
	
	

/* -------------------------------------------------------------------- */		
/* Schriftklassen */
	
	body {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		font-weight: normal; 
		line-height: 18px;
		color: #191919;
		background-color: #dcd8d7;
	}
	
	
	/* allgemeine Linkdarstellung */
		a 			{ color: #3c3c3c; }
		a:hover 	{ color: #ff3200; }
		
		
	/* allgemeine Betonungen */
		h1 {
			font-size: 21px;
			line-height: 23px;
			font-weight: normal;
			font-style: normal;
			color: #191919;
			margin: 0px 0px 18px 0px;
			padding: 0px;
		}
		
		.bottomhead {
			margin: 0px;
		}
		
	
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* Navigation ----------------------------------------------------- */
		
		.kopfleiste { 
			background: #787878 url(../umb_bilder/umb_main_navback1_hell.png) repeat-y;
			height: 117px; 
		}
		
		.kopfleiste2 { 
			background: #787878 url(../umb_bilder/umb_main_navback2_hell.jpg) repeat-y;
			height: 18px;
		}
		
		.kopfleiste3 { 
			height: 27px;
			line-height: 27px;
			padding-left: 776px;
		}
		
		#logo {
			position: absolute;
			top: 86px;
			left: 96px;
			border: none;
		}
		
		/* Hauptnav */
			.hnavcontainer {
				width: 1008px;
				font-size: 12px;
				line-height: 18px;
			}
			
			.hnav	{ 
				display: block;
				float: right;
				width: 71px;
				padding-left: 8px;
				border-left: solid 1px #525252;
				color: #ffffff; 
				text-decoration: none; 
			}
			.navsel 	{ color: #ff3200; }
			
		/* Nur Work: Seitennav */
			.pagenav {
				display: block;
				float: left;
				width: 15px;
				text-decoration: none;
			}
			
			.pageNav2 {
				position: fixed;
				right: 0px;
				margin-top: 20%;
				height: 25px;
			}
			
			#prevPage, #nextPage {
				display: block;
				float: left;
				width: 25px;
				height: 25px;
				text-decoration: none;
				margin-right: 6px;
				background: url(../umb_bilder/umb_work_prevpage.png) no-repeat 12px 7px;
			}
			
			#prevPage:hover { background: url(../umb_bilder/umb_work_prevpage_a.png) no-repeat 12px 7px; }
			#nextPage 		{ background: url(../umb_bilder/umb_work_nextpage.png) no-repeat 0px 7px; }
			#nextPage:hover { background: url(../umb_bilder/umb_work_nextpage_a.png) no-repeat 0px 7px; }
		
	/* Inhaltsbereich -------------------------------------------------- */
		
		.content {
			width: 912px;
			margin: 0px 0px 3px 96px;
		}
		
		/* Zoomliste */
			.entry {
				width: 886px;
				padding: 0px 0px 18px 0px;
				clear: both;
			}
			
			.entrybild {
				float: left;
				width: 208px;
				height: 117px;
				margin-right: 16px;
			}
			
			.stills { vertical-align: top; }
			
			.entrystills {
				height: 63px;
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				display: none;
			}
			
			.stillimg {
				display: block;
				float: left;
				margin-right: 16px;
				border: none;
			}
			
			.text 	{ vertical-align: bottom; }
			
			.entrytext {
				margin-bottom: 18px;
				width: 368px;
				padding-right: 16px;
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				display: none;
			}
			
			.firstElem {
				opacity: 100;
				-moz-opacity: 100;
				-khtml-opacity: 100;
				filter: alpha(opacity=100);
				display: block;
			}
			
			.gross {
				width: 512px;
				height: 288px;
			}
			
		/* Spalten */
			.spalte1 {
				width: 512px;
			}
			
		p {
			margin: 0px 0px 18px 0px;
			padding: 0px;
		}
		
		.clearer {
			clear: both;
		}
		
		
		
	/* Fusszeile ------------------------------------------------------- */
		
		.footer {
			position: fixed;
			bottom: 0px;
			width: 100%;
			padding-left: 96px;
			height: 18px;
			background: #787878 url(../umb_bilder/umb_main_navback1_hell.jpg) repeat-y;
			font-size: 10px;
			line-height: 18px;
			color: #ff3200;
		}
		
		.footlink { 
			color: #ebebeb; 
			text-decoration: none;
		}
		
					
	/* seitenspezifische Objekte --------------------------------------- */
		
		/* News / Work */
			.fade {
				position: absolute;
				width: 208px;
				height: 117px;
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				background: #e9e7e8;
			}
			
			.zoombild {
				position: absolute;
			}
			
			.workvideo {
				position: absolute;
				display: none;
			}
			
			#video1 {
				display: block;
			}
			
		/* About */
			.logofeld {
				width: 112px;
				height: 63px;
				float: left;
				margin: 18px 16px 0px 0px;
				background-image: url(../umb_bilder/umb_about_logoback_hell.jpg);
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
			.logofeld img {
				display: block;
				border: none;
			}
			
			.col1 { background-position: left top;}
			.col2 { background-position: -128px top; }
			.col3 { background-position: -256px top; }
			.col4 { background-position: -384px top; }
			.col5 { background-position: -512px top; }
			.col6 { background-position: -640px top; }
			.col7 { background-position: -768px top; margin-right: 0px; }
			
		/* Contact */
			.karte {
				width: 100%;
				background: #777777;
				margin-bottom: 18px;
			}
			
			.karte img {
				display: block;
				border: none;
			}
			
			.contactlinks {
				display: block;
				float: right;
			}