/* http://meyerweb.com/eric/tools/css/reset/	v1.0 | 20080212 
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* remember to define focus styles!
--------------------------------------------------------------------------------------- */
:focus {
	outline: 0;
}


/* remember to highlight inserts somehow!
--------------------------------------------------------------------------------------- */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup
--------------------------------------------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Basisvorlage CSS
www.belland.de
Start: 17.09.2009
Letzte Aenderung: 17.09.2009
*/


/* Reset
--------------------------------------------------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  border: 0;
}


/* Globals 
--------------------------------------------------------------------------------------- */
html {	


}

body {
  background-image:url(/images/fe/bg.jpg);
  background-repeat:no-repeat;
  background-position:top;
}

body.material{background-image:url(/images/fe/material/bg.jpg);}
body.technology{background-image:url(/images/fe/technology/bg.jpg);}
body.invest{background-image:url(/images/fe/invest/bg.jpg);}


sup {
  vertical-align:super;
}

sub {
  vertical-align:sub;
}
strike {
  text-decoration: line-through;
}

a:link, a:hover, a:visited {
  text-decoration: none;
}

a:link, a:visited {
  color: #939393;
}

.material .hervorheben, .material a:hover {
  color: #a89907;
}

.invest .hervorheben, .invest a:hover {
  color: #272747;
}

.technology .hervorheben, .technology a:hover {
  color: #000;
}

input {
  color:#939393;
  font-size:10px;
  text-align:center;
  padding:1px;
}


/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
  outline: none;
}

.aktiverLink {
  text-decoration:none;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
  border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
  float: left;
  margin: 0 6px 6px 0;
}

.rechts {
  float: right;
  margin: 0 0 6px 6px;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Floats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
  margin: 0 auto;
  width: 990px;
}

#header {
background-repeat:no-repeat;
clear: both;
height:147px;
width:990px;
color:#fff;
font-size:11px;
font-weight:bold;
}

#header.material{background-image:url(/images/fe/material/head_navigation_bg.png)}
#header.technology{background-image:url(/images/fe/technology/head_navigation_bg.png)}
#header.invest{background-image:url(/images/fe/invest/head_navigation_bg.png)}

#header a{
  color:#fff;
}

#header a:visited{
  color:#fff;
}

#header a:hover{

}

#logo {
  margin: 40px 0 0 44px;
  float:left;
}

#header h1 {
  float:left;
}


/* Navigation
--------------------------------------------------------------------------------------- */
#language_switch {
  display:inline;
  margin:12px 40px 0 0;
  float:right;
}
#language_switch a {
  margin-left: 4px;
}

#navigation sup, #head_navigation sup{
  vertical-align: text-top;
}


#head_navigation {
  display:inline;
  margin:58px 40px 0 0 !important;
  list-style-type:none;
  float:right;
  clear:right;
}

#head_navigation a {
  font-size: 110%;
}

#head_navigation li {
  margin: 0;
  float:left;
}

#head_navigation li ul {
  clear: both;
  float: left;
}

#head_navigation li a {
  padding: 2px 4px 4px 4px;
  height: 9px;
}
#head_navigation li li.first a {
  height: 15px;
  padding-top: 12px;
}
#head_navigation li li {
  margin-left: 0;
}
#head_navigation li li a {
  height: 13px;
  padding: 6px 4px;
  width: 192px;
  border-top: 1px solid #dddddd;
  background-color: #fff;
}

#head_navigation a.level1 {
  border-left: 1px;
  border-style: solid;
  border-color: #ddd;
}
#head_navigation .first a.level1 {
  border-left: 0;
}


#head_navigation a.level1.active, #head_navigation .sfhover a.level1 {
  background-image: url(/images/fe/navigation/header_level1background.png);
}

#head_navigation li li.first a{
  background-image: url(/images/fe/navigation/header_level2background_first.png);
}

#head_navigation li li a {
  background-image:none;
}

#navigation {
  color:#757575;
  font-size:12px;
  font-weight:bold;
  padding:0 0 0 40px !important;
  list-style-type:none;
  z-index: 1;
}

#navigation.level1 li {
  margin:0;
  float:left;
}

#navigation li.level1 {
  border-left:1px solid #ddd;
}
#navigation a.level1 {
  padding:18px 8px 0 8px;
  height:29px;
  font-size: 110%;
}

#navigation a.level1:hover, #navigation .active a.level1, #navigation .sfhover a.level1{
  background-image:url(/images/fe/navigation/level1background.png);
  background-repeat: repeat-x;
}

#navigation .level2 a, #navigation .level2 li {
  width: 30em;
}

#navigation a.level2 {
  height:24px;
  padding-top: 14px;
  padding-left: 10px;
}

#navigation .first a.level2 {
  height:28px;
  padding-top: 20px;
}

#navigation .level2 li {
  border-top: 1px solid #ddd;
  background-color: #fff;
}
#navigation .level2 li.first {
  border-top: 0;
  background-image:url(/images/fe/navigation/level2background_first.png);
}

#navigation ol.level3, #navigation ol.level4 {
  list-style-type:none;
  background-color: #fff;
}

#navigation .level2 ol.level3 li, #navigation .level2 .level3 ol.level4 li {
  border: 0;
}

ol.level3 li a {
  margin: 0 0 10px 16px;
}

ol.level4 li a {
  margin: 0 0 10px 26px;
}

#navigation a{
  color:#fff;
}

#navigation a:hover{
  color:#a89907;
}

/* SECTION link colors */
.material #navigation a.level1:hover, .material #navigation .active a.level1, .material #navigation a.level2, .material ol.level3 li a,
.material #navigation .sfhover a.level1,
.material #head_navigation li li a, .material #head_navigation li a.active, .material #head_navigation li.sfhover a{
  color: #867d15 !important;
}
.material #navigation a.level2:hover, .material #navigation .level2 a.active, .material ol.level3 li a.active, .material ol.level3 li a:hover,
.material #head_navigation li li a.active, .material #head_navigation li li a:hover{
  color: #000 !important;
}

.technology #navigation a.level1:hover, .technology #navigation .active a.level1, .technology #navigation a.level2, .technology ol.level3 li a,
.technology #navigation .sfhover a.level1,
.technology #head_navigation li li a, .technology #head_navigation li a.active, .technology #head_navigation li.sfhover a{
  color: #7d7c7c !important;
}
.technology #navigation a.level2:hover, .technology #navigation .level2 a.active, .technology ol.level3 li a.active, .technology ol.level3 li a:hover
.technology #head_navigation li li a.active, .technology #head_navigation li li a:hover{
  color: #000 !important;
}

.invest #navigation a.level1:hover, .invest #navigation .active a.level1, .invest #navigation a.level2, .invest ol.level3 li a,
.invest #navigation .sfhover a.level1,
.invest #head_navigation li li a, .invest #head_navigation li a.active, .invest #head_navigation li.sfhover a{
  color: #2f3049 !important;
}
.invest #navigation a.level2:hover, .invest #navigation .level2 a.active, .invest ol.level3 li a.active, .invest ol.level3 li a:hover
.invest #head_navigation li li a.active, .invest #head_navigation li li a:hover{
  color: #a1a1a1 !important;
}

#main_nav {
  background-repeat:no-repeat;
  height:47px;
  margin: 25px 0 0 0;
  width:990px;
}

#main_nav.material {background-image:url(/images/fe/material/main_nav_bg.png);}
#main_nav.technology {background-image:url(/images/fe/technology/main_nav_bg.png);}
#main_nav.invest {background-image:url(/images/fe/invest/main_nav_bg.png);}

#content {
background-repeat:repeat-y;
margin: 0;
width:990px;
}

#content.material {background-image:url(/images/fe/material/content_bg.png);}
#content.technology {background-image:url(/images/fe/technology/content_bg.png);}
#content.invest {background-image:url(/images/fe/invest/content_bg.png);}

#content h2 {
  color:#a89907;
}

#content {
  font-size:12px;
}

#content a {
  font-weight: bold;
}

#content_left {
clear: both;
float: left;
display: inline;
margin: 50px 0 0 40px;
width: 435px;
/*min-height:464px;*/
}

#content_right {
  display: inline;
  float: right;
  margin: 50px 40px 0 0;
  width: 435px;
/*  min-height:464px;*/
}

#breadcrumb {
background-repeat:no-repeat;
background-position: left bottom;
clear:both;
padding: 0 0 0 40px;
width:990px;
}

#breadcrumb.material {background-image:url(/images/fe/material/content_bg_end.png);}
#breadcrumb.technology {background-image:url(/images/fe/technology/content_bg_end.png);}
#breadcrumb.invest {background-image:url(/images/fe/invest/content_bg_end.png);}


#breadcrumb p {
  font-weight:normal;
}

#breadcrumb a {
  font-weight: bold;
  margin: 0 6px;
}

#footer {
  clear: both;
}

#bottom_navigation {
  background-repeat:no-repeat;
  margin:30px 0 0 0;
  list-style-type:none;
  height:236px;
  width:990px;
}

body.de #bottom_navigation {
  background-image:url(/images/fe/bottom_navigation_bg_de.png);
}
body.en #bottom_navigation {
  background-image:url(/images/fe/bottom_navigation_bg_en.png);
}

#bottom_navigation li {
/*margin-left:2px;*/
float:left;
width: 330px;
height:236px;
margin-left:0px;
}

#bottom_navigation li.active a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
}

.first {
/*margin-left:0 !important;*/
}

.last {
/*margin-left:3px !important;*/
}


.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

.flowplayer {
  display: block;
  width: 430px;
  height: 280px;
}


/*
	Text CSS.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
/*ol,*/
ul,
pre,
table,
address,
fieldset {
	padding-bottom: 15px;
}

#navigation, #navigation ul, #head_navigation, #head_navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navigation a, #head_navigation a {
	display: block;
	/*width: 10em;*/
}


#navigation li, #head_navigation li { /* all list items */
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
}

#navigation li ul, #head_navigation li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navigation li ul ul, #head_navigation li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

/*
#navigation li:hover ul ul, #navigation li.sfhover ul ul, #head_navigation li:hover ul ul, #head_navigation li.sfhover ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul,
#head_navigation li:hover ul, #head_navigation li li:hover ul, #head_navigation li.sfhover ul, #head_navigation li li.sfhover ul{ /* lists nested under hovered list items */
/*	left: auto;
}
*/

 #navigation li.sfhover ul ul#head_navigation li.sfhover ul ul {
	left: -999em;
}

     #navigation li.sfhover ul,      #navigation li li.sfhover ul,
#head_navigation li.sfhover ul, #head_navigation li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}