/*
* Copyright 2013, base iX. individual websolutions
* www.base-ix.de
*/






#panel-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 220px;
	height: 100%;
	padding-left: 35px;
	background-color: #F6F6F6;
	z-index: 1000;
}

#main-header {
	margin-top: 30px;
}


.hidden-desktop {
	display: none;
}


#main-nav {
	margin-top: 50px;
}

#main-nav ul,
#main-footer ul {
	margin-left: 0;
}

#secondary-nav {
	margin-bottom: 20px;
}

ul.metamenu {
	clear: both;
}

#main-footer {

	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 220px;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F6F6F6;
	filter:	Alpha(opacity=80);
  opacity:	0.8;
  moz-opacity:	0.8;
}

#inner-layer {
	height: 100%;

}



#main-container {
	top: 0;
	bottom: 0;
	right: 0;
	left: 255px;
	position: absolute;
	height: 100%;
	z-index: 0;
	overflow-y: visible;
}





#content-container div.content {
	position: relative;
	z-index: 1;
}

#content-container {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: auto;
    left: auto;
    overflow-y: visible;
    padding: 130px 35px 35px;
    position: relative;
    right: auto;
    top: auto;
    width: 625px;
    min-height: 100%;
    z-index: 2;
}


body.index #content-container {
  background: none repeat scroll 0 0 transparent;
  top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
}
.sitecon {
	position: absolute;
	top: 0px;
	right: 0px;
}

.sitetitle {
	background-color: #0B4D94;
	padding: 10px;
	color: #fff;
	font-weight: 400;
	float: right;
}
.areaicon {
	float: right;
	position: relative;
	top: 0px;
	right: 10px;
}

body.index .sitetitle {
	display: none;
}


#right-search,
#right-contact,
#right-download {
	color: #fff;
	font-weight: 400;
	position: fixed;
	top: 203px;
	z-index: 9999;
	width: 450px;
	right: -450px;
}
#right-contact a {
	color: #fff;
	text-decoration: underline;
}
#right-search {
	width: 307px;
	right: -275px;
}


#btn-contact,
#btn-download {	
	float: left;
	position: absolute;
	left: -70px;
	background-color: #0B4D94;
	line-height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	
	
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
#btn-download {	
	left: -85px;
}
#btn-download a {
	color: #fff;
}

#right-contact {
	top: 10px;
	z-index: 10;
	
}
#right-download {
	top: 83px;
	z-index: 11;
}

#btn-search-lupe{
	padding: 0;
	width: 32px;
	height: 32px;
	float: left;
	background-color: #0B4D94;
	background-image: url(../images/sprite_icons.png);
  background-position: -288px 0px;
  background-repeat: no-repeat;
	cursor: pointer;
}

#right-social-yt {
	position: fixed;
	right: 0px;
	top: 238px;
	padding: 0;
	width: 32px;
	height: 32px;
	background-color: #0B4D94;
	background-image: url(../images/sprite_icons.png);
  background-position: -320px 0px;
  background-repeat: no-repeat;
	z-index: 12;
}
#right-social-yt a {
	width: 32px;
	height: 32px;
	display: block;
}
#btn-contact,
#btn-download{
	float: left;
	cursor: pointer;
	width: 50px;
}
#btn-download{
	width: 65px;
}

#btn-search-text,
#btn-contact-text,
#btn-download-text {
	height: 32px;
	width: 450px;
	float: left;
	background-color: rgba(11,77,148,0.9);
}


#btn-contact-text,
#btn-download-text {
	height: 100%;
	min-height: 150px;
	width: 450px;
	position: relative;
	top: 32px;
}

#btn-download-text {
	padding: 25px;
	width: 400px;
	color: #fff;
}
ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: none;
}
#btn-download-text ul.csc-uploads li a{
	color: #fff;
	text-decoration: none;
}
#btn-download-text h1,
#btn-download-text h2,
#btn-download-text h3 {
	color: #fff;
	margin-top: 5px;
	margin-bottom: 15px;
}
#btn-download-text h2 {
	font-size: 16px;
  font-weight: 700;
  text-transform: none;
}
#btn-download-text h3 {
	margin-bottom: 5px;
}


ul.ce-uploads span {
	display: inline-block;
	margin-right: 10px;
}
ul.ce-uploads img {
	padding-right: 10px;
	margin-top: 2px;
}
ul.ce-uploads {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}




ul.ce-uploads li {
	margin: 0px;
	padding-bottom: 3px;
}
ul.ce-uploads li .csc-uploads-description {
	margin-left: 30px;
	font-size: 11px;
	color: #7C7B7C;
	line-height: 15px;
	padding-top: 2px;
	display: block;
}

#btn-search-text {
	width: 243px;
}



#btn-search-text input.tx-indexedsearch-searchbox-sword {
	height: 20px;
	width: 160px;
	padding: 2px;
	padding-left: 4px;
	margin-top: 4px;
	float: left;
	border: 0px;
}

#btn-search-text input.tx-indexedsearch-searchbox-button {
	width: 60px;
	background-color: transparent;
	color: #fff;
	padding: 2px;
	height: 28px;
	margin: 0px;
	margin-left: 4px;
	float: left;
	border: 0px;
}

#btn-search-close,
#btn-contact-close,
#btn-download-close {
	width: 32px;
	height: 32px;
	background-color: rgba(11,77,148,0.9) !important;
	background-image: url(../images/sprite_icons.png);
  background-position: -64px 0px;
  background-repeat: no-repeat;
	cursor: pointer;
	float: left;
}
#btn-contact-close,
#btn-download-close {
	position: absolute;
	right: 0px;
	top: 0px;
}

.bglayer {
    background: url("../images/bg_layer.png") repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}





#back-top {
    bottom: 25px;
    left: 918px;
    float: left;
    height: 32px;
    position: fixed;
    width: 32px;
    z-index: 500;
    background-color: #0B4D94;
    background-image: url(../images/sprite_icons.png);
    background-position: -96px 3px; 
    background-repeat: no-repeat;
}
#back-top a{
	display: block;
	width: 100%;
	height: 100%;
}
body.index #back-top {
	display: none !important;
}

.clearer {
	clear: both;
}

.element2cols .firstcol,
.element2cols .secondcol {
	width: 47%;
	float: left;
}

.element2cols .firstcol {
	margin-right: 25px;
}


figcaption.image-caption {
	font-size: 12px;
	line-height: 18px;
	padding: 5px 0;
}

.fancybox-overlay {
	background: url("../images/fancybox/fancybox_overlay.png") !important;
}

.fancybox-skin {
	padding: 0px !important;
	border: 1px solid #918f90 !important;
	border-radius: 0px !important;
}

.fancybox-title {
	font: 12px/18px 'Open Sans', sans-serif !important;
	background-color: #0B4D94;
	color: #fff !important;
	padding: 20px !important;
}

img.image-embed-item {
    border: 1px solid #DFDBDB !important;
}






/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-height: 700px) {
 	.mainmenu li a {
		font-size: 16px !important;
		font-weight: 300 !important;
	}
	.mainmenu ul {
		margin-top: 3px;
		margin-bottom: 8px;
	}
	.mainmenu li li,
	.mainmenu li li li {
		margin-bottom: 0px !important;
	}
	.mainmenu li li a {
		font-size: 12px !important;
		line-height: 16px !important;
	}
	.mainmenu li li li a {
		font-size: 11px !important;
		line-height: 15px !important;
	}
	.mainmenu li li li li a {
		font-size: 11px !important;
		line-height: 15px !important;
	}
	li { 
		line-height: 16px !important;
		margin-bottom: 5px !important; 
	}
	.logo img {
		width: 50%;
		height: 50%;
	}
	#main-nav {
		margin-top: 30px;
	}
	#main-header {
		margin-top: 15px;
	}
}






/* Socials */
.socials {
	width: 100%;
}

.socials .text {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	font-size: 12px;
}

.socials ul li{
	display: block;
	width: 26px;
	height: 26px;
	background-color: #929294;
	border-radius: 2px;
	margin-right: 4px;
}

.socials ul li a{
	display: block;
	width: 26px;
	height: 26px;
}
.socials ul li.social {
	background-image: url(../images/sprite_icons.png);
  background-repeat: no-repeat;
  width: 26px;
	height: 26px;
	display: block;
	float: left;
}

.socials ul li.fb  {
	background-position: -386px -3px;
}
.socials ul li.xing {
	background-position: -355px -3px;
}
.socials ul li.gplus {
	background-position: -418px -3px;
}


.dropdown-menu > li > a {
 clear: none !important;
}    




.dropdown-menu>li {	position:relative;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor:pointer;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: -15px;
    display:none;
}





.mainmenu ul {
	margin: 0;
	padding: 0;
	width: 220px;
}



.btn {
  border-radius: 0 !important;
  padding: 0px !important;
  line-height: 22px !important;
	border: 0px;
	vertical-align: top;
}

.btn-group > .btn, .btn-group-vertical > .btn {
	clear: left;
}


.btn-group.open .dropdown-toggle {
	box-shadow: none;
}


.dropdown-toggle {
	width: 22px;
	height: 22px;
	position: absolute !important;
	right: 0 !important;
	background-color: #0B4D94;
	
	background-image: url(../images/sprite_icons.png);
  background-position: -485px -5px; 
  background-repeat: no-repeat;
}

.dropdown-menu .dropdown-toggle {
	background-color: transparent;
	
	background-image: url(../images/sprite_icons.png);
  background-position: -485px -37px; 
  background-repeat: no-repeat;
}

ul.dropdown-menu {
	padding: 10px;
	border-radius: 0px;
	left: -10px;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: transparent;
	color: #333333;
}

.mainmenu ul li.level1,
.mainmenu ul li.level2,
.mainmenu ul li.level3,
.mainmenu ul li.level4 {
	width: 200px;
	position: relative;
}

div.csc-textpic div.csc-textpic-imagecolumn {
	display: inline-block;
}
div.csc-textpic-imagecolumn, 
td.csc-textpic-imagecolumn .csc-textpic-image {
	margin-right: 8px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 8px;
}


.csc-space-before-extra-small {margin-top: 10px;}
.csc-space-after-extra-small {margin-bottom: 10px;}
.csc-space-before-small {margin-top: 20px;}
.csc-space-after-small {margin-bottom: 20px;}
.csc-space-before-medium {margin-top: 30px;}
.csc-space-after-medium {margin-bottom: 30px;}
.csc-space-before-large {margin-top: 40px;}
.csc-space-after-large {margin-bottom: 40px;}
.csc-space-before-extra-large {margin-top: 50px;}
.csc-space-after-extra-large {margin-bottom: 50px;}