/* Längengrad Stylesheet 					*/
/* (c) Christian Pütz - Webdevelopment		*/

/* Allgemeines */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}



#page {
	display: block;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 23px 0 23px;
	background-color: #282727;
	min-height: 900px;
	clear: both;
	background: url('/grafik/page_back.gif') repeat-y;
}

.clr {
	display: block;
	height: 1px;
	clear: both;
}

/* Header */
#header {
	display: block;
	/*height: 120px;*/
	background-color: #000;
}

#logo {
	display: block;
	height: 84px;
	background-color: #fff;
	position: relative;
}

#logo a {
	display: block;
	text-indent: -40000px;
	background: url('/grafik/header/logo.gif') no-repeat;
	position: absolute;
	width: 158px;
	height: 41px;
	top: 19px;
	left: 715px;
}

#hauptnav {
	display: block;
	background: url('/grafik/header/navback.jpg') no-repeat;
	height: 27px;
	overflow: hidden;
	padding-left: 211px;
}

#hauptnav a {
	display: block;
	height: 27px;
	text-indent: -40000px;
	float: left;
}

#hauptnav #nav_ueberblick { width: 106px; background: url('/grafik/header/nav/ueberblick_lo.jpg') no-repeat; }
#hauptnav #nav_produktionen { width: 131px; background: url('/grafik/header/nav/produktionen_lo.jpg') no-repeat; }
#hauptnav #nav_ueberuns { width: 98px; background: url('/grafik/header/nav/ueberuns_lo.jpg') no-repeat; }
#hauptnav #nav_kontakt { width: 89px; background: url('/grafik/header/nav/kontakt_lo.jpg') no-repeat; }
#hauptnav #nav_service { width: 86px; background: url('/grafik/header/nav/service_lo.jpg') no-repeat; }

#hauptnav #nav_ueberblick:hover { background: url('/grafik/header/nav/ueberblick_hi.jpg') no-repeat; }
#hauptnav #nav_produktionen:hover { background: url('/grafik/header/nav/produktionen_hi.jpg') no-repeat; }
#hauptnav #nav_ueberuns:hover { background: url('/grafik/header/nav/ueberuns_hi.jpg') no-repeat; }
#hauptnav #nav_kontakt:hover { background: url('/grafik/header/nav/kontakt_hi.jpg') no-repeat; }
#hauptnav #nav_service:hover { background: url('/grafik/header/nav/service_hi.jpg') no-repeat; }

#hauptnav #nav_ueberblick.on { background: url('/grafik/header/nav/ueberblick_on.jpg') no-repeat; }
#hauptnav #nav_produktionen.on { background: url('/grafik/header/nav/produktionen_on.jpg') no-repeat; }
#hauptnav #nav_ueberuns.on { background: url('/grafik/header/nav/ueberuns_on.jpg') no-repeat; }
#hauptnav #nav_kontakt.on { background: url('/grafik/header/nav/kontakt_on.jpg') no-repeat; }
#hauptnav #nav_service.on { background: url('/grafik/header/nav/service_on.jpg') no-repeat; }


/* Subnav */
#header.mitsubnav {
	height: 128px;
}

#subnav {
	display: block;	
	height: 17px;
	overflow: hidden;
	padding-left: 228px;
	background-color: #000;
}

#subnav a {
	display: block;
	height: 17px;
	text-indent: -40000px;
	float: left;
	margin-right: 28px;
}


	/* Produktionen - MouseOvers und On Zustaende fehlen noch! */ 
#subnav #subnav_dokumentationen { width: 122px; background: url('/grafik/subnav/produktionen/dokumentationen_lo.gif') no-repeat; }
#subnav #subnav_imagefilme { width: 79px; background: url('/grafik/subnav/produktionen/imagefilme_lo.gif') no-repeat; }
#subnav #subnav_magazinbeitraege { width: 119px; background: url('/grafik/subnav/produktionen/magazinbeitraege_lo.gif') no-repeat; }
#subnav #subnav_ausblick { width: 63px; background: url('/grafik/subnav/produktionen/ausblick_lo.gif') no-repeat; }


#subnav #subnav_dokumentationen.on, #subnav #subnav_dokumentationen:hover { background: url('/grafik/subnav/produktionen/dokumentationen_on.gif') no-repeat; }
#subnav #subnav_imagefilme.on, #subnav #subnav_imagefilme:hover { background: url('/grafik/subnav/produktionen/imagefilme_on.gif') no-repeat; }
#subnav #subnav_magazinbeitraege.on, #subnav #subnav_magazinbeitraege:hover { background: url('/grafik/subnav/produktionen/magazinbeitraege_on.gif') no-repeat; }
#subnav #subnav_ausblick.on, #subnav #subnav_ausblick:hover { background: url('/grafik/subnav/produktionen/ausblick_on.gif') no-repeat; }

/* Footer */
#footer {
	display: block;
	margin: 80px 0 0 230px;
	padding: 0 0 100px 0;
	clear: both;
	width: 490px;
}

#footer span, #footer a {
	font: 10px verdana,arial,sans;
}

#footer #footer_top {
	display: block;
	position: relative;
	background: url('/grafik/footertop_bg.gif') no-repeat;
	height: 17px;
	padding: 4px 0 0 0;
}

#footer #footer_top #footertext {
	text-transform: uppercase;
	color: #669933;	
	text-decoration: none;
}

#footer #footer_top #footertext:hover {
	color: #ffffff;	
}

#footer #footer_top #english {
	position: absolute;
	top: 4px;
	right: 0px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
}

#footer #footer_top #english:hover {
	color: #999966;
}

#footer #copyright {
	color: #999;
	display: block;
	margin: 8px 0 2px 0;
}

#footer #design,
#footer #progammierung {
	display: block;
	color: #666;
}

#footer #design a,
#footer #progammierung a {
	color: #666;
	text-decoration: none;
}

#footer #design a:hover,
#footer #progammierung a:hover {
	color: #999966;
}




/* Contentbereich */


	/* Layout */
#content #spalte_links {
	display: block;
	float: left;
	min-height: 200px;
	width: 199px;
	margin: 0 18px 0 11px;
	padding: 70px 0 20px 0;
}

#content #spalte_mitte {
	display: block;
	width: 493px;
	float: left;
	min-height: 200px;
	margin: 0 19px 0 0;
	padding: 20px 0 20px 0;
}

#content #spalte_rechts {
	display: block;
	width: 206px;
	float: left;
	min-height: 200px;
	padding: 70px 0 20px 0;
}

#content.home #spalte_links {
	padding: 20px 0 20px 0;
}

#content.home #spalte_rechts {
	padding: 20px 0 20px 0;
}

	/* Formate */

#spalte_mitte h1 {
	display: block;
	margin: 0 0 22px 0;
	padding: 0 0 10px 0;
	font: 19px verdana,arial,sans;
	color: #fff;
	background: url('/grafik/headline_bottom.gif') no-repeat bottom;
}

#spalte_mitte h1 .subline {
	font: 16px verdana,arial,sans;
	color: #999999;
}

#spalte_mitte h2 {
	display: block;
	margin: 20px 0 0px 0;
	padding: 0 0 10px 0;
	font: 16px verdana,arial,sans;
	color: #fff;
} 

#spalte_mitte .flashvideo {
	margin: 0 0 17px 0;
}

#spalte_mitte span.fliesstext {
	display: block;
	font: 12px verdana,arial,sans;
	line-height: 18px;
	/*color: #ccc;*/
	color: #ccc;
}

#spalte_mitte span.fliesstext a {
	color: #669933;
	text-decoration: none;
}

#spalte_mitte span.fliesstext a:hover {
	color: #ffffff;
	/*text-decoration: underline;*/
}

#spalte_mitte span.filmtext {
	color: #ccc;
}

#spalte_mitte .lines {
	border: 0px;
	display: block;
	height: 10px;
	background: url('/grafik/dottedline_content.jpg') no-repeat 0px 5px;
	margin: 5px 0 5px 0;
	
}

#spalte_mitte .infokasten {
	display: block;	
	font: 11px verdana,arial,sans;
	color: #ccc;
	margin: 8px 0 0 0;
	padding: 9px 0 0 0;
}

#spalte_mitte .infokasten ul {
	padding-left: 16px;
	margin-top: 4px;
}

#spalte_mitte .linkblock {
	margin-bottom: 10px;
}

#spalte_links .navblock {
	margin: 0 0 35px 0;
}

#spalte_links h2 {
	display: block;
	margin: 7px 0 0px 0px;
	padding: 0 0 10px 0;
	font: 14px verdana,arial,sans;
	color: #fff;
	background: url('/grafik/leftnav_lo.gif') no-repeat 0px bottom;
	padding-left: 7px;
}

#spalte_links a {
	display: block;
	font: 12px verdana,arial,sans;
	color: #66cc33;
	text-decoration: none;
	background: url('/grafik/leftnav_lo.gif') no-repeat 0px bottom;
	xmin-height: 20px;
	padding: 1px 0 5px 7px;
	margin-top: 2px;
}

#spalte_links a.on {
	background: url('/grafik/leftnav_on.gif') no-repeat 0px bottom;
	color: #ccc;
}

#spalte_links a:hover {
	background: url('/grafik/leftnav_on.gif') no-repeat 0px bottom;
}


#spalte_rechts .block {
	margin: 0 0 35px 0;
}

#spalte_rechts h2 {
	display: block;
	margin: 7px 0 18px 0;
	padding: 0 0 10px 0;
	font: 13px verdana,arial,sans;
	color: #fff;
	background: url('/grafik/sr_headline_bottom.gif') no-repeat 0px bottom;
	padding-left: 2px;
}

#spalte_rechts h3 {
	display: block;
	margin: 0px 0 4px 0;
	padding: 0 0 0px 2px;
	font: 12px verdana,arial,sans;
	color: #999966;
}

#spalte_rechts span.fliesstext {
	display: block;
	margin: 0;
	padding: 0 0 0 2px;
	font: 11px verdana,arial,sans;
	color: #ccc;
	line-height: 15px;
}

#spalte_rechts span.fliesstext a {
	font: 11px verdana,arial,sans;
	color: #669933;
	text-decoration: none;
	line-height: 15px;	
}

#spalte_rechts span.fliesstext a:hover {
	color: #ffffff;
}



/* jQuery Coverflip */

.ui-jcoverflip {
	position: relative;
}

.ui-jcoverflip--item {
	position: absolute;
	display: block;
}

#coverflip_wrapper {
	display: block;
	height: 320px;
	width: 960px;
	overflow: hidden;
	background: #000000 url('/grafik/coverflip/background.jpg') repeat-x;
	/*padding: 0 10px 0 10px;*/
	position: relative;
	padding: 0;
	margin: 0;
}

#coverflow_startseite {
	height: 200px;
	width: 960px;
	margin-bottom: 50px;
	padding: 0;
	margin: 0 0 50px 0;
}


#coverflow_startseite .ui-jcoverflip--title {
	position: absolute;
	bottom: -40px;
	width: 100%;
	text-align: center;
	color: #555;
}

#coverflow_startseite img {
	display: block;
	border: 0;
	outline: none;
}

#coverflow_startseite a {
	outline: none;
}



.ui-jcoverflip--item {
	cursor: pointer;
}

#coverflip_wrapper .ui-corner-all {
	border-radius: 0;	
}

#coverflip_wrapper #scrollbar_container {
	position: absolute;
	bottom: 20px;
	left: 190px; 
	width: 500px;
	padding: 0 54px 0 18px;
	border: 1px solid #444;
}

#coverflip_wrapper #scrollbar {
	width: 500px;
	background-color: transparent;
	border: none;
	height: 18px;
}

#coverflip_wrapper #scrollbar .ui-slider-handle {
	display: block;
	width: 72px;
	height: 18px;
	background: url('/grafik/coverflip/slider_handle.gif') no-repeat;
	border: none;
	top: 0;
	margin-left: -18px;
}

#coverflip_wrapper .title {
	color: #CCCCCC;
	font: 12px verdana,arial,sans;
}

#coverflip_wrapper .title .videotype {
	font: 14px verdana,arial,sans;
	color: #999966;
	display: block;
}

/* Weihnachtskarte */

#page.karte #hauptnav a,
#page.karte #flashcontainer,
#page.karte #spalte_links,
#page.karte #spalte_mitte,
#page.karte #spalte_rechts  {
	display: none;	
}