/*	---------------------------------------------------------------------- */
/*	
	Name: sik-isea.ch
	Date: July 2014
	Version: 1.0
	Author: Daniel Baumgartner
	Autor URI: icontel.com
*/
/*	---------------------------------------------------------------------- */

/*	---------------------------------------------------------------------- */
/* 	colors
	
	Pink			#E50083
	Gold			#E9C76F
	Grey			#F3F3F3
	Green			#96FFD4
	Red				#FF6B7A
	Blue			#A2C6FF
	Yello			#F7FF5E
	Error Red		#DD111F
	
	Grey			#292929 --- footerContent BG, 
	Grey			#707070 ---
	Grey			#878787 --- hover sideNav, All links Hover
	Grey			#A5A5A5 ---
	Grey			#ACACAC --- searchField icon,
	Grey			#F3F3F3 --- Link BG 
	
*/
/*	---------------------------------------------------------------------- */

/*	---------------------------------------------------------------------- */
/* 	DNN Overwrite */
/*	---------------------------------------------------------------------- */

.Normal, .NormalDisabled, .NormalDeleted { 
    color: #000000;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    display: inherit;
    font-family: inherit;
    font-weight: inherit;
}
 
/*	---------------------------------------------------------------------- */
/* 	global */
/*	---------------------------------------------------------------------- */

.sikartSearch-container input { -webkit-appearance: none; -webkit-border-radius: 0; }

body, html, button, input, select, textarea {
    color: #000000;
}

body {
	background: #D3D3D3;
    font-family: 'AGaramond-Regular', Times, serif;
	font-size: 22px;
	line-height: 1.35em;
	padding-top: 100px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.startpage { padding-top: 0; }

.wrapper {
	width: 88%;
    max-width: 1140px;
	margin: 0 auto;
	padding: 0 6%;
}

.nowrapper {
    margin: 0;
	padding: 0;
}

/* 	404 */
div.fourofour {
	color: #DD111F;
	font-size: 3em;
    margin-top: 2em;
    text-align: center;
}
p.fourofour {
	background: #FFFFFF;
	color: #DD111F;
	padding: 1.5em;
	width: 50%;
	margin: 0 auto 2em auto !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*	---------------------------------------------------------------------- */
/* 	fonts */
/*	---------------------------------------------------------------------- */

/* Headings */
h1, h2, h3, h4, h5 { font-style: normal; margin: 0; padding: 0; }
h1, h2 { font-family: 'AGaramond-Regular', Times, serif; }
h3 { font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif; }
h1 {
	font-size: 1.9em;
	font-weight: 300;
	line-height: 1.25em;
	margin-bottom: 0.7em;
}	
h2 {
	font-size: 1.363em;
	font-weight: 300;
	line-height: 1.25em;
	margin-bottom: 1em;
}
h3 {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.35em;
}
.apercu {
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
}
.small {
	font-size: 0.777em;
	line-height: 1.25em;
}
.apercu.small {
	font-size: 0.636em;
    line-height: 1.6em;
}
.heading {
	font-family: 'AGaramond-RegularSC', Times, serif;
	font-size: 0.818em;
	line-height: 1.25em;
}
.labelProjektInfo {
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	font-size: 0.636em;
	line-height: 1.6em;
}
.projektInfo {
	font-size: 0.636em;
	line-height: 1.6em;
}
.imgCaption {
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.636em;
	line-height: 1.35em;
}
.apercu .bold, .apercu.bold { font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif; }


p, pre { margin: 0 0 1em 0;}
p:last-child, pre:last-child { margin: 0;}
b, strong { font-family: 'GaramondURW-Dem', Times, serif; font-weight: normal; font-style: normal; }
.apercu b, .apercu strong, figcaption b, figcaption strong { font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif; }
p, a, h1, h2, h3, h4, h5, strong, b, i, em, body {
  	-moz-hyphens: none !important;
  	-ms-hyphens: none !important;
  	-webkit-hyphens: none !important;
  	hyphens: none !important;
}

.pink { color: #E50083; }
.gold { color: #E9C76F; }
.grey { color: #F3F3F3; }
.green { color: #96FFD4; }
.red { color: #FF6B7A; }
.blue { color: #A2C6FF; }
.yello { color: #F7FF5E; }

/* Anchors */
a, a:visited, a img, a img:visited {
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	font-style: normal;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}
a.underline { text-decoration: underline; }
a:hover, a:active {
	color: #878787;
	text-decoration: underline;
}
.row-content a {
	font-family: 'AGaramond-Italic', Times, serif;
	text-decoration: underline;
}
.row-content a:hover {
	background: #F3F3F3;
	color: #000000;
}

a img { border: none; }
a img:hover, a img:active {
	border: none;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}
a:focus {
	-moz-outline-style: none;
	outline: none;
}

.row-content .content ul, .shopRightColumn.teamDetails .text ul {
	list-style: disc;
	margin: 1em 0;
	padding: 0 0 0 1em;
}
.row-content .content ul li, .shopRightColumn.teamDetails .text ul li {
    margin: 0.2em 0;
    padding: 0;
}

.transition {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

hr {
    display: block;
	clear: both;
    height: 1px;
    border: 0;
    border-top: 1px solid #000000;
    margin: 1em 0;
    padding: 0;
	width: 100%;
}
hr.dashed { border-style: dashed; }

img {
    vertical-align: middle;
	max-width: 100%;
	/*image-rendering: -moz-crisp-edges;         /* Firefox */
    /*image-rendering:   -o-crisp-edges;         /* Opera */
    /*image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    /*image-rendering: crisp-edges;
    /*-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}
input, textarea { outline:none; }
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

::-moz-selection {
	background: #F3F3F3;
    color: #000000;
}
::selection {
    background: #F3F3F3;
    color: #000000;
}
::-webkit-selection {
	background: #F3F3F3;
	color: #000000;
}

/*	---------------------------------------------------------------------- */
/* 	icons */
/*	---------------------------------------------------------------------- */

.arrow_big_right, .arrow_big_left, .arrow_small_right, .arrow_small_left {
	background: no-repeat center center;
	display: block;
}
.arrow_big_right.pink, .arrow_small_right.pink { background-image: url(../content/icons/arrow_pink_right.png); }
.arrow_big_left.pink, .arrow_small_left.pink { background-image: url(../content/icons/arrow_pink_left.png); }
.arrow_big_right.black, .arrow_small_right.black { background-image: url(../content/icons/arrow_black_right.png); }
.arrow_big_left.black, .arrow_small_left.black { background-image: url(../content/icons/arrow_black_left.png); }

.arrow_big_right, .arrow_big_left {
	height: 21px;
	width: 30px;
	background-size: 30px 21px;
	vertical-align: calc(-1px);
}
.arrow_small_right, .arrow_small_left {
	height: 16px;
	width: 22px;
	background-size: 22px 16px;
}
	.footer-content a .arrow_small_right {
		display: inline-block;
		margin: 0 0 0 7px;
		vertical-align: text-bottom;
		-webkit-transition: all 150ms ease-in-out;
		-moz-transition: all 150ms ease-in-out;
		-ms-transition: all 150ms ease-in-out;
		-o-transition: all 150ms ease-in-out;
		transition: all 150ms ease-in-out;
	}
	.footer-content a:hover .arrow_small_right { margin: 0 0 0 12px; }
	.footer-content .last-container a .arrow_small_right { margin: 0 30px 0 7px; }
	.footer-content .last-container a:hover .arrow_small_right { margin: 0 25px 0 12px; }

/*	---------------------------------------------------------------------- */
/* 	layout */
/*	---------------------------------------------------------------------- */

/*	---------------------------------------------------------------------- */
/* 	main elements */
.header-container {
    background: #FFFFFF;
    top: 0;
	height: 80px;
    position: fixed;
    width: 100%;
	z-index: 100;
	border-bottom-width: 10px;
	border-bottom-style: solid;
}
/* .header-container.admin { height: 60px; } */
/* .header-container.loggedin.intranetusers { top: 0px; height: 80px; } */
body.startpage .header-container { border: none; }
body.startpage .header-container.white { background: rgba(0,0,0,0); }
body.startpage .header-container.white:hover { background: rgba(0,0,0,0.7); }
body.startpage .header-container.black { background: rgba(255,255,255,0); }
body.startpage .header-container.black:hover { background: rgba(255,255,255,0.85); }
body.startpage .header-container.white.shadow, body.startpage .header-container.black.shadow { background: #FFFFFF; }

.mainimg-container {
    margin: 0;
    padding: 0;
    position: relative;
}

.main-container {
	min-height: 200px;
    padding-bottom: 2em;
}
body.startpage .main-container { padding-top: 0; }

.footer-container {
    position: relative;
    z-index: 1;
    background: #000000;
	color: #FFFFFF;
	width: 100%;
}

/*	---------------------------------------------------------------------- */
/* 	rows - columns */

.row { margin: 2em 0; }

.column_1_2, .column_2_2, .column_1_1_4, .column_2_1_4, .column_3_1_4, .column_4_1_4, .column_1_3_4, .column_2_3_4 { position: relative; }
.column_1_2, .column_1_1_4, .column_2_1_4, .column_3_1_4, .column_1_3_4 { float: left; }
.column_2_2, .column_4_1_4, .column_2_3_4 { float: right; }

.column_1_2, .column_2_2 { width: 48.538%; } /* Two Column */
.column_1_1_4, .column_2_1_4, .column_3_1_4, .column_4_1_4 { width: 22.807%; } /* Four Column */
.column_1_3_4, .column_2_3_4 { width: 74.268%; } /* Three of four Column */

.column_1_3_4.whitebg { width: 70.605%; } /* Two of three Column */
.column_1_2_3.whitebg { width: 62.109%; } /* Two of three Column */

.column_1_1_3, .column_1_1_4, .column_2_1_4, .column_1_2.mixed { margin-right: 2.923%; }

/*	---------------------------------------------------------------------- */
/* 	header */
.header-content {
	position: relative;
}
/* 	logo */
.logo-container {
	float: left;
	margin: 15px 0 0 0;
	width: 100px;
}
/* .header-container.admin .logo-container { display: none; } */
/* .header-container.intranetuser .logo-container { display: block; margin: 15px 0 0 0; width: 80px; } */
.logo-container img {
	max-width: 100%; 
}

.logo-container .logoImagePink, .logo-container .logoImageWhite, .logo-container .logoImageBlack {
	background-repeat: no-repeat;
    background-size: 100% auto;
    height: 51px;
    width: 100px;
}
.logo-container .logoImagePink {
	background-image: url("../content/logos/main-logo-pink-low.png");
}
.logo-container .logoImageWhite {
	background-image: url("../content/logos/main-logo-white-low.png");
}
.logo-container .logoImageBlack {
	background-image: url("../content/logos/main-logo-black-low.png");
}

/*.header-container.white .logo-container .logoImageBlack,
.header-container.black .logo-container .logoImageWhite,
.header-container.white.shadow .logo-container .logoImagePink,
.header-container.black.shadow .logo-container .logoImagePink { display: block; }

.header-container.white .logo-container .logoImageWhite,
.header-container.black .logo-container .logoImageBlack,
.header-container.white .logo-container .logoImagePink,
.header-container.black .logo-container .logoImagePink { display: none; }*/


.header-container.white .logo-container .logoImageWhite,
.header-container.black .logo-container .logoImageBlack,
.header-container.white.shadow .logo-container .logoImagePink,
.header-container.black.shadow .logo-container .logoImagePink { display: block; }

.header-container.white .logo-container .logoImageBlack,
.header-container.white .logo-container .logoImagePink,
.header-container.black .logo-container .logoImageWhite,
.header-container.black .logo-container .logoImagePink,
.header-container.black.shadow .logo-container .logoImageBlack,
.header-container.white.shadow .logo-container .logoImageWhite,
.header-container .handheld,
.logo-container .print-logo { display: none; }

/*	---------------------------------------------------------------------- */
/* 	megamenu */
/*	---------------------------------------------------------------------- */
ul.megamenu {	
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
}
ul.megamenu, ul.megamenu li { list-style-type: none; }
ul.megamenu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.megamenu ul { padding: 0; margin: 0; }
ul.megamenu li a {
	float: left; 
	text-decoration:none;
}
ul.megamenu li .sub {
	position: absolute;	
	left: 0;
	float: left;
	display: none;
	padding: 0;
	left: 50%;
    margin-left: -120px;
}
ul.megamenu li.forschung_publikationen .sub, ul.megamenu li.kunstarchiv_bibliothek .sub { width: 500px !important; }
ul.megamenu li .row { clear: both; float: left; width: 100%; margin: 0; }
ul.megamenu li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0 0 30px 0;
	width: 240px;
	float: left;
}
ul.megamenu .sub ul li {
	display: block;
    float: none;
    height: auto;
    width: auto;
}
ul.megamenu .sub ul li h2 {
	padding: 0; 
	margin: 0;
	font-weight: normal;
	font-family: 'AGaramond-RegularSC',Times,serif;
	font-size: 18px;
}
ul.megamenu .sub ul li h2 a {
	padding :0;
	margin: 0;
}
ul.megamenu .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	display: block;
	text-decoration: none;
	color: #fff;
	padding:0;
	margin:0;
}
ul.megamenu li .sub ul.megamenusubcontent.left { margin-right: 20px; }

/* --Modify for styling --*/
ul.megamenu { }
ul.megamenu a { }
ul.megamenu a { }
ul.megamenu li a.level0:hover, .megahover, ul.megamenu .current { }
div.sub {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
 dib.sub ul {
 margin-left:8px;
 }
#megamenu li.subheader {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
    font-family: 'AGaramond-RegularSC',Times,serif;
    font-size: 0.813em;
    line-height: 1.25em;
    margin: 0 0 7px; 
    padding: 7px 15px 6px 15px;
}
ul.megamenu li.aktuell li.subheader, ul.megamenu li.aktuell .sub ul li h2 span { border-color: #E9C76F; color: #E9C76F; }
ul.megamenu li.rechercheportal li.subheader, ul.megamenu li.rechercheportal .sub ul li h2 span { border-color: #E50083; color: #E50083; }
ul.megamenu li.online_bestande li.subheader, ul.megamenu li.online_bestande .sub ul li h2 span { border-color: #F3F3F3; color: #F3F3F3; }
ul.megamenu li.forschung_publikationen li.subheader, ul.megamenu li.forschung_publikationen .sub ul li h2 span { border-color: #96FFD4; color: #96FFD4; }
ul.megamenu li.kunstarchiv_bibliothek li.subheader, ul.megamenu li.kunstarchiv_bibliothek .sub ul li h2 span { border-color: #FF6B7A; color: #FF6B7A; }
ul.megamenu li.dienstleistungen li.subheader, ul.megamenu li.dienstleistungen .sub ul li h2 span { border-color: #A2C6FF; color: #A2C6FF; }
ul.megamenu li.ueberuns li.subheader, ul.megamenu li.ueberuns .sub ul li h2 span { border-color: #F7FF5E; color: #F7FF5E; }
ul.megamenu li.intranet li.subheader, ul.megamenu li.intranet .sub ul li h2 span { border-color: #F3F3F3; color: #F3F3F3; }

#megamenu li.sublink { padding: 1px 15px; }
ul.megamenu li .sub {
	background: #000000;
	-webkit-box-shadow: 4px 7px 10px 0 rgba(0,0,0,.40);
	box-shadow: 4px 7px 10px 0 rgba(0,0,0,.40);
}
ul.megamenu li .sub ul li.sublink a { font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif; }
ul.megamenu li .sub ul li.sublink a:hover { font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif; }

ul.megamenu li.aktuell .sub ul li a, ul.mm-list li.aktuell a { color: #E9C76F; }
ul.megamenu li.rechercheportal .sub ul li a, ul.mm-list li.rechercheportal a { color: #F3F3F3; }
ul.megamenu li.online_bestande .sub ul li a, ul.mm-list li.online_bestande a { color: #F3F3F3; }
ul.megamenu li.forschung_publikationen .sub ul li a, ul.mm-list li.forschung_publikationen a { color: #96FFD4; }
ul.megamenu li.kunstarchiv_bibliothek .sub ul li a, ul.mm-list li.kunstarchiv_bibliothek a { color: #FF6B7A; }
ul.megamenu li.dienstleistungen .sub ul li a, ul.mm-list li.dienstleistungen a { color: #A2C6FF; }
ul.megamenu li.ueberuns .sub ul li a, ul.mm-list li.ueberuns a { color: #F7FF5E; }
ul.megamenu li.intranet .sub ul li a, ul.mm-list li.intranet a { color: #F3F3F3; }
.nav-container .megamenu li .sub .triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #000 transparent;
	top: -15px;
	left: 50%;
    line-height: 0;
	margin-left: -15px;
    position: absolute;
}
.nav-container .megamenu li.forschung_publikationen .sub .triangle, .nav-container .megamenu li.kunstarchiv_bibliothek .sub .triangle { left: 24%; }
.nav-container ul.megamenu li.aktuell.active  .sub .triangle, .nav-container ul.megamenu li.online_bestande.active  .sub .triangle, .nav-container ul.megamenu li.rechercheportal.active  .sub .triangle, .nav-container ul.megamenu li.forschung_publikationen.active  .sub .triangle, .nav-container ul.megamenu li.kunstarchiv_bibliothek.active  .sub .triangle, .nav-container ul.megamenu li.dienstleistungen.active  .sub .triangle, .nav-container ul.megamenu li.ueberuns.active  .sub .triangle, .nav-container ul.megamenu li.intranet.active  .sub .triangle { border-color: transparent transparent #000 transparent; }

/* 	navigation */
.nav-container {
	float: left;
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	font-size: 0.727em;
	line-height: 1.35em;
	margin: 15px 0 0 6%;
}
/* .header-container.admin .nav-container { margin: 8px 0 0 0; } */
/* .header-container.intranetuser .nav-container { margin: 15px 0 0 2%; }  */
.nav-container ul {
	display: block; 
    margin: 0;
    padding: 0; 
	position: relative;
	list-style: none;
	list-style-image: none;
}
.nav-container ul li { 
	float: left;
	margin: 0;
    padding: 0;
	height: 65px;
	position: relative;
}
/*.header-container.admin .nav-container ul li { height: 60px; }*/
.nav-container a {
    display: block;
    padding: 0 14px;
    text-decoration: none;
	height: 100%;
	width: 100%;
}
/* .header-container.intranetuser .nav-container a { padding: 0 12px; } */
.white .nav-container a { color: #FFFFFF; }
.black .nav-container a, .nav-container a { color: #000000; }
.white.shadow a, .black.shadow a { color: #000000; }
.black .nav-container a:hover { color: #707070; }
.white .nav-container a:hover { color: #ACACAC; }

.nav-container li.active .triangle, .nav-container li.current .triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	bottom: 0;
    left: 50%;
    line-height: 0;
    margin-left: -15px;
    position: absolute;
}
.nav-container li.aktuell.active .triangle, .nav-container li.aktuell.current .triangle { border-color: transparent transparent #E9C76F transparent; }
.nav-container li.rechercheportal.active .triangle, .nav-container li.rechercheportal.current .triangle { border-color: transparent transparent #F3F3F3 transparent; }
.nav-container li.online_bestande.active .triangle, .nav-container li.online_bestande.current .triangle { border-color: transparent transparent #D3D3D3 transparent; }
.nav-container li.forschung_publikationen.active .triangle, .nav-container li.forschung_publikationen.current .triangle { border-color: transparent transparent #96FFD4 transparent; }
.nav-container li.kunstarchiv_bibliothek.active .triangle, .nav-container li.kunstarchiv_bibliothek.current .triangle { border-color: transparent transparent #FF6B7A transparent; }
.nav-container li.dienstleistungen.active .triangle, .nav-container li.dienstleistungen.current .triangle { border-color: transparent transparent #A2C6FF transparent; }
.nav-container li.ueberuns.active .triangle, .nav-container li.ueberuns.current .triangle { border-color: transparent transparent #F7FF5E transparent; }
.nav-container li.intranet.active .triangle, .nav-container li.intranet.current .triangle { border-color: transparent transparent #D3D3D3 transparent; }

/*	---------------------------------------------------------------------- */
/* 	slider navigation */
/*	---------------------------------------------------------------------- */
.nav-container a.hamburger {
	background: #000000;
    height: 45px;
    padding: 0;
    right: 2%;
    width: 55px;
	display: none;
}

.hamburger .hamburgerIcon {
	background: url(../content/icons/hamburgerIcon.png) no-repeat center center / 55px 45px;
    display: block;
    height: 100%;
    width: 100%;
}

.mm-menu {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#slidernav ul.mm-list li {
	background: #000;
	margin-bottom: 1px;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.mm-menu .mm-list > li.aktuell > a.mm-subopen:after, .mm-menu .mm-list > li.aktuell > a.mm-subclose:before { border-color: #E9C76F; }
.mm-menu .mm-list > li.rechercheportal > a.mm-subopen:after, .mm-menu .mm-list > li.rechercheportal > a.mm-subclose:before { border-color: #E50083; }
.mm-menu .mm-list > li.forschung_publikationen > a.mm-subopen:after, .mm-menu .mm-list > li.forschung_publikationen > a.mm-subclose:before { border-color: #96FFD4; }
.mm-menu .mm-list > li.kunstarchiv_bibliothek > a.mm-subopen:after, .mm-menu .mm-list > li.kunstarchiv_bibliothek > a.mm-subclose:before { border-color: #FF6B7A; }
.mm-menu .mm-list > li.dienstleistungen > a.mm-subopen:after, .mm-menu .mm-list > li.dienstleistungen > a.mm-subclose:before { border-color: #A2C6FF; }
.mm-menu .mm-list > li.ueberuns > a.mm-subopen:after, .mm-menu .mm-list > li.ueberuns > a.mm-subclose:before { border-color: #F7FF5E; }
.mm-menu h2 {
    font-family: 'AGaramond-RegularSC',Times,serif;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 25px;
}
.mm-menu h2.aktuell { color: #E9C76F; }
.mm-menu h2.rechercheportal { color: #E50083; }
.mm-menu h2.forschung_publikationen { color: #96FFD4; }
.mm-menu h2.kunstarchiv_bibliothek { color: #FF6B7A; }
.mm-menu h2.dienstleistungen { color: #A2C6FF; }
.mm-menu h2.ueberuns { color: #F7FF5E; }
.mm-menu.mm-hasfooter > .mm-panel {
    margin-top: 90px;
    padding-bottom: 40px;
    padding-top: 0;
}
.mm-menu .mm-footer {
    border-top: 1px dashed #FFFFFF !important;
	border-bottom: 1px dashed #FFFFFF !important;
	bottom: auto;
    height: auto;
    line-height: 20px;
    padding: 15px 20px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 2;
	top: 442px;
}
.mm-footer .sidenav-container {
	position: fixed;
	right: 0;
	top: 100px;
	z-index: 5;
}
.mm-footer .sidenav-container ul li { 
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 35px;
    line-height: 2.35em;
    margin: 0 15px 0 0;
    text-align: center;
    width: 50px;
}
.mm-footer .sidenav-container ul li.shareit { margin-right: 0; }
.mm-list a.mm-subopen {
    background: #333333 !important;
    border-radius: 5px;
    height: 30px !important;
    right: 20px !important;
    top: 10px !important;
    width: 45px !important;
}
.mm-list a.mm-subopen:after { right: 19px !important; }
.mm-menu .mm-list > li > a.mm-subclose { color: #FFF !important; }
.mm-menu .mm-list > li > a.mm-subclose:before { border-color: #FFF !important; }
.mm-footer .sidenav-container ul li.print { display: none; }

/*	---------------------------------------------------------------------- */
/* side navigation */
/*	---------------------------------------------------------------------- */
.sidenav-container {
	position: absolute;
    right: 0;
    top: 100px;
	z-index: 5;
}
.sidenav-container ul {
	display: block; 
    margin: 0;
    padding: 0;
	position: relative;
	list-style: none;
	list-style-image: none;
	z-index: 2;
}
.sidenav-container ul li {
	background: #000;
    -webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    color: #fff;
	cursor: pointer;
    height: 35px;
	line-height: 40px;
    margin: 0 0 5px;
    text-align: center;
    width: 50px; 
}
.sidenav-container ul li:hover, .sidenav-container ul li.active {
	background: #878787;
}
.sidenav-container ul li.search, .sidenav-container ul li.login, .sidenav-container ul li.shoppingcart, .sidenav-container ul li.shareit, .sidenav-container ul li.print {
	background-image: url(../content/icons/sidenav.png);
	background-repeat: no-repeat;
	background-size: 250px 210px;
}
.sidenav-container ul li.search { background-position: 0 0; }
.sidenav-container ul li.login { background-position: 0 -35px; }
.sidenav-container ul li.login.loggedin { background-position: -50px -35px; }
.sidenav-container ul li.shoppingcart { background-position: 1px -70px; }
.sidenav-container ul li.language {
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	font-size: 0.727em;
	line-height: 2.2em;
	text-decoration: underline;
}
.sidenav-container ul li.shareit { background-position: 0 -105px; }
.sidenav-container ul li.print { background-position: 0 -175px; }

.sidenav-container ul li a {
	color: #FFF;
	height: 35px;
	width: 50px;
	display: block;
}

.sidenav-action-targets {
	position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
}
.searchBox {
	height: 35px;
    position: absolute;
    right: 45px;
    width: 145px;
}
.searchBox .searchInput {
	background: #FFFFFF;
	border: 1px solid #000;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
    height: 23px;
    margin: 0;
    padding: 5px 7px;
	width: 119px;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.727em;
    line-height: 23px;
    position: relative;
}
.language-switch, .shareit-content {
	background: #FFFFFF;
	border: 1px solid #000;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.727em;
    line-height: 33px;
    height: 33px;
    margin: 0 10px 0 0;
    position: absolute;
    right: 45px;
    top: 120px;
    width: 133px;
}
.mm-menu .mm-footer .searchBox .searchInput, .mm-menu .mm-footer .language-switch, .mm-menu .mm-footer .shareit-content { border: none; }

.language-switch { top: 120px; }
.language-switch .Language {
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
}
.language-switch .Language a:hover { text-decoration: none; }
.language-switch .Language.selected { text-decoration: underline; font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif; color: #000; }
.shareit-content { top: 160px; width: 111px; }
.shareit-content a.shareit {
}
.shareit-content a.shareit .facebook, .shareit-content a.shareit .twitter, .shareit-content a.shareit .googleplus, .shareit-content a.shareit .mail {
	background-image: url(../content/icons/sidenav.png);
    background-repeat: no-repeat;
    background-size: 250px 210px;
    display: block;
    float: left;
    height: 35px;
    margin: 0;
    width: 33%;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}
.shareit-content a.shareit:hover span { opacity: 0.5; }
.shareit-content a.shareit .facebook { background-position: -57px -106px; }
.shareit-content a.shareit .twitter { background-position: -109px -106px; }
.shareit-content a.shareit .googleplus { background-position: -162px -106px; }
.shareit-content a.shareit .mail { background-position: -209px -106px; }

.subnav-container {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
	display: block;
	float: left;
	width: 23.684%;
	background: #FFF;
    position: sticky;
    top: 100px;
}
.subnav-container ul {
	display: block; 
    /*margin: 0.5em 0 1em 7%;*/
	margin: 0;
    padding: 0;
	position: relative;
	list-style: none;
	list-style-image: none;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}
.subnav-container ul li a, .subnav-container ul li span {
    border-bottom: 1px dashed;
	color: #000;
	display: block;
    padding: 5px 7% 3px 7%;
    position: relative;
    z-index: 2;
	font-family: 'AGaramond-RegularSC',Times,serif;
    font-size: 18px;
    line-height: 21px;
	text-decoration: none;
}
.subnav-container ul li ul {
	margin: 0.5em 0 1em 7%;
}
.subnav-container ul li ul li a {
	border-bottom: 0; 
	padding: 0;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
}
.subnav-container ul li ul li ul {
    margin: 0 0 0.5em 7%;
} 
.subnav-container ul li.active a, .subnav-container ul li.active ul li.active a, .subnav-container ul li.active ul li.active ul li.active a {
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
}
.subnav-container ul li.active ul li a, .subnav-container ul li.active ul li.active ul li a {
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
}

/*	---------------------------------------------------------------------- */
/* 	startpage */
.startpage-container .DnnModule { 
    position: static;
}
#full-width-slider {
	position: relative;
}
.container-claim .heading, .container-claim .title {
	background: rgba(0,0,0,0.85);
    color: #FFFFFF;
    display: inline-block;
}
.container-claim .title { font-size: 1.36em; }
.container-claim .heading { padding: 4px 15px; }
.container-claim .title { padding: 7px 15px; }
.container-claim .title .arrow_big_right.pink {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: calc(-3px);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.container-claim:hover .title .arrow_big_right.pink { margin: 0 0 0 20px; }

.startpage-container.shadow .rsArrow, .startpage-container.shadow .rsNav.rsBullets {
	opacity: 0.0;
    filter: alpha(opacity=0);
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-ms-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
} 
.researchPortal-container {
	background: #FFFFFF;
    bottom: 290px;
    height: 160px;
    position: absolute;
    width: 100%;
	z-index: 91;
}
.researchPortal-container .heading {
	border-bottom: 1px dashed;
    padding: 5px 1.6% 3px 1.6%;
	margin: 0 0 20px 0;
    position: relative;
}
.researchPortal-container .columnOne, .researchPortal-container .columnTwo, .researchPortal-container .columnThree {
	display: block;
    float: left;
    margin: 0 1.754% 0 0;
    width: 32.164%;
}
.researchPortal-container .sikartSearch-container {
    margin: 0;
    width: 100%;
}
.researchPortal-container .sikartSearch-container .searchInput-Container {
	height: auto;
    margin: 0;
    width: 100%;
}
.researchPortal-container .sikartSearch-container .searchInput-Container span { width: 100%; }
.researchPortal-container .sikartSearch-container .searchInput-Container input {
    background: #FFFFFF;
    border: 15px solid #e50083;
    border-radius: 10px;
    color: #acacac;
    display: block;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.727em;
    height: auto;
    line-height: 25px;
    margin: 0 auto;
    padding: 5px 2%;
    position: relative;
    width: 87%;
}
.researchPortal-container .sikartSearch-container .searchInput-Container input:hover { border-color: #878787; }
.researchPortal-container .sikartSearch-container .searchInput-Container input:focus { border-color: #000000; color: #000000; }
.researchPortal-container .sikartSearch-container .searchInput-Container .searchBtn, .sikartSearch-container .searchInput-Container .searchBtn {
    background: url("../content/icons/btnSearch.png") no-repeat scroll right top / 35px 70px rgba(0, 0, 0, 0);
    border: 0 none;
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 15px;
    width: 35px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.researchPortal-container .sikartSearch-container .searchInput-Container .searchBtn:hover, .sikartSearch-container .searchInput-Container .searchBtn:hover { background: url("../content/icons/btnSearch.png") no-repeat scroll right bottom / 35px 70px !important; }
.researchPortal-container .sikartSearch-container .searchInput-Container .searchBtn.focus, .sikartSearch-container .searchInput-Container .searchBtn.focus { display: none; }
.tt-dropdown-menu {
    background: #FFFFFF;
    border: 1px solid #e50083;
    box-shadow: 4px 7px 10px 0 rgba(0, 0, 0, 0.40);
    color: #000;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif; 
    font-size: 16px;
	left: 1px !important;
	width: 99% !important;
}
.tt-suggestions .tt-suggestion a, .tt-suggestions .tt-suggestion a strong {
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif; 
    font-size: 14px;
	font-weight: normal;
	line-height: 1.7em;
	text-decoration: none;
	display: block; 
	padding: 0px 5px;
	margin: 0;
}
.tt-suggestions .tt-suggestion a.tt-cursor a strong, .tt-suggestions .tt-suggestion.tt-cursor a strong {
	background: #D3D3D3;
    color: #e50083;
}
.sbautocomplete .ui-state-hover, .sbautocomplete .ui-widget-content .ui-state-hover, .sbautocomplete .ui-widget-header .ui-state-hover, .sbautocomplete .ui-state-focus, .sbautocomplete .ui-widget-content .ui-state-focus, .sbautocomplete .ui-widget-header .ui-state-focus {
    background: #D3D3D3;
    border: none;
    color: #e50083;
    font-weight: regular;
	font-size: 16px;
}

.researchPortal-container .columnThree { float: right; margin-right: 0; }
.researchPortal-container .columnTwo p a, .researchPortal-container .columnThree p a {
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	margin: 10px 0 0 0;
}
.researchPortal-container .columnTwo p a .arrow_small_right.pink, .researchPortal-container .columnThree p a .arrow_small_right.pink {
	display: inline-block;
    margin: 0 0 0 7px;
    vertical-align: text-bottom;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.researchPortal-container .columnTwo p a:hover .arrow_small_right.pink, .researchPortal-container .columnThree p a:hover .arrow_small_right.pink { margin: 0 0 0 12px; }

.startpage-container .teasers-container {
	bottom: 20px;
    height: 250px;
	margin: 0;
    position: absolute;
    width: 100%;
	z-index: 90;
}
.startpage-container .teasers-container .teaser.one, .startpage-container .teasers-container .teaser.two, .startpage-container .teasers-container .teaser.three, .startpage-container .teasers-container .teaser.four {
	float: left;
	height: 250px;
    margin: 0 1.754% 0 0;
    width: 23.684%;
	z-index: 90;
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
}
.startpage-container .teasers-container .teaser.one { background: #96FFD4; }
.startpage-container .teasers-container .teaser.two { background: #FF6B7A; }
.startpage-container .teasers-container .teaser.three { background: #A2C6FF; }
.startpage-container .teasers-container .teaser.four { background: #F7FF5E; margin-right: 0; }

.startpage-container .teasers-container .teaser .teaser-content {
	background: none;
	cursor: pointer;
	display: block;
	float: none;
	height: 250px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

a.teaser-content { text-decoration: none; color: #000; }
.startpage-container .teaser-content .link { color: #000000; }

/*	---------------------------------------------------------------------- */
/* 	common elements */
.pagetitle {
	color: #000;
	margin: 30px 0 1.75em 2%;
	width: 80%;
}

.content-container {
	display: block;
	float: right;
	position: relative;
	width: 74.566%;
}
.row-content {
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 20px 0;
	padding: 20px 2.4%;
	position: relative;
}
.row-content.nopadding { padding: 0; }
.row-content .heading {
	border-bottom: 1px dashed;
	color: #000;
	margin: -20px -2.4% 1em -2.4%;
    padding: 5px 2.4% 3px 2.4%;
    position: relative;
    z-index: 2;
	font-size: 0.818em;
    line-height: 1.25em;
}
.row-content .content {
	width: 76.790%;
	margin: 0 auto 1.5em auto;
}

/* tables */
.tablerow {
	display: block;
}
.tabledata_left {
	float: left;
	display: block;
	width: 20%;
}
.tabledata_right {
	float: right;
	display: block;
	width: 79%;
}
.tabledata_left a { font-family: "Apercu-Bold",Helvetica,Arial,sans-serif; }
.tabledata_right a { font-family: "Apercu-Regular",Helvetica,Arial,sans-serif; }

/* 	teasers */
.teasers-container {
	margin: 0 -0.975%;
}
.teaser-content {
	background: #FFF;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
	border-radius: 10px !important;
	cursor: pointer;
	display: block;
	float: left;
	height: 520px;
	margin: 10px 0.875%;
	overflow: hidden;
	position: relative;
	width: 31.550%;
}
.teaser-content.half {
	width: 48.2%;
	background: #FFFFFF;
	cursor: auto;
}
.teaser-content.half.type3 { cursor: pointer; }
a .teaser-content { color: #000000; }
.teasers-container a:hover { text-decoration: none; }
.teaser-content:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.55);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.55);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.teaser-content .heading {
	border-bottom: 1px dashed; 
	padding: 5px 5% 3px 5%;
	position: relative;
	z-index: 2;
}
.teaser-content.type1 .heading, .teaser-content.type3 .heading, .teaser-content.type4 .heading { border-color: #000000; }
.teaser-content.type2 .heading, .teaser-content.type5 .heading { border-color: #FFFFFF; }

.teaser-content .image {
}
.teaser-content .image img {
	position: relative;
	display: block;
	-webkit-transition: all 0.7s cubic-bezier(.5,0,.5,1) ;
	-moz-transition: all 0.7s cubic-bezier(.5,0,.5,1) ;
    -o-transition: all 0.7s cubic-bezier(.5,0,.5,1) ;
    -ms-transition: all 0.7s cubic-bezier(.5,0,.5,1) ;
    transition: all 0.7s cubic-bezier(.5,0,.5,1) ;
}
.teaser-content:hover .image img {
	zoom: 1;
	/*-webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);*/
}
.teaser-content.royalSlider:hover .image img {
	-webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.teaser-content .title {
	margin: 10px 5% 0 5%;
	position: relative;
	z-index: 2;
}
.teaser-content.half .title { margin: 10px 3.3% 0; }
.teaser-content .text {
	font-size: 0.777em;
	line-height: 1.25em;
	margin: 0 5%;
	position: relative;
	z-index: 2;
}
.teaser-content .link {
	bottom: 15px;
	color: #E50083;
	position: absolute;
	right: 5%;
	z-index: 2;
}
.teaser-content.sikartSearch .link {
	bottom: auto;
	position: relative;
	right: auto;
	font-size: 0.636em;
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	line-height: 2em;
	margin: 0 5%;
}
.kunstarchiv_bibliothek .firstTeaser .teaser-content .link, .kunstarchiv_bibliothek .nebisSearch .link, .kunstarchiv_bibliothek .nebisSearch:hover .link { right: 3%; }
.kunstarchiv_bibliothek .firstTeaser .teaser-content:hover .link, .kunstarchiv_bibliothek .nebisSearch .link:hover { right: 2%; }
.teaser-content.sikartSearch .link { margin: 0 3.3%; }
.teaser-content:hover .link { right: 3.5%; }
.teaser-content.sikartSearch .link { right: auto; }
.teaser-content.sikartSearch .link a span, .teaser-content.royalSlider .link a span { 
    display: inline-block;
    margin: 0 0 0 7px;
    transition: all 150ms ease-in-out 0s;
    vertical-align: text-top;
}
.teaser-content.sikartSearch .link a:hover span, .teaser-content.royalSlider .link a:hover span { margin: 0 0 0 12px; }
.teaser-content.nebisSearch.half .DnnModule { position: static !important; }

/* TYPE 1 full image black text */
.teaser-content.type1 {
}
/* TYPE 2 full image white text */
.teaser-content.type2 {
	background: #000;
	color: #FFF;
}
.teaser-content.type1 .text, .teaser-content.type2 .text, .teaser-content.type7 .text, .teaser-content.type8 .text {
	position: absolute;
	bottom: 40px;
}
.teaser-content.type1 .image, .teaser-content.type2 .image, .teaser-content.type7 .image, .teaser-content.type8 .image {
	position: absolute;
	z-index: 1;
}
.teaser-content.type1 .image img, .teaser-content.type2 .image img, .teaser-content.type7 .image img, .teaser-content.type8 .image img {
	width: 100%;
}

/* TYPE 3 half image */
.teaser-content.type3 {
	background: #FFFFFF;
}
.teaser-content.type3 .heading {
	margin-top: 280px;
}
.teaser-content.type3 .image {
	background: #000;
	height: 280px;
	overflow: hidden;
    position: absolute;
}
.teaser-content.type3 .image img {
	width: 100%;
}

/* TYPE 4 text only white box */
.teaser-content.type4 {
	background: #FFFFFF;
}
/* TYPE 5 text only black box */
.teaser-content.type5 {
	background: #000000;
	color: #FFF;
}
.teaser-content.type3 .title, .teaser-content.type4 .title, .teaser-content.type5 .title, .teaser-content.type6 .title { margin-bottom: 1em; }
.teaser-content.type5 .title {
	font-size: 1.363em;
    font-weight: 300;
    line-height: 1.25em;
}

/* TYPE 6 linklist white box */
.teaser-content.type6 {
	background: #FFFFFF;
	cursor: auto;
}
.teaser-content.type6 .linklist {
	font-size: 0.636em;
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	line-height: 2em;
	margin: 0 5%;
}
.teaser-content.type6 .linklist a:hover, .teaser-content.sikartSearch .link a:hover { text-decoration: none; }
.teaser-content.type6 .linklist .onlineBestaende h4 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
}
.teaser-content.type6 .linklist .onlineBestaende ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;	
}
.teaser-content.type6 .linklist .onlineBestaende ul li a .arrow_small_right {
    display: inline-block;
    margin: 0 0 0 7px;
    transition: all 150ms ease-in-out 0s;
    vertical-align: text-bottom;	
}
.teaser-content.type6 .linklist .onlineBestaende ul li a:hover .arrow_small_right {
    margin: 0 0 0 12px;
}

.teaser-content.half .heading {
    padding: 5px 3.3% 3px 3.3%;
}

/* TYPE 7 full image, black title, white text */
.teaser-content.type7 .heading, .teaser-content.type7 .title {
	color: #000000;
}
.teaser-content.type7 .text {
	color: #FFFFFF;
}
/* TYPE 8 full image, white title, black text */
.teaser-content.type8 .heading, .teaser-content.type8 .title {
	color: #FFFFFF;
}
.teaser-content.type8 .text {
	color: #000000;
}

/* diffrent filters */
.mediaReleaseSearch .indexListYearFilter, .mediaReleaseSearch .indexListCategoryFilter {
	width: 100%;
}

.row-content .alphabetFilter {
	background: #FFFFFF;
    padding: 2px 1%;
    width: 98%;
}
.row-content .alphabetFilter .filterLabel {
	font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
	font-size: 0.636em;
    line-height: 20px;
	margin-right: 2%; 
}
.row-content .alphabetFilter a {
	border-radius: 35px;
	font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 20px;
	text-decoration: none;
	padding: 0 6px 1px;
}

body.aktuell .row-content .alphabetFilter a.active { background: #E9C76F; }
body.rechercheportal .row-content .alphabetFilter a.active { background: #F3F3F3; }
body.forschung_publikationen .row-content .alphabetFilter a.active { background: #96FFD4; }
body.kunstarchiv_bibliothek .row-content .alphabetFilter a.active { background: #FF6B7A; }
body.dienstleistungen .row-content .alphabetFilter a.active { background: #A2C6FF; }
body.ueberuns .row-content .alphabetFilter a.active { background: #F7FF5E; }

.row-content .alphabetFilter a.disabled {
	color: #D3D3D3;
	background: none;
	cursor: not-allowed;
}

.moreInformation-container .text-content .title {
    margin: 0.4em 4% 0.6em;
    color: #000000;
}
.moreInformation-container .text-content .text {
	color: #000000;
    margin: 0 4%;
	font-size: 0.777em;
    line-height: 1.25em;
}
.moreInformation-container .text-content .title, .moreInformation-container .text-content .text {
    display: block;
}
.moreInformation-container .staff-container .text-content .link.pdf.transition {
	bottom: 10px; 
    position: absolute;
    right: 4%;
	margin: 0;
}
.moreInformation-container .staff-container .text-content .link.transition {
	color: #000000;
	margin: 0.4em 4% 0 4%;
}
.moreInformation-container .text-content .link.transition a {
	display: block;
	font-family: 'AGaramond-Italic', Times, serif;
    font-size: 0.8em;
    line-height: 1.25em;
    text-decoration: underline;
    transition: none 0s ease 0s ;
}
.moreInformation-container .staff-container .text-content .link.pdf.transition a, a .staff-content .link.pdf {
	font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
	font-size: 0.636em;
	text-decoration: none;
}

.moreInformation-container .text-content .link.transition a .url-text {
    margin-right: 7px;
}
.moreInformation-container .text-content .link.transition a:hover .url-text {
    margin-right: 12px;
}
.moreInformation-container .text-content .link.transition a .arrow_small_right {
    display: inline-block;
    vertical-align: text-bottom;
}


/* royal slider */
.teaser-content.royalSlider .heading {
	margin-top: 280px;
}

.teaser-content.royalSlider .title {
    font-size: 2em;
	line-height: 1.2em;
}

.teaser-content.royalSlider .link {
	font-family: 'Apercu-Bold',Helvetica,Arial,sans-serif;
    font-size: 0.636em;
    line-height: 2em;
    bottom: auto;
    position: relative;
    right: auto;
	left: 3.3%;
}
.teaser-content.royalSlider .link a { color: #FFF; }
.teaser-content.royalSlider .link a i { color: #e50083; font-size: 0.9em; }

.teaser-content.royalSlider .rsContent.black, .teaser-content.royalSlider .rsContent.black .link a {
	color: #000;
}

.teaser-content.royalSlider .white .infoBlock a {
	position: relative;
	z-index: 2;
}
.teaser-content.royalSlider .white .infoBlock a .heading, .teaser-content.royalSlider .white .infoBlock a .title, .teaser-content.royalSlider .white .infoBlock a .link {
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.teaser-content.royalSlider .black .infoBlock a .heading, .teaser-content.royalSlider .black .infoBlock a .title, .teaser-content.royalSlider .black .infoBlock a .link {
	color: #000000;
	border-color: #000000;
}
.teaser-content.royalSlider .infoBlock a .link .arrow_small_right {
	display: inline-block;
    margin-left: 7px;
    vertical-align: text-bottom;
}
.teaser-content.royalSlider .infoBlock a:hover .link .arrow_small_right {
	margin-left: 12px;
}

.teaser-content.royalSlider:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow: hidden;
}
.topLeft, .topRight, .bottomRight, .bottomLeft {
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 1;
}
.topLeft {
	background: url(../content/icons/topLeft.png) no-repeat center center;
	top: 0;
	left: 0;
}
.topRight {
	background: url(../content/icons/topRight.png) no-repeat center center;
	top: 0;
	right: 0;
}
.bottomRight {
	background: url(../content/icons/bottomRight.png) no-repeat center center;
	bottom: 0;
	right: 0;
}
.bottomLeft {
	background: url(../content/icons/bottomLeft.png) no-repeat center center;
	bottom: 0;
	left: 0;
}

/* 	search results */
.searchWrapper {
	position: relative;
}
.row-content.searchResults { padding: 20px 1.6%; }
.row-content.searchResults .heading {
    margin: -20px -1.6% 1em;
    padding: 5px 1.6% 3px;
}
.searchInput-Container {
	display: block;
    float: left;
    height: 40px;
    margin: 20px 40% 50px 25.434%;
    position: relative;
    width: 34.566%;
	z-index: 2;
}
.searchInput-Container input.searchBox {
	background: #FFFFFF;
    border: 2px solid #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
	border-radius: 3px;
    color: #ACACAC;
    display: block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 100%;
	font-style: normal;
    height: auto;
    line-height: 25px;
    margin: 0 auto 0 0;
    padding: 7px 2%;
	position: relative;
	right: auto;
	width: 95%;
}
.searchInput-Container input.searchBox:hover { border-color: #ACACAC; }
.searchInput-Container input.searchBox:focus { border-color: #E50083; color: #000000; } 6qB!7xEYa#
.searchInput-Container .searchBtn {
    background: url("../content/icons/btnSearch.png") no-repeat scroll right top / 40px 80px;
    border: 0;
    height: 40px;
    margin: 0; 
    padding: 0;
    position: absolute;
    right: 1%;
    text-decoration: none;
    top: 1px;
    width: 40px;
}
.sbInp_Default .searchBtn {
    background: url("../content/icons/btnSearch.png") no-repeat scroll right top / 40px 80px;
    border: 0;
    height: 40px;
    margin: 0; 
    padding: 0;
    position: absolute;
    right: 1%;
    text-decoration: none;
    top: 1px;
    width: 40px;
}

.searchInput-Container a.searchBtn {
    -webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
	@-moz-document url-prefix() { .search-container button { top: 9px; } }
.searchInput-Container .searchBtn:hover { background: url("../content/icons/btnSearch.png") no-repeat scroll right bottom / 40px 80px !important; }
.summaryResultcount {
	color: #ACACAC;
    margin: 0 auto 0 25.434%;
}
.results-container {
	display: block;
    float: right;
	margin: 20px 0 0 0;
    position: relative;
    width: 74.566%;
}
.row-content.searchResults a.result-content {
	font-family: 'AGaramond-Regular', Times, serif;
	text-decoration: none;
	padding: 1em 2% 2em 0;
	border-top: 1px dashed #000;
    display: block;
}
.row-content.searchResults a:hover { text-decoration: underline; background: none; }
.row-content.searchResults a .title { text-decoration: underline; margin-bottom: 0.75em; }
.row-content.searchResults a span { font-family: 'GaramondURW-Dem', Times, serif; font-weight: normal; font-style: normal; }
.avtsb_pager {
	font-family: 'AGaramond-Regular', Times, serif;
	text-decoration: none;
	padding: 1em 1%;
	border-top: 1px dashed #000;
    display: block;
}
.avtsb_pager .avtsbSelPage {
	font-family: 'GaramondURW-Dem', Times, serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0.5em;
}
.row-content .avtsb_pager a.avtsbPageLink {
	text-decoration: none;
	margin: 0 0.5em;
	font-style: normal;
	font-family: 'AGaramond-Regular', Times, serif;
}
.row-content .avtsb_pager a.avtsbPageLink:hover { color: #878787; }
.avtsbDefault {
	font-family: 'AGaramond-Regular', Times, serif;
	text-decoration: none;
	padding: 1em 0;
    display: block;
	font-size: 1em;
	color: #dd111f;
	clear: both;
}
.avtsbDefault b {font-family: 'GaramondURW-Dem', Times, serif; font-weight: normal; font-style: normal; }

/* login */
.login-container { margin-bottom: 5em; }
.login-container input {
	background: #FFFFFF;
    border: 1px solid #000000;
    color: #707070;
    display: block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    height: auto;
    line-height: 22px;
    margin: 0.3em 0;
    padding: 7px 1%;
    width: 50%;
}
.login-container input:hover { border-color: #ACACAC; color: #000000; }
.login-container input:focus { border-color: #E50083; color: #000000; }
.login-container button {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 100%;
    margin: 1em 0;
    padding: 7px 30px 8px 30px;
    text-align: center;
    text-decoration: none;
}
	@-moz-document url-prefix() { .login-container button { padding: 7px 30px; } }
.login-container button:hover { background: #E50083; }
.login-container input.checkbox {
	display: inline-block;
    margin: 0.5em 0.5em 0 0;
    width: auto;
}
ul.passwortSettings { list-style: none; margin: 0 0 1em 0; padding: 0; }
ul.passwortSettings a {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	text-decoration: none;
}
ul.passwortSettings a:hover, ul.passwortSettings a i { background: none; color: #E50083; }
ul.passwortSettings a:hover i { margin-left: 5px; }
.error { color: #DD111F !important; }
input.error { border-color: #DD111F !important; color: #DD111F !important; }
.error .dnnLoginRememberMe label { color: #000; }

.LoginPanel { float: none; padding-right: 0; }
.loginContent .dnnFormItem .dnnLabel, .loginContent .dnnFormItem > label.dnnFormLabel {
	display: none; 
}
.loginContent .dnnFormItem input, .dnnPasswordResetContent .dnnFormItem input {
	background: #FFFFFF;
    border: 1px solid #000000;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
    color: #707070;
    display: block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
    height: auto;
    line-height: 22px;
    margin: 0.3em 0;
    padding: 7px 1%;
    width: 50%;
}
.loginContent .dnnFormItem input:hover, .dnnPasswordResetContent .dnnFormItem input:hover { border-color: #ACACAC; color: #000000; }
.loginContent .dnnFormItem input:focus, .dnnPasswordResetContent .dnnFormItem input:focus { border-color: #E50083; color: #000000; -webkit-box-shadow: none; box-shadow: none; }
.error .loginContent .dnnFormItem input {
	border-color: #dd111f;
	color: #dd111f;
}
.dnnPasswordResetContent .dnnLabel {
	font-family: "Apercu-Regular",Helvetica,Arial,sans-serif;
    margin-right: 0;
    padding-right: 0;
    text-align: left;
    width: 40%;
    font-size: 0.636em;
    line-height: 1.6em;
}

.dnnPasswordResetContent {
    width: 100%;
}
.dnnPasswordResetContent ul.dnnActions {
    padding: 0 0 0 40%;
}
.dnnPasswordResetContent ul.dnnActions li a.dnnPrimaryAction, .dnnPasswordResetContent ul.dnnActions li a.dnnSecondaryAction {
	background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
	font-weight: normal;
    margin: 1em 0;
	min-width: inherit;
    padding: 0 30px 1px 30px;
    text-align: center;
    text-decoration: none;
	text-shadow: none;
}
.dnnPasswordResetContent ul.dnnActions li a.dnnPrimaryAction:hover, .dnnPasswordResetContent ul.dnnActions li a.dnnSecondaryAction:hover { background: #E50083; color: #FFF; }

.loginContent .dnnPrimaryAction, .row-content.login .dnnSendPasswordContent .dnnPrimaryAction, .row-content.login .dnnSendPasswordContent .dnnSecondaryAction, .row-content.login .dnnRegistrationForm .dnnPrimaryAction, .row-content.login .dnnRegistrationForm .dnnSecondaryAction {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
	font-weight: normal;
    margin: 1em 0;
	min-width: inherit;
    padding: 0 30px 1px 30px;
    text-align: center;
    text-decoration: none;
	text-shadow: none;
}
.loginContent .dnnPrimaryAction:hover, .row-content.login .dnnSendPasswordContent .dnnPrimaryAction:hover, .row-content.login .dnnSendPasswordContent .dnnSecondaryAction:hover, .row-content.login .dnnRegistrationForm .dnnPrimaryAction:hover, .row-content.login .dnnRegistrationForm .dnnSecondaryAction:hover { background: #E50083; color: #FFF; }
.loginContent .dnnSecondaryAction { display: none; }
.loginContent .dnnLoginActions .dnnSecondaryAction { display: block; }
.loginContent .dnnFormItem .dnnLoginRememberMe {
	font-family: 'Apercu-Regular',Helvetica,Arial,sans-serif;
	font-size: 14px;
	display: block;
	margin: 0 0 4em 0;
}
.loginContent .dnnFormItem input[type="checkbox"] + span, .loginContent .dnnFormItem input[type="radio"] + span {
    margin: 0 5px 0 0;
}
.row-content.login .dnnFormMessage.dnnFormError, .row-content.login .dnnFormMessage.dnnFormValidationSummary {
    background-color: transparent;
    border-color: transparent;
}
.row-content.login .dnnFormMessage {
    margin-bottom: 1em;
    padding: 0;
	color: #DD111F;
	background: none;
	border: 0px none;
}
.row-content.login .dnnSocialRegistration { display: none; }
.loginContent .dnnFormItem .dnnLoginActions ul.dnnActions { margin: 0; padding: 0; }
.loginContent .dnnFormItem .dnnLoginActions ul.dnnActions li { float: none; }
.loginContent .dnnFormItem .dnnLoginActions ul.dnnActions li a.dnnSecondaryAction {
	background: url("../content/icons/arrow_pink_right.png") no-repeat scroll right center / 22px 16px rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    color: #000;
    display: inline;
    font-family: 'apercu-bold';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0 32px 0 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
}
.loginContent .dnnFormItem .dnnLoginActions ul.dnnActions li a.dnnSecondaryAction:hover { color: #E50083; padding: 0 37px 0 0; }

.row-content.login .dnnSendPasswordContent, .row-content.login .dnnRegistrationForm {
	width: 100%;
}
.row-content.login .dnnSendPasswordContent .dnnFormItem > .dnnLabel, .row-content.login .dnnRegistrationForm .dnnFormItem > .dnnLabel {
    margin-right: 2%;
	margin-top: 6px;
    padding-right: 3%;
    text-align: left;
    width: 20%;
}
.row-content.login .dnnSendPasswordContent input[type="text"], .row-content.login .dnnRegistrationForm input[type="text"], .row-content.login .dnnRegistrationForm input[type="password"] {
    background: #FFFFFF;
    border: 1px solid #000000;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
    color: #707070;
    display: block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
    height: auto;
    line-height: 22px;
    margin: 2em 0 1em 0;
    padding: 7px 1%;
    width: 50%;
}
.row-content.login .dnnRegistrationForm .password-strength-container input[type="password"] {
    margin: 1em 0 -0.75em;
    max-width: 75%;
    width: 67.4%;
}
.row-content.login .dnnSendPasswordContent input:hover[type="text"], .row-content.login .dnnRegistrationForm input:hover[type="text"], .row-content.login .dnnRegistrationForm input:hover[type="password"] { border-color: #ACACAC; color: #000000; }
.row-content.login .dnnSendPasswordContent input:focus[type="text"], .row-content.login .dnnRegistrationForm input:focus[type="text"], .row-content.login .dnnRegistrationForm input:focus[type="password"] { border-color: #E50083; color: #000000; -webkit-box-shadow: none; box-shadow: none; }
.row-content.login .dnnSendPasswordContent ul.dnnActions, .row-content.login .dnnRegistrationForm ul.dnnActions {
    padding: 0 0 0 25%;
}
.row-content.login .dnnSendPassword .dnnFormMessage, .row-content.login .dnnRegistrationForm .dnnFormMessage { color: #000; }
a.dnnFormHelp { display: none; }
div.dnnRegistrationForm .dnnForm {
    float: none;
    width: 100%;
}
.dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container {
    background: none;
    display: inline-block;
    margin: 0;
    max-width: 75%;
    padding: 0;
    position: relative;
    width: 75%;
}
.min-length-text {
    color: #878787;
    display: block;
    float: left;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0 0 0;
}
.meter {
    background: #FFFFFF;
    border: 1px solid #878787;
    display: block;
    float: right;
    font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 14px;
    margin: 18px 30.3% 0 0;
    padding: 0;
    position: relative;
    width: 130px;
}
.meter div {
    height: 14px;
}
.meter label {
    font-weight: normal;
    line-height: 15px;
    position: absolute;
    right: 3px;
    text-transform: uppercase;
    top: 0;
}
.dnnFormItem span.dnnFormMessage.dnnFormError {
    bottom: auto;
    color: #dd111f !important;
    clear: both;
    font-size: 0.8em;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    right: auto;
    width: auto;
}
.dnnFormItem span.dnnFormMessage.dnnFormError::after {
    border: none;
}


/*	---------------------------------------------------------------------- */
/* 	aktuell */
body.aktuell, body.aktuell .subnav-container { background: #E9C76F; }
body.aktuell .header-container { border-bottom-color: #E9C76F; }
.row-content.event { min-height: 300px; }
.row-content.event .image {
	display: block;
	float: left;
	width: 31.604%;
}
.row-content.event .title, .row-content.event .text, .row-content.event .disclaimer {
	display: block;
	float: right;
	width: 65.802%;
}
.row-content.event .title, .row-content.event .text { margin-bottom: 1em; }
.row-content.event .text {
	font-size: 0.777em;
	line-height: 1.25em;
}
.row-content.event .disclaimer {
	font-family: 'Apercu-Regular',Helvetica,Arial,sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
}
.row-content.event .link a {
	bottom: 10px;
    color: #E50083;
    position: absolute;
    right: 2.4%;
    z-index: 2;
}
.row-content.event .link a:hover { right: 2%; background: none; }

/* 	Rechercheportal */
body.rechercheportal, body.rechercheportal .subnav-container { background: #F3F3F3; }
body.rechercheportal .header-container { border-bottom-color: #F3F3F3; }

.sikartSearch-container {
	height: 70px;
	margin: 120px auto 90px auto;
	position: relative;
	width: 100%;
}
.sikartSearch-container .searchInput-Container {
	float: none;
    height: auto;
    margin: 0 auto;
    width: 70%;
	z-index: 3;
}
.sikartSearch-container .searchInput-Container span.twitter-typeahead {
	width: 100%;
}
.sikartSearch-container .searchInput-Container input {
	background: #FFFFFF;
    border: 15px solid #E50083;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
    color: #ACACAC;
    display: block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.727em;
    height: auto;
    line-height: 25px;
    margin: 0 auto;
    padding: 5px 2%;
	position: relative;
	width: 88%;
}
.sikartSearch-container input:hover { border-color: #878787; }
.sikartSearch-container input:focus { border-color: #000000; color: #000000; }
.sikartSearch-container button {
    background: none;
    border: 0 none;
    color: #ACACAC;
    font-size: 1.1em;
    margin: 0;
	padding: 0;
    position: absolute;
    right: 22px;
    text-decoration: none;
    top: 18px;
}
.sikartSearch-container button:hover { color: #000000; }
	@-moz-document url-prefix() { .sikartSearch-container button { top: 20px; } }
	_:-ms-fullscreen, :root .sikartSearch-container .searchInput-Container input { height: 26px; }



/* 	Forschung & Publikationen */
body.forschung_publikationen, body.forschung_publikationen .subnav-container, /*.moreResearch-content,*/ .similarProduct-content { background: #96FFD4; }
body.forschung_publikationen .header-container { border-bottom-color: #96FFD4; }

.row-content .full-image, .row-content .full-image-slider {
	margin: 0 -18.5%;
}
.row-content .full-image-slider {
	border-bottom: 1px dashed #000000;
    margin-top: 1.5em;
	margin-bottom: 1.5em;
    padding-bottom: 1.5em;
	position: relative;
}
.row-content .full-image figure, .row-content .full-image-slider .royalSlider {
	width: 100%;
}
.row-content .rsOverflow {
    padding-bottom: 4em;
}
.royalSlider { padding-bottom: 4em; }
.rechercheportal.teasers-container.firstrow .royalSlider { padding-bottom: 0; }
.row-content .full-image-slider img.rsImg {
	max-width: 101%;
	display: block;
    margin: 0 auto;
}
.row-content .full-image-slider .rsSlide p {
    display: block;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.636em;
    line-height: 1.6em;
    margin: 1em auto 0 13.5%;
	/*min-height: 2em;*/
    width: 69%;
}
.full-image-slider .rsNav.rsBullets {
    height: auto;
    line-height: 5px;
	/*margin-top: 10px;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.full-image-slider .rsNav.rsBullets .rsBullet {
    display: inline-block;
    height: 12px;
    padding: 5px 1px;
    width: 12px;
}
.full-image-slider .rsNav.rsBullets .rsBullet span {
    background: rgba(0,0,0,0);
    border: 1px solid #878787;
    border-radius: 50%;
	cursor: pointer;
    display: block;
    height: 10px;
    width: 10px;
}
.full-image-slider .rsNav.rsBullets .rsBullet.rsNavSelected span {
    background: #878787;
}
.full-image-slider .rsArrow .rsArrowIcn:before { 
    color: #000;
}

.row-content figure {
	border-bottom: 1px dashed #000000;
    margin: 1.5em auto;
    padding-bottom: 0.75em;
	position: relative;
    width: 74.758%;
}
.row-content figure figcaption {
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.636em;
    line-height: 1.6em;
	margin: 1em 0 0 0;
}
.row-content .full-image-slider figure .rsAutoHeight .rsSlide p {}
.row-content .small-image figure figcaption {
	width: 93%;
}
.row-content .full-image figure figcaption {
	display: block;
    margin: 1em auto 0 13.5%;
	min-height: 1.2em;
    width: 69%;
}
.row-content .full-image figure a.fullscreen, .row-content .small-image figure a {
	font-size: 0.4em;
	position: relative;
}
.row-content figure a img:hover {
	-webkit-transition: all 550ms ease-in-out;
	-moz-transition: all 550ms ease-in-out;
	-ms-transition: all 550ms ease-in-out;
	-o-transition: all 550ms ease-in-out;
	transition: all 550ms ease-in-out;
}
.row-content figure a img:hover {
	opacity: 0.9;
    filter: alpha(opacity=90);
}

.row-content .full-image figure a.fullscreen span.fa-stack.fa-lg {
	float: right;
    margin: 1em 13.5% 0 0;
}
.row-content .full-image-slider a.sliderPopup {
	bottom: 1.2em;
    font-size: 0.4em;
    position: absolute;
    right: 13.5%;
}
.row-content .small-image figure a span.fa-stack.fa-lg {
	float: right;
    margin: 1em 0 0 0;
}
.fa-stack-2x { color: #878787; }
.fa-stack:hover .fa-stack-2x { color: #000000; }

.row-content .video-figure figure {
	width: 100%;
}
.row-content .video-figure figure .video-container {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.row-content .video-figure figure .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row-content.moreInformation-content.withImage .image, .row-content.indexList-content.withImage .image {
    display: block;
    float: left;
    width: 31.604%;
}
.row-content.moreInformation-content.withImage .text, .row-content.indexList-content.withImage .text-content {
    display: block;
    float: right;
    width: 65.802%;
}
.row-content.indexList-content.withImage .text-content .title {
	margin: 0 0 1em 0;
}
.row-content.indexList-content.withImage .text-content .text {
    font-size: 0.777em;
    line-height: 1.25em;
	margin: 0 0 1em 0;
}
.row-content.moreInformation-content.withImage .link, .row-content.indexList-content .link {
	position: absolute;
	bottom: 10px;
	right: 2.4%;
}
.row-content.moreInformation-content.withImage .link .url-text { display: none; }
.row-content.moreInformation-content .link a, .row-content.indexList-content .link a, .row-content.indexList-content .pdf a {
	display: block;
    font-family: "Apercu-Bold",Helvetica,Arial,sans-serif;
    font-size: 0.636em;
    text-align: right;
    text-decoration: none;
	margin-right: 0px;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.row-content.indexList-content .pdf { margin-top: 0.25em; }
.row-content.indexList-content .pdf a { text-align: left; }
.row-content.indexList-content .pdf a .downloadPdf, .moreInformation-container .staff-container .staff-content .text-content .pdf a .downloadPdf, a .staff-content .link.pdf span.downloadPdf, .row-content.withImage .pdf .downloadPdf {
	background: url("../content/icons/downloadPdf.png") no-repeat scroll center center / 18px 21px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 21px;
    margin: 0 10px 0 0;
    vertical-align: text-bottom;
    width: 18px;
}
.row-content.withImage .pdf, .staff-container .text-content .link {
	font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    text-decoration: none;
}
.moreInformation-container .staff-container .staff-content .text-content .pdf a .downloadPdf, a .staff-content .link.pdf span.downloadPdf { margin: 0 0 0 5px; }
.row-content.indexList-content .pdf a:hover { color: #878787; } 
.moreInformation-container .staff-content { height: 445px; }

.row-content.moreInformation-content .link a:hover, .row-content.indexList-content .link a:hover, .row-content.indexList-content .pdf a:hover { background: none; margin-right: -5px; }
.row-content.moreInformation-content .link a .url-text, .row-content.indexList-content .link a .url-text {
	margin-right: 7px;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.row-content.moreInformation-content .link a:hover .url-text, .row-content.indexList-content .link a:hover .url-text { margin-right: 12px; }
.row-content.moreInformation-content .link a .arrow_small_right, .row-content.indexList-content .link a .arrow_small_right  {
	display: inline-block;
    vertical-align: text-bottom;
    -webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.row-content.moreInformation-content.largefont .text {
	font-size: 1.363em;
    line-height: 1.25em;
}
body.aktuell .row-content.moreInformation-content.colorBackground, body.aktuell .moreResearch-container .moreResearch-content, body.aktuell .mediaReleaseSearch { background: #E9C76F; }
body.rechercheportal .row-content.moreInformation-content.colorBackground, body.rechercheportal .moreResearch-container .moreResearch-content, body.rechercheportal .mediaReleaseSearch { background: #F3F3F3; }
body.forschung_publikationen .row-content.moreInformation-content.colorBackground, body.forschung_publikationen .moreResearch-container .moreResearch-content, body.forschung_publikationen .mediaReleaseSearch { background: #96FFD4; }
body.kunstarchiv_bibliothek .row-content.moreInformation-content.colorBackground, body.kunstarchiv_bibliothek .moreResearch-container .moreResearch-content, body.kunstarchiv_bibliothek .mediaReleaseSearch { background: #FF6B7A; }
body.dienstleistungen .row-content.moreInformation-content.colorBackground, body.dienstleistungen .moreResearch-container .moreResearch-content, body.dienstleistungen .mediaReleaseSearch { background: #A2C6FF; }
body.ueberuns .row-content.moreInformation-content.colorBackground, body.ueberuns .moreResearch-container .moreResearch-content, body.ueberuns .mediaReleaseSearch { background: #F7FF5E; }
.row-content.moreInformation-content.pinkFont .heading, .row-content.moreInformation-content.pinkFont .text { border-color: #E50083; color: #E50083; }
.row-content.moreInformation-content .leftCol, .row-content.moreInformation-content .rightCol { display: block; width: 48.75%; }
.row-content.moreInformation-content .leftCol .link a, .row-content.moreInformation-content .rightCol .link a { text-align: left; }
.row-content.moreInformation-content .leftCol { float: left; }
.row-content.moreInformation-content .rightCol { float: right; }

.row-content.moreInformation-content a {
    font-family: inherit;
    text-decoration: none;
    display: block;
    background-color: inherit;
}
a .row-content.indexList-content {
    color: #000000;
}

.moreResearch-container h3, .similarProduct-container h3 {
	margin: 1em 0;
}
.similarProduct-container h3 { margin-left: 1.25%; }
.similarProduct-container { margin: 0 -1.25%; }
.moreResearch-content, .similarProduct-content {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
	display: block;
	float: left;
	height: 380px;
	margin: 0 1.177%;
	overflow: hidden;
	position: relative;
	width: 30.950%;
}
.moreResearch-content.three, .similarProduct-content.three { margin: 0; }
.moreResearch-content:hover, .similarProduct-content:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.55);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.55);
	text-decoration: none;
	color: #000;
}
.moreResearch-content .image, .similarProduct-content .image {
	height: 200px;
	overflow: hidden;
	background: #FFF;
}
.moreResearch-content .image img, .similarProduct-content .image img {
	position: relative;
	display: block;
	max-width: 100%;
	overflow: hidden;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.similarProduct-content .image img {
	max-width: 230px;
	width: 70%;
	margin: 15px auto;
}
.moreResearch-content .heading, .similarProduct-content .heading {
    border-bottom: 1px dashed;
	font-family: 'AGaramond-RegularSC',Times,serif;
    font-size: 0.818em;
    line-height: 1.25em;
    padding: 5px 5% 3px;
    position: relative;
}
.moreResearch-content .text, .similarProduct-content .text {
	margin: 10px 5% 0;
}
.moreResearch-content .link, .similarProduct-content .link {
    bottom: 10px;
    color: #000000;
    position: absolute;
    right: 5%;
}
.moreResearch-content:hover .link, .similarProduct-content:hover .link { right: 3.5%; }

.row-content.publicationSearch {
	background: #96FFD4;
	padding: 10px 1.2%;
}
.row-content.publicationSearch .hotcakesSearchContainer, .row-content.staffSearch .teamSearchContainer {
	display: block;
	float: left;
	position: relative;
	width: 49.5%;
}
.publicationSearch input.hotcakesSearch, .row-content.staffSearch .teamSearchContainer input.teamSearchInput {
	background: #FFFFFF;
    border: 1px solid #FFFFFF;
	border-radius: 0 5px 5px 0;
    color: #000000 !important;
    display: inline-block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
    height: auto;
    line-height: 20px;
    margin: 0;
    padding: 5px 1%;
    width: 97%;
}
	_:-ms-fullscreen, :root .publicationSearch input.hotcakesSearch, .row-content.staffSearch .teamSearchContainer input.teamSearchInput { height: 20px; }
.publicationSearch input.hotcakesSearch:hover, .row-content.staffSearch .teamSearchContainer input.teamSearchInput:hover, .publicationSearch input.hotcakesSearch:focus, .row-content.staffSearch .teamSearchContainer input.teamSearchInput:focus { border-color: #000; }
.publicationSearch input.hotcakesSearchBtn, .row-content.staffSearch .teamSearchContainer a.teamSearchBtn {
	background: url("../content/icons/hotcakesSearchBtn.png") no-repeat center center / 35px 32px rgba(0,0,0,1);
	border: 0 none;
	border-radius: 5px;
    height: 32px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    text-decoration: none;
    top: 0;
    width: 35px;
}
.publicationSearch input.hotcakesSearchBtn:hover, .row-content.staffSearch .teamSearchContainer a.teamSearchBtn:hover { background: url("../content/icons/hotcakesSearchBtn.png") no-repeat center center / 35px 32px rgba(135,135,135,1); }
.publicationFilter, .row-content.staffSearch .filter {
	display: block;
	float: right;
	position: relative;
	width: 49.5%;
}
.publicationFilter .select2-container, .row-content.staffSearch .filter .select2-container {
	width: 100%;
}
.select2-container .select2-choice {
    background-image: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
	box-shadow: none;
    color: #707070 !important;
    display: block;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
    height: auto;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 1%;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
.select2-container a.select2-choice:hover, .select2-dropdown-open .select2-choice { background: #FFFFFF !important; border-color: #FFFFFF; color: #000; }
.select2-container .select2-choice .select2-arrow {
	background: url("../content/icons/publicationFilterBtn.png") no-repeat center center / 35px 32px rgba(0,0,0,0);
    border-left: none;
    border-radius: 0;
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.select2-drop {
    background: #D5FFEE;
    border-color: #000000;
    border-image: none;
    border-radius: 0;
    border-style: none solid solid solid;
    border-width: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    color: #000;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
}
	.ueberuns .select2-drop { background: #fbffae; }
.select2-results {
    margin: 0;
    padding: 0;
}
.select2-results li { border-top: 1px dashed #000; padding: 2px 0px; }
.select2-results li:first-child { border-top: none; }

.publicationsarchive {
	min-height: 205px;
	position: relative;
}
.publicationsarchive .image {
	display: block;
	float: left;
	width: 28.395%;
}
.publicationsarchive .title, .publicationsarchive .text, .publicationsarchive .link {
	display: block;
	float: right;
	width: 68.855%;
}
.publicationsarchive .link { margin-bottom: 1.2em; }
.publicationsarchive .title { margin: 0 0 0.5em 0; }
.publicationsarchive .text { margin: 0 0 0.4em 0; }
.row-content.publicationsarchive .link a {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 0.636em;
    line-height: 1.6em;
	text-decoration: none;
}
.row-content.publicationsarchive .link a:hover { background: none; }
.row-content.publicationsarchive .link a span {
	display: inline-block;
	margin: 0 0 0 7px;
	vertical-align: calc(-3px);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.row-content.publicationsarchive .link a:hover { background: none; }
.row-content.publicationsarchive .link a:hover span { margin: 0 0 0 12px; }
.publicationsarchive .shopFunctions {
	position: absolute;
	bottom: 10px;
	left: 32%;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 0.636em;
    line-height: 1.6em;
}
.publicationsarchive .shopFunctions .price, .publicationsarchive .shopFunctions .addToBasket {
	float: left;
	display: block;
	margin: 0 2.5em 0 0;
}
.publicationsarchive .shopFunctions .price { line-height: 2.2em; }
.publicationsarchive .shopFunctions .addToBasket a.btn.submit {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 100%;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
}
.publicationsarchive .shopFunctions .addToBasket a.btn.submit:hover { background: #E50083; }
ul.dnnButtonGroup {
    background: #FFFFFF;
    border: none;
    border-radius: 10px;
    box-shadow: none;
	list-style: none;
	width: 100%;
	cursor: auto;
}
ul.dnnButtonGroup li.firstGroup, ul.dnnButtonGroup li.middleGroup, ul.dnnButtonGroup li.lastGroup {
	display: block;
	float: left;
}
ul.dnnButtonGroup li.firstGroup, ul.dnnButtonGroup li.lastGroup { width: 12%; }
ul.dnnButtonGroup li.middleGroup { width: 76%; }

ul.dnnButtonGroup li.firstGroup li.first, ul.dnnButtonGroup li.firstGroup li.previous, ul.dnnButtonGroup li.lastGroup li.next, ul.dnnButtonGroup li.lastGroup li.last {
	display: block;
    float: left;
    line-height: 1em;
    padding: 8px 0;
    text-align: center;
    width: 50%;
}

ul.dnnButtonGroup li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dnnButtonGroup > li { border-left: none; }
ul.dnnButtonGroup > li:hover { background: none; }
ul.dnnButtonGroup span.inactive { color: #878787; cursor: not-allowed; }
ul.dnnButtonGroup > li > a {
    color: #000;
    line-height: 30px;
    padding: 8px 15px 3px;
}
ul.dnnButtonGroup > li > a:hover {
    color: #878787;
}
ul.dnnButtonGroup > li a i.fa-angle-right, ul.dnnButtonGroup > li a i.fa-angle-left, ul.dnnButtonGroup > li a i.fa-angle-double-right, ul.dnnButtonGroup > li a i.fa-angle-double-left { font-size: 1em; color: #E50083; }

ul.dnnButtonGroup li.arrowLeft {
	width: 10%;
}
ul.dnnButtonGroup li.arrowRight {
	float: right;
    text-align: right;
    width: 10%;
}
ul.dnnButtonGroup ul.pageBlock {
	display: inline-block;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 80%;
}
ul.dnnButtonGroup ul.pageBlock li {
	display: inline-block;	
}
ul.dnnButtonGroup ul.pageBlock li a {
	color: #000000;
    display: block;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
    line-height: 30px;
    padding: 5px;
}

/* shopping cart, checkout */
.publikation-warenkorb h3 {
	text-align: right;
	font-size: 16px;
	margin: 0 0 0.5em 0;
}
.publikation-warenkorb h3.cart-empty {
	color: #DD111F;
    margin: 1.5em 0 2em;
    text-align: left;
    text-transform: uppercase;
}
.publikation-warenkorb .table-container { border-top: 1px dashed #000; }
.publikation-warenkorb .totals .table-container { border-bottom: 1px dashed #000; }
.publikation-warenkorb .table-container .table-row {
	margin: 1em 0;
}
.publikation-warenkorb .table-container .table-row .table-data {
	display: block;
	float: left;
	margin-right: 2.75%; 
}
.publikation-warenkorb .table-container .table-row .table-data.bookCover { width: 20%; }
.publikation-warenkorb .table-container .table-row .table-data.item { width: 58%; }
.publikation-warenkorb .table-container .table-row .table-data.price { width: 16.5%; margin-right: 0; text-align: right; }
.publikation-warenkorb .table-container .table-row .table-data.delete { width: 5%; margin-right: 0; position: relative; float: right; margin-top: 0.5em; }

.publikation-warenkorb .table-container .table-row .table-data.item a {
	font-family: 'AGaramond-Regular',​Times,​serif;
	text-decoration: none;
}
.publikation-warenkorb .table-container .table-row .table-data.price {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
}
.publikation-warenkorb .table-container .table-row .table-data.delete:before {
   font-family: 'FontAwesome';
   content: "\f014";
   display: block;
   float: right;
   font-size: 0.9em;
   padding-right: 0;
}
.publikation-warenkorb .table-container .table-row .table-data.delete input.warenkorb-delete {
	background: none;
	border: medium none;
	font-size: 0;
	width: 30px;
	height: 27px;
	position: absolute;
	top: 0;
	right: 0;
}
.table-data.subTotalLabel, .table-data.subTotalData {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
	text-transform: uppercase;
}
.table-data.subTotalLabel { width: 72.75%; }
.publikation-warenkorb .table-container .table-row .table-data.subTotalData { text-align: right; float: right; margin-right: 0; }
.publikation-warenkorb ul.warenkorb-actions { list-style: none; padding: 0; margin: 1em 0; }
.publikation-warenkorb ul.warenkorb-actions li.action-keepshopping {
	display: block;
	float: left;
}
.publikation-warenkorb ul.warenkorb-actions li.action-keepshopping a.keep-shopping, .hcMvcView .publikation-warenkorb a.keep-shopping {
	font-family: "Apercu-Bold",Helvetica,Arial,sans-serif;
	font-size: 0.636em;
	text-decoration: none;
	background: none;
}
.publikation-warenkorb ul.warenkorb-actions li.action-keepshopping a.keep-shopping .arrow_small_right.pink, .hcMvcView .publikation-warenkorb a.keep-shopping .arrow_small_right.pink {
	display: inline-block;
    margin: 0 0 0 7px;
    -webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
    vertical-align: text-bottom;
}
.publikation-warenkorb ul.warenkorb-actions li.action-keepshopping a.keep-shopping:hover .arrow_small_right.pink, .hcMvcView .publikation-warenkorb a.keep-shopping:hover .arrow_small_right.pink { margin: 0 0 0 12px; }
.publikation-warenkorb ul.warenkorb-actions li.action-checkout {
	display: block;
	float: right;
}
.publikation-warenkorb ul.warenkorb-actions li.action-checkout div input {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
}
.publikation-warenkorb ul.warenkorb-actions li.action-checkout div input:hover { background: #E50083; }


.checkoutForm .login-section, .checkoutForm .shipping-section, .checkoutForm .delivery-section, .checkoutForm .payment-section, .checkoutForm .cart-section, .checkoutForm .instructions-section {
	padding: 1em 0;
	border-top: 1px dashed #000000;
}
.checkoutForm .instructions-section textarea {
	max-width: 97.5%;
    width: 97.5%;
}
.checkoutForm .row-fluid .site-terms label, .checkoutForm .row-fluid .site-terms label a {
	font-size: 0.636em;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	line-height: 1.6em;
}
.checkoutForm .row-fluid .site-terms label a { font-size: 1em; }
.checkoutForm .login-section h3, .checkoutForm .shipping-section h3, .checkoutForm .delivery-section h3, .checkoutForm .payment-section h3, .checkoutForm .cart-section h3, .checkoutForm .instructions-section h3 {
	margin-bottom: 1em;
}
/*---*/
.hc-login-choose {
	font-size: 0.636em;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	line-height: 1.6em;
}
.hc-login-choose label { margin-right: 2em; }
.hc-login-choose label input { margin-right: 0.5em; }
.login-section .hcTabPane { margin: 1em 0 0 0; }
.login-section .hcTabPane ul.dnnActions.dnnClear.dnnRight {
	float: none;
    margin: 0.5em 0 0 25%;
    padding: 0;
}
.login-section .hcTabPane ul li a.dnnSecondaryAction, .login-section .hcTabPane ul li a.dnnPrimaryAction {
	background: #000000;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
    margin: 0.15em 0;
    padding: 7px 30px 8px;
    text-align: center;
    text-decoration: none;
	text-shadow: none;
	font-weight: normal;
}
.login-section .hcTabPane ul li a.dnnSecondaryAction:hover, .login-section .hcTabPane ul li a.dnnPrimaryAction:hover { background: #E50083; }
/*---*/
.checkoutForm .shipping-section .dnnFormItem label.dnnLabel, .login-section .hcTabPane .dnnFormItem .dnnLabel {
	font-size: 0.636em;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	margin: 8px 0 0;
    padding: 0;
    text-align: left;
    width: 25%;
}
.checkoutForm .shipping-section .dnnFormItem input, .login-section .hcTabPane .dnnFormItem input {
	background: #FFFFFF; 
    border: 1px solid #000000;
	border-radius: 0;
	box-shadow: none;
    color: #000000;
    display: inline-block;
    font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
    height: auto;
    line-height: 20px;
    margin: 0.3em 0;
    padding: 5px 1%;
    width: 50%;
}
.checkoutForm .shipping-section .select2-container {
	margin: 0.2em 0;
    width: 52.3%;
	max-width: 466px;
}
.checkoutForm .shipping-section .select2-container .select2-choice {
    border: 1px solid #000000;
    color: #000000 !important;
    padding: 5px 2%;
}
.select2-drop {
    border-color: #000000;
    border-image: none;
    border-radius: 0;
    border-style: none solid solid;
    border-width: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    color: #000;
    font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
}
.aktuell .select2-drop { background: #F6E9C5; }
.rechercheportal .select2-drop { background: #FAFAFA; }
.forschung_publikationen .select2-drop { background: #D5FFEE; }
.kunstarchiv_bibliothek .select2-drop { background: #FFC4CA; }
.dienstleistungen .select2-drop { background: #DAE8FF; }
.ueberuns .select2-drop { background: #FCFFBF; }

.select2-results .select2-highlighted { color: #000; }
.aktuell .select2-results .select2-highlighted { background: #E9C76F; }
.rechercheportal .select2-results .select2-highlighted { background: #F3F3F3; }
.forschung_publikationen .select2-results .select2-highlighted { background: #96FFD4; }
.kunstarchiv_bibliothek .select2-results .select2-highlighted { background: #FF6B7A; }
.dienstleistungen .select2-results .select2-highlighted { background: #A2C6FF; }
.ueberuns .select2-results .select2-highlighted { background: #F7FF5E; }

/*---*/
.payment-section { display: none; }
.delivery-section div.dnnFormItem label input[type="radio"] { margin: 0 0.5em 0 0; }
.delivery-section .dnnFormMessage.dnnFormWarning, .login-section .dnnFormMessage.dnnFormSuccess, .checkout .dnnFormMessage.dnnFormError {
    background-color: transparent;
    border: none;
	color: #DD111F;
	margin: 0;
	padding: 0;
}
.login-section .dnnFormMessage.dnnFormSuccess { margin-bottom: 1em; }
.checkout .checkout-error-messages .dnnFormMessage.dnnFormError { margin-bottom: 0.5em; }
.checkout .checkout-error-messages { margin-bottom: 1em; }
/*---*/
.checkoutForm .cart-section .table-container.viewOrderItems, .checkoutForm .cart-section .CheckoutTotal, .delivery-section div label {
	font-size: 0.636em;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	line-height: 1.6em;
}
.checkoutForm .cart-section .table-container.viewOrderItems { margin-bottom: 1em; }
.checkoutForm .cart-section .table-container.viewOrderItems .table-row {
	padding: 0.5em 0;
	border-bottom: 1px dashed #D3D3D3;
}
.checkoutForm .cart-section .table-container.viewOrderItems .table-row.header {
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	border-top: 1px dashed #D3D3D3;
}
.checkoutForm .cart-section .table-container.viewOrderItems .table-row .table-data.item {
	display: block;
	float: left;
	width: 75%
}
.checkoutForm .cart-section .table-container.viewOrderItems .table-row .table-data.quantity {
	display: block;
	float: left;
	text-align: center;
	width: 4.5%;
}
.checkoutForm .cart-section .table-container.viewOrderItems .table-row .table-data.price {
	display: block;
	float: right;
	text-align: right;
	width: 20%;
}
.checkoutForm .cart-section table.totaltable, .hc-totals table.totaltable {
	border-top: 1px dashed #D3D3D3;
    margin-top: 1.6em;
    width: 100%;
}
.hc-totals table.totaltable { margin: 0 0 1.6em 0; }
.checkoutForm .cart-section table.totaltable td.totallabel, .checkoutForm .cart-section table.totaltable td.totalgrandlabel, .checkoutForm .cart-section table.totaltable td.totalsub, .checkoutForm .cart-section table.totaltable td.totalshipping, .checkoutForm .cart-section table.totaltable td.totaltax, .checkoutForm .cart-section table.totaltable td.totalgrand, .hc-totals table.totaltable td.totallabel, .hc-totals table.totaltable td.totalsub, .hc-totals table.totaltable td.totaltax, .hc-totals table.totaltable td.totalshipping, .hc-totals table.totaltable td.totalgrandlabel, .hc-totals table.totaltable td.totalgrand {
	border-bottom: 1px dashed #dcdcdc;
	padding: 0.5em 0;
}
.checkoutForm .cart-section table.totaltable td.totallabel, .checkoutForm .cart-section table.totaltable td.totalgrandlabel, .hc-totals table.totaltable td.totallabel, .hc-totals table.totaltable td.totalgrandlabel { width: 75%; }
.checkoutForm .cart-section table.totaltable td.totalsub, .checkoutForm .cart-section table.totaltable td.totalshipping, .checkoutForm .cart-section table.totaltable td.totaltax, .checkoutForm .cart-section table.totaltable td.totalgrand,      .hc-totals table.totaltable td.totalsub, .hc-totals table.totaltable td.totalshipping, .hc-totals table.totaltable td.totaltax, .hc-totals table.totaltable td.totalgrand { text-align: right; width: 25%; }
.checkoutForm .cart-section table.totaltable td.totalgrand strong, .checkoutForm .cart-section table.totaltable td.totalgrandlabel, .hc-totals table.totaltable td.totalgrand strong, .hc-totals table.totaltable td.totalgrandlabel { font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif; font-weight: normal; text-transform: uppercase; }
/*---*/
.instructions-section textarea {
	background: #FFFFFF;
    border: 1px solid #000000;
	border-radius: 0;
	box-shadow: none;
    color: #000000;
    display: inline-block;
    font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
    height: auto;
    line-height: 20px;
    margin: 0.3em 0;
    padding: 5px 1%;
    width: 98%;
	max-width: 98%;
	min-height: 120px;
}
.instructions-section textarea:hover, .instructions-section textarea:focus, .checkoutForm .shipping-section .dnnFormItem input:hover, .checkoutForm .shipping-section .dnnFormItem input:focus, .login-section .hcTabPane .dnnFormItem input:hover, .login-section .hcTabPane .dnnFormItem input:focus { background: #FFFFFF; border-color: #E50083; box-shadow: none; }
/*---*/
.placeOrder-container ul, .placeOrder-container ul li { margin: 0; padding: 0; }
.placeOrder-container input.placeOrder {
    background: #000000;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
    font-size: 15px;
    margin: 0.15em 0;
    padding: 7px 30px 8px;
    text-align: center;
    text-decoration: none;
}
.placeOrder-container input.placeOrder:hover { background: #E50083; }
/*-----*/
.hc-order-details .cart-section h3, .hc-order-details .hc-coupons h3 { margin-bottom: 1em; }
.hc-order-details .hc-addresses, .hc-order-details .cart-section, .hc-order-details .hc-totals, .hc-order-details .hc-coupons {
	clear: both;
	padding: 1em 0;
	margin: 0;
	border-top: 1px solid #000000;
}
.hc-order-details .hc-addresses, .hc-order-details .table-container.viewOrderItems, .hc-order-details .hc-totals, .hc-order-details .hc-coupons p {
	font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
	line-height: 1.6em;
}
.hc-order-details .hc-address {
    height: auto;
	background: none;
    box-shadow: none;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
}
.hc-order-details .hc-address .hc-title {
    background: none;
    font-size: 22px;
	font-family: "Apercu-Bold",Helvetica,Arial,sans-serif;
    font-weight: normal;
    padding: 0;
	margin: 0 0 1em 0;
}
.hc-order-details .hc-address .hc-lines {
    font-size: 14px;
    height: auto;
	line-height: 1.6em;
    padding: 0;
}
.hc-order-details .table-container.viewOrderItems .table-row.header {
    font-family: "Apercu-Bold",Helvetica,Arial,sans-serif;
	border-top: 1px solid #d3d3d3;
}
.hc-order-details .table-container.viewOrderItems .table-row {
    border-bottom: 1px solid #d3d3d3;
    padding: 0.5em 0;
}
.hc-order-details .table-container.viewOrderItems .table-row .table-data.item {
    display: block;
    float: left;
    width: 75%;
}
.hc-order-details .table-container.viewOrderItems .table-row .table-data.quantity {
    display: block;
    float: left;
    text-align: center;
    width: 4.5%;
}
.hc-order-details .table-container.viewOrderItems .table-row .table-data.price {
    display: block;
    float: right;
    text-align: right;
    width: 20%;
}
.hc-order-details .hc-coupons { border-bottom: 1px solid #000; }
.hc-order-details .hc-totals { border-top: none; }

/*------ */
a.row-content {
	display: block;
	padding: 10px 2.4%;
	font-size: 0.636em;
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	text-decoration: none;
}
a.row-content:hover {
	color: #878787;
}
a.row-content span {
	display: block;
    float: left;
    margin: 3px 10px 0 0;
}
.shopLeftColumn, .shopRightColumn {
	display: block;
	position: relative;
}
.shopLeftColumn {
	float: left;
	width: 30.864%;
}
.shopRightColumn {
	float: right;
	width: 66.500%;
}
.shopLeftColumn .shopFunctions {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	margin: 1em 0 0 0;
}
.shopLeftColumn .shopFunctions .price {
	font-size: 0.727em;
    line-height: 1.35em;
	margin: 0;
}
.shopLeftColumn .shopFunctions .addToBasket input.btn.submit {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 0.636em;
    line-height: 1.6em;
    margin: 0 0 1.4em 0;
    padding: 7px 15px 8px 15px;
    text-align: center;
    text-decoration: none;
}
	@-moz-document url-prefix() { .shopLeftColumn .shopFunctions .addToBasket input.btn.submit { padding: 7px 15px; } }
.shopLeftColumn .shopFunctions .addToBasket input.btn.submit:hover { background: #E50083; }
.shopRightColumn .table { margin: 0 0 3em 0; }
.shopLeftColumn .shopFunctions .inventoryoutofstock { margin: 0 0 0.8em 0; display: block;  }

/* 	Kunstarchiv & Bibliothek */
body.kunstarchiv_bibliothek, body.kunstarchiv_bibliothek .subnav-container { background: #FF6B7A; }
body.kunstarchiv_bibliothek .header-container { border-bottom-color: #FF6B7A; }

.kunstarchiv_bibliothek.teasers-container.firstrow .teasers-container {
	margin: 0;
}
.kunstarchiv_bibliothek.teasers-container.firstrow .clearfix:before, .kunstarchiv_bibliothek.teasers-container.firstrow .clearfix:after {
    display: inline;
}
.kunstarchiv_bibliothek.teasers-container.firstrow .clearfix:after { clear: none; }

.nebisSearch-container {
	height: 40px;
	margin: 45px auto 45px auto;
	position: relative;
	width: 70%;
}
.nebisSearch-container input {
	background: #FFFFFF;
    border: 2px solid #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
	border-radius: 3px;
    color: #000000;
    display: block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.727em;
    height: auto;
    line-height: 25px;
    margin: 0 auto;
    padding: 7px 2%;
	position: relative;
	width: 88%;
}
.nebisSearch-container input:hover { border-color: #ACACAC; }
.nebisSearch-container input:focus { border-color: #E50083; }
.nebisSearch-container button {
    background: none;
    border: 0 none;
    color: #ACACAC;
    font-size: 1.1em;
    margin: 0;
    position: absolute;
    right: 5%;
    text-decoration: none;
    top: 6px;
}
	@-moz-document url-prefix() { .nebisSearch-container button { top: 9px; } }
	_:-ms-fullscreen, :root .nebisSearch-container input { height: 26px; }
.nebisSearch-container button:hover { color: #000000; }
.nebisContactDetails {
	font-size: 0.636em;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	margin: 0 3.3% 1.5em 3.3%;
}
.nebisContactDetails b,.nebisContactDetails strong { font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif; font-weight: normal; }
.nebisSearch .title a {
	font-family: 'AGaramond-Italic', Times, serif;
	text-decoration: underline;
}
.nebisSearch .title a:hover {
	background: #F3F3F3;
	color: #000000;
}
/* 	linksammlung */
.linklist_anchors a {
	font-family: 'AGaramond-Italic', Times, serif;
	text-decoration: underline;
}
.row-content.linkContent h3 {
	margin: 1em 0;
}
.row-content.linkContent .linkBlock_container {
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.636em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}
.row-content.linkContent .linkBlock_container a {
	text-decoration: underline;
}
.row-content.linkContent .linkBlock_title a {
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.row-content.linkContent .linkBlock_text a {
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
}

/* 	Dienstleistungen */
body.dienstleistungen, body.dienstleistungen .subnav-container { background: #A2C6FF; }
body.dienstleistungen .header-container { border-bottom-color: #A2C6FF; }

/* 	Über uns */
body.ueberuns, body.ueberuns .subnav-container, .row-content.signupMembership { background: #F7FF5E; }
body.ueberuns .header-container { border-bottom-color: #F7FF5E; }

#zurichMap, #lausanneMap, #ligornettoMap {
	margin: 0 -2.5% 1em -2.5%;
    width: 105%;
    height: 465px;
}
#zurichMap img, #lausanneMap img, #ligornettoMap img {
	max-width: none;
	width: auto;
}
.addressBlock {
	float: left;
	display: block;
	width: 50%;
}
.directions {
	float: left;
	display: block;
	width: 50%;
}
.directions ul.transport {
	margin: 0;
	padding: 0;
}
.directions ul.transport li {
	display: list-item;
	list-style: none outside none;
	height: 36px;
	clear: both;
	margin-bottom: 20px;
}
.directions ul.transport li a {
	display: block;
	height: 36px;
    position: relative;
    -webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
}
.directions ul.transport li a .icon {
	background-color: #D3D3D3;
	background-size: 36px 36px;
	background-position: center;
	background-repeat: none;
	display: block;
    float: left;
    height: 36px;
    margin-right: 1em;
    width: 36px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.directions ul.transport li a .icon.bus { background-image: url(../content/icons/walking.png); }
.directions ul.transport li a .icon.train { background-image: url(../content/icons/train.png); }
.directions ul.transport li a:hover .icon {
	background-color: #000000;
}
.directions ul.transport li a span {
	display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.addressBlock a, .directions a { font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif; text-decoration: none; }
.addressBlock a:hover, .directions a:hover { background: none; color: #E50083}
.directionDetails {
	clear: both;
    display: block;
}
.directionDetails .adp {
	display: block;
    padding: 1.5em 0 0;
}
.directionDetails .adp, .directionDetails .adp table, .directionDetails .adp a, .directionDetails .adp table a { font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif; color: #000; }
.directionDetails .adp table { width: 100%; }
.warnbox-content, .warnbox-c1, .warnbox-c2 { background: #F7FF5E; }
.adp-placemark {
    background: #D3D3D3;
    border: 1px solid #000000;
}
.adp-step, .adp-text {
    width: auto;
}
.mapMobileTrigger { display: none; }

.row-content.staffSearch {
    background: none repeat scroll 0 0 #F7FF5E;
    padding: 10px 1.2%;
}
.staff-container {
    margin: -10px -1.2% 0 -1.2%;
}
.staff-container #loading {
	font-size: 1.5em;
	margin: 2em auto;
    text-align: center;
}
.staff-content {
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
    display: block;
    float: left;
    height: 490px;
    margin: 10px 1.2%;
    overflow: hidden;
    position: relative;
    width: 30.93%;
}
.staff-content .image { height: 200px; overflow: hidden; }
.staff-content .name, .staff-content .position, .staff-content .email, .staff-content .details { display: block; }
.staff-content .name { margin: 0.4em 4% 0.6em 4%; }
.staff-content .position, .staff-content .phoneNr { margin: 0 4% 0 4%; }
.staff-content a.email { margin: 1em 4% 0 4%; text-decoration: underline; font-family: 'AGaramond-Italic', Times, serif; }
.staff-content a.details { font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif; margin: 1em 4% 0 4%; text-decoration: none; }
.staff-content a.details span {
	display: inline-block;
	margin: 0 0 0 7px;
	vertical-align: calc(-3px);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.staff-content a.details:hover span { margin: 0 0 0 12px; }
.shopLeftColumn.teamPortrait .image {
	margin-bottom: 1em;
}
.shopLeftColumn.teamPortrait .tablerow {
    margin-bottom: 0.75em;
}
.shopLeftColumn.teamPortrait .tablerow .tabledata_left, .shopLeftColumn.teamPortrait .tablerow .tabledata_right {
	float: none;
	width: 100%;
}
.row-content .shopLeftColumn.teamPortrait a {
    font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
    text-decoration: underline;
	background: none !important;
}
.select2-results {
    max-height: 240px;
}
.staff-container .dnnFormMessage {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
    color: #DD111F;
    display: block;
    margin: 10px 1.2% 20px;
    padding: 30px;
    text-align: center;
}
.staff-container .dnnFormMessage i.fa {
	display: block;
    font-size: 1.5em;
    margin: 0.1em auto 0.5em;
}

/* 	Intranet */
body.intranet { background: #D3D3D3; }
body.intranet .subnav-container { background: #F3F3F3; }
body.intranet .header-container { border-bottom-color: #D3D3D3; }

/*---*/
.signupMembership .bstrap30 .row { margin-left: 0; margin-right: 0; }
.signupMembership .row { margin: 0 0; }
.signupMembership .row .col-sm-12 { padding: 0; }
.signupMembership .bstrap30 .form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.signupMembership .mitgliedschaft-container, .signupMembership .goenner-container {
}
/*---*/
.signupMembership .signupLeftColumn, .signupMembership .signupRightColumn {
	display: block;
	position: relative;
	float: left;
	width: 50%;
}
.signupMembership .signupLeftColumn b, .signupMembership .signupRightColumn b, .signupMembership .signupLeftColumn fieldset, .mitgliedschaft-container label.mitgliedschaft, .goenner-container label.goenner {
	display: block;
    margin: 0 0 10px 0;
	font-weight: normal;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
}
.bstrap30 .mitgliedschaft-container .radio, .bstrap30 .mitgliedschaft-container .checkbox, .bstrap30 .goenner-container .radio, .bstrap30 .goenner-container .checkbox {
    padding: 5px 0 5px 30px;
}
.bstrap30 .mitgliedschaft-container .radio input[type="radio"], .bstrap30 .mitgliedschaft-container .radio-inline input[type="radio"], .bstrap30 .goenner-container .radio input[type="radio"], .bstrap30 .goenner-container .radio-inline input[type="radio"] {
    margin-left: -25px;
	margin-top: 4px;
}
.goenner-container label.goenner, .goenner-container .form-group-goenner { margin-left: 30px; }
.signupRightColumn p.value-node.ng-pristine.ng-valid.ng-binding { font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif; margin-bottom: 10px; }
.bstrap30 .signupRightColumn .field-container { margin-bottom: 0; }
.bstrap30 .form-control::-moz-placeholder { color: #000; }
.signupMembership .signupRightColumn input {
	background: #FFFFFF;
    border: 1px solid #FFFFFF;
	border-radius: 0;
	box-shadow: none;
    color: #000000 !important;
    display: inline-block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    height: auto;
    line-height: 20px;
    margin: 0.3em 0;
    padding: 5px 1%;
    width: 100%;
}
.signupMembership .signupRightColumn input:hover, .signupMembership .signupRightColumn input:focus { border-color: #000000; color: #000000; box-shadow: none; }
.signupRightColumn .button-container .form-group { float: left; }
.signupRightColumn .button-container p.value-node.ng-pristine.ng-valid.ng-binding {
    font-family: "Apercu-Regular",​Helvetica,​Arial,​sans-serif;
    margin: 9px 0 0 20px; 
}
.signupMembership .signupRightColumn button {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
	font-size: 100%;
    margin: 0.15em 0;
    padding: 7px 15px 8px 15px;
    text-align: center;
    text-decoration: none;
}
	@-moz-document url-prefix() { .signupMembership .signupRightColumn button { padding: 7px 15px; } }
.signupMembership .signupRightColumn button:hover { background: #E50083; }
.signupMembership .bstrap30 .signupRightColumn button.btn:focus {
	background: #E50083;
    outline: none;
    outline-offset: 0;
}
.bstrap30 .btn-info.disabled, .bstrap30 .btn-info[disabled], fieldset[disabled] .bstrap30 .btn-info, .bstrap30 .btn-info.disabled:hover, .bstrap30 .btn-info[disabled]:hover, fieldset[disabled] .bstrap30 .btn-info:hover, .bstrap30 .btn-info.disabled:focus, .bstrap30 .btn-info[disabled]:focus, fieldset[disabled] .bstrap30 .btn-info:focus, .bstrap30 .btn-info.disabled:active, .bstrap30 .btn-info[disabled]:active, fieldset[disabled] .bstrap30 .btn-info:active, .bstrap30 .btn-info.disabled.active, .bstrap30 .btn-info.active[disabled], fieldset[disabled] .bstrap30 .btn-info.active {
    background-color: #000000;
    border-color: #FFFFFF;
}
.bstrap30 .btn.disabled, .bstrap30 .btn[disabled], fieldset[disabled] .bstrap30 .btn { opacity: 1.0; }
.signupMembership .signupRightColumn .buttons { float: left; margin: 3px 1.5em 4em 0; }
.signupMembership .signupRightColumn .mandatory { margin: 0.7em 0 0 0; }
.signupMembership .bstrap30 .alert-info {
    background-color: transparent;
    border-color: transparent;
    color: #000;
}
.signupMembership hr.overwidth {
	margin-left: -2.5%;
    margin-right: -2.5%;
    width: 105%;
}
.sik-server-error {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 1.6em;
}
.moreInformation { margin-bottom: 2.25em; }
.moreInformation a .link, .row-content.moreInformation-content a .link {
	display: block;
    font-family: "Apercu-Bold",Helvetica,Arial,sans-serif;
    font-size: 0.636em;
    margin-right: 0;
    text-align: right;
    text-decoration: none;
    transition: none 0s ease 0s ;
}
.moreInformation a .link .url-text, .row-content.moreInformation-content a .link .url-text {
    margin-right: 7px;
    -webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.moreInformation a:hover .link .url-text, .row-content.moreInformation-content a:hover .link .url-text {
    margin-right: 12px;
}
.moreInformation a .link .arrow_small_right, .row-content.moreInformation-content a .link .arrow_small_right {
	display: inline-block;
    vertical-align: text-bottom;
    -webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.moreInformation a:hover .link .arrow_small_right, a:hover .row-content.indexList-content .text-content .link .arrow_small_right, .row-content.moreInformation-content a:hover .link .arrow_small_right {
    margin-right: -5px;
    -webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.moreInformation a:hover {
	background: none;
	color: #000000;
}

.mediaReleaseSearch { padding: 10px 1.2%; }
.mediaReleaseSearch input {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #707070;
    display: block;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    height: auto;
    line-height: 20px;
    margin: 0;
    padding: 5px 1%;
	width: 98%;
}
.mediaReleaseSearch input:hover, .mediaReleaseSearch input:focus { border-color: #000000; color: #000000; }
.mediaReleaseSearch ul.searchResults {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mediaReleaseSearch ul.searchResults li {
	background: rgba(255,255,255,0.7);
	border-bottom: 1px dashed #000;
	cursor: pointer;
    padding: 5px 1%;
}
.mediaReleaseSearch ul.searchResults li:last-child { border-bottom: none; }
.mediaReleaseSearch ul.searchResults li:hover { background: rgba(255,255,255,0.5); }

.row-content.mediaRelease { min-height: 300px; }
.row-content.mediaRelease .image {
	display: block;
	float: left;
	width: 31.604%;
}
.row-content.mediaRelease .title, .row-content.mediaRelease .text, .row-content.mediaRelease .pdf {
	display: block;
	float: right;
	width: 65.802%;
}
.row-content.mediaRelease .title, .row-content.mediaRelease .text { margin-bottom: 1em; }
.row-content.mediaRelease .pdf a { font-family: 'Apercu-Bold',Helvetica,Arial,sans-serif; text-decoration: none; }
.row-content.mediaRelease .pdf a:hover { color: #E50083; background: none; }
.row-content.mediaRelease .pdf a i { color: #E50083; margin-right: 1em; }

/* Subpages */
body.subpage { background: #D3D3D3; }
body.subpage .header-container { border-bottom-color: #D3D3D3; }
body.subpage .nav-container li.aktuell.active .triangle, body.subpage .nav-container li.rechercheportal.active .triangle, body.subpage .nav-container li.forschung_publikationen.active .triangle, body.subpage .nav-container li.kunstarchiv_bibliothek.active .triangle, body.subpage .nav-container li.dienstleistungen.active .triangle, body.subpage .nav-container li.ueberuns.active .triangle, body.subpage .nav-container li.intranet.active .triangle { border-color: transparent transparent #D3D3D3 transparent; }

/* 	sitemap */
table.SiteMap img { display: none !important; }
table.SiteMap tbody tr td { min-width: 30px; }
table.SiteMap tbody tr td .RootNode a, table.SiteMap tbody tr td .ParentNode a, table.SiteMap tbody tr td .LeafNode a { font-size: 16px; display: block; }
table.SiteMap tbody tr td .RootNode a { font-family: 'Apercu-Bold',Helvetica,Arial,sans-serif; text-transform: uppercase; margin-top: 30px; }
table.SiteMap tbody tr td .ParentNode a { font-family: 'Apercu-Regular',Helvetica,Arial,sans-serif; }
table.SiteMap tbody tr td .LeafNode a { font-family: 'Apercu-Regular',Helvetica,Arial,sans-serif; }
table.SiteMap a:before {
   font-family: FontAwesome;
   content: "\f178";
   display: inline-block;
   padding-right: 10px;
}
table.SiteMap a { text-decoration: none; margin-left: -30px; }
table.SiteMap a:hover { background: none; margin-left: -25px; color: #878787; }

/*	---------------------------------------------------------------------- */
/* 	photswipe */
/*	---------------------------------------------------------------------- */
.pswp__caption__center {
	color: #FFFFFF !important;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
    font-size: 0.636em !important;
    line-height: 1.6em !important;
    margin: 0 auto !important;
    max-width: 900px !important;
    padding: 1em 0 !important;
}
.pswp__counter { display: none; }
.row-content .pswp a:hover {
	background-color: transparent;
}
.pswp__ui--idle .pswp__top-bar, .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
	opacity: 1 !important;
}
.pswp__button, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
    background: none !important;
}
.pswp__button.pswp__button--arrow--left, .pswp__button.pswp__button--arrow--right, .pswp__button.pswp__button--close {
    background-image: url("../content/icons/photoswipe.png") !important;
    height: 44px;
    width: 44px;
}
.pswp__button.pswp__button--close {
    background-position: 0 -44px !important;
    margin: 0.5em;
}
.pswp__button.pswp__button--arrow--left {
    background-position: -132px -44px !important;
}
.pswp__button.pswp__button--arrow--right {
    background-position: -88px -44px !important;
}


/*	---------------------------------------------------------------------- */
/* 	footer */
.footer-content {
	position: relative;
	font-family: 'Apercu-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.636em;
	line-height: 1.6em;
}

.footer-copyright {
	margin: 10px 0 10px 1.75%;
}

.columnBox {
	background: #292929;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 1.75%;
}
.footer-content .columnOne, .footer-content .columnTwo, .footer-content .columnThree, .footer-content .columnFour { position: relative; }
.footer-content .columnOne, .footer-content .columnTwo, .footer-content .columnThree { float: left; }
.footer-content .columnFour { float: right; }
.footer-content .columnOne, .footer-content .columnTwo, .footer-content .columnThree, .footer-content .columnFour { width: 23.684%; }
.footer-content .columnOne, .footer-content .columnTwo { margin-right: 1.75%; }

.footer-content h3 {
	font-size: 1.142em;
	margin-bottom: 0.5em;
}
.footer-content h3.ui-accordion-header {
	cursor: pointer;
	border: 0 none;
	outline: none;
	padding: 0;
}
.footer-content h3.ui-accordion-header:hover { color: #878787 }
.footer-content .accordion-content {
	margin-bottom: 1em;
	padding: 0;
}
.footer-content a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer-content a.anmeldung, .footer-content a.medienmitteilungen { font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif; }
.footer-content a i {
	color: #E50083;
	margin-left: 0;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.footer-content a:hover { color: #878787; }
.footer-content a:hover i { margin-left: 5px; }
.signupNewsletter {
	position: relative;
	margin: 1em 0 0 0;
}
.signupNewsletter input.newsletter {
	background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #000000;
    display: inline-block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 100%;
    height: auto;
    line-height: 22px;
    margin: 0;
    padding: 7px 40% 6px 2%;
	width: 58%;
}
.signupNewsletter input.newsletter:hover, .signupNewsletter input.newsletter:focus { border-color: #E50083; }
.signupNewsletter input.btn.submit  {
    background: #000000;
    border: medium none;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 7px 15px 8px 15px;
    position: absolute;
    right: 4px;
    text-align: center;
    text-decoration: none;
    top: 3px;
}
	@-moz-document url-prefix() { .signupNewsletter input.btn.submit { padding: 7px 15px; right: 3px; } }
	_:-ms-fullscreen, :root .signupNewsletter input.newsletter { height: 22px; }
.signupNewsletter input.btn.submit:hover { background: #E50083; }
.signupNewsletter span {
	display: block;
	height: 1px;
}

.last-container {
	display: block;
	margin: 20px 1.75%;
}
.facebook {
	display: block;
	float: left;
	margin: 0 40px 0 0;
}
.facebook a {
	display: block;
	width: 32px;
	height: 30px;
}
.facebook a span {
	background-image: url("../content/icons/facebook.png");
    background-repeat: no-repeat;
    background-size: 32px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    color: #ffffff;
    display: block;
    height: 30px;
    width: 100%;
}
.facebook a:hover span {
	opacity: 0.5;
}

.instagram {
	display: block;
	float: left;
	margin: 0 40px 0 0;
}
.instagram a {
	display: block;
	width: 32px;
	height: 30px;
}
.instagram a span {
	background-image: url("../content/icons/instagram.png");
    background-repeat: no-repeat;
    background-size: 32px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    color: #ffffff;
    display: block;
    height: 30px;
    width: 100%;
}
.instagram a:hover span {
	opacity: 0.5;
}

.last-container ul {
	font-family: 'Apercu-Bold', Helvetica, Arial, sans-serif;
	list-style: none;
	margin: 6px 0 0 0;
	padding: 0;
}
.last-container ul li {
	display: block;
	float: left;
}
.last-container ul li a i {
	margin-right: 30px;
}
.last-container ul li a:hover i {
	margin-right: 25px;
}


/*	---------------------------------------------------------------------- */
/* 	Scroll to top */
/*	---------------------------------------------------------------------- */

/* Tab style */
#scrollUp {
    background: url(../content/icons/scrollUp.png) no-repeat top center #FFFFFF;
    bottom: 60px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    color: #000000;
    font-size: 1.5em;
    height: 35px;
    right: 0;
    text-align: center;
    transition: background 150ms linear 0s;
    width: 50px;
	z-index: 1000 !important;
}

#scrollUp:hover {
	background-color: #878787;
	background-position: bottom center;
    color: #FFFFFF;
}


/*	---------------------------------------------------------------------- */
/* 	nprogress */
/*	---------------------------------------------------------------------- */
#nprogress { pointer-events: none; }
#nprogress .bar {
	background: #E50083;
	position: fixed;
  	z-index: 100;
  	top: 0;
  	left: 0;
	width: 100%;
	height: 2px;
}
#nprogress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	opacity: 1.0;
}
#nprogress .spinner {
	display: none;
	position: fixed;
	z-index: 100;
	top: 20px;
	right: 20px;
}
#nprogress .spinner-icon {
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: solid 2px transparent;
  	border-top-color: #E50083;
  	border-left-color: #E50083;
  	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

@-webkit-keyframes nprogress-spinner {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*	---------------------------------------------------------------------- */
/* 	responsive styles */
/*	---------------------------------------------------------------------- */

@media only screen and (max-width: 1025px) {
body { font-size: 20px; padding-top: 0; }
body.subpage .mm-page, body.aktuell .mm-page, body.rechercheportal .mm-page, body.forschung_publikationen .mm-page, body.kunstarchiv_bibliothek .mm-page, body.dienstleistungen .mm-page, body.ueberuns .mm-page { padding-top: 90px; }

/* Layout elements */
.wrapper {
    padding-left: 2%; padding-right: 2%;
    width: 96%;
}
.header-container { background: none; border: none; position: absolute;}
.header-container.shadow { background: #FFF; }
.header-container .handheld { display: block; }
.header-container .desktop { display: none; }
.nav-container { float: right; margin: 17px 0 0 0; }
.subnav-container { display: none; } 
.content-container { float: none; width: 100%; }
.nav-container a.hamburger { display: block; }

/* Fonts */
h1 { margin-bottom: 0.5em; }

/* Common elements */
.pagetitle { margin-left: 1.7%; width: 84%; }
.row-content { margin: 0 0 15px; padding: 15px 1.5%; }
.row-content .heading {
    margin: -15px -1.5% 1em;
    padding: 5px 1.5% 3px;
}
a.row-content { padding: 10px 1.5%; }
.row-content .full-image { margin: 0 -17.2%; }
.row-content .full-image-slider { margin: 1.5em -17.2%; }
.row-content .full-image figure figcaption { margin: 1em auto 0 12.8%; }
.moreResearch-content .image img, .similarProduct-content .imahe img, .royalslider figure img, .staff-container .staff-content .image img { width: 100%; }
.signupMembership hr.overwidth {
	margin-left: -1.5%;
    margin-right: -1.5%;
    width: 103%;
}

/* Startpage */
.researchPortal-container {
	height: 180px;
	bottom: 390px;
	background: #F3F3F3; 
}
.researchPortal-container .sikartSearch-container .searchInput-Container input {
	margin: 0 0 0 auto;
	width: calc(96% - 30px);
}
.startpage-container .teasers-container {
    background: #FFFFFF;
    bottom: 0;
    height: 350px;
    margin: 0;
    padding: 20px 0;
    position: relative;
}
.startpage-container .teasers-container .teaser.one, .startpage-container .teasers-container .teaser.two, .startpage-container .teasers-container .teaser.three, .startpage-container .teasers-container .teaser.four {
	height: 165px;
    width: 49.1%;
}
.startpage-container .teasers-container .teaser.one, .startpage-container .teasers-container .teaser.two { margin-bottom: 20px; }
.startpage-container .teasers-container .teaser.two, .startpage-container .teasers-container .teaser.four { margin-right: 0; }
.startpage-container .teasers-container .teaser .teaser-content { height: 165px; }

.rsABlock { top: 30%; }
.startpage-container .rsNav.rsBullets { bottom: 200px; }
.startpage-container .rsArrow.rsArrowLeft, .startpage-container .rsArrow.rsArrowRight {
    margin-top: 0;
    top: auto;
    bottom: 190px;
}
.rsArrow { bottom: 200px; margin-top: 0; top: auto; }

/* Teasers */
.teaser-content { height: 425px; margin: 7px 0.7%; width: 31.93%; }
.teaser-content.half { width: 48.6%; height: 520px; } 
.teaser-content.type3 .image { height: 210px; }
.teaser-content.type3 .heading { margin-top: 210px; }
.teaser-content.type5 .title { line-height: 1.2em; font-size: 1.25em; }
/*.teaser-content.type1 .text, .teaser-content.type2 .text, .teaser-content.type3 .text, .teaser-content.type4 .text { display: none; }*/

/* subpages */
.sikartSearch-container input { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.publicationSearch input, .staffSearch input { width: 47%; -webkit-appearance:none; -webkit-border-radius:0; }
#zurichMap, #lausanneMap, #ligornettoMap { margin: 0 -1.5% 1em; width: 103%; }
.staff-container { margin: -10px -0.7% 0; }
.staff-content {
    margin: 7px 0.7%;
    min-height: 440px;
    width: 31.93%;
}
.sikartSearch-container button { right: 5%; }
.similarProduct-content .image img { margin: 10px auto; width: 70%; }
.row-content .royalslider figure figcaption { padding: 0 0 0 1.5%; }
.full-image-slider .rsNav.rsBullets .rsBullet { height: 8px; padding: 5px 2px; width: 8px; }
.full-image-slider .rsNav.rsBullets .rsBullet span { height: 6px; width: 6px; }
.full-image-slider .rsNav.rsBullets { text-align: left; margin-left: 1em; }
.row-content .full-image-slider a.sliderPopup { right: 2em; }

/* intranet */
.dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container { max-width: 70; width: 70%; }
.sik-edit-profile .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { max-width: 445px !important; }
div.dnnRegistrationForm { min-width: auto; }

/* Footer */
.footer-content { font-size: 0.7em; }
.footer-content .columnOne, .footer-content .columnThree { margin-right: 0; }
.footer-content .columnTwo, .footer-content .columnFour { margin-right: 0; float: right; }
.footer-content .columnThree, .footer-content .columnFour { margin-top: 2em; } 
.footer-content .columnThree { clear: both; }
.footer-content .columnOne, .footer-content .columnTwo, .footer-content .columnThree, .footer-content .columnFour { width: 48%; }
.signupNewsletter { margin: 0; }
.signupNewsletter input.btn.submit { right: 2%; }
#scrollUp { display: none !important; } 
.signupNewsletter input.newsletter { padding: 7px 24% 6px 2%; width: 74%; }

/* Sidr Navi */
html.mm-opened .mm-page { position: absolute !important; top: 0; }
.sidenav-container, .nav-container ul.megamenu { display: none; }
a#sidemenu-trigger { display: block; }
.sidenav-action-targets {
    display: block;
    height: 35px;
    left: 0; 
    position: relative;
    right: auto;
    top: 0;
    width: 100%;
	-webkit-transition: height 150ms linear;
	-moz-transition: height 150ms linear;
	-ms-transition: height 150ms linear;
	-o-transition: height 150ms linear;
	transition: height 150ms linear;
}
.sidenav-action-targets.active { height: 85px; }
.searchBox {
    left: 0;
    position: relative;
    right: auto;
    top: 15px;
    width: 100%;
}
.searchBox .searchInput {
    padding: 5px 2%;
    width: 96%;
}
.searchInput-Container input.searchBox { top: 0; }
.language-switch, .shareit-content {
	background: none;
	margin: 0;
    position: relative;
    right: auto;
    top: 15px;
    width: auto;
	left: 0;
} 
.language-switch .Language {
    background: #FFFFFF;
    border-radius: 5px;
    display: block;
    float: left;
    height: 35px;
    margin: 0 15px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}
.shareit-content a.shareit .facebook, .shareit-content a.shareit .twitter, .shareit-content a.shareit .googleplus, .shareit-content a.shareit .mail {
    background-color: #FFFFFF;
    border-radius: 5px;
	float: right;
    margin: 0 0 0 15px;
    width: 50px;
}
.shareit-content a.shareit .facebook { background-position: -50px -105px; }
.shareit-content a.shareit .twitter { background-position: -100px -105px; }
.shareit-content a.shareit .googleplus { background-position: -150px -105px; }
.shareit-content a.shareit .mail { background-position: -200px -105px; }
.mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 0 !important; }
.mm-header {
    border-bottom: 0 none !important;
    left: auto !important;
    padding: 0 !important;
    right: 20px !important;
    text-align: right !important;
    top: 27px !important;
    width: auto !important;
}
.mm-header a.closeSideNav {
	background: #FFFFFF;
    border-radius: 100%;
    display: block;
    height: 35px;
    text-align: center;
    width: 35px;
}
.mm-header a.closeSideNav:hover {
	background: #878787;
}
.mm-header a.closeSideNav .close {
	background: url("../content/icons/closeSidr.png") no-repeat scroll center center / 30px auto rgba(0, 0, 0, 0);
	width: 35px; 
	height: 35px;
	display: block;
}
.mm-menu.mm-hasheader li.mm-subtitle { display: block !important; } 

.sidenav-container ul li.search { background-position: 1px 0; }
.sidenav-container ul li.login { background-position: 0 -35px; }
.sidenav-container ul li.login.loggedin { background-position: -50px -35px; }
.sidenav-container ul li.shoppingcart { background-position: 1px -70px; }
.sidenav-container ul li.shareit { background-position: 0px -105px; }

}

@media only screen and (max-width: 768px) {
/* 	404 */
div.fourofour {
	font-size: 2em;
    margin-top: 1em;
}
p.fourofour {
	width: 100%;
	box-sizing: border-box;
}
/* Layout elements */
.wrapper { 
    padding-left: 3%; padding-right: 3%;
    width: 94%;
}
.logo-container {
    max-width: 100px;
	width: 25%;
}
.header-container { height: auto; }
.logo-container { margin: 15px 0 10px 0; }
.nav-container { margin: 12px 0; }
.logo-container .logoImagePink, .logo-container .logoImageWhite, .logo-container .logoImageBlack {
    width: 100%;
}

/* fonts */
menu, ol, ul { padding: 0 0 0 7%; }

/* Common elements */
.pagetitle { width: 99%; }
.row-content, .row-content.searchResults { padding: 10px 3%; }
.row-content .heading, .row-content.searchResults .heading {
    margin: -10px -3% 1em; 
    padding: 5px 3% 3px;
}
a.row-content { padding: 10px 3%; }
.tabledata_left, .tabledata_right { float: none; width: 100%; }
.row-content .royalslider { margin: 0 -3%; }
.row-content .royalslider figure { margin-left: 0; }
.row-content .royalslider figure figcaption { margin: 0.5em 3%; padding: 0; width: 94%; }

.row-content .royalslider figure a.fullscreen { display: none; }
.row-content figure, .row-content figure.video-figure, .row-content .full-image figure, .row-content .video-figure figure { width: 106%; margin-left: -3%; }
.row-content .full-image { margin: 0; }
.row-content .full-image-slider { margin: 1.5em -3%; }
.row-content figure img { width: 100%; }
.row-content figure figcaption { margin-left: 3%; width: 94%; }
.row-content .small-image figure figcaption { width: 87%; }
.row-content .full-image figure figcaption, .row-content .full-image-slider .rsSlide p { margin: 1em 0 0 3%; width: 87%; }
.row-content .small-image figure a span.fa-stack.fa-lg, .row-content .full-image figure a.fullscreen span.fa-stack.fa-lg { margin: 1em 3% 0 0; }

/* startpage */
.royalSliderClaim { top: 160px; }
.researchPortal-container, .startpage-container .teasers-container {
    bottom: auto;
    height: auto;
    position: relative;
}
.researchPortal-container {
    background: #F3F3F3;
	padding: 0.5em 0;
}
.researchPortal-container .sikartSearch-container .searchInput-Container input {
    margin: 0 auto;
    width: calc(96% - 30px);
}
.sikartSearch-container button {
    right: 4%;
}
.startpage-container .teasers-container {
	background: #FFF;
	padding: 20px 0 5px 0;
	margin-bottom: 0;
}
.researchPortal-container .columnOne, .researchPortal-container .columnTwo, .researchPortal-container .columnThree {
    display: block;
    float: none;
    margin: 0 0 1em 0;
    width: 100%;
}
.startpage-container .teasers-container .teaser.one, .startpage-container .teasers-container .teaser.two, .startpage-container .teasers-container .teaser.three, .startpage-container .teasers-container .teaser.four {
    height: 200px;
    margin: 0 0 15px 0;
    width: 100%;
}
.startpage-container .teasers-container .teaser .teaser-content { height: 200px; }
.startpage-container .teasers-container .teaser-content.one, .startpage-container .teasers-container .teaser-content.two { margin-bottom: 15px; }
.startpage-container .rsNav.rsBullets { bottom: 20px; left: -25%; width: 50%; }
.startpage-container .rsArrow.rsArrowLeft, .startpage-container .rsArrow.rsArrowRight { bottom: 10px; }
.startpage-container .rsArrow { bottom: 20px; }
.startpage-container .rsNav .rsBullet { height: 5px; width: 5px; }
.rsArrow.rsArrowLeft { left: 3%; }
.rsArrow.rsArrowRight { right: 3%; }
.rsArrow .rsArrowIcn:before { font-size: 2em; }

/* Teasers */
.teaser-content {
    height: 407px;
    margin: 7px 0.787%;
    width: 48.42%;
}
.teaser-content.half { width: 100%; }
.teaser-content.half.sikartSearch, .teaser-content.half.nebisSearch, .teaser-content.half.type3 { height: auto; padding-bottom: 1em; }
.teaser-content.type3 .image { height: 210px; width: 100%; }
.teaser-content.type3 .heading { margin-top: 210px; }
.teaser-content .heading { padding-right: 3%; padding-left: 3%; }
.teaser-content .title, .teaser-content .text { margin-right: 3%; margin-left: 3%; }
.teaser-content.type1 .image, .teaser-content.type2 .image { width: 100%; }
.teaser-content .link { right: 3%; }
.teaser-content:hover .link { right: 2%; }
.teaser-content.type6 .linklist { margin: 0 3%; }

/* subpages */
.row-content .content { width: 100%; }
.sikartSearch-container {
    height: 70px;
    margin: 60px auto;
    width: 94%;
}
.sikartSearch-container .searchInput-Container { width: 100%; }
.sikartSearch-container .searchInput-Container input { width: calc(96% - 30px); }
.teaser-content.sikartSearch .link { right: auto; }
.nebisSearch-container { width: 100%; }
.search-container {
    float: none;
    margin: 40px auto;
    width: 100%;
}
.searchInput-Container { float: none; margin: 40px 0 30px 0; width: 100%; }
.results-container { float: none; width: 100%; }
.summaryResultcount { margin: 0; }
#zurichMap, #lausanneMap, #ligornettoMap { margin: 0 -3% 1em; width: 106%; height: 350px; }
.addressBlock { float: none; width: 100%; }
.directions, .directionDetails { display: none; }
.mapMobileTrigger { display: block; }
.mapMobileTrigger a { background: #E50083 none repeat scroll 0 0; border-radius: 5px; color: #FFFFFF; display: block; font-family: "Apercu-Bold",Helvetica,Arial,sans-serif; font-size: 0.7em; margin: 1em 0 0; padding: 0.3em; text-align: center; text-decoration: none; }
.signupMembership .signupLeftColumn, .signupMembership .signupRightColumn { float: none; width: 100%; }
.staff-container { margin: 0 -0.975%; }
.row-content.staffSearch, .row-content.publicationSearch { padding: 10px 2%; }
.row-content.publicationSearch .hotcakesSearchContainer, .publicationFilter, .row-content.staffSearch .teamSearchContainer, .row-content.staffSearch .filter, .row-content.indexList-content.withImage .image, .row-content.indexList-content.withImage .text-content {
    float: none;
	width: 100%;
}
.row-content.moreInformation-content.withImage .link, .row-content.indexList-content .link {
    bottom: 0;
    position: relative;
}
.row-content.indexList-content.withImage .text-content .link {
    bottom: 10px;
    position: absolute;
}
.row-content.publicationSearch .hotcakesSearchContainer, .row-content.staffSearch .teamSearchContainer { margin-bottom: 10px; }
.row-content.indexList-content.withImage .text-content .title { margin-bottom: 0.5em; }
.staff-content {
    height: 407px;
    margin: 7px 0.787%;
    width: 48.42%;
}

.row-content.moreInformation-content.withImage .image, .row-content.moreInformation-content.withImage .text, .row-content.moreInformation-content .leftCol, .row-content.moreInformation-content .rightCol { float: none; width: 100%; }
.row-content.moreInformation-content.withImage .image, .row-content.indexList-content.withImage .image { max-width: 250px; margin: 0 auto 1em auto; }
.row-content.moreInformation-content .leftCol { margin-bottom: 1em; }

.similarProduct-container { margin: 0; }
.moreResearch-content, .similarProduct-content { float: none; margin: 0 0 15px 0; width: 100%; }
.publicationsarchive .image, .publicationsarchive .title, .publicationsarchive .text, .publicationsarchive .link { float: none; width: 100%; }
.publicationsarchive .image { max-width: 230px; margin: 0 auto 1em auto; }
.publicationsarchive .link { margin-bottom: 0; }
.publicationsarchive .shopFunctions {
	bottom: auto;
    left: 0;
    position: relative;
    right: auto;
    top: 0;
	line-height: 1.35em;
}
.publicationsarchive .shopFunctions .price { line-height: 2.2em; }
.publicationsarchive .shopFunctions .price, .publicationsarchive .shopFunctions .addToBasket {
    display: block;
    float: none;
    margin: 0.5em 0 0 0;
}
.shopLeftColumn, .shopRightColumn {
    float: none;
	width: 100%; 
}
.shopLeftColumn .shopFunctions {
	margin-bottom: 1em;
}
ul.dnnButtonGroup > li > a { padding: 8px 10px 3px; }
.shopLeftColumn .image, .row-content.mediaRelease .image, .row-content.event .image { max-width: 250px; margin: 0 auto 1em auto; }
.row-content.mediaRelease .image, .row-content.mediaRelease .title, .row-content.mediaRelease .text, .row-content.mediaRelease .pdf, .row-content.event .image, .row-content.event .title, .row-content.event .text, .row-content.event .disclaimer { float: none; width: 100%; }
.rechercheportal .sikartSearch-container button { right: 5.5%; }
.similarProduct-content .image img { width: 65%; }

/* Hot cakes */
.publikation-warenkorb .table-container .table-row .table-data {
    display: block;
    float: none;
    margin-right: 0;
}
.publikation-warenkorb .table-container .table-row { margin: 0.5em 0; }
.publikation-warenkorb .warenkorb-items .table-container .table-row { border-top: 1px solid #D3D3D3; margin: 0.7em 0 0 0; padding: 0.5em 0; }
.publikation-warenkorb .warenkorb-items .table-container .table-row.first { border-top: none; padding: 0; }
.publikation-warenkorb .table-container .table-row .table-data.bookCover, .publikation-warenkorb .table-container .table-row .table-data.item, .publikation-warenkorb .table-container .table-row .table-data.price, .publikation-warenkorb .table-container .table-row .table-data.delete { width: 100%; }
.publikation-warenkorb .table-container .table-row .table-data.bookCover { margin: 0 auto 1em; max-width: 230px; }
.publikation-warenkorb .table-container .table-row .table-data.price { text-align: left; }
.publikation-warenkorb .table-container .table-row .table-data.delete { margin-top: 0em; }
.publikation-warenkorb .table-container .table-row .table-data.delete:before { float: none; }
.publikation-warenkorb .table-container .table-row .table-data.delete input.warenkorb-delete { right: auto; }
.publikation-warenkorb .table-container .table-row .table-data.subTotalData { float: none; text-align: left; }
.checkoutForm .shipping-section .dnnFormItem label.dnnLabel, .login-section .hcTabPane .dnnFormItem .dnnLabel { width: 100%; }
.checkoutForm .shipping-section .dnnFormItem input, .login-section .hcTabPane .dnnFormItem input, .instructions-section textarea { width: 97%; }
.checkoutForm .shipping-section .select2-container { max-width: 457px; width: 99.5%; }
.login-section .hcTabPane { margin: 0.5em 0 0 0; }
.login-section .hcTabPane ul.dnnActions.dnnClear.dnnRight { margin: 0.5em 0 0 0; }
.login-section .hcTabPane ul li a.dnnSecondaryAction, .login-section .hcTabPane ul li a.dnnPrimaryAction { padding: 7px 15px 8px 15px; min-width: inherit; }
.checkoutForm .cart-section .table-container.viewOrderItems .table-row .table-data.item, .checkoutForm .cart-section .table-container.viewOrderItems .table-row .table-data.quantity, .checkoutForm .cart-section .table-container.viewOrderItems .table-row .table-data.price, .hc-order-details .table-container.viewOrderItems .table-row .table-data.item, .hc-order-details .table-container.viewOrderItems .table-row .table-data.quantity, .hc-order-details .table-container.viewOrderItems .table-row .table-data.price { float: none; width: 100%; text-align: left; }


/* Footer */
.footer-content .columnOne, .footer-content .columnTwo, .footer-content .columnThree, .footer-content .columnFour { float: none; width: 100%; margin-bottom: 3em; }
.footer-content .columnFour { margin: 0; }
.columnBox { padding: 15px 3%; }
.footer-content h3 { margin-bottom: 0.2em; }
.facebook, .last-container ul li { float: none; }
ul.dnnButtonGroup ul.pageBlock li a { padding-left: 3px; padding-right: 3px; }
.signupNewsletter input.newsletter { padding: 7px 38% 6px 2%; width: 60%; }

}

@media only screen and (max-width: 575px) {
body.subpage .mm-page, body.aktuell .mm-page, body.rechercheportal .mm-page, body.forschung_publikationen .mm-page, body.publikationen .mm-page, body.kunstarchiv_bibliothek .mm-page, body.dienstleistungen .mm-page, body.ueberuns .mm-page { padding-top: 0; }
.header-container { position: relative; }
body.startpage .header-container { position: absolute; }
.researchPortal-container .sikartSearch-container input {
    width: 85%;
    margin: 0 auto;
}
.sikartSearch-container button {
    right: 7%;
}

.mm-menu.mm-hasfooter > .mm-panel {
    margin-top: 61px;
}
.mm-header {
    top: 13px !important;
}
.logo-container {
    margin: 15px 0 10px 0;
}

/* intranet */
.row-content.login .dnnSendPasswordContent .dnnFormItem > .dnnLabel, .row-content.login .dnnRegistrationForm .dnnFormItem > .dnnLabel {
	display: block;
    float: none;
    margin-right: 0;
    margin-top: 0;
    padding-right: 0;
    width: 100%;
}
.row-content.login .dnnSendPasswordContent input[type="text"], .row-content.login .dnnRegistrationForm input[type="text"], .row-content.login .dnnRegistrationForm input[type="password"] {
    margin: 0 0 1em 0;
    padding: 7px 1%;
    max-width: 100%;
    width: 97%;
}
.dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container {
    width: 100%;
    max-width: 100%;
}
.row-content.login .dnnRegistrationForm .password-strength-container input[type="password"] {
    margin: 0;
    max-width: 97% !important;
    width: 97%;
}
.meter {
    margin-right: 0;
    width: 20%;
}
.row-content.login .dnnSendPasswordContent ul.dnnActions, .row-content.login .dnnRegistrationForm ul.dnnActions {
    padding: 0;
}

}

@media only screen and (max-width: 480px) {
div.fourofour {
	font-size: 1.5em;
}

/* Teasers */
.teaser-content {
    float: none;
    height: 390px;
    margin: 0 0 15px 0;
    width: 100%;
}
.teaser-content.type3, .teaser-content.type5 {
	height: auto;
	padding-bottom: 1.5em;
}
.teaser-content.type6 {
	height: auto;
}

.teaser-content.half { width: 100%; }
.teaser-content.type3 .image { height: 210px; }
.teaser-content.type3 .heading { margin-top: 210px; }
.teaser-content .heading { padding-right: 3%; padding-left: 3%; }
.teaser-content .title { margin-right: 3%; margin-left: 3%; }
.teaser-content.type1 .image, .teaser-content.type2 .image, .teaser-content.type7 .image, .teaser-content.type8 .image { width: 100%; }
.teaser-content .link { right: 3%; }
.teaser-content:hover .link { right: 2%; }
.teaser-content.type6 .linklist { margin: 0 3%; }
/* Staff */
.DnnModule #mdMemberList { 
    display: block;
}
.staff-container {
    margin: 0;
}
.staff-content, .moreInformation-container .staff-content {
	float: none;
    height: auto;
    margin: 7px 0;
    min-height: inherit;
    padding-bottom: 0.4em;
    width: 100%;
}
.moreInformation-container .text-content .link.pdf.transition {
    bottom: 0;
    display: block;
    margin: 0.5em 0 0;
    position: relative;
    right: 4%;
    text-align: right;
}
.moreInformation-container .staff-container .text-content .link.pdf.transition {
    bottom: 0;
    position: relative;
}

.mm-menu {
    max-width: 100% !important;
    width: 100%;
}
.mm-menu .mm-footer {
    border-bottom: 0 dashed #ffffff !important;
    border-top: 0 dashed #ffffff !important;
    margin-top: -70px;
}
.mm-footer .sidenav-container ul li {
    margin: 0 2% 0 0;
    width: 18.4%;
}
.logo-container {
    margin: 15px 0 0 0;
}

}

/*	---------------------------------------------------------------------- */
/* retina display graphics */
/*	---------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

.logo-container .logoImagePink {
	background-image: url("../content/logos/main-logo-pink.png");
}
.logo-container .logoImageWhite {
	background-image: url("../content/logos/main-logo-white.png");
}
.logo-container .logoImageBlack {
	background-image: url("../content/logos/main-logo-black.png");
}

}

/*	---------------------------------------------------------------------- */
/* 	helper classes */
/*	---------------------------------------------------------------------- */

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*	---------------------------------------------------------------------- */
/* 	intranet */
/*	---------------------------------------------------------------------- */

.ICGDataGrid {
    color: #000000;
	border: none;
	width: 100%;
}
.ICGDataGridHeader td {
	font-family: 'Apercu-Bold',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 20px;
    background-color: #FFFFFF;
    border: 1px dashed #000000;
	border-width: 1px 0px;
    color: #000;
    font-weight: normal;
    height: 20px;
    padding: 1em;
}
.ICGDataGridItem td, .ICGDataGridAltItem td {
    background-color: #FFFFFF;
    border: 1px dashed #000000;
	border-width: 1px 0px;
    font-weight: normal;
    height: auto;
	padding: 0.5em 1em;
}
.ICGDataGridItem td a, .ICGDataGridAltItem td a {
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 0.636em;
    line-height: 20px;
	text-decoration: none;
	display: block;
}
.ICGDataGridItem td a:hover, .ICGDataGridAltItem td a:hover {
	background: none;
	color: #F00;
}
.ICGDataGridItem td a:hover, .ICGDataGridAltItem td a:hover {
	background: none;
	color: #E50083;
}
.ICGDataGridItem td img, .ICGDataGridAltItem td img { width: 26px; }
.ICGDataGridItem:hover td, .ICGDataGridAltItem:hover td { background: #D3D3D3; }

/* --- */

.afcontainer {
    font-size: 16px;
	color: #000;
}
.aftoolbarpanel {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
	font-size: 16px; 
}
.aftoolbarpanel a, .afcontainer a {
    font-family: "AGaramond-Regular",Times,serif;
	text-decoration: none;
	background: none;
	font-weight: normal !important;
	color: #000 !important;
}
.afcontainer .afbuttonarea a, .afnormal a.dnnPrimaryAction, .amtbwrapper .dnnPrimaryAction {
	background: #000000;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
    font-size: 13px;
	line-height: 2.5em;
    margin: 1em 1em 1em 0;
    padding: 1px 20px 2px;
    text-align: center;
    text-decoration: none;
	text-shadow: none;
}
.afcontainer .afbuttonarea a:hover, .afnormal a.dnnPrimaryAction:hover, .amtbwrapper .dnnPrimaryAction:hover {
	background: #e50083;
}
.aftoolbarpanel ul.af-list-flat {
    padding: 0;
}
.afgrid {
    font-size: 14px;
}
.afgrouprow, .afcontrolheader {
    background-color: #000000;
    font-size: 16px;
    font-weight: normal;
	font-style: normal;
	height: 40px;
	font-family: "GaramondURW-Dem",Times,serif;
	line-height: 40px;
}
.afheader.aftopicrow, .aftopicrownew {
    background-color: #D3D3D3;
}
.aftitlelg { padding: 0; }
.aftitlelg, .aftitlelg a, .aftitlelg a:link, .aftitlelg a:active, .aftitlelg a:visited {
    color: #000;
    font-family: "AGaramond-Regular",Times,serif;
    font-size: 30px;
    padding: 10px 0;
	background: none;
}
.aftopicrow, .aftopicrowalt, .aftopicrownew, .aftopicrownewalt, .aftopicrownew a, .aftopicrownew a:link, .aftopicrownew a:visited, .aftopicrownew a:active, .aftopicrownewalt a, .aftopicrownewalt a:link, .aftopicrownewalt a:visited, .aftopicrownewalt a:active {
    color: #000;
    font-size: 16px;
}
.afnormal {
    color: #000;
    font-family: "AGaramond-Regular",Times,serif;
    font-size: 16px;
}
.afcrumb, .aftopicsum {
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
}
.afpostinfo2, .afpostreply2 {
    background-color: #F3F3F3;
}
.afpostbody {
	font-size: 16px;
    line-height: 1.5em;
	color: #000;
}
.af-actions ul li em, a.af-actions em, span.af-actions em {
	margin: 5px 5px 0 10px;
}
.DnnModule ul.af-rater {
    height: 16px;
}
.activeForums input[type="checkbox"], .activeForums input[type="radio"] { margin-right: 10px; }
.afeditor {
    background-color: transparent;
    border: none;
    width: 100%;
}
.aftitle {
    font-family: "AGaramond-Regular",Times,serif;
    font-size: 30px;
    font-weight: normal;
	margin-left: -10px;
}
.aftextbox {
    border: 1px solid #000;
    display: block;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
    padding: 7px;
    width: 93%;
}
.afeditor table tr td textarea {
	border: 1px solid #000;
    display: block;
    font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
    font-size: 14px;
    padding: 7px;
    width: 93%;
}
.amimagebutton, .amimagebutton_over {
    border: none;
	background-color: transparent; 
	margin: 1em 0;
}
tr.post-icons, td.emoticons { display: none; }
.amtbwrapper {
	margin: 30px auto;
}
.amtbwrapper .amtbwrapper {
	margin: 0;
}
.afsection {
    border-bottom: 1px solid #FFF;
}
.afsectionhd {
    background-color: #000;
    background-image: none;
    color: #FFFFFF;
    height: 40px;
    margin: 0;
    padding-left: 1em;
}
.af-actions ul li:hover {
    border: 1px solid transparent;
	color: #e50083;
}
.dnnDialog.ui-dialog-content.ui-widget-content, .fu-file-already-exists-prompt .fu-status-message, .fu-file-already-exists-prompt-button-replace, .fu-file-already-exists-prompt-button-keep { height: auto !important; line-height: inherit !important; }
.dnnModuleDigitalAssetsListViewItemLinkName { font-size: 15px; }

.mfp-bg {
    background: #000 !important;
    opacity: 0.9 !important;
}

button.mfp-close {
    background: #FFFFFF !important;
    border-radius: 100%;
    color: #000 !important;
    font-size: 1.5em;
    height: 35px !important;
	line-height: 35px;
    margin: 20px;
    opacity: 1 !important;
    text-align: center;
    width: 35px !important;
}
button.mfp-close:hover {
    background: #878787 !important;
}
.mfp-container .mfp-content .mfp-figure figure figcaption .mfp-bottom-bar .mfp-title, .sliderContainer.white-popup .imageSliderPopup .rsContainer .rsSlide p {
	color: #FFFFFF;
	font-family: 'Apercu-Regular',​Helvetica,​Arial,​sans-serif;
	font-size: 14px;
	line-height: 22.5px;
    margin: 1em auto;
    padding: 0;
    width: 70%;
	max-width: 750px;
}

.white-popup {
	position: relative;
    width: auto;
    max-width: 1024px;
    margin: 0 auto;
	height: 100% !important;
}
.white-popup .royalSlider {
    height: auto;
    width: 1024px;
}

/* just some styles to define the size of slider */
.sliderContainer, .imageSliderPopup {
    width: 1024px; 
    min-height: 500px; 
	height: auto;
    max-width: 1024px; 
    margin: 0 auto;
}
.popup-slider-container .rsOverflow {
    height: 100% !important;
    width: 100% !important;
}
.imageSliderPopup .rsOverflow img.rsImg {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 760px) {
.sliderContainer, .imageSliderPopup {
	height: 300px;
}
}

@media only screen and (max-width: 767px) {
.mfp-bg {
    opacity: 0.95 !important;
}
button.mfp-close {
    font-size: 1.2em;
    height: 25px !important;
	line-height: 25px;
    margin: 7px;
    width: 25px !important;
}
.mfp-container .mfp-content .mfp-figure figure figcaption .mfp-bottom-bar .mfp-title {
	font-size: 12px;
	line-height: 20px;
    margin: 0.5em auto;
    width: 94%;
}
}

/* Edit Profile */
.sik-edit-profile .dnnLabel {
	margin-right: 0;
    padding-right: 0;
    text-align: left;
    width: 25%;
}
.sik-edit-profile .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {
    max-width: 50%;
    width: 50%;
}
.sik-edit-profile .RadEditor.reWrapper {
	width: 550px !important;
}
.sik-edit-profile .dnnFileUploadScope {
    background-color: #FFFFFF;
    width: 550px;
}
.sik-edit-profile .dnnFileUploadScope .dnnLeft {
    padding: 0;
    width: 100%;
}
.sik-edit-profile .dnnFileUploadScope .dnnFormItem span, .sik-edit-profile .urlControlTab .dnnFormItem > span {
    width: 25%;
	padding-left: 0;
}
.sik-edit-profile .dnnFileUploadScope .dnnFormItem .RadComboBox_Default, .sik-edit-profile .dnnFileUploadScope .dnnFormItem .dnnDropDownList {
    width: 75%;
}
.sik-edit-profile ul.dnnActions.dnnClear {
	padding-left: 0;
}
.sik-edit-profile .dnnPrimaryAction, .sik-edit-profile .dnnFormItem input[type="submit"], .sik-edit-profile a.dnnPrimaryAction {
    background: none repeat scroll 0 0 #000000;
    border-color: transparent;
    box-shadow: none;
    color: #ffffff;
    font-family: "Apercu-Bold",​Helvetica,​Arial,​sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    padding: 7px 25px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}
.dnnProfile .dnnFileUploadScope > div:first-child {
	display: none;
}
.sik-edit-profile .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
    background: #d3d3d3;
    border: 1px dashed #e40083;
    border-radius: 0;
    box-shadow: none;
    width: auto;
}
.sik-edit-profile .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
    background: rgba(228,0,131,0.5);
    border-radius: 0;
    box-shadow: none;
    color: #000;
    cursor: default;
    display: block;
    font-size: 14px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -30%;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50px;
    transition: all 500ms ease-in-out 0s;
    width: 60%;
}
.sik-edit-profile .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone img {
	display: block;
	margin: 0 auto;
}

.mfp-container {
    padding: 0 !important;
}
.mfp-content {
    position: initial !important;
}
img.mfp-img {
    max-width: 1024px !important;
    padding: 0 !important;
    width: 100% !important;
}
.mfp-bottom-bar {
    bottom: 0 !important;
    margin-top: 0 !important;
    top: auto !important;
	padding-top: 3em;
	text-shadow: 0 2px 2px #000000;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.mfp-figure:after {
    background: none !important;
    box-shadow: none !important;
}
.mfp-counter {
	display: none;
}

/* arrows overwrite */
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: none !important;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    border: none !important;
	margin-left: 0 !important;
    margin-top: 0 !important;
}
.mfp-arrow {
    height: 2.5em !important;
    margin: -2.5em 0 0 0 !important;
    opacity: 1 !important;
    top: 50% !important;
    width: 20px !important;
}
.mfp-arrow-left:before, .mfp-arrow-right:before {
	color: #FFF;
    font-family: FontAwesome;
	font-size: 2em;
}
.mfp-arrow-left:before { content: "\f104" !important; }
.mfp-arrow-right:before { content: "\f105" !important; }
.mfp-arrow-left { left: 1% !important; }
.mfp-arrow-right { right: 1% !important; }

@media only screen and (max-width: 575px) {
.ICGDataGridItem td, .ICGDataGridAltItem td {
    padding: 0.5em 0.2em;
	word-break: break-all;
}
}

#ControlBar { z-index: 1000; }

/* .pswp__container{
     transition:.7s ease-in-out all;
} */

/*
    2sxc Contents
*/
/* .role-admin .startpage-container {
    height: calc(100vh - 155px);
} */
.startpage-container {
    height: calc(100vh - 100px);
}

/* LIVE */
/* AKTUELL */
body.tab-178, body.tab-178 .subnav-container,
body.tab-1839, body.tab-1839 .subnav-container,
body.tab-2065, body.tab-2065 .subnav-container,
body.tab-2291, body.tab-2291 .subnav-container { background: #E9C76F; }
body.tab-178 .header-container,
body.tab-1839 .header-container,
body.tab-2065 .header-container,
body.tab-2291 .header-container { border-bottom-color: #E9C76F; }

/* ONLINE BESTÄNDE */
body.tab-3422, body.tab-3422 .subnav-container,
body.tab-3424, body.tab-3424 .subnav-container,
body.tab-3425, body.tab-3425 .subnav-container,
body.tab-3423, body.tab-3423 .subnav-container { background: #D3D3D3; }
body.tab-3422 .header-container,
body.tab-3424 .header-container,
body.tab-3425 .header-container,
body.tab-3423 .header-container { border-bottom-color: #D3D3D3; }

/* RECHERCHEPORTAL */
body.tab-198, body.tab-198 .subnav-container,
body.tab-1840, body.tab-1840 .subnav-container,
body.tab-2066, body.tab-2066 .subnav-container,
body.tab-2292, body.tab-2292 .subnav-container { background: #F3F3F3; }
body.tab-198 .header-container,
body.tab-1840 .header-container,
body.tab-2066 .header-container,
body.tab-2292 .header-container { border-bottom-color: #F3F3F3; }

/* FORSCHUNG UND PUBLIKATION */
body.tab-222, body.tab-222 .subnav-container,
body.tab-1841, body.tab-1841 .subnav-container,
body.tab-2067, body.tab-2067 .subnav-container,
body.tab-2293, body.tab-2293 .subnav-container { background: #96FFD4; }
body.tab-222 .header-container,
body.tab-1841 .header-container,
body.tab-2067 .header-container,
body.tab-2293 .header-container { border-bottom-color: #96FFD4; }


/* KUNSTARCHIV UND BIBLIOTHEK */
body.tab-254, body.tab-254 .subnav-container,
body.tab-1842, body.tab-1842 .subnav-container,
body.tab-2068, body.tab-2068 .subnav-container,
body.tab-2294, body.tab-2294 .subnav-container { background: #FF6B7A; }
body.tab-254 .header-container,
body.tab-1842 .header-container,
body.tab-2068 .header-container,
body.tab-2294 .header-container { border-bottom-color: #FF6B7A; }

/* DIENSTLEISTUNGEN */
body.tab-306, body.tab-306 .subnav-container,
body.tab-1843, body.tab-1843 .subnav-container,
body.tab-2069, body.tab-2069 .subnav-container,
body.tab-2295, body.tab-2295 .subnav-container { background: #A2C6FF; }
body.tab-306 .header-container,
body.tab-1843 .header-container,
body.tab-2069 .header-container,
body.tab-2295 .header-container { border-bottom-color: #A2C6FF; }

/* UEBER UNS */
body.tab-342, body.tab-342 .subnav-container,
body.tab-1844, body.tab-1844 .subnav-container, 
body.tab-2296, body.tab-2296 .subnav-container,
body.tab-2070, body.tab-2070 .subnav-container { background: #F7FF5E; }
body.tab-342 .header-container,
body.tab-1844 .header-container,
body.tab-2296 .header-container,
body.tab-2070 .header-container { border-bottom-color: #F7FF5E; }

body.va-layout-start .header-container { border: none; }
body.va-layout-start .header-container.white { background: rgba(0,0,0,0); }
body.va-layout-start .header-container.white:hover { background: rgba(0,0,0,0.7); }
body.va-layout-start .header-container.black { background: rgba(255,255,255,0); }
body.va-layout-start .header-container.black:hover { background: rgba(255,255,255,0.85); }
body.va-layout-start .header-container.white.shadow, body.va-layout-start .header-container.black.shadow { background: #FFFFFF; }


@media only screen and (max-width: 1025px) {
    .startpage-container {
        height: auto
    }
}

@media only screen and (max-width: 575px) {
    body.va-layout-start .header-container { position: absolute; }
}


/* DEV */
body.tab-3076, body.tab-3076 .subnav-container { background: #E9C76F; }
body.tab-3076 .header-container { border-bottom-color: #E9C76F; }

body.tab-3080, body.tab-3080 .subnav-container { background: #FF6B7A; }
body.tab-3080 .header-container { border-bottom-color: #FF6B7A; }

form #slidernav { display: none; }
/* ADMIN */
ul.dnnAdminTabNav li a {
    font-family: 'AGaramond-Regular', Times, serif;
    font-weight: normal;
}

h2.dnnFormSectionHead {
    border-bottom: 1px dashed #000;
    position: relative;
    color: #212529;
    transition: color .3s linear,border-color .3s linear;
    margin-bottom: 0;
    margin-top: 0;
}

h2.dnnFormSectionHead > a {
    font-family: 'AGaramond-Regular', Times, serif;
    font-size: 22px;
    line-height: 24px;
    padding: 12px 30px;
    position: relative;
    margin: 0;
    background: none !important;
}

h2.dnnFormSectionHead > a:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 16px;
    background: url(/Portals/0/Skins/SIK-ISEA/content/icons/arrow_pink_right.png);
    background-size: cover;
    transition: right .2s ease;
}

h2.dnnFormSectionHead > a:hover:after {
    right: 10px;
}

#dnnUserDetails a.dnnPrimaryAction,
#dnnUserDetails a.dnnSecondaryAction,
#dnn_ctr_EditUser_dnnProfileDetails a.dnnPrimaryAction,
#dnnUserSubscriptions a.dnnPrimaryAction,
#dnn_ctr13557_ModuleContent .dnnPrimaryAction,
#dnn_ctr13559_ModuleContent .dnnPrimaryAction,
#dnn_ctr13569_ModuleContent .dnnPrimaryAction {
    font-family: 'Apercu-Bold', ​Helvetica, ​Arial, ​sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    display: inline-block;
    box-sizing: border-box;
    height: 34px;
    padding: 0 15px;
    background-color: #000;
    background: #000;
    border: none;
    border-radius: 3px; 
    text-decoration: none;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
}

#dnnUserDetails a.dnnPrimaryAction:hover,
#dnnUserDetails a.dnnSecondaryAction:hover,
#dnn_ctr_EditUser_dnnProfileDetails a.dnnPrimaryAction:hover,
#dnnUserSubscriptions a.dnnPrimaryAction:hover,
#dnn_ctr13557_ModuleContent .dnnPrimaryAction:hover,
#dnn_ctr13559_ModuleContent .dnnPrimaryAction:hover,
#dnn_ctr13569_ModuleContent .dnnPrimaryAction:hover {
    background-color: #e50083;
    background: #e50083;
}

#dnn_ctr13557_ModuleContent .dnnActions,
#dnn_ctr13559_ModuleContent .dnnActions,
#dnn_ctr13569_ModuleContent .dnnActions {
    padding-left: 0;
}

#dnnUserDetails .dnnActions,
#dnn_ctr_EditUser_dnnProfileDetails .dnnActions,
#dnnUserSubscriptions .dnnActions {
    padding-left: 30px;
}

#dnnUserDetails .password-strength-container {
    max-width: auto;
    width: calc(50% + 16px + 2px);
}

#dnnUserDetails .password-strength-container input[type="password"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 18px;
}

#dnnUserDetails .password-strength-container .meter {
    margin: 0 0 18px;
    display: none;
}

#dnnUserDetails .password-strength-container .meter.visible {
    display: block;
}

h2.dnnFormSectionHead + fieldset,
fieldset h2.dnnFormSectionHead + .dnnFormItem {
    padding-top: 30px;
    padding-bottom: 30px;
}

#dnnUserDetails > div > h2.dnnFormSectionHead:first-child,
#dnn_ctr_EditUser_Profile_ProfileProperties > h2.dnnFormSectionHead:first-child,
#dnn_ctr_EditUser_UserSubscriptions_ScopeWrapper > div > h2.dnnFormSectionHead:first-child {
    border-top: 1px dashed #000;
}

#dnn_ctr_EditUser_dnnProfileDetails .dnnForm.dnnProfile.dnnClear {
    margin-top: 0px;
}

.personabar-visible {    margin-left: 0 !important;}

.hotcake-admin {
    background-image: url(../content/icons/logo-hotcakes-admin-icon-sidebar.png);
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 65%;
    background-position: center;    
}

.filemanagement-admin {
    background-image: url(../content/icons/logo-filemanager-admin-icon-sidebar.png);
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 45%;
    background-position: center;    
}

.DnnModule-DNNMastersSEOSite-Map .row {
    margin: 0;
}

.DnnModule-DNNMastersSEOSite-Map table.SiteMap tbody tr td .RootNode a {
    margin-top: 0;
}

.DnnModule-DNNMastersSEOSite-Map .LeafNode a {
    color: #000000;
}

.DnnModule-DNNMastersSEOSite-Map .SiteMap table td:first-child {
    min-width: 0px;
}