* {
  margin:0; padding:0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height:14px; 
  color:#000;
  background:#fff url(../images/bg_raster.gif) top left; 
}

#main_wrapper {
  position:relative;
  background:#fff;
  width:914px;
  padding:27px 20px 14px 61px;
  margin-top:40px;
}

#header {
  position:absolute;
  z-index:2;
  top:27px;
  left:61px;
  width:946px;
}

#meta_nav {
  position:absolute;
  z-index:10;
  top:39px;
  left:407px;
  width:568px;  
  text-align:right;
}

#logo {
  position:absolute;
  z-index: 99999;
  top:82px;
  right:20px;
}

#sub_nav {
  position:absolute;
  top:161px; /* ? */
  right:20px;
  width:750px;
  text-align:right;
  color:#9a9a9a;
}

#content_wrapper {
  margin:153px 0 0 0;
  width:914px;
}

/* gleiche gesamthoehe der navi wie bei trurnit und zeit und bild */
#main_nav {
  float:left;
  width:107px;
	height:310px;
  padding-bottom:110px;
  background:url(../images/farbbalken.gif) bottom no-repeat;
	position:relative;
}

#content {
  float:right;
  width:750px;
  text-align:left;
}

#stage {
  width:750px;
  height:421px;
  background:#c9c9c9;
}

#content_sub {
  float:right;
  width:635px;
  margin:32px 115px 0 0;
  position:relative;
}

#content_ref {
  float:right;
  width:696px;
	margin:32px 54px 0 0;
  position:relative;
}

.content_energiefilme {
	left:-29px;
}

#stage_sub {
  margin-bottom:19px;
}

#stage_online, .flash_stage {
  width:635px;  
  margin-bottom:19px;
}

#stage_filme {
	position:relative;
	left:29px;
	width:638px;
	padding-top:226px;
}

/*#stage_filme #expanderModule {
	position:absolute;
	top:216px;
	left:0;
	z-index:20;
}*/


#page_nav {
  position:absolute;
  bottom:12px;
  right:-115px;
  z-index:10;
	text-align:right;
}

#footer {
  margin:52px 0 0 0;
  position:relative;
  text-align:right;
}

#footer_sub {
  margin:40px 0 0 0;
  position:relative;
  text-align:right;
}

#copyright {
  position:absolute;
  top:0;
  left:0;
  text-transform:uppercase;
}


/* =Navigation --------------------------------------------------------------------*/ 


#meta_nav ul {
  list-style-type:none;
}

#meta_nav li {
  display:inline;
  text-transform:uppercase;
}

#meta_nav a {
  color:#000;
  text-decoration:none;
}



#user_nav {
  list-style-type:none;
}

#user_nav li {
  display:inline;
  text-transform:uppercase;
}

#user_nav a {
  color:#000;
  text-decoration:none;
}


#sub_nav ul {
  list-style-type:none;
}

#sub_nav li {
  display:inline;
  text-transform:uppercase;
}

#sub_nav a {
  color:#9a9a9a;
  text-decoration:none;
}




#main_nav ul {
  list-style-type:none;
}

#main_nav > ul {
	position:absolute;
	left:0;
	bottom:110px;
}

#main_nav li {
  position:relative;
  height:18px;
  margin:8px 0 0 0;
  text-transform:uppercase;
}

/* links mit hintergrundbild */
.main_nav {
  height:18px;
  width:107px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}

#main_filme {
  background:#fff url(../images/navigation/filme_a.gif) top left no-repeat;
}

#main_filme:hover {
  background:#fff url(../images/navigation/filme_b.gif) top left no-repeat;
}

#main_kunden {
  background:#fff url(../images/navigation/kunden_a.gif) top left no-repeat;
}

#main_kunden:hover, #main_kunden_ak, #main_kunden_ak:hover {
  background:#fff url(../images/navigation/kunden_b.gif) top left no-repeat;
}

#main_profil {
  background:#fff url(../images/navigation/profil_a.gif) top left no-repeat;
}

#main_profil:hover, #main_profil_ak, #main_profil_ak:hover {
  background:#fff url(../images/navigation/profil_b.gif) top left no-repeat;
}

#main_team {
  background:#fff url(../images/navigation/team_a.gif) top left no-repeat;
}

#main_team:hover, #main_team_ak, #main_team_ak:hover {
  background:#fff url(../images/navigation/team_b.gif) top left no-repeat;
}

#main_kontakt {
  background:#fff url(../images/navigation/kontakt_a.gif) top left no-repeat;
}

#main_kontakt:hover, #main_kontakt_ak, #main_kontakt_ak:hover {
  background:#fff url(../images/navigation/kontakt_b.gif) top left no-repeat;
}

/* =Filme Sliding Tree Navigation -------------------------------------------------*/

/* aktiver film-link mit hintergrundbild */
#main_filme_ak, #main_filme_ak:hover {
  background:#fff url(../images/navigation/2_ebene/filme_b.gif) top left no-repeat;
	height:27px;
}

/* hoehe des navipunktes filme samt subnavi */
.main_nav_sub_filme {
  /*height:174px !important;*/
	height:111px !important;
}

/* hoehe des navipunktes filme ohne subnavi, line-height: 14px */
.film_text_link {
	margin-bottom:13px;
	display:block;
}

#main_nav > ul > li > ul > li {
  height:18px;
	margin-top:3px;
	/*margin-top:4px;*/
}

/* links mit hintergrundbild */
.main_nav_sub {
  height:22px;
  width:107px;
	background-color:#fff;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}



#main_energiefilme {
  background:#fff url(../images/navigation/2_ebene/energiefilme_a.gif) top left no-repeat;
}

#main_energiefilme:hover, #main_energiefilme_ak, #main_energiefilme_ak:hover {
  background:#fff url(../images/navigation/2_ebene/energiefilme_b.gif) top left no-repeat;
}

#main_corporate_film {
  background:#fff url(../images/navigation/2_ebene/corporate_film_a.gif) top left no-repeat;
}

#main_corporate_film:hover, #main_corporate_film_ak, #main_corporate_film_ak:hover {
  background:#fff url(../images/navigation/2_ebene/corporate_film_b.gif) top left no-repeat;
}

#main_werbung {
  background:#fff url(../images/navigation/2_ebene/werbung_a.gif) top left no-repeat;
}

#main_werbung:hover, #main_werbung_ak, #main_werbung_ak:hover {
  background:#fff url(../images/navigation/2_ebene/werbung_b.gif) top left no-repeat;
}

#main_dokumentation {
  background:#fff url(../images/navigation/2_ebene/dokumentation_a.gif) top left no-repeat;
}

#main_dokumentation:hover, #main_dokumentation_ak, #main_dokumentation_ak:hover {
  background:#fff url(../images/navigation/2_ebene/dokumentation_b.gif) top left no-repeat;
}

#main_interviews {
  background:#fff url(../images/navigation/2_ebene/interviews_a.gif) top left no-repeat;
}

#main_interviews:hover, #main_interviews_ak, #main_interviews_ak:hover {
  background:#fff url(../images/navigation/2_ebene/interviews_b.gif) top left no-repeat;
}

#main_animation {
  background:#fff url(../images/navigation/2_ebene/animation_a.gif) top left no-repeat;
}

#main_animation:hover, #main_animation_ak, #main_animation_ak:hover {
  background:#fff url(../images/navigation/2_ebene/animation_b.gif) top left no-repeat;
}

#main_radiospot {
  background:#fff url(../images/navigation/2_ebene/radiospot_a.gif) top left no-repeat;
}

#main_radiospot:hover, #main_radiospot_ak, #main_radiospot_ak:hover {
  background:#fff url(../images/navigation/2_ebene/radiospot_b.gif) top left no-repeat;
}



/* =Highlights --------------------------------------------------------------------*/

/* pink */
.hl_werbung a, .hl_profil a {
  color:#9d1b70;
}

/* blue */
.hl_jobs a, .hl_suche a, .hl_jobs .highlight, .hl_suche .highlight, #meta_nav a.jobs:hover, #meta_nav a.jobs_ak, #meta_nav a.jobs_ak:hover, #sub_nav a.leistungen:hover, #sub_nav a.leistungen_ak, #sub_nav a.leistungen_ak:hover, .hl_suche a:hover, .suche_ak {
  color:#00a7e7;
}
.hl_suche h1 a,
.hl_suche h2 a {
  color: #6C6C6C;
}
.hl_suche h2 a {
  text-decoration: none !important;
}
.hl_jobs #page_nav a.page:hover {
  text-decoration:none;
  color:#00a7e7;
}


h1 a.click {
  color:#6c6c6c; 
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat right 4px;
  padding-right:15px;
  text-decoration:none;
}

h1 a.click:hover {
  background:url(../images/controls/news_klickpfeil_blau.gif) no-repeat right 4px;
  text-decoration:none;
}

.hl_jobs .mehr {
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat 0 4px;
  text-decoration:none;
}

.hl_jobs .mehr:hover {
  background:url(../images/controls/news_klickpfeil_blau.gif) no-repeat 0 4px;
  text-decoration:none;
}

/* green */
.hl_kunden a, .hl_kunden #jcarousel_ctrl .jcarousel-list li a:hover, .hl_kunden #jcarousel_ctrl .jcarousel-item a:hover, .hl_kunden #jcarousel_ctrl .jcarousel-list li a.ak, .hl_kunden #jcarousel_ctrl .jcarousel-item a.ak, .hl_termine a, .hl_english a, .hl_kunden .highlight, .hl_termine .highlight, .hl_english .highlight, #meta_nav a.termine:hover, #meta_nav a.termine_ak, #meta_nav a.termine_ak:hover, #meta_nav a.english:hover, #meta_nav a.english_ak, #meta_nav a.english_ak:hover, #sub_nav a.orte:hover, #sub_nav a.orte_ak, #sub_nav a.orte_ak:hover { 
  color:#afca05;
}

.hl_termine #page_nav a.page:hover {
  text-decoration:none;
  color:#afca05;
}

.hl_termine h1 a.click, .hl_kunden h1 a.click {
  color:#6c6c6c; 
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat right 4px;
  padding-right:15px;
  text-decoration:none;
}

.hl_termine h1 a.click:hover, .hl_kunden h1 a.click:hover {
  background:url(../images/controls/news_klickpfeil_gruen.gif) no-repeat right 4px;
  text-decoration:none;
}

.hl_termine .mehr {
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat 0 4px;
  text-decoration:none;
}

.hl_termine .mehr:hover {
  background:url(../images/controls/news_klickpfeil_gruen.gif) no-repeat 0 4px;
  text-decoration:none;
}

.hl_referenzen #printFadeControls a:hover {
  text-decoration:none;
	color:#afca05;
}

.hl_referenzen #printFadeControls li.pagAk a {
	font-weight:bold;
	color:#afca05;
}




/* orange */
.hl_filme a, .hl_filme #jcarousel_ctrl .jcarousel-list li a.ak, .hl_filme #jcarousel_ctrl .jcarousel-item a.ak, .hl_filme #jcarousel_ctrl .jcarousel-list li a:hover,  .hl_kontakt a, .hl_news a, .hl_netzwerk a, .hl_filme .highlight, .hl_kontakt .highlight, .hl_news .highlight, .hl_netzwerk .highlight, #meta_nav a.news:hover, #meta_nav a.news_ak, #meta_nav a.news_ak:hover, #meta_nav a.netzwerk:hover, #meta_nav a.netzwerk_ak, #meta_nav a.netzwerk_ak:hover, #sub_nav a.firmen:hover, #sub_nav a.firmen_ak, #sub_nav a.firmen_ak:hover {
  color:#ef7c00;
}

.hl_news #page_nav a.page:hover {
  text-decoration:none;
  color:#ef7c00;
}

/* mehr-link bei news / orange */
.hl_news h1 a.click,
.hl_filme h1 a.click {
  color:#6c6c6c; 
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat right 4px;
  padding-right:15px;
  text-decoration:none;
}

.hl_news h1 a.click:hover, 
.hl_filme h1 a.click:hover {
  background:url(../images/controls/news_klickpfeil.gif) no-repeat right 4px;
  text-decoration:none;
}


.hl_news .mehr {
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat 0 4px;
  text-decoration:none;
}

.hl_news .mehr:hover {
  background:url(../images/controls/news_klickpfeil.gif) no-repeat 0 4px;
  text-decoration:none;
}

/* mehr-link bei kontakt / orange */
.hl_kontakt h1 a.click {
  color:#6c6c6c; 
  background:url(../images/controls/news_klickpfeil_grau.gif) no-repeat right 4px;
  padding-right:15px;
  text-decoration:none;
}

.hl_kontakt h1 a.click:hover {
	background:url(../images/controls/news_klickpfeil.gif) no-repeat right 4px;
  text-decoration:none;
}


/* =Links --------------------------------------------------------------------*/

a:focus{
  outline:0;
}
a img {
  border: 0;
}



/* nicht aktive page-links in der page_nav */
#page_nav .page {
  text-decoration:none;
  color:#6c6c6c;
}

/* automatische wahl der jeweiligen highlighting-farbe */
.page_ak {
  text-decoration:none;
	font-weight:bold;
}

#printFadeControls a {
  text-decoration:none;
	color:#6C6C6C;
}



/* =Headlines -----------------------------------------------------------------*/

h1, h2 {
  text-transform:uppercase;
  color:#6c6c6c;  
  font-weight:normal;
}
h1 {
	margin:0 0 13px 0;
  font-size:14px;
}

h2 {
	margin:0 0 8px 0;
  font-size:12px;
}


h6 {
  margin:0;
  font-size:10px;
}


/* =Content --------------------------------------------------------------------*/

p {
  padding-bottom:12px;
}

.teaser_box {
  padding:15px 0 0 0;
  overflow: hidden; 
}
.teaser_box_film {
  padding:8px 0 0 0;
  overflow: hidden; 
}
.teaser_box_film h1 {
  margin-bottom: 5px;
}
.content_box_film {
  padding-top: 10px !important;
  border-top: 1px solid #AEAEAE !important;
}

.teaser_box_filme {
  padding:8px 0 0 0;
  overflow: hidden;
	border-top: 1px solid #AEAEAE;
	margin-top: 10px;
}



.box_border_top {
	border-top:1px solid #aeaeae;
}

.box_border_bottom {
	border-bottom:1px solid #aeaeae;
}

.content_box {
	padding:13px 0 0 0;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
}

.content_box_ohne {
  padding:0 0 0 0;
}

.startbox_left {
	float:left; 
	width:270px;
	margin:19px 20px 0 0;
}

.startbox_right {
	float:left; 
	width:270px;
	margin:19px 0 0 0;
}


.content_box_filme {
	padding:0;
}

.full_box_height {
	height:374px;
}

.profil_height {
	height:172px;
}

.noimg_box {
  border-bottom:1px solid #aeaeae;
  padding:0;
}

.first_box {
  border-top:1px solid #aeaeae;
  padding-top:15px;
}

.news_box {
  padding-bottom:15px;
}

.ref_detail_box {
  padding:15px 0 0 0;
  border-bottom:1px solid #aeaeae;
}

.search_box {
  border-bottom:1px solid #aeaeae;
  padding-top:15px;
}

#doku_bg {
	width:616px;
	height:311px;
	background:url(../images/filme/dokumentationen.gif) top left no-repeat;
}

#showroom_bg {
	width:616px;
	height:311px;
	/*background:url(../images/filme/showroom.gif) top left no-repeat;*/
}

.doku_flash {
	position:relative;
	top:12px;
	left:92px;
}

.doku_flash_showroom {
	position:relative;
	top:12px;
	left:0px;
}

#interviews_bg {
	width:616px;
	height:311px;
	background:url(../images/filme/interviews.gif) top left no-repeat;
}

#animationen_bg {
	width:616px;
	height:311px;
	background:url(../images/filme/animationen_bg.gif) top left no-repeat;
}

.interviews_flash {
	position:relative;
	top:12px;
	left:92px;
}

.animationen_flash {
	position:relative;
	top:12px;
	left:92px;
}

#map_canvas {
	height:233px;
	width:631px;
}

/* =Images --------------------------------------------------------------------*/

img {
  border: 0;
}

.image_box {
  border-bottom:1px solid #aeaeae;
  overflow: hidden;
}


/* =Forms --------------------------------------------------------------------*/

.inptext {
  width:99px;
  height:15px;
  border:1px solid #c9c9c9;  
  font-size:11px;
}

.search_arrow {
  padding:2px 0 4px 6px;
  position:relative;
  top:3px;
}

/* news abo */

.lbl {
	float:left; 
	width:130px;
	margin-bottom:10px;
}

.radlbl, .radlbl_big {
	float:left;
	width:auto;
	padding-right:8px;
}

.inprad {
	float:left;
	margin-right:4px;
}

.inpnews {
	float:left; 
	width:200px;
	height:15px;
  border:1px solid #c9c9c9;  
  font-size:11px;
	
}

.newsabo_button {
	float:left;
	width:80px;
	margin-right:4px;
  border:1px solid #c9c9c9;
	height:15px;
	font-weight:bold;
	color:#6c6c6c;
	text-decoration:none;
	padding:2px 8px;  
}

.reset_button {
	margin-left:130px;
}

.button_arrow {
	margin-left:4px;
}




/* =Tools --------------------------------------------------------------------*/

.cleaner {
  border: none;
  clear: both;
  height: 0;
  font-size: 0;
  background: none;
  overflow: hidden;
}

.floatRight {
  float: right;
}

.floatLeft{
  float: left;
}

.clear {
  clear:both;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.justify {
  text-align: justify;
}

.noMarg {
  margin: 0;
}

.margBott {
}

.margTop {
}

.margRight {
}

.margLeft {
}

.noPad {
  padding: 0;
}

.padBottom11 {
	padding-bottom:11px;
}

.noBorder {
  border: none;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}
.searchResult {
  color: #00A7E7;
}

.lheight_contact {
	line-height:12px;
}

.lheight_disclaimer {
	line-height:18px;
}

.margBottomImprint {
	margin-bottom:7px;
}

.noPadBott {
	padding-bottom:0 !important;
}


#content_sub.dropbox {
	width: 720px;
	margin: 32px 30px 0 0;
}