/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

/* @group DEBUG */

/** { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
*/
/* @group CSS Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity. */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly. */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin. Define those yourself. */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* Always force a scrollbar in non-IE: */
html { overflow-y: scroll; }


/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists. */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements. */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements. */
button, input, select, textarea { margin: 0; }

/* Colors for form validity. */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #BA0C2F; color:#fff; text-shadow: none; }
::selection { background: #BA0C2F; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #BA0C2F; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* @end */

/* @group Main */
/**
 * Primary styles.
 *
 * Author: Alexei Matveev
 */







/* START Event Workaround */

/*
#event_242+.lesetext>p:nth-child(2) {
  display: none;
}

#event_242+.lesetext>p:nth-child(1):after {
  content: 'Wir laden Sie und Ihre Freunde herzlich ein zur Eröffnung der Ausstellung »Heinrich Mylius \A(1769–1854). Ein europäischer Bürger zwischen Frankfurt am Main und Mailand«. \A\A Die Eröffnung findet am Donnerstag, den 8. August 2019, um 18 Uhr im Museum Giersch der \A Goethe-Universität (Schaumainkai 83, 60596 Frankfurt am Main) statt. \A\A Begrüßung und Dank: \A Dr. Manfred Großkinsky, Leiter Museum Giersch der Goethe-Universität \A\A Grußworte: \A Dr. Christiane Liermann Traniello, Generalsekretärin der Villa Vigoni, Deutsch-Italienisches \A Zentrum für Europäische Exzellenz \A Prof. Dr. Rolf van Dick, Vizepräsident der Goethe-Universität Frankfurt \A Gisela Cramer von Clausbruch »Zusammenarbeit mit europäischen Staaten; Israel«, \A Bundesministerium für Bildung und Forschung \A\A Zu- oder Absagen bitte spätestens 6. August 2019 per E-Mail oder Fax!';
  white-space: pre;
  display: block;
  margin-bottom: 20px;
}

#event_242+.lesetext>p:nth-child(3):before {
  content: 'Mit Ihrer Teilnahme erteilen Sie uns die Erlaubnis zur Veröffentlichung von Bildmaterial,\A welches im Rahmen der Veranstaltung aufgenommen wird. \A\A Zum 250. Geburtstag des in Frankfurt geborenen Heinrich Mylius widmen das Museum Giersch\A der Goethe-Universität und die Villa Vigoni, Deutsch-Italienisches Zentrum für Europäische\A Exzellenz, Loveno di Menaggio, der vielseitigen Persönlichkeit eine Jubiläumsausstellung.\A Heinrich Mylius war Kaufmann, Bankier und Mäzen, ein innovativer Kopf mit sozialem\A Verantwortungsbewusstsein und kulturellem Engagement. Sein Leben zwischen deutschem\A Kulturraum und Italien gleicht einer vorbildlichen europäischen Migrations- und\A Integrations-geschichte.';
  white-space: pre;
  display: block;
  margin-bottom: 20px;
}
*/
/* END Event Workaround */



.popup {
  visibility: hidden;
  position: absolute;
z-index: 10000;

}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.show {
  visibility: visible;
}




#bildnis {
	position:absolute;
	top:739px;
	left:585px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	width:375px;
	color:white;
	background-color:#BA0C2F;
}



#bildnis:hover{
	background-color:yellow;
	color:black;
	-webkit-animation: pulse 3s infinite;
}



#bildnis2 {
margin-top:20px;
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
	width:480px;
	color:white !important;
	background-color:#BA0C2F !important;
	height:50px;
	line-height:16px !important;
}

#bildnis2:hover{
	background-color:yellow;
	color:black !important;
	-webkit-animation: pulse 3s infinite;
}

#bildnis2 a{
color:white !important;
text-decoration:none !important;
}

.covid{
  max-width:350px;
}

#vimeoIframe{
  max-width:370px;
}

/* Merchandising Bereich Auslblenden */
.merchandising{
  display: none;
}

.sonderpreis{
			font-weight: bold;
}


tr p{
	font-weight:400;
}


#form-table-pass{

	width:450px !important;
}


.error {
		font-weight: bold;
		background-color: #BA0C2F;
		color: white;
		text-indent: 10px;
}

a {
	color: #BA0C2F;
	text-decoration: underline;
}
a:visited {
	color: #BA0C2F;
}
a:hover {
	color: #BA0C2F;
	text-decoration: underline;
}


#appLinks  {
margin-top: 25px;
margin-bottom: 35px;
}

#appLinks a {
	text-decoration: none;
}


#videoNew {
margin: 10px 0 2px 0;
}

.pressImages #imageTitleBubble {
text-transform: initial;
}


#main {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#sidebar {
	height: 100%;
	position: fixed;
	padding-top: 0px;
	padding-left: 0px;
/*	width: 230px;*/
	z-index: 1000;
}
.ie7 #sidebar {
	left: 0px;
}

#sidebar ul {
	border-bottom: 1px solid #BA0C2F;
	clear: both;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 150px;
}
#sidebar ul.nav-stiftung {
	border-bottom: 1px solid #B39B5A;
}
#logo {
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	margin: 25px 0px 20px 0px;
	width: 170px;
	height: 170px;
	float: left;
    background: transparent url('/images/logo_goethe2x.png') 0px 0px no-repeat;
    background-size: 170px;

}
#logo.active,
#logo:hover {
	background-position: 0px -170px;
}

#logo.gold {
	background-position: 0px -340px;
}
#logo.gold:hover {
	background-position: 0px -510px;
}
/* @group Link Indicators */
.indicator {
	position: absolute;
	width: 14px;
	height: 6px;
	bottom: -5px;
	left: 50%;
	margin-left: -6px;
	overflow: hidden;
}
.indicator .arrow {
	position: relative;
	border-width: 7px 6px 7px 6px;
	border-style: solid;
	border-color: #BA0C2F transparent transparent transparent;
	height: 1px;
	width: 1px;
	top: -7px;
}
.with-arrow {
	position: relative;
}

/* @end */
/* @group Search */

#search {
	display: none;
	float: right;
	margin: 25px 25px 25px 200px;
	position: fixed;
	right: 0px;
	width: 760px;
	z-index: 1000;
}

#search input {
	border: 1px solid #ccc;
	float: right;
	margin-right: 25px;
	padding: 0px 10px;
	opacity: 0.8;
}

#search input:hover {
	opacity: 1;
}

#search input:focus {
	opacity: 1;
}
/* @end */

/* @group Navigation */
#navigation a {
	text-decoration: none;
}
#navigation li {
	clear: both;
	color: #BA0C2F;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #BA0C2F;
}
#navigation li.current + li:hover,
#navigation li:hover + li.current {
	border-top: 1px solid white;
}
#navigation ul li.current + li:hover,
#navigation ul li:hover + li.current {
	border-top: 1px solid #000000;
}
#navigation li.current.expanded + li:hover {
	border-top: 1px solid #BA0C2F;
}
#navigation .current ul {
	border: none;
	clear: both;
}
#navigation .current li {
	margin-top: 1px;
}

#navigation a {
	background-color: white;
	clear: both;
	display: block;
	text-indent: 10px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
#navigation .current a {
	background-color: #BA0C2F;
	color: white;
}
#navigation ul {
	display: none;
	float: left;
	margin: 0px;
	padding-left: 20px;
	width: 130px;
	text-overflow: ellipsis;
	margin-bottom: 1px;

}
#navigation .expanded ul {
	display: block;
	background-color: white;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 0px;
	border-bottom: 1px solid white;
}

#navigation .current li:first-child {
	border-top: none;
}
#navigation .current a:visited {
	color: white;
}
#navigation a:visited {
	color: #BA0C2F;
}
#navigation a:hover {
	color: white;
	background-color: #BA0C2F;
	text-decoration: none;
}
#navigation .current ul .current a,
#navigation .current ul a:hover {
	background-color: #000000;
}
#navigation .expanded .current {
	border-top: 1px solid #000000;
}
#navigation.nav-stiftung a {
	color: #B39B5A;
}
#navigation.nav-stiftung .current a {
	background-color: #B39B5A;
	color: white;
}
#navigation.nav-stiftung li {
	color: #B39B5A;
	border-top: 1px solid #B39B5A;
}
#navigation.nav-stiftung li.current.expanded + li:hover {
	border-top: 1px solid #B39B5A;

}

#navigation.nav-stiftung a:hover {
	color: white;
	background-color: #B39B5A;
	text-decoration: none;
}
/* @end */

/* @group Besucher Infos */
.besucherinfos #homeSchatten {
	filter: alpha(opacity=30); /* IE 7 and Earlier */

	position:absolute;
	top: 610px;
	left: 585px;
	background-color: #000;
	width: 10px;
	height: 233px;
	padding: 0px;
	opacity:0.3;
	display: none;
	z-index:20;

}


#shadowgradient{
	position: absolute;
	top:129px;
}


.besucherinfos {
	background: white url('/images/home/home.jpg') no-repeat;
	clear: both;
	display: block;
	float: left;
	margin-bottom: 40px;
	width: 960px;
}
.besucherinfos #flyer {
	position:absolute;
	top: 0px;
	display: none;
}

.ie7 .besucherinfos #flyer {
	left:  0px;
}
.besucherinfos #flyer2 {
	position:absolute;
	top: 0px;
	display: none;
}
.ie7 .besucherinfos #flyer2 {
	left:  0px;
}

.besucherinfos #flyer3 {
	position:absolute;
	top: 0px;
	display: none;
}
.ie7 .besucherinfos #flyer3 {
	left:  0px;
}


.besucherinfos #koop {
	padding-bottom:10px;
}


.besucherinfos #bandXmas {
	position:absolute;
	top: 610px;
	right: -16px;
	width: 400px;
	height: 134px;
	padding: 0px;
	text-align: right;
	display:none;
}

.besucherinfos #bandBoxXmas {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 53px;
	padding: 0px;
	background-color: #6633cc;
}



.besucherinfos #bandXmas a {
	clear: both;
	display: block;
	margin-right: 18px;
	margin-top: -3px;
	color: white !important;
	display:none;
}
.besucherinfos #bandSchattenXmas {
	position:absolute;
	top: 663px;
	right: 0px;
	background-color: #000;
	width: 400px;
	height: 10px;
	padding: 0px;
	opacity:0.3;
	display:none;
}

.besucherinfos #bandEckeXmas {
	position:absolute;
	top: 663px;
	left: 960px;
	display:none;
}






#ankuendigung{
/*
	display:none;
*/
}
/*

#ankuendigung_neu{
  display:none
  pointer-events:none;
}

.besucherinfos #ankuendigungBox_neu {

	color: white;
	text-align: right;
	height: 28px;
	padding-top: 5px;
	width: 960px;
	padding-right: 16px;
  background-color: #BA0C2F;
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 100;
	position: absolute;
/*
	-webkit-animation: pulse 3s infinite;
*/
/*
overflow:hidden;
*/
/*
}


.ticker-wrap {
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 4rem;
    padding-left: 100%; // offsets items to begin
    margin-top: -20px !important;

}

.ticker {
    display: inline-block;
    height: 4rem;
    white-space: nowrap;
    padding-right: 100%; // taken from container as display inline-block

}

.ticker__item {
    display: inline-block;
    padding: 0 2rem;
    color: white;
}


.ticker {
    animation-name: ticker;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 25s; // tweak based on number of items/desired speed
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}





*/












.besucherinfos #bandEcke {
	position:absolute;
	top: 595px;
	/*	top: 493px; */
	left: 960px;
	display: none;
}
.besucherinfos #band {
	position:absolute;

 top:528px;

	/*	top: 476px; */
	right: -16px;
	width: 960px;
	height: 144px;
	padding: 0px;
	text-align: right;
	display: none;
}
.besucherinfos #bandBox {
  position: absolute;
  top: 6px;
  right: 0px;
  width: 960px;
  height: 116px;
  padding: 0px;
  background-color: #BA0C2F;
}


.besucherinfos #bandSchatten {
	position:absolute;

 	top: 650px;

	/*	top: 610px; */
	right: 0px;
	background-color: #000;
	width: 950px;
	height: 10px;
	padding: 0px;
	opacity:0.3;
	display: none;

}


 @-webkit-keyframes pulse
{
0% {background-color: yellow;}
 50% {background-color: orange;}
100% {background-color: yellow;}
}


.besucherinfos #ankuendigung {


	display:none;


	pointer-events:none;

}

.besucherinfos #ankuendigungBox {

	color: black;
	text-align: right;
	height: 28px;
	padding-top: 5px;
	width: 960px;
	padding-right: 16px;
	background-color: yellow;
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 100;
	position: absolute;

	-webkit-animation: pulse 3s infinite;

}







.besucherinfos #verlaengert {
	position:absolute;
	top: 440px;
	right: 10px;
	display: none;

}


.besucherinfos #naechste {
	position:absolute;
	top: 392px;
	right: 330px;
	display: none;

}




.ie7 #bandSchatten #bandSchattenXmas{
    filter: alpha(opacity=30); /* IE 7 and Earlier */
}
.ie8 .besucherinfos #bandSchatten #bandSchattenXmas{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}
.besucherinfos #band h1 {
  margin-top: 17px;
      margin-right: 16px;
      font-size: 20px;
      color: white;
      line-height:20px;
}

.besucherinfos #band h2 {
  /* margin-top: 19px; */
  margin-top: 18px;
  margin-right: 13px;
  /* font-size: 40px; */
  font-size: 27px;
  color: white;
}

.besucherinfos #band a {
  clear: both;
  display: block;
  margin-right: 16px;
  margin-top: 3px;
  color: white !important;
}
.besucherinfos #mask {
	position: absolute;
	left: 0px;
	top: 290px;
	z-index: 1;
}
.besucherinfos .content {
	position: relative;
	background: white;
	clear: both;
	float: left;
	margin-top: 600px;
	margin-left: 185px;
	width: 400px;
	z-index: 2;
  margin-bottom: -100px;
}

.besucherinfos .title {
	margin: 25px 25px 40px 25px;
	width: 350px;
}
.besucherinfos .title h2 {
	color:  #BA0C2F;
}
.besucherinfos .address {
	margin: 0px 25px 0px 25px;
	width: 350px;
}
.besucherinfos table.address {
	margin: 0px;
	width: auto;
}
.besucherinfos table.address td {
	padding-right: 10px;
}
.besucherinfos a {
	color: #BA0C2F;
}
.besucherinfos #map {
	background-color: whitesmoke;
	float: left;
	height: 180px;
	margin-top: 20px;
	margin-bottom: 5px;
	width: 350px;
}
.besucherinfos #map.visible {
	display: block;
}
.besucherinfos li.active {
	padding-bottom: 10px;
}
.besucherinfos li.anfahrt {
	margin-bottom: 45px;
}
.besucherinfos .accordion {
	clear: both;
	list-style: none;
}
.besucherinfos .accordion li {
	clear: both;
}
.besucherinfos .accordion li div {
	display: block;
	float: left;
}
.besucherinfos .accordion li:first-child h4 {
	line-height: 13px;
}
.besucherinfos .maplink {
	clear: both;
	text-align: right;
	padding-bottom: 0px;
	width: 350px;
}
.besucherinfos .accordion h3 {
	margin-top: 20px;
}
.besucherinfos .accordion p {
	margin-bottom: 20px;
	line-height: 20px;
}
.borderwrapper {
	margin-bottom: 40px;
	border-bottom: 1px solid #BA0C2F;
	padding-bottom: 10px;
	display: block;
	float: left;
}
.besucherinfos .expandable {
/*	border-bottom: 1px solid #BA0C2F;
	margin-bottom: 40px;
*/	padding-top: 20px;
	padding-bottom: 10px;
}





.besucherinfos #social{
	margin-left:2em;
	margin-top:45px;
	display: inline-block;
}








/* @end */

/* @group Exhibition */
.section,
.exhibition {
	clear: both;
	float: left;
	margin-left: 30px;
	margin-top: 120px;
	margin-right: 50px;
	width: 880px;
}

.galleryWrapper,
.gallery {
	width: 380px;
	float: left;
	position: relative;
}
.gallery .image {
	float: right;
/*	margin: 5px 0px 0px 5px;*/
}
.gallery .current.image {
	margin: 0px;
	position: relative;
}
.gallery .thumbnail {
	display: block;
	cursor: pointer;
}
.thumbnail {
	opacity: 0.3;
	cursor: pointer;
}
.thumbnail:hover {
	opacity: 1;
}
.gallery .large {
	display: none;
}
.gallery .info {
}
.gallery .current .thumbnail {
	display: none;
}
.gallery .current .large {
	display: block;
}
.gallery .info {
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-align: right;

	opacity: 0;

	-moz-transition: opacity .5s linear, visibility .1s linear .1s;
	-webkit-transition: opacity .5s linear, visibility .1s linear 1s;
	-o-transition: opacity .5s linear, visibility .1s linear .5s;
	transition: opacity .5s linear, visibility .1s linear .5s;
	visibility: hidden;
}

.gallery .infospecial {
	position: absolute;
	left: 10px;
	bottom: 40px;
	text-align: left;

	opacity: 0;

	-moz-transition: opacity .5s linear, visibility .1s linear .1s;
	-webkit-transition: opacity .5s linear, visibility .1s linear 1s;
	-o-transition: opacity .5s linear, visibility .1s linear .5s;
	transition: opacity .5s linear, visibility .1s linear .5s;
	visibility: hidden;
}


.gallery .infospecial2 {
	position: absolute;
	right: 10px;
	bottom: 40px;
	text-align: right;

	opacity: 0;

	-moz-transition: opacity .5s linear, visibility .1s linear .1s;
	-webkit-transition: opacity .5s linear, visibility .1s linear 1s;
	-o-transition: opacity .5s linear, visibility .1s linear .5s;
	transition: opacity .5s linear, visibility .1s linear .5s;
	visibility: hidden;
}


.gallery .infospecial3 {
	position: absolute;
	left: 10px;
	bottom: 40px;
	text-align: left;

	opacity: 0;

	-moz-transition: opacity .5s linear, visibility .1s linear .1s;
	-webkit-transition: opacity .5s linear, visibility .1s linear 1s;
	-o-transition: opacity .5s linear, visibility .1s linear .5s;
	transition: opacity .5s linear, visibility .1s linear .5s;
	visibility: hidden;
}

.gallery .infospecial4 {
  position: absolute;
	left: 10px;
	bottom: 10px;
	text-align: left;

	opacity: 0;

	-moz-transition: opacity .5s linear, visibility .1s linear .1s;
	-webkit-transition: opacity .5s linear, visibility .1s linear 1s;
	-o-transition: opacity .5s linear, visibility .1s linear .5s;
	transition: opacity .5s linear, visibility .1s linear .5s;
	visibility: hidden;

}

.exhibition.current .gallery .info {
	position: absolute;
	right: 10px;
	bottom: 10px;

}


.gallery .info span {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.gallery .infospecial span {
	background-color: white;
	left: 10px;
	bottom: 40px;
	padding-left: 5px;
	padding-right: 5px;
}

.gallery .infospecial2 span {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.gallery .infospecial3 span {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.gallery .infospecial4 span {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}


.gallery .current:hover .info {
	display: block;
	opacity: 1;

    -o-transition: opacity .7s;
    -moz-transition: opacity .7s;
	-webkit-transition: opacity .7s linear, visibility 0s linear 0s;

	visibility: visible;

}

.gallery .current:hover .infospecial {
	display: block;
	opacity: 1;

    -o-transition: opacity .7s;
    -moz-transition: opacity .7s;
	-webkit-transition: opacity .7s linear, visibility 0s linear 0s;

	visibility: visible;

}

.gallery .current:hover .infospecial2 {
	display: block;
	opacity: 1;

    -o-transition: opacity .7s;
    -moz-transition: opacity .7s;
	-webkit-transition: opacity .7s linear, visibility 0s linear 0s;

	visibility: visible;

}

.gallery .upcoming:hover .infospecial3 {
	display: block;
	opacity: 1;

    -o-transition: opacity .7s;
    -moz-transition: opacity .7s;
	-webkit-transition: opacity .7s linear, visibility 0s linear 0s;

	visibility: visible;

}

.gallery .upcoming:hover .infospecial4 {
	display: block;
	opacity: 1;

    -o-transition: opacity .7s;
    -moz-transition: opacity .7s;
	-webkit-transition: opacity .7s linear, visibility 0s linear 0s;

	visibility: visible;

}

.galleryWrapper .thumbnails {
	float: left;
	width: 380px;
	margin-top: 5px;
}
.galleryWrapper .thumbnails .image {

  float: right;
	margin-right: 5px;

/*
float: left;
margin-right: 0px;
margin-left: 5px;
*/
}
.galleryWrapper .thumbnails .current {
	display: block;
	visibility: hidden;
}

.article {
	float: left;
	width: 500px;
}
.article .title {
	margin-top: 50px;
	margin-left: 50px;
}
.article .title h3 {
	color: #BA0C2F;
}
.article .body {
	margin-left: 50px;
	margin-top: 30px;
}
.article .body p {
	margin-top: 0px;
	line-height: 20px;
}
.article .links a {
	display: block;
}
.article .links {
	margin-left: 50px;
	margin-top: 27px;
}
.exhibition.past .article {
	float: right;
}
.exhibition.current .article {
	width: 800px;
	margin: 0px 130px;
}
.exhibition.current .gallery {
	width: 750px;
	float: left;
	margin-top: 0px;

}



.exhibition.current #app {
    padding-bottom: 20px;
    padding-top: 35px;
}


.exhibition.current .article .body {

	/*
	position: relative;
	top: 16px;
	float: left;
	width: 350px;
	margin-left: 25px;
	margin-top: -140px;

	z-index: 100;

	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;
*/

	/*

	position: relative;
	top: -55px;
	float: right;
	width: 350px;
	margin-left: 25px;
	margin-top: -150px;
	z-index: 100;
	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;

	*/



	/*
    position: relative;
    top: -2px;
    float: right;
    width: 350px;
    margin-left: 25px;
    margin-top: -150px;
    z-index: 100;
    padding-right: 25px;
    padding-left: 25px;
    background: white;
    padding-top: 25px;
    background: white;
	*/
/*
    position: relative;
    top: 16px;
    float: right;
    width: 350px;
    margin-left: 25px;
    margin-top: -140px;
    z-index: 100;
    padding-right: 25px;
    padding-left: 25px;
    background: white;
    padding-top: 25px;
    background: white;
*/


/*
	position: relative;
	top: 50px;
	float: left;
	width: 350px;
	margin-left: 25px;
	margin-top: -200px;
	z-index: 100;
	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;
		    padding-bottom: 50px;
*/


position: relative;
top: 25px;
float: right;
width: 350px;
margin-left: 25px;
margin-top: -140px;
z-index: 100;
padding-right: 25px;
padding-left: 25px;
background: white;
padding-top: 25px;
background: white;
padding-bottom: 100px;


}

.ie7 .exhibition.current .article .body {
	width: 275px;
	float: right;
}
.exhibition.current .article .body p {
/*	margin-bottom: 150px;
*/
}
.exhibition.current .article .title {
	margin-bottom: 25px;
}
.exhibition.current .article .partner {
	width: 50%;
	float: left;
}
.exhibition.current .article .links {
	clear: both;
	margin-left: 0px;
}



.exhibition.current .gallery .current.image {
/*
 position: relative;
   float:right;
 	margin-left: 250px;
 	margin-right: 0px;
*/

margin-right: 0px;
margin-top:0px;

position: relative;
float:left;

left:50px


}




.exhibition upcoming {
	margin-top: 7000px;

}


.exhibition.upcoming .galleryWrapper {
	top: 0px;
	float:left;
}

.exhibition.upcoming .gallery {
	width: 750px;
	float: left;
	margin-top: 25px;

	/*height: 400px; */
}
/*
.exhibition.upcoming .gallery .thumbnail {
	display: none;
}
.exhibition.upcoming .gallery .large {
	display: block;
}*/
.exhibition.upcoming .gallery .image.current {
	margin: 0px 0px 0px 0px;
	position: relative;
}
.exhibition.upcoming .gallery .thumbnail {
	margin: 0px 0px 0px 10px;
}



.exhibition.current .thumbnails {
	/*
	float: left;
	margin-top: 5px;
	z-index:300;
	margin-left:420px;
*/

/*
float: left;
width: 400px;
margin-top: 5px;
margin-left: 420px;
*/


/*
float: left;
width: 400px;
margin-top: 5px;
*/



	/*
	float: left;
	width:400px;
	*/
	/*
	margin-right: 0px;
	margin-left: 5px;



*/

	/*
	    float: left;
	    width: 400px;
	    margin-top: 5px;
	    margin-left: 420px;
	*/

/*
		float: left;
		width: 400px;
		margin-top: 5px;
*/
/*
    float: left;
    width: 400px;
    margin-top: 5px;
    margin-left: 420px;
*/

float: left;
width: 400px;
margin-top: 5px;

}

.ie7 .exhibition.current .thumbnails {
	width: 500px;
}

.exhibition.current .thumbnails .image {
	/*
	margin-right: 0px;
	margin-left: 5px;
	*/




	/*
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	*/

	/*
    float: left;
    margin-right: 0px;
    margin-left: 5px;
*/

/*
float: right;
margin-right: 0px;
margin-left: 5px;
*/


    float: right;
    margin-right: 0px;
    margin-left: 5px;

/*
float: left;
margin-right: 5px;
*/
/*
float: left;
    margin-right: 0px;
    margin-left: 5px;
*/
}
/*
.exhibition.upcoming .gallery .info {
	display: block;
}
*/
.exhibition.upcoming .article {
	margin-left: 130px;
	width: 800px;
  margin-top:250px;
}
.exhibition.upcoming .article .title {
	margin-top: 50px;
}
.exhibition.upcoming .article .body {

/*
	position: relative;
	top: 110px;
	float: right;
	width: 350px;
	margin-left: 25px;
	margin-top: -150px;
	z-index: 100;
	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;
*/

/*
	position: relative;
	top: 25px;
	float: right;
	width: 350px;
	margin-left: 25px;
	margin-top: -140px;
	z-index: 100;
	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;
		    padding-bottom: 200px;
*/

/*
position: relative;
top: 286px;
float: left;
width: 350px;
margin-left: 25px;
margin-top: -255px;

z-index: 100;

padding-right: 25px;
padding-left: 25px;
background: white;
padding-top: 25px;
background: white;
padding-bottom: 200px;

*/

position: relative;
top: 706px;
float: right;
width: 350px;
margin-left: 25px;
margin-top: -200px;
z-index: 100;
padding-right: 25px;
padding-left: 25px;
background: white;
padding-top: 25px;
background: white;
      padding-bottom: 200px;



      width:260px;

}


#redirect a{
  color:black !important;
}

#redirect a:hover{
  color:white !important;
}

.articleSecond {
  /*
display:none
*/
}


.exhibition.upcoming .articleSecond .body {
    margin-top: -140px;
}

.exhibition.upcoming .articleSecond .body {
/*	left:50px;
*/
	/*
position: relative;
top: 126px;
float: left;
width: 350px;
margin-left: 25px;
margin-top: -140px;

z-index: 100;

padding-right: 25px;
padding-left: 25px;
background: white;
padding-top: 25px;
background: white;
*/

	position: relative;
	top: -125px;
	float: left;
	width: 350px;
	margin-left: 25px;
	margin-top: 0px;
	z-index: 100;
	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;
		    padding-bottom: 200px;


}











.exhibition.upcoming .articleThird .body {
    margin-top: -140px;
}

.exhibition.upcoming .articleThird .body {
/*	left:50px;
*/
	/*
position: relative;
top: 126px;
float: left;
width: 350px;
margin-left: 25px;
margin-top: -140px;

z-index: 100;

padding-right: 25px;
padding-left: 25px;
background: white;
padding-top: 25px;
background: white;
*/

	position: relative;
	top: -138px;
	float: right;
	width: 350px;
	margin-left: 25px;
	margin-top: 0px;
	z-index: 100;
	padding-right: 25px;
	padding-left: 25px;
	background: white;
	padding-top: 25px;
	background: white;
		    padding-bottom: 200px;


}

.exhibition.upcoming .articleThird .thumbnails {



/*

	float: left;
	width: 400px;
	margin-top: 5px;
	margin-left: 0px;
*/

float: left;
    width: 400px;
    margin-top: 5px;


}


.exhibition.upcoming .articleThird .thumbnails .image {


	float: right;
	margin-right: 5px;


}








.exhibition.upcoming .article .thumbnailsTop {
	float: right;
	width: 325px;
	margin-top: 5px;
	margin-left: 5px;
}
.exhibition.upcoming .article .thumbnailsTop .image {
	float: left;
	margin-right: 5px;
}
.exhibition.upcoming .article .thumbnailsTop .current {
	display: block;
	visibility: hidden;
}






.exhibition.upcoming .article .thumbnails {
/*
	float: left;
	width: 400px;
	margin-top: 5px;
*/
/*
	float: left;
	width: 400px;
*/
/*
	margin-top: 5px;
	margin-left: 420px;
*/
/*
  float: left;
	width: 400px;
	margin-top: 5px;
	margin-left: 420px;
*/

float: left;
    width: 400px;
    margin-top: 5px;

}





.exhibition.upcoming .articleSecond .thumbnails {



/*

	float: left;
	width: 400px;
	margin-top: 5px;
	margin-left: 0px;
*/

	float: left;
	width: 400px;
	margin-top: 5px;
	margin-left: 420px;


}


.exhibition.upcoming .articleSecond .thumbnails .image {


	float: left;
	margin-right: 0px;
	margin-left: 5px;


}


.exhibition.upcoming .articleSecond .thumbnails .image {

	float: left;
	margin-right: 0px;
	margin-left: 5px;

		/*
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	*/

}
.exhibition.upcoming .article .thumbnails .current {
	display: block;
	visibility: hidden;
}
.exhibition.upcoming .article .body .links {
	margin-left: 0px;
}



.exhibition.upcoming .gallery .current.image {
	margin-right: 0px;
   	margin-top:0px;

   	position: relative;
   	float:left;

	left:50px

}



.publications {
	margin-top: 180px;
}
.publications .gallery {
	width: 405px;
}
.publications .article {
	width: 475px;
	float: right;
}
.publications .article .title,
.publications .article .body,
.publications .article .links {
	margin-left: 25px;
}
.publications .article .links {
	margin-top: 0px;
}
.publications .article .title,
.exhibition.past .article .title {
	margin-top: 0px;
}
.publications .article .title h2,
.exhibition.past .article .title h2 {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	visibility: hidden;
}

.exhibition.past .sectiontitle {
	margin-left: 425px;
}

.publications .sectiontitle {
	margin-left: 425px;
}

.publicationcontainer,
.exhibitioncontainer {
	clear: both;
	display: none;
}
#publicationselector ul,
#publicationselector h2,
#eventselector ul,
#eventselector h2,
#exhibitionselector ul,
#exhibitionselector h2 {
	font-size: 14px;
	border: 1px solid #BA0C2F;
	width: 450px;
	padding: 5px;
	list-style: none;
	margin: 0px;
	cursor: pointer;
}
#publicationselector,
#exhibitionselector {
	background: white url('/images/redArrow.png') 443px 11px no-repeat;
	position: absolute;
	right: 43px;
}

#publicationselector ul,
#eventselector ul,
#exhibitionselector ul {
	display: none;
}
#publicationselector li,
#eventselector li,
#exhibitionselector li {
	line-height: 22px;

	border-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;

	border-top-color:white;
	border-bottom-color:white;
}
#publicationselector li.selected,
#eventselector li.selected,
#exhibitionselector li.selected,
#publicationselector li:hover,
#eventselector li:hover,
#exhibitionselector li:hover {
	border-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;

	border-top-color:#BA0C2F;
	border-bottom-color:#BA0C2F;

	background-color: white;
	color: #BA0C2F;
}
#publicationselector a,
#eventselector a,
#exhibitionselector a {
	color: black;
	text-decoration: none;
	display: block;
}
#publicationselector li:hover a,
#exhibitionselector li:hover a,
#eventselector li:hover a,
#publicationselector .selected a,
#eventselector .selected a,
#exhibitionselector .selected a {
	color: #BA0C2F;
}

#publicationselector .options,
#eventselector .options,
#exhibitionselector .options {
	position: relative;
	background-color: #fff;

	z-index: 999;
}
/* @end */
/* @group Concept */
.concept {
	clear: both;
	float: left;
	margin-left: 185px;
	margin-top: 230px;
	margin-right: 150px;
	position: relative;
	width: 625px;
}
.concept .gallery {
	position: absolute;
	right: 0px;
}
.concept .gallery .info {
	width: 205px;
}
.concept .article {
	background-color: white;
	float: left;
	margin-top: 200px;
	padding: 25px;
	position: relative;
	width: 350px;
	z-index: 1;
}
.concept .title,
.concept .body,
.concept .links {
	margin-left: 0px;
	width: 350px;
}
.concept .title {
	margin-top: 0px;
}
.concept .title h2 {
	color:  #BA0C2F;
}
/* @end */



/* @group Merchandising */

.merchandising {
	clear: both;
	float: left;
	margin-left: 185px;
	margin-top: 230px;
	margin-right: 150px;
	position: relative;
	width: 625px;
}

.merchandising .article {
	background-color: white;
	float: left;
	margin-top: 50px;
	padding: 25px;
	position: relative;
	width: 750px;
	z-index: 1;
}
.merchandising .title,
.merchandising .body,
.merchandising .links {
	margin-left: 0px;
	width: 350px;
}
.merchandising .title {
	margin-top: 0px;
}
.merchandising .title h2 {
	color:  #BA0C2F;
}

.merchandisingGallery {
      margin-top: 125px;
}

.merchandisingArticle {
  width:365px;
  margin-right:5px;
  margin-top:5px;
margin-bottom:0px;
float:left;
}

.merchandisingIMG {
  width:365px;
}

.merchandisingImage {
  height:245px;
}

.merchandisingText {
  height:245px;
  width:365px;
  background-color: white;
  position:absolute;
  opacity:0;
}

.merchandisingText p {
padding:14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
pointer-events:none;
}



.merchandisingText:hover {
  opacity:0.90;
}


/* @end */







/* @team Concept */
.team {
	clear: both;
	float: left;
	margin-left: 185px;
	margin-top: 230px;
	margin-right: 150px;
	position: relative;
	width: 625px;
}
.team .gallery {
	position: absolute;
	right: 0px;
}
.team .gallery .info {
	width: 205px;
}
.team .article {
	background-color: white;
	float: left;
	margin-top: 200px;
	padding: 25px;
	position: relative;
	width: 350px;
	z-index: 1;
}
.team .title,
.team .body,
.team .links {
	margin-left: 0px;
	width: 450px;
}
.team .title {
	margin-top: 0px;
}
.team .title h2 {
	color:  #BA0C2F;
}


.team .address {
    /* width: 350px; */
    margin-bottom: 50px;
}


.team .address th p {
    font-size: 18px;
    line-height: 24px;
}


.team .telephone {
	width: 42px;
}


/* @end */




/* @Jobs Concept */
.jobs {
	clear: both;
	float: left;
	margin-left: 185px;
	margin-top: 340px;
	margin-right: 150px;
	position: relative;
	width: 625px;
}

.jobs .article {
	background-color: white;
	float: left;
	margin-left: 250px;
	margin-top: -640px;

	padding: 25px;
	position: relative;
	width: 350px;
	z-index: 1;
}

.jobs .gallery .current.image {

 position: relative;
   float:left;
 	margin-left: -155px;

}


.jobs .title,
.jobs .body,
.jobs .links {
	margin-left: 0px;
	width: 350px;
}
.jobs .title {
	margin-top: 0px;
}
.jobs .title h2 {
	color:  #BA0C2F;
}
/* @end */






/* @group Events */
.events .sectiontitle {
	margin-bottom: 0px;
	margin-top: 130px;
}
.events .article {
	margin-left: 180px;
	margin-right: 200px;
	width: 550px;
}
.events .article .body {
	margin: 0px;
	width: 550px;
}
.events .article .title {
	margin-top: 0px;
	margin-left: 0px;
}
.events .article .date {
	width: 550px;
}
.events .title h2 {
	margin-top: 40px;
	cursor: pointer;
}
.passedevents .title h2 {
	line-height: 20px;
	margin-top: 14px;
	color: #666;
}
.passedevents .ui-state-active h2 {
	color: #000;
}
.passedevents .price {
	display: none;
}
.events .group .title {
	margin-left: 20px;
}
/* @end */
/* @group Calendar */
.calendar .title {
	width: 750px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
.calendar .article {
	width: 750px;
	margin-left: 155px;
}
.calendar .article .body {
	margin-left: 0px;
}
.calendar table {
	width: 750px;
}
.calendar td {
	width: 100px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}
.calendar .event {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: white;
	width: 50px;
	height: 50px;
	margin: 25px;
	top: 0px;
	cursor: pointer;
}
.calendar .empty-event {
	width: 50px;
	height: 25px;
	margin: 25px;
	top: 0px;
	cursor: pointer;
	padding-top: 25px;
}
.calendar .event.start {
	background-position: left center;
	width: 75px;
	margin-right: 0px;
}
.calendar .event.middle {
	background-position: 50% center;
	width: 100px;
	margin-left: 0px;
	margin-right: 0px;
}
.calendar .event.end {
	background-position: right center;
	width: 75px;
	margin-left: 0px;
}
.calendar .event-wrapper {
	width: 100px;
	position: relative;
}
.event+.event {
/*	margin-top: -86px;
	margin-left: 51px;*/
	position: absolute;
/*	position: relative;*/
	left:10px;
	top: -35px;
	z-index: 3;
	border: 1px solid white;
}

.event+.event+.event {
/*	margin-top: -86px;
	margin-left: 51px;*/
	position: absolute;
/*	position: relative;*/
	left:19px;
	top: -43px;
	z-index: 4;
	border: 1px solid white;
}

.calendar {
	margin-top: 80px;
}
.calendar .title {
	background: white;
/*	margin-left: 470px; */
	padding: 13px 10px;
	vertical-align: middle;
	text-align: center;
}
.calendar .month_names th,
.calendar .title h2 {
	color: #BA0C2F;
	font-size: 56px;
	font-weight: 100 !important;
	line-height: 52px;
	letter-spacing: 1px;
	margin: 0px;
	padding-bottom: 35px;
	text-transform: uppercase;
}
.calendar .month_names .previous,
.calendar .month_names .next {
	width: 100px;
}
/*
.calendar .month_names .previous {
	text-align: left;
}
.calendar .month_names .next {
	text-align: right;
}
*/
.calendar .month_names a {
	text-decoration: none;
}
.calendar .day_names {
	text-transform: uppercase;
	color:  #444444;
}
.calendar .weekend,
.calendar .saturday,
.calendar .sunday {
	color: #BA0C2F;
}
.calendar .otherMonth {
	color: white;
	visibility: hidden;
}
/* @end */

/* @group Calendar Bubble */
.calendar .article {
	position: relative;
}
.event-bubble {
	background-color:#EDEDED;
	border:2px solid #666666;
	font-size:14px;
	line-height:26px;
	margin:10px auto;
	padding:0px;
	position:relative;
	text-align:center;
	width:300px;
/*
	-moz-border-radius:15px;
	-webkit-border-radius:10px;
*/
	-moz-box-shadow:0 0 5px #888888;
	-webkit-box-shadow:0 0 5px #888888;
}
.event-bubble-arrow-border {
	border-color: transparent transparent #666666 transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	left:35px;
}
.event-bubble-arrow {
	border-color: transparent transparent #EDEDED transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	left:35px;
}
.event-bubble {
	background: black;
	color: black;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 175px;
	word-wrap: break-word;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #BA0C2F;
	padding: 5px;
	z-index:1000;
}
.top .event-bubble-arrow {
	bottom:-20px;
}
.top .event-bubble-arrow-border {
	bottom: -21px;
}
.event-bubble-arrow-border {
	border-color: #BA0C2F transparent transparent transparent;
	left: 70px;
}
.event-bubble-arrow {
	border-color: white transparent transparent transparent;
	left: 70px;
}
.bottom.event-bubble {
	top: 75px;
}
.bottom .event-bubble-arrow-border {
	border-color: transparent transparent #BA0C2F transparent;
	left: 70px;
	top: -21px;
}
.bottom .event-bubble-arrow {
	border-color: transparent transparent white transparent;
	left: 70px;
	top: -20px;
}

/*.ie7 .event-bubble-arrow,
.ie8 .event-bubble-arrow {
	border-color: transparent transparent #222222 transparent;
}*/
.ie7 .event-bubble,
.ie8 .event-bubble {
	background-color: white;
}
/* @end */

/* @group Forms */
.contact-form,
.newsletter-form {
	margin-top: 24px;
	float: left;
}
.booking-form {
	margin-top: 24px;
}
.form-table {
	margin: 0px;
	width: auto;
}
.form-table h3 {
	font-size: 21px;
	line-height: 24px;
	font-weight: 300;
}

.form-table th {
	font-size: 21px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}
.form-table td:last-child {
	font-size: 18px;
	font-weight: 300 !important;
	font-style: normal;
	line-height: 28px;
	padding-bottom: 10px;
	vertical-align: baseline;
	width: 250px;
}
.form-table td:first-child {
	font-size: 13px;
	padding-right: 15px;
	vertical-align: middle;
	padding-bottom: 10px;
	line-height: 17px;
	width: 51px;
}
.form-table input,
.form-table select {
	height: 28px;
}
.form-table input,
.form-table select,
.form-table textarea {
	color: black;
	font-family: "proxima-nova";
	font-size: 18px;
	font-weight: 300 !important;
	font-style: normal;
	line-height: 24px;
	padding: 0px 5px 0px 5px;
	width: 250px;
}
.form-table select {
	vertical-align: top;
	margin-top: 3px;
}
.form-table {
/*	width: 350px; */
	text-align: left;
}
.form-table th {
	padding-bottom: 5px;
	text-align: left;
}

/* @end */
.expandable-form {
	display: none;
}
.accordion .expandlink {
/*	display: none;
*/}
.accordion .title,
.accordion h4 {
	outline: none;
}
.accordion .body,
.accordion .active .expandlink {
	display: none;
}
.accordion .body {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #B30838;
}
.accordion .active .links {
	margin: 0px;
	line-height: 20px;
}
/* @group Section */
.sectiontitle {
	margin-left: 180px;
	margin-bottom: 40px;
	margin-top: 0px;
}

.sectiontitle h1 {
	color:  #BA0C2F;
	line-height: 47px;
}
 .article .expandable .toggleBlock {
	display: block;
}
.article .expandable .excerpt p
{
	display: block;
}
/*
.article .expandable.expanded .expandlink {
	display: none;
}
*/
.article .body .isbn {
	margin-top: 0px;
}

.article .body .pubtitle {
	margin-bottom: 28px;
}
.article .numeric {
	letter-spacing: 0px;
}
.article .body .price {
	margin-top: 13px;
}
.section.children {
	margin-top: 130px;
}
.children .sectiontitle {
	margin-left: 50px;
	margin-top: 0px;
}
.children .sectiontitle .header {
	line-height: 28px;
	color: #BA0C2F;

}
.children .sectiontitle .lesetext {
	line-height: 18px;
}
.children .sectiontitle .body {

	margin-left: 0px;
}
.children .accordion,
.children .accordion .expandlink {
	display: block;
	line-height: 20px;
	margin-top: 14px;

}
.children .accordion .date {
	display: none;
}
.children .accordion .active .date,
.children .accordion .body {
	display: block;
	clear: both;
}
.children .accordion .active {
	display: block;
	margin-bottom: 10px;
}
.children .accordion .title {
	clear: both;
	margin-top: 0px;
}
.children .accordion .body {
	display: block;
	width: 450px !important;
	clear: both;
	margin-top: 10px;
}
.children .accordion .body p {
	margin-top: 0px !important;
	margin-bottom: 10px;
}
.children .gallery {
	margin-top: 60px;
}
.children p {
	margin-top: 0px;
  line-height: 20px;
}

.rent {
	clear: both;
	float: left;
	margin-left: 185px;
	margin-top: 180px;
	margin-right: 150px;
	position: relative;
	width: 775px;
}
.rent .gallery {
	position: absolute;
	right: 0px;
}
.rent .gallery .info {
	width: 205px;
}
.rent .article {
	float: left;
	padding: 0px 25px;
	position: relative;
	width: 350px;
	z-index: 1;
}
.rent .title {
	background-color: transparent;
	margin-left: 0px;
	width: 400px;
}
.rent .body,
.rent .links {
	background-color: transparent;
	margin-left: 0px;
	width: 350px;
}
.rent .title {
	margin-top: 0px;
}
.rent .title h2 {
	color:  #BA0C2F;
}
.rent ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.rent ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 24px;
}
.address td {
	vertical-align: baseline;
	padding-bottom: 7px;
}

a.pressPDFLink{
display:none !important;
}


.press {
	clear: both;
	float: left;
	margin-left: 160px;
	margin-top: 180px;
	margin-right: 250px;
	position: relative;
	width: 550px;
}
.press .title .header {
	color: #BA0C2F;
}

.press h2 {
  font-size: 28px;
  line-height: 32px;
}

.press .title .header {
  font-size: 56px;
  line-height: 47px;
}
.press .links {
	margin-left: 0px;
	margin-bottom: 15px;
}
.address {
/*	width: 350px; */
	text-align: left;
}
.address th {
	padding-bottom: 5px;
	text-align: left;
}
.address td {
	padding-right: 10px;
}
.press .address th p{
	font-size: 18px;
	line-height: 24px;
}
.stiftung {
	background: white url('/images/stiftung/stiftung.jpg') no-repeat;
	clear: both;
	display: block;
	float: left;
	margin-top: 230px;
	min-height: 641px;
	width: 960px;
}
.stiftung .content {
	color: #B39B5A;
	clear: both;
	float: left;
	margin-left: 460px;
	margin-right: 150px;
	position: relative;
	width: 350px;
}
.stiftung .content a {
	color: #B39B5A !important;
}
.stiftung .title h3 {
	margin-top: 0px;
	font-size: 13px;
	margin-left: -7px;
}
.stiftung .lesetext {
	margin-top: 20px;
	margin-bottom: 20px;
}
.stiftung .lesetext p {
	line-height: 18px;
	margin-bottom: 10px;
}
.impressum {
	clear: both;
	display: block;
	float: left;
	width: 960px;
}
.impressum .body {
	float: left;
	margin: 0px 0px 0px 210px !important;
	width: 750px;
}
.impressum .excerpt a {
	margin-left: 20px;
}
.impressum .excerpt p {
	width: 600px;
}
.impressum .toggleBlock {
	clear: both;
}
.impressum .excerpt {
	float: right;
	margin: 0px 0px 9px 0px;
	width: 656px;
	text-align: right;
}
.impressum img {
	margin-right: 5px;
	margin-top: 5px;
}
.impressum .expanded .policy {
	padding-top: 90px;
	margin-bottom: 50px;
}

.datelink,
#impressumlink {
	color: black !important;
}
/* @end */

/* @group Typography */
.children .sectiontitle .header,
.subheader {
	font-size: 28px;
	line-height: 28px;
}
.group-subheader {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 10px !important;
 }
 .group .title + .title {
 	margin-top: 20px;
	border-style:dotted;
	border-top-color:lightgrey;
	border-top-width:1px;
	padding-top:10px;

	margin-bottom:10px;


 }
.header {
	font-size: 56px;
	line-height: 47px;
}
#band .header {
  font-size: 25px;
  /* line-height: 36px; */
  line-height: 10px;
  font-style: normal;
  font-weight: 100 !important;
}
#band a,
.navigationtext,
.inputtext {
	font-size: 13px;
	line-height: 28px;

}
.children .accordion .title .subheader {
	font-size: 13px;
	line-height: 24px;
}
.selectortext {
	font-size: 14px;
	border: 1px solid #B30838;
	margin-bottom: 10px;
	margin-left: -5px;
	padding: 5px;
}
.event-bubble,
.day_names th,
.date,
.info span,
.lesetext,
.links {
	/* auch concept title h4 */
	font-size: 13px;
}
.event-bubble,
.date {
	line-height: 18px;
}
.links {
	line-height: 24px;
}
.lesetext,
.day_names th {
	line-height: 28px;
}
.info span {
	line-height: 124.9%;
}
.address a,
.address {
	line-height: 18px;
}
.besucherinfos span.large,
.besucherinfos .accordion h3,
.address h3 {
	font-size: 21px;
	line-height: 24px;
	font-weight: 300;
}

.address th {
	font-size: 21px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}
.address td:last-child {
	font-size: 18px;
	font-weight: 300 !important;
	font-style: normal;
	line-height: 24px;
}
.uppercase {
	text-transform: uppercase;
}



.group-subheader {
	text-transform: none!important;
}


.lesetext {
	font-family: Verdana;
}
body {
	font-family: Tahoma;
}
/* Schnitte */
.selectortext,
.date,
.info span,
.lesetext,
.links {
	font-style: normal;
	font-weight: 200;
}
.header,
.subheader,
.address h3 {
	font-style: normal;
	font-weight: 300;
}
/* @end */

/* @group Admin */

#sidebar.admin {
	width: 200px;
}
#content.admin .container {
	padding-left: 200px;
	padding-top: 40px;
}

.admin h1 {
	color: #B30838;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 15px;
}
.admin h3 {
	font-size: 18px;
	line-height: 28px;
}
.admin #calendar .events {
	margin-top: 75px;
	margin-left: 0px;
}
.admin .events li {
	margin-bottom: 10px;
	list-style: none;

}
.admin .events li .edit {
	cursor: pointer;
	display: block;
	line-height: 14px;
	padding: 5px 0px;
	font-size: 14px;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
}
.admin li .edit:hover {
	color: #B30838;
}

.admin li .selected {
	background: #eceeed;
	padding: 10px;
	border-bottom: 1px solid #B30838;
	float: left;
}

.admin .event {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: white;
	width: 50px;
	height: 50px;
/*	margin: 25px;*/
	top: 0px;
	cursor: pointer;
}
.admin .event-children .edit {
	color: #54af08;
}
.admin .event-wrapper {
	width: 65px;
	position: relative;
	float: left;
}
.admin li .pane td {
	padding: 5px;
}
.admin .pane input {
	vertical-align: top;
}
.admin .events .dates {
}
.admin .events .date-expired {
	color: #666;
	text-decoration: line-through;
}
.admin .events .title {
	text-transform: uppercase;
	font-weight: bold;
}
.admin .events .text {
	width: 350px;
}
.admin .exhibitions .sectiontitle {
	margin-left: 425px;
}
.admin .exhibitioncontainer .gallery .info {
	opacity: 1;
	display: block;
	visibility: visible;
}
.admin .exhibitioncontainer .title {
	margin-top: 0;
}
.admin .exhibitioncontainer #topSpace {
		width: 450px;
		margin: 50px 0px 0px 50px;

}
.admin .exhibitioncontainer .title h2 {
	border: none;
}
.admin .exhibitioncontainer .gallery .info {
	bottom: 0px;
	right: 0px;
}
.admin .exhibitioncontainer .gallery .info span {
	padding: 0px;
}
.admin #exhibition_start {
	margin-right: 15px;
	width: 30%;
}
.admin #exhibition_stop {
	margin-left: 15px;
	width: 30%;
}
.admin #cke_exhibition_image_author,
.admin #cke_exhibition_image_caption {
	margin: 5%;
}
.admin .exhibitions,
.admin .publications {
	margin-top: 57px;
}
.admin .calendar {
	margin-top: 25px;
}
.admin #calendar-overlay {
	color: #fff;
	position: absolute;
	background: rgba(163, 0, 30, 0.85);
	width: 100px;
	height: 100px;
	cursor: pointer;
	text-align: center;
	z-index: 4;
}
.admin #calendar-overlay .editlink {
	color: #fff;
	width: 100px;
	text-align: center;
	height: 22px;
	background-color: #B30838;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0px;
}
.admin #calendar #eventlist h3 {
	text-align: center;
	margin-bottom: 25px;
}
.admin #calendar #eventlist #closelink {
	line-height: 24px;
	height: 24px;
	padding: 1px 4px 0px 5px;
	font-size: 24px;
	cursor: pointer;
	background-color: #B30838;
	color: #ffffff;
	position: absolute;
	top: 0px;
	right: 0px;
}
.admin #calendar #eventlist .delete {
	cursor: pointer;
	margin: 4px;
	visibility: hidden;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -8px;

}

.admin input {
	vertical-align: middle;
	cursor: pointer;
}
.admin #calendar #eventlist li {
	font-size: 18px;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	padding-left: 50px;
	display: block;
	position: relative;
	list-style: none;
}
.admin #calendar #eventlist li:hover {
	background-color: #efefef;
}


.admin #calendar #eventlist li:hover .delete {
	visibility: visible;
}

.admin #calendar #eventlist {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 5;
	background: rgba(255,255,255,0.95);
	border: 1px solid #B30838;
	padding: 15px;
}

.admin form.edit_publication p {
	padding-top: 15px;
	vertical-align: baseline;
}
.admin form.edit_publication input {
	vertical-align: baseline;
}
.admin input#publication_weight_in_grams,
.admin input#publication_price {
	width: 45px;;
}

.admin input#publication_isbn {
	width: 150px;
}

#eventselector {
	background: white url('/images/redArrow.png') 443px 11px no-repeat;
	position: absolute;
	margin-top: 15px;
	width: 462px;
	float: left;
}
.admin .shippingCountries {
	margin-top: 30px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
}

.admin .shippingCountries li {
	padding: 5px 5px 5px 0px;
}

.admin .shippingCountries li input {
	margin-right: 5px;
}

.admin .shippingCountries li.disabled {
	text-decoration: line-through;
	color: #aaa;
}

.admin .shippingRule .countries {
	margin-left: 0px;
	list-style: none;
}

.admin .shippingRule .country {
	background-color: #eeeeee;
	border-radius: 5px;
	padding: 5px;
	margin-top: 5px;
	text-indent: 0px;
	/*display: block;*/
	float: left;
	clear: both;
}

.admin .shippingRule fieldset {
	margin-bottom: 25px;
	/*width: 630px;*/
}

.admin .shippingRule form {
	margin-bottom: 25px;
}


.admin .shippingRule p {
	display: block;
	margin: 10px 5px 5px 5px;
}
/* Typekit */
.lesetext,
body {
	font-family: "proxima-nova"; /* 100, 300, 400, 600, 700, 800, 900 */
}
body,
.selectortext,
.date,
.day_names th,
.info span,
.lesetext,
.address td,
.form-table td,
.links {
	font-style: normal !important;
	font-weight: 400 !important;
}
.header,
.subheader {
	font-style: normal !important;
	font-weight: 100 !important;
}
.form-table th,
.address th,
.address td:last-child,
.accordion h3,
.address h3 {
	font-weight: 300;
}

body {
	color: black;
}
/* Laufweite */
.navigationtext,
.inputtext,
.uppercase {
	letter-spacing: 0px;
}

.external {
	color: black !important;
}
.highlight {
	background-color: #ffff99;
}
/*
#debug {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 300px;
	height: 200px;
	background: #efef99;
}


a.section-start,
a.section-end,
a.navigation-anchor {
	position: relative;
	background: transparent;
	width: 1px;
	height: 1px;
	display: block;
	margin-left: -30px;
	border-color: transparent transparent transparent #000000;
	border-width: 10px 10px 10px 10px;
	border-style: solid;
	z-index: 3000;
}
a.section-start {
	border-color: transparent transparent transparent #009900;
}
a.section-end {
	border-color: transparent #990000 transparent transparent;
}
*/
/* @end */

/* @group ui-icons */
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_b30838_256x240.png); }*/

/* positioning */
/*
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; } */
.ui-icon-trash {
	width: 16px; height: 16px; background-image: url(/images/ui-icons_b30838_256x240.png);
	background-position: -176px -96px;
}

/*
.ui-icon-locked {
	width: 16px; height: 16px; background-image: url(/images/ui-icons_b30838_256x240.png);
	background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

*/
/* Misc visuals
----------------------------------*/

/* Corner radius */
/*
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
*/
/* @end */
/* @group Utilites */
/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement. */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Hide visually and from screenreaders, but maintain layout. */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/* @end */

/* @group Media Queries */
/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here. */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here. */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you:
     j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/* @end */

/* @group Print Styles */
/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links. */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
/* @end */