*{
    box-sizing: content-box;
}

.bootstrap-content *{
	box-sizing: border-box;
}

.form-control{
    padding:0;
    padding-left: 5px;
}
body
{
	font-family: Calibri, Geneva, sans-serif;
	font-size: 13pt;
	color: #494949;
	background-image:url(../Images/hintergrund.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

}

h1{
    font-size: 20pt;
}

h2 {
    font-size: 14pt;
}

h3
{
	font-size: 12pt;
}

a
{
	text-decoration: none;
	color: #004171;	
}

a:focus, a:active{
    outline: none;
}

a img
{
	border: 0px;
}

.link
{
	margin-left: 280px;	
}

.faq{
	line-height: 1.5;
}

.faq a
{
	color: #000;	
}

.faq a:hover
{
	color: #004171;	
}

.faq h3{
	font-size: 13pt;
}

.link a:hover
{
	color: #494949;
}

.masterPage{
	
	width: 1200px;
	

}

.page
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	width: 1050px;
	background-color: #fff;
	margin-bottom: 20px;
	position: relative;
}

#socialPlugins{
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}

#socialPlugins ul{
	list-style: none;
}

#socialPlugins li{
	margin-top: 10px;
}


#navigation{
	float: left;
	width: 160px;
	background-color: #e8e8e8;
	height: 690px;

	padding-top: 40px;
	position: relative;

}

#navigationInvest{
	margin-top: 190px;
	padding: 10px;
}

#navigationInvest h4{
	font-size: 12pt;
}

.eingerueckt{
	margin-left: 10px;
}

#navigationInvest a:hover{
	text-decoration: underline;
}

#header{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	height: 140px;
	position: relative;
}

#banner{
	height: 190px;
	opacity: 1;
	z-index:2;
	margin-left: 160px;
	width: 730px;
	background-color: #252626;
}

#bannerContainer{
	position: absolute;
	z-index: 1;
	width: 1050px;
	top: 80px;
}

#banner img{
	height: 190px;
}

#bannerInfoLeft{
	color: #fff;
	font-size: 12pt;
	float: left;
	height: 120px;
	width: 156px;
	padding: 60px 10px 10px 30px;
	
}

#bannerVideo{
	width: 338px;
	height: 190px;
	float: left;
}

#bannerInfoRight{
	color: #fff;
	font-size: 12pt;
	float: right;
	height: 120px;
	width: 156px;
	padding: 40px 30px 10px 10px;
}

#welle{
	z-index: 1;
	position: absolute;
}

#content
{
	margin-top: 230px;
	margin-left: 15px;

	line-height: 1.5;
	padding: 15px;
	overflow: scroll;
	overflow-x:hidden;
	background-color: #fff;

	height: 470px;
}

div small.error {
    color: #B94A48; /* color to match Bootstraps error class */
} 

input.error,
input.error:focus{
    border-color: #B94A48;
}

.error{
    color: #B94A48;
}

#investContent
{
	margin-top: 220px;

	margin-left: 160px;

	background-color: #fff;
	height: 480px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#sidebar{

	float: right;
	width: 160px;
	background-color: #b2c7df;

	padding-top: 40px;
	height: 690px;
}

#sidebarInvest{
	float: right;
	width: 140px;
	background-color: #b2c7df;
	color: #636363;
	padding: 10px;

	padding-top: 240px;
	height: 480px;
	font-size: 11pt;
}

#sidebarInvest a:hover{
	text-decoration: underline;
}

.footer
{
	font-size: 9pt;
	background-image: url(../Images/welleunten.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
    bottom:0px;
	margin-left: 0px;
    text-align:center;
    padding:10px;
	position: relative;
	height: 130px;
	width: 98%;
	border-top: 1px solid gray;
	padding: 0px;
}

.footerContent
{
	position: absolute;
	bottom: 0px;	
	width: 100%;
	padding-bottom: 10px;
}

.blauText
{
	color: #004171;	
}

.right
{
	float: right;	
	margin-right: 150px;	
}

.left
{
	float: left;
}

.logoLinks
{
	float: left;
	z-index: 1;
}

.logoRechts{
	float: right;
	z-index: 1;
}

.zeichnungen
{
	padding: 20px;	
}

.wirBild
{
	display: inline;
	float: left;
}

.wirBild img
{
	margin-left: 10px;	
	width: 120px;
}

.text
{
	text-align: left;	
}

.list
{
	list-style: disc;	
	list-style-position: inside;
	margin-left: 20px;
}

.klapptext
{
	float: left;
}

.scrollText
{
	width: 95%;	
}

.zweispaltig
{
	width: 50%;
}


#buttonBox
{
	margin-top: 10px;

}

#sidebarImpressum{
	margin-left: 40px;
	margin-top: 135px;
	font-size: 10pt;
}

#sidebarImpressumGeneral{
	margin-left: 48px;
	position: absolute;
    bottom: 10px;
	font-size: 10pt;
}

#sidebarImpressumGeneral a:hover{
	text-decoration: underline;
}

.bottom{
    bottom: 0;
    position: absolute;
}

.linkList{
    list-style: none;
}

.linkList li{
    float: left;
    margin-left: 20px;
    margin-bottom: 40px;
}

.linkList a:hover{
    color: #fec911;
}

.thumbnail{
    margin-bottom: 0px;
}

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

.navigation
{
	background-color: #6f9bff;
	height: 200px;
	width: 900px;
	float: left;
}



/*
	LEVEL ONE
*/
.menuItem
{
	padding:10px;
	cursor: default;
}

.menuItem:hover
{
	background-color: #678cdf; 
	color: #fff; 
	position: relative;
}

ul.dropdown 
{ 
	list-style: none;
	position: relative;
	margin-top: 152px;
	padding: 0; 

}

ul.dropdown li                      
{ 

	border-bottom: 1px solid gray;

	padding-top: 10px;
	height: 50px;
}

#lang{
	border-bottom: 1px solid gray;

	padding-top: 5px;
	height: 55px;
}

ul.dropdown a:hover		            
{ 
	color: #fff;
}

ul.dropdown li a                    
{ 
	display: block; 
	padding: 10px; 
	text-decoration: none; 
	color: #494949;	 
	font-size: 12pt;
}
ul.dropdown li.hover,
ul.dropdown li:hover                
{ 
	background-color: #678cdf; 
	color: #000; 
	position: relative;
}
ul.dropdown li.hover a              
{ 
	color: #727272;	
}

/*----------------------Sidebar--------------------*/

ul.sidebarMenu 
{ 
	list-style: none;
	position: relative;
	margin-top: 152px;
	padding: 0; 

}

.sidebarItem                    
{ 

	border-bottom: 1px solid gray;

	padding-top: 10px;
	height: 50px;
}

.sidebarItemTwoLine{
	border-bottom: 1px solid gray;

	height: 60px;
}

#lang{
	border-bottom: 1px solid gray;

	padding-top: 5px;
	height: 55px;
}

ul.sidebarMenu a:hover		            
{ 
	color: #fff;
}

.sidebarItem a                    
{ 
	display: block; 
	padding: 10px; 
	text-decoration: none; 
	color: #494949;	 
	font-size: 12pt;
}

.sidebarItemTwoLine a                    
{ 
	display: block; 
	padding: 10px; 
	text-decoration: none; 
	color: #494949;	 
	font-size: 12pt;
}
ul.sidebarMenu li.hover,
ul.sidebarMenu li:hover                
{ 
	background-color: #678cdf; 
	color: #000; 
	position: relative;
}
ul.sidebarMenu li.hover a              
{ 
	color: #727272;	
}

.sidebarA{
	display: block; 
	text-decoration: none; 
	color: #494949;	 
	font-size: 12pt;
}

.sidebarA :hover, .sidebarA :focus{
	color: #fff;
	text-decoration: none !important; 	
}

/*
	LEVEL TWO
*/
ul.dropdown ul 						
{ 
	width: 220px; 
	visibility: hidden; 
	position: absolute; 

	left: 100%;
	top: 0;
}

ul.dropdown ul li 					
{ 
	font-weight: normal; 
	color: #000; 
	background-color: #fff; 
	float: none;
	box-shadow: 3px 3px 3px 2px #696969;
}

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					
{ 
	color: #eee; 
	border-right: none; 
	width: 100%; 
	display: inline-block; 
}

ul.dropdown li:hover ul li a        
{ 
	color: #000; 
}

ul.dropdown li:hover ul li:hover a  
{ 
	color: #fff; 
}

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					
{ 
	left: 100%; 
	top: 0; 
}

ul.dropdown li:hover > ul 			
{ 
	visibility: visible; 
}

/*------------------Registrieren--------------*/
#registerSubmit{
    margin-bottom: 50px;
}

/*------------------User Mgm--------------*/
.fullWidthTable{
    width: 100%;
}

/*------------------Logos---------------------*/

.image
{
	position: relative;	
}

.logoCell{
	position: relative;
	top: 0px;
}

.logoImage{
	max-width: 180px;
	position: absolute;
}

.logoText{
	z-index: 2;
	position: absolute;
	color: #000;
	font-size: 10pt;
	display: none;
	
	font-weight: bold;
	font-size: 16pt;
}

.transparenz{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);	
	max-width: 150px;
	margin: auto;
	margin-top: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.transparenz:hover{
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	cursor: pointer;
}

.transparenzText{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	color: #000;
	
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 10pt;
	
}


.transparenzText:hover{
	opacity: 100;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

table a{
    text-decoration: none;
}

table a:hover{
    text-decoration: none;
}

/*------------------Galerie----------------*/
.thumbnail{
    border: 4px solid #e8e8e8;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.album{
    display: none;
}

.pointer{
    color: #004171;
}

.pointer:hover{
    cursor: pointer;
    
}

.firstrow{
    display: none;
}


/*------------------Pop Up-------------------------*/

.popUp{
	display: none;
}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../Images/x.png) no-repeat; width:30px; height:30px; display:inline; z-index:3200; position:absolute; top:-15px; right:15px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
.article table{
	width: 100%;
	font-size: 13px;
}
.article td{
	padding: 10px;
	vertical-align: top;
}
.article img{
	display: block;
	max-height: 100%;
	max-width: 100%;
}
.article .img_wrapper{
	height:50px;
	position: relative;
	width:100%;
	margin-bottom: 10px;
}
.linkListContainer{
	text-align: center;
}
.linkListContainer ul{
	display: inline-block;
	padding-left: 0;
}