@charset "utf-8";
/* CSS Document */



@font-face {
	font-family: 'PFDinTextPro-Regular';
	src: url('PFDinTextPro-Regular.eot');
	src: url('PFDinTextPro-Regular?#iefix') format('embedded-opentype'),
	     url('PFDinTextPro-Regular.woff') format('woff'),
	     url('PFDinTextPro-Regular.ttf') format('truetype'),
	     url('PFDinTextPro-Regular.svg#PFDinTextPro-Regular') format('svg');
}

@font-face {
	font-family: 'PFDinTextPro-Bold';
	src: url('PFDinTextPro-Bold.eot');
	src: url('PFDinTextPro-Bold.eot?#iefix') format('embedded-opentype'),
	     url('PFDinTextPro-Bold.woff') format('woff'),
	     url('PFDinTextPro-Bold.ttf') format('truetype'),
	     url('PFDinTextPro-Bold.svg#PFDinTextPro-Bold') format('svg');
}

@font-face {
	font-family: 'PFDinTextPro-Thin';
	src: url('PFDinTextPro-Thin.eot');
	src: url('PFDinTextPro-Thin.eot?#iefix') format('embedded-opentype'),
	     url('PFDinTextPro-Thin.woff') format('woff'),
	     url('PFDinTextPro-Thin.ttf') format('truetype'),
	     url('PFDinTextPro-Thin.svg#PFDinTextPro-Thin') format('svg');
}





/*2do: fix all font-families */

body  {
	width: 100%;
	font-family: "PFDinTextPro-Regular", "ArialUnicodeMS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #425768;
	position: relative;
	background-color: #fff;
}


div#all_in {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

div#sidebar_de, div#sidebar_en {
	width: 326px;
	background:url(images/gray_left.png) repeat-y top left;
	position: relative;
}

div#sidebar_de h1, div#sidebar_en h1 {
	text-indent: -99999px;
	background:url(images/estag_logo_sprite.png) no-repeat 0px 0px;
	width: 141px;
	height: 44px;

	margin-left: 100px;
	margin-bottom: 170px;
	overflow: auto;
	position: relative;
	top: 48px;
}

div#sidebar_de h1 a, div#sidebar_en h1 a {
	width: 141px;
	height: 44px;
	display: block;
}


div#sidebar_de div#top, div#sidebar_en div#top {
	background: url(images/white_gradient_down.png) repeat-x 0 0;
	width: 100%;
	height: 239px; 
	margin-bottom: 48px;
}


div#sidebar_de div#bottom, div#sidebar_en div#bottom {
	background: url(images/white_gradient_up.png) repeat-x bottom left;
	width: 100%;
	height: 100%; 
}

ul#news {
	margin-right: 30px;
	margin-left: 60px;
	height: 384px;
	overflow: auto;
}


div#sidebar_de h2, div#sidebar_en h2  {
	position: relative;	
	margin-right: 30px;
	margin-left: 60px;
	top: 48px;
	text-indent: -99999px;
	display: block;
}

div#sidebar_de h2 {
	background: url(images/news_de.png) no-repeat 0 0;
	width: 121px;
	height: 18px;
}

div#sidebar_en h2 {
	background: url(images/news_en.png) no-repeat 0 0;
	width: 48px;
	height: 17px;
}

ul#news li.content a, ul#news li.content {
	/* font-family: SansSerif; */
	font-size: 10pt;
	font-style: normal;
	color: #665C4F;
	line-height: 1.2em;
}

ul#news li.content a {
	/* font-weight: bold; */
	text-decoration: underline;
}

ul#news li.content span.date {
	/* font-family: SansSerif; */
	font-size: 10pt;
	font-style: normal;
	/* font-weight: bold; */
	font-family: "PFDinTextPro-Bold", "ArialUnicodeMS", Arial, Helvetica, sans-serif;
	color: #948D84;
	display: block;
	line-height: 1.2em;
}

ul#news li.devider {
	height: 1px;
	width: 100%;
	display: block;
	background-color: #E1DFDC;
	margin: 10px 0;
}



.jspHorizontalBar,
.jspVerticalBar,
.jspTrack,
.jspDrag {
	width: 3px;
}


.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background: #eee;
}

.jspDrag
{
	background:  #ddd;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #fff;
}


div#content {
	width: 835px;
	position: absolute;
	left: 310px;
	top: 0;
}

div#content_header {
	width: 835px;
	height: 400px;
	z-index: 2;
}

body#C7 div#content_header {
	background: url(images/keys/E10.002.jpg) no-repeat 0 0;
}

body#C9 div#content_header, body#C5 div#content_header {
	background: url(images/keys/Background_Kontakt.jpg) no-repeat 0 0;

}

body#C10 div#content_header {
	background: url(images/keys/E10.017.jpg) no-repeat 0 0;
}

body#C4 div#content_header {
	background: url(images/keys/Background_FAQ.jpg) no-repeat 0 0;
}

body#C3 div#content_header, body#C17 div#content_header, body#C18 div#content_header, body#C19 div#content_header {
	background: url(images/keys/E11.013.jpg) no-repeat 0 0;
}

body#C2 div#content_header {
	background: url(images/keys/E10.011.jpg) no-repeat 0 0;
}

body#C1 div#content_header, body#C11 div#content_header, body#C12 div#content_header {
	background: url(images/keys/E10.003.jpg) no-repeat 0 0;
}

body#C14 div#content_header {
	background: url(images/keys/E10.009.jpg) no-repeat 0 0;
}

div#content_header {
	background: url(images/keys/E10.002.jpg) no-repeat 0 0;
}


ul#images {
	position: absolute;
	top: 0;
	left: 0;
	width: 835px;
	height: 400px;
	z-index: 1;
}

div#content_header_overlay {
	background: url(images/headerverlauf.png) repeat-y 0 0;
	width: 401px;
	height: 400px;
	z-index: 99;
	display: block;
}


div#devider {
	position: relative;
	top: 287px;
	left: 0px;
	background-color: #fff;
	height: 3px;
	width: 833px;
	clear: left;
	z-index: 0;
}

ul#navigation {
	position: absolute;
	top: 252px;
	/* left: 260px; */
	right: 2px;
	background-color: #a0897d;
	z-index: 50;
}


ul#navigation li.li_nav {
	float: left;
	padding: 9px 20px 0px 20px;
	margin: 0 auto;
	z-index: 51;
}



ul#navigation li > a.img_nav {
	display: block;
	text-indent: -99999px;
	padding-bottom: 8px;
}

ul#navigation li > a.img_nav:hover  {
	border-bottom: 3px solid #f25900;
	margin-bottom: -4px;
	text-decoration: none;
	z-index: 999;
}

ul#navigation li#unternehmen_de a.img_nav {
	background: url(images/unternehmen_de.png) no-repeat 0 0;
	width: 128px;
	height: 18px;
}

ul#navigation li#unternehmen_en a.img_nav {
	background: url(images/unternehmen_en.png) no-repeat 0 0;
	width: 85px;
	height: 18px;
}

ul#navigation li#venture_capital_de a {
	background: url(images/capital_de.png) no-repeat 0 0;
	width: 160px;
	height: 18px;
}

ul#navigation li#venture_capital_en a {
	background: url(images/capital_de.png) no-repeat 0 0;
	width: 160px;
	height: 18px;
}

ul#navigation li#portfolio_de a.img_nav, ul#navigation li#portfolio_en a.img_nav {
	background: url(images/portfolio_de.png) no-repeat 0 0;
	width: 96px;
	height: 18px;
}

ul#navigation li#FAQ_de a, ul#navigation li#FAQ_en a {
	background: url(images/FAQ_de.png) no-repeat 0 0;
	width: 33px;
	height: 18px;
}


#navigation ul {
	position: absolute;
	width: 195px;
	padding: 0;
	margin: 0;
	background: url(images/white_50.png) repeat 0 0;
	/* left: 0; */
	margin-left: -20px;		/* see definition of #navigation left margin!!! */
	top: -82px; 			/* 3*18px = 54 + 24px bottom + 10px top =  88px */
	padding-bottom: 24px;
	padding-top: 10px;
	z-index: 1;
}

#navigation li#portfolio_de ul, #navigation li#portfolio_en ul {
	top: -98px; 			/* 4*18px = 80 + 24px bottom + 10px top =  114px (122px) */
	
}


#navigation li li a {
	clear: left;
	width: 170px;
	display: inline-block;
	position: relative;	
	margin-left: 20px;
	line-height: 16px;
	height: 16px;
	/* height: 16px; */
	font-size: 10pt;
	color: #665C4F;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 5;
}

ul#navigation li li span.quad {
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #f25900;
}

div#sub_navigation_wrapper {
	position: absolute;
	width: 270px;
	height: 54px;
	top: 0;
	right: 0;
	/* left: 605px; */
	background: url(images/sub_nav_white_bg.png) no-repeat 0 0;
}

div#sub_navigation {
	position: relative;
	left: 30px;
	width: 340px;
	height: 37px;
	background: url(images/sub_nav_bg.png) no-repeat 0 0;
}


ul#sub_nav {
	margin-left: 22px;
}

ul#sub_nav li {
	float: left;
}

ul#sub_nav li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	line-height: 11px;
	height: 11px;
	font-size: 8pt;
	font-style: normal;
	display: inline-block;
	margin: 12px 3px 0px 3px;
	
}

ul#sub_nav li span.sub_nav_active {
	background: url(images/arrow_down.png) no-repeat 0 0;
	width: 28px;
	width: 100%;
	height: 14px;
	display: block;
	margin-top: -6px;
	margin-left: 8px;
}

div#sub_headline {
	position: absolute;
	background: url(images/we_finance_ideas.png) no-repeat 0 0;
	width: 49px;
	height: 409px;
	
	left: 834px; 
	top: 46px;
}

div#main_content {
	position: relative;
	left: 260px;
	width: 570px;
	top: 0;
	margin-top: -70px;
	display: block;
	z-index: 99;
	min-height: 200px;

	color: #665C4F;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4em;
}

div#main_content_after {
	position: relative;
	margin-top: -70px;
	z-index: 1;
	left: 246px;
	background: url(images/backdown.png) no-repeat 0 0;
	width: 632px;
	height: 107px;
	display: block;
}

span#main_content_after_copyright {
	position: relative;
	top: 84px;
	right: 40px;
	text-align: right;
	width: 100%;
	display: block;
    color: #fff;
    font-size: 10pt;
    font-style: normal;
    /* font-weight: bold; */
    line-height: 13px;
}


ul#logos {
	margin-left: 250px;
	width: 632px;
}

ul#logos li {
	float: left;
}

ul#logos li  a.logo {
	display: block;
	height: 64px;
	margin-right: 5px;
}

ul#logos a.logo_kids {
	background: url(images/logos_sprite.png) no-repeat 0 0;
    width: 136px;
}

ul#logos a.logo_ibb {
	background: url(images/logos_sprite.png) no-repeat -138px 0px;
  	width: 177px;
}

ul#logos a.logo_htg {
	background: url(images/logos_sprite.png) no-repeat -318px 0px;
  	width: 122px;
}

ul#logos a.logo_mbpw {
	background: url(images/logos_sprite.png) no-repeat -441px 0px;
  	width: 89px;
}

ul#logos a.logo_cf {
	background: url(images/logos_sprite.png) no-repeat -533px 0px;
  	width: 71px;
}


.space {
	width: 220px;
	display: inline-block;
	margin-right: 20px;
	overflow: hidden;
	float: left;
}

h2 {
	font-size: 1.5em;
}

.white {
	color: #fff;
}

.right {
	text-align: right;
}

.orange, a {
	color: #F25900;
	text-decoration: none;
}

strong {
	font-family: "PFDinTextPro-Bold", "ArialUnicodeMS", Arial, Helvetica, sans-serif;
	/* font-weight: bold; */
}

.leftfloat {
	float: left;
	display: block;
}

.content_row {
	margin-bottom: 40px;
	display: inline-block;
	width: 100%;
}

.content_row p {
	margin-top: 1em;
}

.absolut_right {
	position: absolute;
	left: 220px;
}

.clear_left {
	clear: both;
}

#twitter-ticker {
	width: 200px;
	height: 300px;
	height: 420px;
	display: none;

	text-align:left;

	position: absolute;
	left: -230px;
	top: -79px;

	/* background: url(images/black_10.png) repeat 0 0; */
}

#tweet-container, #twitter_update_list {
	height: 356px;
	width: 200px;
	/* width: auto; */
	/* overflow :hidden; */
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:256px;
	height:256px;
}

#top-bar{
	height:45px;
	/* background:url(images/top_bar.png) repeat-x; */
	/* border-bottom:1px solid white; */
	position:relative;
	/* margin-bottom:8px; */
	
	/* -moz-border-radius:6px 6px 0 0; */
}

.tweet, ul#twitter_update_list li {
	padding: 5px;
	margin: 0 8px 8px;
	border: 1px solid #F0F0F0;
	background:url(images/transparent.png);
	/* width:auto; */
	/* overflow:hidden; */
}

.tweet .avatar,
.tweet .user,
.tweet .time {
	float:left;
	font-size: 10pt;
}

.tweet .time{
	text-transform: uppercase;
	font-size: 9pt;
	color: #aaa;
	white-space: nowrap;
}


.tweet .avatar img {
	width:36px;
	height:36px;
	border: 2px solid #eeeeee;
	margin: 0 5px 5px 0;
}

.tweet .txt{
	clear:both;
	font-size: 9pt;
}

.tweet .user{
	font-weight:bold;
}

.tweet a, .tweet a:visited {
	/* color:#00BBFF; */
	color: #665C4F;
	text-decoration: none;
	outline: none;
}

a:hover{
	/* text-decoration:underline; */
}

#loading{
	margin:100px 95px;
}

h2.tut {
	text-indent: -99999px;
	background:url(images/twitter_de.png) no-repeat 0px 0px;
	width: 77px;
	height: 17px;

	margin-left: 8px;
	margin-top: 10px;
}


.social_media_icon {
	float: right;
	text-align: right; 
	display: inline-block;
}

.twitted {
	height: auto;
	width: 200px;
	overflow: hidden;
}