/**
 * Screen Stylesheet
 *
 * @function	Default screen stylesheet for all browsers
 * @framework	by Moritz Gießmann
 */

/**
 * @section CSS Reset based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * ----------------------------------------------------------
 */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/* Thanks to HTML5 Boilerplate */
html {height:100%;overflow-y:scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {height:100%;}
body,button,input,select,textarea {font-family: sans-serif;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes:"\201E" "\201C" "\201A" "\2018";}
input, select, textarea {outline: none;}
textarea {overflow: auto;}
button, input, select, textarea { margin: 0; }
input[type="radio"] { vertical-align: text-bottom;}
input[type="checkbox"] { vertical-align: bottom;}
.ie7 input[type="checkbox"] { vertical-align: baseline;}
.ie6 input { vertical-align: text-bottom;}
button, input, select, textarea { margin: 0;}
label, input[type=button], input[type=submit], button { cursor: pointer;}
abbr, acronym {cursor:help;border-bottom:1px dotted;}
svg:not(:root) {overflow: hidden;}
form {margin:0;}
fieldset {margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button,input {line-height: normal;*overflow: visible;}
table button,table input {*overflow: auto;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
input, select, textarea {-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; }
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {cursor: not-allowed;}

/**
 * @section Globals and typography
 * ----------------------------------------------------------
 */

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 2em;
	color: #5a5a5a;
	padding-top:50px;
}

.js body {
	padding-top:0;
}

a {text-decoration:none;}
a:hover, a:active {outline: none;}
a:focus {outline:1px dotted #666 ;}
/*a:active {position:relative;top:1px;}*/
del {text-decoration:line-through;color:#f00;}
ins {text-decoration:underline;	color:#0a0;}
em,i {	font-style:italic;}
strong,b {font-weight:bold;}
blockquote {margin-left:5px; padding-left:10px; font-style:italic; border-left:1px solid #dadada;}
code,pre {font-family:monospace;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;-ms-interpolation-mode: bicubic; line-height:0;}


@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('../fonts/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**
 * @section Misc helperclasses
 * ----------------------------------------------------------
 */

.scrText {display:block; text-indent:9999px; overflow:hidden; white-space:nowrap;}
.outtaHere {position:absolute;left:-100%;}
.left {float: left;margin: 0 0.5em 0 0;}
.right {float: right;margin: 0 0 0 0.5em;}
.cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
.cf{ *zoom:1; } /* IE6, IE7 */
.c {clear:both;}
.vaporized {display:none;}
.materialized {display:block;}

/*bgs*/
.bg-light {
	background: #f7f7f7;
}

.bg-dark {
	background: #e7e7e7;
}

.pb255 {
	padding-bottom: 255px;
}

/**
 * @section Skiplinks/NoScript
 * ----------------------------------------------------------
 */

.skiplinks em {position: absolute;top: 0;left: -9999px;z-index: 10000;}

.skiplinks a {
	display:block;
	width:12.5em;
	height:2.5em;
	border-radius:0 0 .3125em .3125em;
	text-align:center;
	box-shadow:0 1px 2px rgba(0,0,0,.3);
	line-height:2.5;
	margin-left:-6.25em;
	position:absolute;
	left:50%;
	top:-3.5em;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	color:#000;
	text-decoration:none;
	font-size:14px;

	background-color: #FAFAFA;
	background-image: -webkit-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6); /* FF3.6 */
	background-image:     -ms-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6); /* IE10 */
	background-image:      -o-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6); /* Opera 11.10+ */
	background-image:         linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
	background-repeat: no-repeat;
	border-color: #CCCCCC #CCCCCC #BBBBBB;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	cursor: pointer;
	display: inline-block;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.skiplinks a:focus {
    top:0;
outline:none;
}

.skiplinks a:hover {
   text-decoration: underline;
}

.noscript-alert {
	padding:10px 10px 10px 10px;
	background-color:#ffebc3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fceec1), to(#EEDC94)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fceec1, #EEDC94); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:-moz-linear-gradient(top, #fceec1, #EEDC94); /* FF3.6 */
	background-image:-ms-linear-gradient(top, #fceec1, #EEDC94); /* IE10 */
	background-image:-o-linear-gradient(top, #fceec1, #EEDC94); /* Opera 11.10+ */
	background-image:linear-gradient(top, #fceec1, #EEDC94);
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
	color:#404040;
	border-width:0 0 1px;
	border-style:solid;
	border-color:rgba(0,0,0,.25) rgba(0,0,0,.1);
	z-index:10000;
	position:fixed;
	top:0;
	font-size:14px;
	text-align:center;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
	line-height:30px;
	width: 100%;
}

.noscript-alert a {
	color:#404040;
	border-bottom:1px solid;
	font-weight:bold;
}

.noscript-alert > .inner {
	width:630px;
	margin:0 auto;
}

.noscript-alert .triangle,
.noscript-alert .triangle .inner {
	border-style:solid;
	width:0;
	height:0;
	position:relative;
	border-color:transparent;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	line-height:35px;
	_display:none;
}

.noscript-alert .triangle {
	position:relative;
	top:-3px;
	border-bottom-color:#900;
	border-width:0 21px 35px 21px;
	float:left;
}

.noscript-alert .triangle .inner {
	border-bottom-color:#fff;
	border-width:0 15px 25px 15px;
	left:-15px;
	top:7px;
}

.noscript-alert .triangle .inner span {
	position:relative;
	top:-3px;
	left:-4px;
	color:#000;
	font-size:22px;
}

/**
 * @section Container/Wrapper
 * ----------------------------------------------------------
 */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.container {
	width:100%;
	min-width: 960px;
}

.container.content {
	padding-top: 37px;
	padding-bottom: 180px;
}

.footer .inner,
.container.inner,
.container > .inner {
	margin: 0 auto;
	width: 960px;
	font-size:12px;
}

/**
 * @section Header
 * ----------------------------------------------------------
 */

.header {
	clear: both;
	position:relative;
	height: 90px;
}

.header .logo {
	margin-top: 17px;
	margin-left: -1px;
	float: left;
}

.header .logo a {
	width:240px;
	height:58px;
	display: block;
}

/**
 * @subsection Main-Navigation
 * ----------------------------------------------------------
 */

.nav {
	clear: both;
	list-style:none;
	display:block;
	background: #a7a7a7;
	font-family: TeXGyreAdventorBold, Verdana, Arial, sans-serif;
}

.nav ul {
	clear:both;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}

.sf-menu {
	line-height:1.0;
}

.sf-menu ul {
	position:absolute;
	text-align: center;
	top:-999em;
	left: -999em;
	width:10em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul ul{
	display: none !important;
}

.sf-menu ul .sf-sub-indicator{
	display: none !important;
}

.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}

/*.sf-menu > li {
	width: 20%;
}*/

.sf-menu > li > a {
	width: 100%;
	height: 50px;
	display: block;
	text-align: center;
}

.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:50px; /* match top ul list item height */
	z-index:99;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
	top:-999em;
}
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
	top:-999em;
}
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

/* SKIN */
.sf-menu {
	position: relative;
}

/* Level 1 */

.sf-menu:before,
.sf-menu > li > a:before {
	content: '';
	border-left: 1px solid #fff;
	height: 30px;
	width: 0;
	position: absolute;
	top:10px;
}

.sf-menu:before {
	left: auto;
	right: 0;
}

.sf-menu > li a:before  {
	right: auto;
	left: -1px;
}

.sf-menu a {
	font-size: 18px;
	/*padding:.75em 0;*/
	text-decoration:none;
	line-height: 48px;
}

/*.sf-menu > li > a {
	width: 192px;
}*/

.sf-navbar > li.sfHover > a,
.sf-menu > li.current > a,
.sf-menu > li.current > a:visited,
.sf-navbar li a:focus,
.sf-navbar li a:hover,
.sf-navbar li li.current a {
	color:#38679f!important;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu > li > a:focus,
.sf-menu > li > a:hover,
.sf-menu >li > a:active {
	outline:0;
}

.sf-menu > li.current > a {
	background: #d2d2d2;
}

.sf-menu li:first-child a {
	border-left:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}

/* Level 2 */

.sf-menu ul {
	background: #e7e7e7;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	font-family: TeXGyreAdventorRegular, Verdana, Arial, sans-serif;
}

.sf-menu li li {
	background:#e7e7e7;
}

.sf-menu li li a,
.sf-menu li li a:visited {
	border:none;
	color: #5a5a5a;
	font-size: 14px;
	display: inline;
	margin-left: 10px;
}

.sf-navbar li li.current a {
	font-weight: bold;
}

/* Level 3 */
.sf-menu li li li {
	background:#bbbbbb;
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			100%; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
	padding-left:10px;
	display: inline;
}

.sf-navbar li li:before {
	content:'|';
	position:relative;
	top:0px;
	font-size: 16px;
}

.sf-navbar li li:first-child:before {
	content:'';
}

.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			none;
	display: 		inline;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}


ul.sf-navbar .current:hover ul,
.js ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
}

ul.sf-navbar .current ul {
	left: -9999px;
}

ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar .sf-sub-indicator {
	text-indent: -9999px;
}

.sf-navbar > li > a > .sf-sub-indicator {
	width: 0;
	height: 0;
	border-color: #a7a7a7 transparent transparent transparent;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -16px;
	z-index: 10000;
	display: none;
}

.sf-navbar > li.current > a > .sf-sub-indicator {
	border-color: #d2d2d2 transparent transparent transparent;
}

/* apply hovers to modern browsers */
.sf-navbar a:focus > .sf-sub-indicator,
.sf-navbar a:hover > .sf-sub-indicator,
.sf-navbar a:active > .sf-sub-indicator,
.sf-navbar li:hover > a > .sf-sub-indicator,
.sf-navbar li.sfHover > a > .sf-sub-indicator {
	display: inline;
}

.ie7 .sf-navbar > li > a > .sf-sub-indicator,
.sf-navbar ul .sf-sub-indicator {
	display: none;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { display: none}
.sf-navbar ul a > .sf-sub-indicator { display: none}
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/**
 * @subsection Secondary-Navigation
 * ----------------------------------------------------------
 */

.content .sub-nav {
	margin: 0 0 15px 0;
}

.sub-nav * {
	list-style: none;
	font-family: TeXGyreAdventorRegular, Verdana, Arial, sans-serif;
}

.content .sub-nav li {
	padding: 0;
}

.sub-nav li a {
	display: block;
	border-left: 3px solid #4d7fbc;
	padding: 8px 0 9px 18px;
	background: #dedede url(../img/ico/bullet-blue.png) no-repeat 7px 16px;
	margin-bottom: 1px;
	color: #5a5a5a;
	font-size: 14px;
}

.sub-nav a:hover,
.sub-nav a:focus {
	background-color: #e5e5e5;
	text-decoration: none;
	color: #4c7fbc;
}

.sub-nav li.current a {
	background-color: #eee;
	color: #4c7fbc;
	border-color: #a6bfde;
}

/* Level 2 */
ul.sub-nav ul  {
	margin: 0!important;
	padding: 0;
}

.sub-nav ul  a {
	padding-left: 32px;
	background-position: 22px 16px;
}


/**
 * @subsection Global-Navigation
 * ----------------------------------------------------------
 */

.global-nav {
	margin:0;
	position:absolute;
	top:40px;
	right:0;
	list-style:none;
	font-family: TeXGyreAdventorRegular, Verdana, sans-serif;
	font-size: 14px;
}

.global-nav li {
	float:left;
	padding-left:10px;
}

.global-nav li:before {
	content:'|';
	position:relative;
	top:0px;
}

.global-nav li:first-child:before {
	content:'';
}

.global-nav li a {
	color:#606060;
	margin-left:10px;
}

.global-nav li a:hover,
.global-nav li.current  a {
	text-decoration:underline;
	color: #4C7FBC;
}

.global-nav li.lang a {
	padding: 0 10px;
	background: #d2d2d2;
}

/**
 * @section Breadcrumbs
 * ----------------------------------------------------------
 */

.content ol.breadcrumbs {
	margin:0 40px 49px 260px;
}

ol.breadcrumbs li {
	float:left;
	 padding-right:2px;
	*padding-right:15px;
	list-style: none;
}

ol.breadcrumbs li:before {
	content:'>';
	padding:0 5px;
}

ol.breadcrumbs li:first-child:before {
	content:'';
	padding:0;
}

ol.breadcrumbs a {
	color: #5a5a5a;
}

ol.breadcrumbs li a:hover,
ol.breadcrumbs li.current a {
	text-decoration:underline;
	color: #4c7fbc;
}

/**
 * @section Content
 * ----------------------------------------------------------
 */

.content {
	font-size:13px;
}

.main {
	width:485px;
	padding-bottom: 75px;
	float:left;
}

.main.fullWidth {
	width:960px;
}

.content h1, .content h2, .content h3, .content h4, .content h5 {
	color:#4c7fbc;
	margin-bottom:5px;
	line-height:1.1;
	font-family:TeXGyreAdventorBold;
}

.content h1 {
	font-size:24px;
}

.content h2 {
	font-size:18px;
}

.content h3 {
	font-size:16px;
	margin-bottom:8px;
}

.content h4 {
	font-size:14px;
	margin-bottom:8px;
}

.content h5 {
	font-size: 12px;
	font-weight: bold;
}

.content p {
	margin:0 0 18px 0;
	margin-bottom:18px;
}

.content img {
	border: 1px solid #d6d6d6;
}

.content img.left,
.content img.right,
.content .left img,
.content .right img {
	position: relative;
	top:.5em;
}

.content img.left,
.content .left img {
	float:left;
	margin:0 1em 1em 0;
}

.content img.right,
.content .right img {
	float:right;
	margin:0 0 1em 1em;
}

.content a {
	color: #4c7fbc;
}

.content a:hover,
.content a:focus {
	text-decoration: underline;
}

/* Lists */

.content ol {
	list-style:decimal;
	margin: 0 0 18px 20px;
	*margin: 0 0 18px 26px;
}

.content ol ol {
	list-style: lower-latin;
	margin-bottom:0;
}

.content ul {
	list-style:none;
	margin-bottom: 15px;
}

.content ul li {
	padding: 0 0 0 15px;
	background: url(../img/ico/bullet-blue.png) no-repeat 3px 6px;
}

.content ul ul {
	margin-bottom:0;
}

.content dl {
	margin-bottom:18px;
}

.content dl dt {
	font-weight:bold;
}

.content dl dd {
	padding-left:15px;
	font-style:italic;
}

/* Newsarchiv */
.content ul.yearlist {
	border-bottom: 1px solid #BEC5CD;
	padding: 0 0 25px;
}
.content ul.yearlist li{
	float: left;
	padding: 0;
	margin-right: 20px;
	background: none;
}
.content ul.newsarchiv li {
	padding: 0;
	margin-top: 15px;
	background: none;
	border-bottom: 1px solid #BEC5CD;
}

/* Tables */

.content table {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	margin:0 0 18px 0;
	width: 100%;
}

.content table td, .content table th {
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#eeeeee;
	padding:5px 8px;
}

.content table th {
	font-weight:bold;
}

/**
 * @section Sidebar
 * ----------------------------------------------------------
 */

.sidebar {
	width: 230px;
	float:left;
	padding-bottom: 75px;
}

.sidebar.left {
	margin-right: 30px;
}

.sidebar.right {
	margin-left: 35px;
	width: 180px;
	float:left;
}

/**
 * @section Footer
 * ----------------------------------------------------------
 */

.footer {
	font-family: TeXGyreAdventorRegular, Verdana, sans-serif;
	height: 189px;
	margin-top:-189px;
}

.footer .bg-light {
	padding: 30px 0 20px 0;
	border-top:1px solid #f1f1f1;
	-moz-box-shadow: 0 -1px 0 #f7f7f7;
	-webkit-box-shadow: 0 -1px 0 #f7f7f7;
	box-shadow: 0 -1px 0 #f7f7f7;
	position: relative;
}

.footer .bg-dark {
	padding: 15px 0;
	line-height: 28px;
}

/**
 * @subsection Client Logo Carousel
 * ----------------------------------------------------------
 */

.js .loading {
	width: 100%;
	height: 100%;
	background: #f9f9f9 url(../img/ico/ajax-loader.gif) center no-repeat;
	margin: 0;
	z-index: 5;
}

#carousel-clients li {
	list-style: none;
	margin-bottom: 20px;
}

.js #carousel-clients li {
	display: none;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 100%;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  100%;
    height: 80px;
}

.jcarousel-skin .jcarousel-item {
    width: 960px;
    height: 80px;
	text-align: center;
}

.jcarousel-skin .jcarousel-item img {
	margin:0 10px;
	/*margin:0 7px;*/
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin .jcarousel-prev-horizontal,
.jcarousel-skin .jcarousel-next-horizontal {
  display: none;
}

/**
 * @subsection Main Carousel on contenpage
 * ----------------------------------------------------------
 */
.mod-slider{
	width: 100%;
	height: auto /*180px*/;
	overflow: hidden;
	margin-bottom: 20px;
}
.mod-slider-list{
	padding: 0;
	margin: 0;
	min-width: 100%;
}
.js .mod-slider-list{
	padding: 0;
	margin: 0;
	min-width: 100%;
}
.mod-slider-list li.mod-slider-content{
	float: left;
	padding: 0;
	background: none;
}

/**
 * @subsection Teaser Carousel
 * ----------------------------------------------------------
 */

.jcarousel-teaser  {
	height: 358px;
	overflow: hidden;
	position: relative;
	border: 1px solid #cdcdcd;
	margin: 40px 0;
}

.jcarousel-teaser .jcarousel-controls {
	display: none;
}

.js .jcarousel-teaser .jcarousel-controls {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 960px;
	display: block;
	height: 36px;
}

.jcarousel-teaser .jcarousel-controls .pagination {
	display: inline-block;
	background: #fff;
	background: rgba(255,255,255,.5);
	padding: 10px 2px;
	width: auto;
	zoom:1;
}

.ie7 .jcarousel-teaser .jcarousel-controls .pagination {
	display: inline;
}

.jcarousel-teaser .jcarousel-controls .pagination a {
	background: url(../img/ico/slider-indicator-circles.png) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin:0 8px;
}

.jcarousel-teaser .jcarousel-controls .pagination a.current {
	background-position: 0 -21px;
}

#carousel-teaser-prev,
#carousel-teaser-next {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	background:url(../img/ico/double-arrow-blue-big.png) no-repeat;
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
}

#carousel-teaser-prev {
	background-position: 5px -23px;
	left: 30px;
}

#carousel-teaser-next {
	background-position: 5px 4px;
	right: 30px;
}

.jcarousel-teaser .jcarousel-container-horizontal {
    width: 100%;
}

.jcarousel-teaser .jcarousel-clip {
    overflow: hidden;
}

.js .jcarousel-teaser .jcarousel-clip {
 	display: none;
}

.jcarousel-teaser .jcarousel-clip-horizontal {
    width:  960px;
    height: 358px;
}

.jcarousel-teaser .jcarousel-item {
    width: 960px;
    height: 358px;
	text-align: center;
}

.jcarousel-teaser .jcarousel-item img {
}

.jcarousel-teaser .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 0;
}


/* Portlets */
.portlets {
	padding: 30px 0;
}

.portlets li {
	width: 300px;
	float: left;
	list-style: none;
	padding-left: 30px;
}

.portlets li:first-child {
	padding-left: 0;
}

.portlets h2{
	font-size: 20px;
	margin-bottom: 14px;
}

.portlets a{
	color: #4c7fbc;
}

.portlets p a{
	color:#5A5A5A;
	background:url(../img/ico/double-arrow-blue-right-small.png) 100% 100% no-repeat;
	padding-right:14px;
}


/* Cols */

.col-left h2,
.col-right h2 {
	font-size: 20px;
	color: #4c7fbc;
	margin-bottom: 14px;
}

.col-left a p,
.col-right a p{
	color: #5A5A5A;
}

/* Col-left, N3ws */
.col-left{
	padding: 40px 38px 0 0;
	width: 461px;
	float: left;
}

.n3ws {
	list-style: none;
	border-top:1px solid #d6d6d6;
}

.n3ws li a {
	display: block;
	border-bottom: 1px solid #d6d6d6;
	background: url(../img/ico/double-arrow-blue-right-small.png) 99% 50% no-repeat;
	padding: 17px 24px 17px 6px;
	color: #4c7fbc;
}

.n3ws li a:hover,
.n3ws li a:focus {
	background-color: #f7f7f7;
}

.n3ws p,
.n3ws h3 {
	padding:0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;

}

.n3ws h3 {
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
	color: #4c7fbc;
	/*display: inline;*/
}
.n3ws .date {
	padding-right:7px;
	color:#5A5A5A;
	font-size: 12px;
	float: left;
	min-height:55px;
  	height:auto !important;  /* für moderne Browser */
  	height:55px;  /*für den IE */
	width: 75px;
	display: block;
}

/* Col-right */
.col-right {
	padding-top: 40px;
	float:right;
	width: 461px;
}

.col-right h4 {
	font-size: 14px;
	color: #4c7fbc;
	font-weight: bold;
}

.col-right .date {
	display: block;
	width: 100%;
	height: 29px;
	line-height: 29px;
	color:#5A5A5A;
	padding-left: 6px;
	margin-top:28px;
}
/*====================================================
Contactform
=====================================================*/
form#contactform {
	margin:1em 0;
	padding:0;
}
form#contactform h2 {
	margin:0 0 1em;
	padding:0;
}
form#contactform fieldset {
	/*border-color:#dadada;*/
	border-color:#acacac;
	border-style:solid;
	border-width:1px 0 0;
	margin:1.5em 0;
	padding:1em 0;
	position:relative;
}
form#contactform legend {
	color:#606060;
	font-size:117%;
	margin:0;
	padding-right:5px;
}
form#contactform p {
	clear:left;
	margin:0 0 0.5em;
	padding:0;
}
form#contactform img {
	margin:0 0 0 150px;
}
form#contactform label {
	display:block;
	float:left;
	padding:0.3em 10px 0.3em 0;
	position:relative;
	width:140px;
}
form#contactform #privacyField label {
	float: none;
	width: auto;
}
form#contactform #privacyField input {
	float: left;
	margin: 6px 0;
	margin-right: 8px;
}
form#contactform #interests label,
form#contactform #intentions label {
	display: inline;
	float:none;
	padding:0.3em 10px 0.3em 0;
}
form#contactform #interests span,
form#contactform #intentions span {
	width: 153px;
    display: inline-block;
}
form#contactform label strong {
	left:365px;
	position:absolute;
	top:0.3em;
	width:180px;
}
form#contactform input[type="text"]{
	width:200px;
}
form#contactform fieldset textarea{
	height:150px;
	overflow:auto;
	width:350px;
}

form#contactform select{
	width:205px;
}

form#contactform input[type="checkbox"] {
	position:relative;
	top:1px;
}

form#contactform fieldset#call-back label,
form#contactform fieldset#info-request label {
	display:inline;
	float:none;
	padding-right:0;
	width:auto;
}

#contactform .input-text,
#contactform textarea {
	background:url(../img/bg_input.gif) repeat-x top;
	/*border:1px solid #dadada;*/
	border:1px solid #acacac;
	padding:3px;
}

#contactform .input-text:focus,
#contactform textarea:focus {
	border-color:#5a5a5a;
}


/**
 * @subsection Social Media Icons
 * ----------------------------------------------------------
 */

.social {
	display: inline;
	float: right;
}

.social li {
 	list-style: none;
 	float: left;
 	margin-left: 10px;
 }

 .social li a {
 	display: block;
 	float: left;
 	height: 28px;
 }

 /**
 * @subsection Referenzen
 * ----------------------------------------------------------
 */
 /*.referenzen:hover img{ display: none; }
 .referenzen span{ display: none; }
 .referenzen:hover span{ display: block; text-align:center;}*/


 /* Grauer Container für Bild und Fließtext */
 .grey-container {
 	background: #eeeeee;
 	box-sizing: border-box;
	padding: 10px;
	display: table;
	margin-bottom: 18px;
	width: 100%;
 }

 .grey-container .left,
 .grey-container .right {
 	display: table-cell;
 	float: none;
 	margin: 0;
 	vertical-align: middle;
 }

 .grey-container .right {
 	text-align: right;
 }

 .grey-container .left img,
 .grey-container .right img {
 	float: none;
 	margin-bottom: 0;
 	position: static;
 	vertical-align: middle;
 }

 .grey-container p {
 	display: table-cell;
 	vertical-align: middle;
 }

 .grey-container > p:first-child {
 	padding-right: 10px;
 }

 .is-hidden {
 	display: none;
 }



 /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/ico/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/ico/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/ico/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/ico/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.authorized-download-icon {
	height: 14px;
	margin-right: 3px;
	vertical-align: middle;
	border: none!important;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/ico/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/ico/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}