html, body{
	padding: 0;
	margin: 0;
	height: 100%;
}

body{
	background: #fff;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #000;
	-webkit-text-size-adjust:100%; 
	-ms-text-size-adjust:100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


img{
	border: none;
}


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

/* special case */
a.email{
	text-decoration: none !important;
	font-weight: 400 !important;
	color: inherit !important;
}
a.email:hover{
	text-decoration: underline !important;
}


.hidden{
	display:none !important;
}

.alignRight{
	text-align: right;
}



/* message in preview mode */
#previewInfo {
	background-color: #000000;
	padding: 4px 10px;
	position: fixed;
	top: 30px;
	right: 15px;
	z-index: 110;
	font-weight: normal;
}
#previewInfo a {
  text-decoration: none;
  color: #FFFFFF;
}
#previewInfo a:hover {
	text-decoration: underline;
}




	
	

#pageWrapper{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	/* min-width: 1035px;
	 min-width: 900px; */
	min-width: 800px;
	min-height: 350px;
	overflow: auto;
}	

#header{
	position: absolute;
	left: 0; right: 0; top: 0;
	background-color: #fff;
	z-index: 100;
	height: 18px;
}

#content{
	
}	


/* navigations */
ul.navi{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.navi li{
	display: inline-block;
	padding: 0px 5px;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #818386;
	font-weight: 700;
}	

ul.navi li a{
	color: #7f7f7f;
	border: none;
	border:solid 1px transparent;
	padding-bottom: 10px;
}
ul.navi li.open>a{
	color: #4c4c4c;
}
ul.navi li a:hover,
ul.navi li a.active{
	color: #ad323d;
}
ul.navi li.icon,
ul.navi li.icon a{
	height: 16px;
	width: 20px;
	overflow: hidden;
	vertical-align: top;
	padding: 0;
}
ul.navi li.icon img{
	position: absolute;
	top: 1px;
}


/* metamainNaviNavi */	
#mainNavi{
	float: left;
}	
		
/* subNavi */	
ul.subNavi{
	display: none;
	margin-left: 5px;
	margin-right: -5px;
}
ul.navi li.open ul.subNavi{
	display: inline-block;
}
ul.subNavi li{
	font-weight: 400;
	padding: 0px 5px;
}

/* metaNavi */	
#metaNavi{
	float: right;
}

#lanNavi{
	color: #051d39;
}
#lanNavi a{
	font-weight: 400;
}
#lanNavi a.active{
	font-weight: 700;
	color: #051d39;
}


/* teamThumbNavi */
#teamThumbNavi{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	height: auto;
}
#teamThumbNavi>li{
	list-style: none !important;
}
#teamThumbNavi>li>a{
	height: 35px;
	float: left;
	margin-right: 2px;
	position: relative;
	border: none;
	text-decoration: none;
}
#teamThumbNavi>li>a img{
	padding-bottom: 2px;
	border-bottom:solid 1px transparent;
}
/*#teamThumbNavi>li>a:hover img,*/
#teamThumbNavi>li>a.active img{
	border-bottom:solid 1px #112949; /*blue: k50*/
}
#teamThumbNavi>li img{
	width: 34px;
	height: 34px;
}

#teamThumbNavi-backLink{
	text-align:left;
	display:block;
	text-decoration:none;
	margin:5px 0 -20px 5px;
}


						
#teamThumbNavi li a span{
	display:none;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(255,255,255,0.7);
	text-align: center;
	padding-top: 9px;
	font-size: 9px;
}
#teamThumbNavi li a label{
	display:none;
	position: absolute;
	bottom: -21px;
	padding-left: 16px;
	left:0;
	white-space: nowrap;
	font-weight: 400;
	text-transform: uppercase;
	size: 11px;
	letter-spacing: 1px;
	background-color: #fff;
}

#teamThumbNavi li a:hover span,
#teamThumbNavi li a:hover label{
	display:block;
}



/* servicesNavi */
#servicesNavi{
	list-style: none;
	margin-top: 20px;
	margin-left: 60px;
}
#servicesNavi li a{
	text-decoration: none;
	color: #5a5b5e; /*grey*/
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	padding-left: 12px;
	line-height: 20px;
	background: url('../img/icons/arrowList.png') no-repeat 0 3px;
}


/* background title */
#bgTitle{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	
	text-transform: uppercase;
	font-weight: 700;
	white-space: nowrap;
	
	color: #001f38; /*blue*/
	opacity: 0.85;
	
	
	font-size: 180px;
	line-height: 145px;
	letter-spacing: -6px;
	overflow: hidden;
	background: none;
	
	/* disable selection */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}
#bgTitle>div{
	position: absolute;
	background: none;
}
#bgTitle>div.small{
	font-size: 95px;
	line-height: 75px;
	letter-spacing: -6px;
}



/* white content box */

#contentBox{
	width: 365px;
	text-align: center;
	position: absolute;
	/*margin-bottom: 30px;*/
	margin-bottom: 0px;
	overflow: hidden;
	min-height: 300px;
	
	/* adjust box in HTML */
	/* bottom: 20px; top: 200px; left: 115px;  */
}

#contentBox-header{
	position: absolute;
	top: 0; left: 0; right: 0; 
	background-color: #fff;
	z-index: 10;
	padding-top: 20px;
	
	color: #5a5b5e; /*grey*/
}
#contentBox-header h1,
#contentBox-scrollBox h1{
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #1a3f6c; /*blue: k10*/
	font-weight: 400;
	margin-top: 30px;
	text-transform: uppercase;
}
#contentBox-header hr,
#contentBox-scrollBox hr{
	border: none;
	border-top: solid 1px #b1b1b3;
	width: 50px;
	margin: 0 auto;
}
		
		

#contentBox-logo{
	height: 75px;
	background: no-repeat center 0;
	cursor: pointer;
}
#contentBox.header-fox #contentBox-logo{
	height: 55px;
	background: url('../img/logos/VTS_Consulting_GmbH.png') no-repeat center -15px;
}
#contentBox.header-management #contentBox-logo{ background-image: url('../img/logos/VTM_Consulting_GmbH_Fox_Management.png'); }
#contentBox.header-department #contentBox-logo{ background-image: url('../img/logos/VTS_Consulting_GmbH_Fox_Department.png'); }
#contentBox.header-time #contentBox-logo{ background-image: url('../img/logos/VTS_Consulting_GmbH_Fox_Time.png'); }
#contentBox.header-professionals #contentBox-logo{ background-image: url('../img/logos/VTS_Consulting_GmbH_Fox_Professionals.png'); }
#contentBox.header-events #contentBox-logo{ background-image: url('../img/logos/VTS_Consulting_GmbH_Fox_Events.png'); }

#contentBox.header-fox #contentBox-scrollBox,
#contentBox.header-fox #contentBox-scrollArrowUp{
	top: 130px; 
}
#contentBox.header-notitle #contentBox-scrollBox,
#contentBox.header-notitle #contentBox-scrollArrowUp{
	top: 78px; 
}
#contentBox.header-search #contentBox-scrollBox,
#contentBox.header-search #contentBox-scrollArrowUp{
	top: 158px; 
}
#contentBox.header-popup #contentBox-scrollBox,
#contentBox.header-popup #contentBox-scrollArrowUp{
	top: 170px; 
}

#contentBox-scrollBox{
	overflow: hidden;
	position: absolute;
	top: 150px; 
	left: 0; right: 0; bottom: 0px;
	text-align: justify;
	color: #5a5b5e; /*grey*/
	
	/* hide scroll bar */
	/*overflow: scroll;	
	right: -20px;
	padding-right: 20px;*/
}
#contentBox-scrollBox h1{
	margin-top: -3px;
	margin-bottom: 10px;
}
#contentBox-scrollBox h2{
	color: #1a3f6c; /*blue: k10*/
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	background: url('../img/icons/arrowH2.png') no-repeat 0 2px;
	display: inline;
	padding: 0 12px;
}
#contentBox-scrollBox h3{
	color: #112949; /*blue: k50*/
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	display: inline;
	letter-spacing: 1px;
}
#contentBox-scrollBox b{
	color: #112949; /*blue: k50*/
	font-weight: 600;
	margin-left: 0;
}
#contentBox-scrollBox a{
	text-decoration: underline;
	color: #112949; /*blue: k50*/
	font-weight: 600;
}
#contentBox-scrollBox h2 a{
	color: #1a3f6c; /*blue: k10*/
}
#contentBox-scrollBox li{
	padding: 0;
	list-style: url('../img/icons/arrowList.png');
	list-style-position: inside;
}
#contentBox-scrollBox .left{
	float: left;
}
#contentBox-scrollBox .right{
	float: right;
	width: 165px;
}
#contentBox-scrollBox-bg{
	background-color: #fff;
	padding: 20px;
	position: relative;
	
	padding-top: 30px;
	padding-bottom: 30px;
}

.contentBox-scrollArrow{
	position: absolute;
	height: 30px;
	top: 150px;
	left: 0; right: 0;
	z-index: 50;
	background: url('../img/icons/scrollUp.png') no-repeat center center #fff;
	cursor: pointer;
	display:none;
}
#contentBox-scrollArrowDown{
	background-image: url('../img/icons/scrollDown.png');
	top: auto;
	bottom: 0px; 
}
.contentBox-scrollArrow.disabled{
	background-image: none !important;
	cursor: default;
}
.contentBox-closeBtn{
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	
	text-align: center;
	color: #999;
	z-index: 100;
}
.contentBox-closeBtn:hover{
	color: #000;
}


/* special case */
/*#contentBox-scrollBox .servicesFooter a{
	text-decoration: none;
	font-weight: 400;
	color: inherit;
}
#contentBox-scrollBox .servicesFooter a:hover{
	text-decoration: underline;
}*/

/* about / company */
/*#company_img_de, #company_img_en{
	width: 947px;
	height: 254px;
	background: no-repeat center center;
	background-size: 100% 100%;
}
#company_img_de{
	background-image: url(../img/company_big_de.png);
}
#company_img_en{
	background-image: url(../img/company_big_en.png);
}*/

/* search form page */
.inputTf{
	border: none;
	background-color: #e0e1e3;
	width: 290px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	color: #112949; /*blue: k50*/
}
.searchBtn{
	border:solid 1px #e0e1e3;
	width: 20px;
	height: 18px;
	cursor: pointer;
	background: url(../img/icons/search.png) no-repeat center center;
	margin-left: 1px;
}
.searchBtn:hover{
	border:solid 1px #112949; /*blue: k50*/
}

/* search result page */
#searchResults,
#searchResults>li{
	margin:0;
	padding: 0;
	list-style: decimal-leading-zero;
}
#searchResults>li{
	margin-bottom: 2px;
	margin-left: 25px;
}
#searchResults>li>a{
	text-decoration: none;
	font-weight: 400;
	display: block;
}
#searchResults>li>a:hover{
	text-decoration: underline;
}


/* image frames on page: services and team */
.imgFrameNavi{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: absolute;
	top: 10px; left: 0; right: 0; bottom: 0;
}
.imgFrameNavi li,
.imgFrameNavi li a{
	display: block;
	height: 100%;
	margin:0;
	padding:0;
	float: left;
	position: relative;
}
.imgFrameNavi li{
	width: 20%;
	overflow: hidden;
}
.imgFrameNavi li a{
	width: 100%;
	position: absolute;
	z-index: 20;
	background-color: rgba(255, 255, 255, 0);
}
.imgFrameNavi li a:hover{
	background-color: rgba(255, 255, 255, 0.7);
}
.imgFrameNavi li a:hover span{
	display: block;
}
.imgFrameNavi li a span{
	text-align: center;
	position: absolute;
	left: 0px; right: 0px; 
	top: 50%;
	margin-top: -100px;
	background: no-repeat center 0px;
	
	padding: 160px 2px 0 2px;
	width: 100%;
	max-width: 212px;
	margin-left: auto;
	margin-right: auto;
	
	display:none;
}



/* service frame page logos */
#serviceFrameNavi-department a span{ background-image: url('../img/logos/services/VTS_Consulting_GmbH_Fox_Department.png'); }
#serviceFrameNavi-management a span{ background-image: url('../img/logos/services/VTM_Consulting_GmbH_Fox_Management.png'); }
#serviceFrameNavi-time a span{ background-image: url('../img/logos/services/VTS_Consulting_GmbH_Fox_Time.png'); }
#serviceFrameNavi-professionals a span{ background-image: url('../img/logos/services/VTS_Consulting_GmbH_Fox_Professionals.png'); }
/*#serviceFrameNavi-events a span{ background-image: url('../img/logos/services/VTS_Consulting_GmbH_Fox_Events.png'); }*/

/*background text adjustment on page services (in each frame) */
#serviceFrameNavi #bgTitle div{
	text-align:right; 
	bottom:-15px; 
	right:-10px;
	font-size: 160px;
	line-height: 130px;
}

#serviceFrameNavi li:nth-child( 1) #bgTitle{ margin-right: -400%;}
#serviceFrameNavi li:nth-child( 2) #bgTitle{ margin-right: -300%;}
#serviceFrameNavi li:nth-child( 3) #bgTitle{ margin-right: -200%; }
#serviceFrameNavi li:nth-child( 4) #bgTitle{ margin-right: -100%; }
#serviceFrameNavi li:nth-child( 5) #bgTitle{ margin-right: 0; }



/* team frame page */
#teamFrameNavi{ }

#teamFrameNavi li{
	width: 25%;
	height: 33.35%;
	position: relative;
}

#teamFrameNavi li a span{
	position: absolute;
	top: 50%; left: 0; right: 0; bottom: 0;
	padding: 10px 0;
	margin-top: -25px;
	text-align: center;
	color: #5a5b5e; /*grey*/
	background: none;
}

.imgFrameNavi#teamFrameNavi li a span h2{
	color: #1a3f6c; /*blue: k10*/
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 12px;
	margin: 0;
	margin-bottom: 7px;
}



/*background text adjustment on page team (in each frame) */
#teamFrameNavi #bgTitle div{
	text-align:right; 
	top:160px; 
	right:-10px;
	font-size: 135px;
	line-height: 108px;
	letter-spacing: -5px;
}

#teamFrameNavi #bgTitle{ margin-right: 0; }
#teamFrameNavi li:nth-child( 1) #bgTitle{ top: 0; margin-right: -300%;}
#teamFrameNavi li:nth-child( 2) #bgTitle{ top: 0; margin-right: -200%; }
#teamFrameNavi li:nth-child( 3) #bgTitle{ top: 0; margin-right: -100%; }
#teamFrameNavi li:nth-child( 4) #bgTitle{ top: 0; margin-right: 0; }
#teamFrameNavi li:nth-child( 5) #bgTitle{ top: -100%; margin-right: -300%; }
#teamFrameNavi li:nth-child( 6) #bgTitle{ top: -100%; margin-right: -200%; }
#teamFrameNavi li:nth-child( 7) #bgTitle{ top: -100%; margin-right: -100%; }
#teamFrameNavi li:nth-child( 8) #bgTitle{ top: -100%; margin-right: 0; }
#teamFrameNavi li:nth-child( 9) #bgTitle{ top: -200%; margin-right: -300%; }
#teamFrameNavi li:nth-child(10) #bgTitle{ top: -200%; margin-right: -200%; }
#teamFrameNavi li:nth-child(11) #bgTitle{ top: -200%; margin-right: -100%; }
#teamFrameNavi li:nth-child(12) #bgTitle{ top: -200%; margin-right: 0; }

/* vita popup */
#contentBox-scrollBox a.vitaLink{
	color: #5a5b5e; /*grey*/
	font-weight: normal;
	margin-top: 5px;
	display: block;
}
.popup{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 90;
	display:none;
}
.popup #contentBox{
	top:10%; 
	bottom:10%; 
	left:50%; 
	width:550px; 
	margin-left:-315px;
}