* {
	margin: 0;
	padding: 0
}
html {
	min-height: 101%
}
@font-face {
	font-family: "libsans";
	src: url("fonts/LiberationSans-Regular.ttf")
}
body {
	width: 100%;
	font-family: arial, libsans, liberation sans, sans-serif;
	font-size: 10pt;
	color: #555;
	line-height: 1.2;
	background: url('img/bg_kachel.png') repeat fixed #ece6e8
}
#wrapper {
	background: #fff
}
#skip-menu {
	display: inline-block;
	margin: 25px 30px
}
#header {
	padding: 0px 30px 30px
}
.meta-above {
	display: none
}
.meta-below {
	padding: 0
}
#header {
	clear: both
}
#header .w-hs-logo img {
	float: right;
	width: 119px;
	margin-top: 7px
}
#header .main-title img {
	width: 100px;
	margin-right: 25px;
	margin-bottom: 25px;
	float: left
}
#header .main-title .site-title {
	color: #587993;
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 5px
}
#header .main-title .site-title.small {
	display: block;
	font-size: 1.3em;
	padding-top: 0;
	font-weight: normal
}
.meta, .small, #breadcrumb {
	font-size: 0.9em
}
.search {
	margin-bottom: 2em
}
.search input:first-child {
	background: none repeat scroll 0 0 #f1f1f1;
	border: 1px solid #555;
	height: 20px;
	line-height: 2;
	margin-right: 1em;
	padding: 0.25em 1em;
	width: 150px
}
.search input:first-child:active, .search input:first-child:focus {
	border: 1px dotted #555
}
.search input:last-child {
	background: none repeat scroll 0 0 #555;
	border: 1px solid #555;
	color: #f1f1f1;
	font-weight: bold;
	line-height: 2;
	width: 45px;
	height: 27px
}
.search input:last-child:focus {
	border: 1px dotted #f1f1f1
}
.search input:last-child:active {
	box-shadow: inset 0 0 5px #f1f1f1;
	border: 1px dotted #f1f1f1
}
.meta &gt;

ul {
	margin-top: 25px
}
.meta ul li {
	line-height: 2;
	margin: 0.1em 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	background: url('img/meta-pipe.png') left top no-repeat scroll transparent
}
.meta ul li:first-child {
	background: none
}
.meta a {
	color: #555
}
.meta ul li a {
	display: inline-block;
	padding: 0 1em 0 1.3em
}
.meta ul li:first-child a {
	padding-left: 0
}
.meta ul li:last-child a {
	padding-right: 0
}
.meta ul li.switchlang {
	padding-top: 2px;
	position: static;
	margin: 0;
	text-align: left
}
li.switchlang &gt;

div {
	display: none
}
.meta a:hover, .meta a:active, .meta a:focus, .meta .active-item a {
	color: #951d40
}
#main-menu .open-menu {
	display: block;
	background: #587993;
	margin: 0 30px 30px;
	padding: 0.5em 1em
}
#main-menu {
	clear: both;
	margin-bottom: 25px
}
#main-menu ul {
	padding: 0 30px
}
#main-menu li {
	display: block;
	margin-bottom: 2px
}
#main-menu li a {
	background: none repeat scroll 0 0 #587993;
	color: #f1f1f1;
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	font-weight: bold
}
#main-menu li a:hover, #main-menu li a:active, #main-menu li a:focus, #main-menu li.active a {
	background: none repeat scroll 0 0 #951D40
}
#to-top {
	margin-top: 50px;
	padding: 0 65px;
	text-align: right
}
#to-top a {
	background: url("img/double-arrow-up-blue.png") no-repeat scroll left center transparent;
	padding-left: 27px
}
#to-top a:hover, #to-top a:active, #to-top a:focus {
	background: url("img/double-arrow-up-red.png") no-repeat scroll left center transparent;
	padding-left: 27px
}
#to-top {
	clear: both
}
#footer {
	clear: both;
	padding: 30px;
	border-bottom: 7px solid #555
}
#footer h2 {
	clear: both;
	margin: 50px 0 25px;
	font-size: 1em
}
#footer .about {
	float: left;
	margin-top: 25px
}

.about p{
	float: right;
}

#footer .powered-by {
	float: left;
	margin-right: 25px
}
#footer .powered-by h2 {
	margin: 0
}
#footer img.ifislogo {
	display: block;
	margin-bottom: 25px;
	width: 100px
}
.footer-menu {
	padding: 0 30px
}
.footer-menu ul li {
	display: block;
	margin-bottom: 2px
}
.footer-menu ul li a {
	background: none repeat scroll 0 0 #555;
	color: #F1F1F1;
	display: block;
	font-weight: bold;
	padding: 0.5em 1em;
	text-decoration: none
}
.footer-menu ul li a:hover, .footer-menu ul li a:focus, .footer-menu ul li a:active {
	background: url("img/submenu_active_arrows-right.png") no-repeat scroll 95% center / 10px auto #555
}
.footer-logos ul li {
	display: inline-block;
	margin: 0 25px 25px 0;
	vertical-align: middle
}
.footer-logos img {
	max-height: 70px;
	max-width: 275px
}
#footer .social-media ul li {
	display: inline-block;
	padding-right: 1em
}
#footer .social-media a {
	width: 40px;
	height: 40px;
	text-indent: -999em;
	display: block
}
#footer .social-media a.facebook {
	background: url('img/social/facebook_bw.png') no-repeat scroll transparent
}
#footer .social-media a.facebook:hover, #footer .social-media a.facebook:active, #footer .social-media a.facebook:focus {
	background: url('img/social/facebook.png') no-repeat scroll transparent
}
#footer .social-media a.twitter {
	background: url('img/social/twitter_bw.png') no-repeat scroll transparent
}
#footer .social-media a.twitter:hover, #footer .social-media a.twitter:active, #footer .social-media a.twitter:focus {
	background: url('img/social/twitter.png') no-repeat scroll transparent
}
#footer .social-media a.google {
	background: url('img/social/google_plus_bw.png') no-repeat scroll transparent
}
#footer .social-media a.google:hover, #footer .social-media a.google:active, #footer .social-media a.google:focus {
	background: url('img/social/google_plus.png') no-repeat scroll transparent
}
#footer .social-media a.youtube {
	background: url('img/social/youtube_bw.png') no-repeat scroll transparent
}
#footer .social-media a.youtube:hover, #footer .social-media a.youtube:active, #footer .social-media a.youtube:focus {
	background: url('img/social/youtube.png') no-repeat scroll transparent
}
#footer .social-media a.github {
	background: url('img/social/ifis_github.png') no-repeat scroll transparent
}
#footer .social-media a.github:hover, #footer .social-media a.github:active, #footer .social-media a.github:focus {
	background: url('img/social/ifis_github_hover.png') no-repeat scroll transparent
}
.footer-partner ul li {
	list-style: none;
	display: inline-block;
	margin: 0 25px 25px 0;
	vertical-align: middle
}
.partner-logo img {
	max-height: 95px;
	max-width: 350px
}
p, #content ul, .csc-textpic-imagewrap, .ifisroutenplaner {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}
h1, h2, h3, h4, h5 {
	margin-bottom: 1em
}
h1 {
	font-size: 2em;
	font-weight: normal;
	color: #951d40
}
h2 {
	font-size: 1.5em;
	font-weight: bold
}
h3 {
	font-size: 1.3em;
	font-weight: bold
}
h4 {
	font-size: 1.2em;
	font-weight: bold
}
h5 {
	font-size: 1em;
	font-weight: bold
}
a {
	color: #587993;
	text-decoration: underline
}
a:hover, a:active, a:focus {
	color: #951d40
}
img {
	max-width: 100%;
	height: auto
}
a img {
	border: 0
}
.csc-textpic-intext-right img {
	margin: 25px 0 19px 19px;
	padding-right: 1em
}
.csc-textpic-intext-left img {
	margin: 25px 19px 19px 0;
	padding-left: 1em
}
input {
	font-size: inherit;
	font-family: inherit;
	color: inherit
}
#content ul, #content ol {
	margin-left: 25px
}
#content ul, #content ol {
	padding-left: 15px;
	margin-bottom: 1.5em
}
#content ul {
	list-style-type: square
}
#content ul li {
	margin-bottom: 1em
}
#content ul ul {
	margin-left: 0;
	margin-top: 15px
}
.csc-frame-rulerBefore {
	border-top: 3px solid #dcdcdc;
	clear: both;
	margin-top: 50px;
	padding-top: 15px
}
.csc-textpic-caption {
	font-size: 0.8em
}
.glossary_list_entry_navigation .innerTableWithEntries &gt;

a {
	display: block
}
.glossary_page_navigation p &gt;
a, .glossary_page_navigation p &gt;
b, .searchform_tx_sgglossary_pi1 p &gt;
a, .searchform_tx_sgglossary_pi1 p &gt;

b a {
	margin-right: 0.5em
}
.tx-sgglossary-pi1 .glossary_page_navigation a:after, .tx-sgglossary-pi1 .searchform_tx_sgglossary_pi1 a:after {
	content: ""
}
.employee-box-overview .employee-box {
	float: left
}
.employee-box {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 47%;
	border: 2px solid #587993
}
.employee-box .csc-textpic-image img {
	width: 75px;
	height: auto
}
.employee-box .csc-textpic-text {
	margin-left: 0
}
.employee-box .csc-textpic {
	background: #587993;
	color: #f1f1f1
}
.employee-box div.csc-textpic .csc-textpic-imagewrap {
	background: #587993;
	color: #f1f1f1;
	max-height: 90px;
	overflow: hidden
}
.employee-box .csc-textpic a {
	color: #f1f1f1;
	text-decoration: none
}
.employee-box div.csc-textpic .csc-textpic-imagewrap, .employee-box div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0
}
.employee-box .csc-textpic-text h2 {
	margin-bottom: 1em;
	margin-top: 1.5em;
	font-size: 1em
}
.employee-box .bodytext {
	font-size: 0.8em;
	margin-bottom: 1em
}
.csc-frame-rulerAfter .employee-box .csc-textpic {
	background-color: #951d40
}
.csc-frame-rulerAfter .employee-box {
	border-color: #951d40
}
.csc-frame-rulerAfter {
	margin-bottom: 3em
}
#content .csc-frame-rulerAfter {
	margin-bottom: 3em;
	background-color: #951d40;
	color: white;
	height: 210px !important;
	width: 555px;
	width: 100%
}
#content .csc-frame-rulerAfter .csc-textpic-text {
	margin-left: 170px;
	margin-top: 8px;
	color: white
}
.csc-frame-rulerAfter {
	margin-bottom: 3em
}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	float: left
}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
	overflow: hidden
}
.csc-frame-rulerAfter .employee-box .csc-textpic {
	height: 205px !important
}
.csc-frame-rulerAfter a {
	text-decoration: none;
	color: white
}
.csc-frame-rulerAfter div.csc-textpic .csc-textpic-imagewrap img {
	border: none;
	display: block;
	width: 155px
}
.csc-frame-rulerAfter .csc-textpic-image.csc-textpic-last {
	margin-left: 2px;
	margin-top: 2px
}
.csc-frame-rulerAfter .csc-textpic .csc-textpic-imagewrap img {
	height: 205px !important
}
/*
ul.csc-uploads.csc-uploads-2 .li-even {
	float: left;
	width: 150px;
	background: #f2f2f2;
	margin-left: 15px;
	padding: 5px
}
ul.csc-uploads.csc-uploads-2 .li-odd {
	float: left;
	width: 150px;
	margin-left: 15px;
	background: #f2f2f2;
	padding: 5px
}

ul.csc-uploads.csc-uploads-2 img {
	background: white
}
ul.csc-uploads.csc-uploads-2 {
	width: 190px
}
span.csc-uploads-description {
	margin-top: 15px;
	float: left;
	width: 90%;
	margin-left: 0px
}
.csc-uploads.csc-uploads-2 {
	list-style-type: square;
	width: 100% !important
}
.csc-uploads.csc-uploads-2 img {
	margin-bottom: 15px;
	border: 1px solid #cdcdcd
}
.csc-uploads.csc-uploads-2 a {
	margin-top: 50px
}
span.csc-uploads-fileName {
	min-height: 325px;
	max-height: 325px
}
*/


@media (max-width:460px) {
	#content .csc-frame-rulerAfter {
		margin-bottom: 3em;
		background-color: #951d40;
		color: white;
		height: 210px !important;
		width: 320px
	}
	#content .csc-frame-rulerAfter .csc-textpic-text {
		margin-left: 170px;
		margin-top: 20px;
		color: white;
		font-size: 7.5pt;
		line-height: 1.0
	}
	.csc-frame-rulerAfter div.csc-textpic .csc-textpic-imagewrap img {
		border: none;
		display: block;
		width: 125px
	}
	#content .csc-frame-rulerAfter .csc-textpic-text {
		margin-left: 45%;
		margin-top: 20px;
		color: white;
		font-size: 7.5pt
	}
	#content .csc-frame-rulerAfter {
		margin-bottom: 3em;
		background-color: #951d40;
		color: white;
		height: 210px !important;
		width: 100%
	}
	#content .csc-frame-rulerAfter {
		margin-bottom: 3em;
		background-color: #951d40;
		color: white;
		height: 210px !important;
		width: 555px;
		width: 100%
	}
}
@media (max-width:460px) {
	div.csc-textpic-intext-right .csc-textpic-imagewrap {
		float: left;
		margin-left: 20%
	}
	.social-media a {
		margin-top: 10px
	}
	.footer-logos img {
		max-height: 55px;
		max-width: 95px
	}
	.csc-textpic-text h1 {
		float: left;
		width: 320px
	}
}
.csc-frame-indent img {
	float: right;
	margin-right: 25px
}
.employee-box .csc-textpic {
	height: 255px !important;
	background: #587993;
	color: #f1f1f1
}
.employee-box div.csc-textpic .csc-textpic-imagewrap {
	background: #587993;
	color: #f1f1f1;
	max-height: none !important;
	overflow: visible !important
}
.employee-box .csc-textpic-image img {
	width: 160px !important
}
.csc-textpic-imagewrap {
	margin-right: 0px
}
.employee-box .csc-textpic-text {
	padding-top: 185px;
	width: 150px !important;
	margin-left: 5px
}
.employee-box .bodytext {
	display: none !important
}
.employee-box div.csc-textpic .csc-textpic-imagewrap, .employee-box div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-top: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 155px !important;
	margin-bottom: 0;
	max-height: 205px;
	overflow: hidden
}
.employee-box .csc-textpic {
	background: #587993;
	color: #f1f1f1
}
.employee-box .csc-textpic-text {
	padding-top: 195px;
	width: 150px !important;
	margin-left: 5px
}
.employee-box {
	width: 155px;
	margin-right: 40px;
	margin-bottom: 15px
}
div.csc-textpic .csc-textpic-imagewrap img {
	border: none;
	display: block
}
@media (max-width:450px) {
	.employee-box {
		width: 45%;
		margin-right: 5px;
		margin-bottom: 15px
	}
}
.employee-box .csc-textpic-text {
	width: 150px !important;
	margin-left: 5px
}
@media (min-width:450px) {
	#skip-menu {
		max-width: 40%
	}
}
@media (min-width:700px) {
	#footer img.ifislogo {
		float: left;
		margin-right: 25px;
		margin-top: 5px;
		display: block;
		margin-bottom: 0px
	}
}
@media (min-width:1024px) {
	.meta-below {
		display: none
	}
	.meta-above {
		display: block;
		padding-left: 30px
	}
	.meta ul li.switchlang {
		right: 30px;
		text-align: right;
		top: 30px
	}
	#wrapper {
		width: 1005px;
		margin: 0 auto
	}
	#skip-menu {
		display: none;
		visibility: hidden
	}
	#header {
		padding: 15px 65px 25px
	}
	#footer {
		padding: 25px 65px
	}
	.meta {
		text-align: right;
		padding: 10px 65px
	}
	.meta, .small {
		font-size: 0.8em
	}
	.meta .footer-link {
		float: left
	}
	.meta ul, .search {
		display: inline-block;
		vertical-align: top
	}
	.search {
		margin-right: 3em;
		margin-bottom: 1em;
		float: left
	}
	.meta &gt;

	ul {
		margin-top: 0
	}
	#header .main-title {
		text-align: center;
		padding-right: 266px
	}
	#header .main-title img {
		width: 140px;
		margin-right: 65px;
		margin-bottom: 25px;
		float: left
	}
	#header .main-title .site-title {
		text-align: center;
		font-size: 1.9em;
		font-weight: normal;
		padding-top: 15px
	}
	#header .w-hs-logo img {
		float: right;
		margin-top: 23px;
		width: 198px
	}
	#main-menu .open-menu {
		display: none
	}
	#main-menu ul, #sub-menu {
		display: block !important
	}
	#main-menu ul {
		padding: 0 40px;
		background: #587993
	}
	#main-menu li {
		display: inline-block;
		border-right: 2px solid #f1f1f1;
		margin-bottom: 0
	}
	#main-menu li:first-child {
		border-left: 2px solid #f1f1f1;
		margin-left: 0
	}
	#footer .powered-by {
		margin-right: 50px
	}
	#footer .social-media ul li {
		padding-right: 3em
	}
	.footer-menu {
		padding: 0
	}
	.footer-menu ul {
		background: #555;
		clear: both;
		display: block;
		overflow: hidden;
		padding: 6px 30px 6px
	}
	.footer-menu ul li {
		display: inline-block;
		margin-right: 22px
	}
	.footer-menu ul li a {
		display: block;
		background: url("img/footer_menu_arrow-right_white.png") no-repeat scroll left center / 6px auto transparent;
		padding: 0 0 0 15px;
		color: #f1f1f1;
		text-decoration: none;
		font-weight: normal
	}
	.footer-menu ul li a:hover, .footer-menu ul li a:active, .footer-menu ul li a:focus {
		background: url("img/footer_menu_arrow-right_white.png") no-repeat scroll left center / 6px auto transparent;
		text-decoration: underline
	}
	.name-of-person {
		color: #527490;
		font-weight: bold
	}
}
@media (max-width:300px) {
	#header, #main-menu ul, div.contentpage, #to-top, div.footer-menu, #footer {
		padding-left: 5px;
		padding-right: 5px
	}
	#main-menu .open-menu {
		margin-left: 5px;
		margin-right: 5px
	}
}