/*
	Allgemein
*/
html {
	height:100%;
}
body {
	min-height:100%;
	background:url(../img/layout/logo_bg.png) no-repeat 90% 40% #f0e9da;
}

.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}



/*
	Typo
*/
@font-face {
	font-family:"Alegreya Regular";
	src:url(../fonts/Alegreya-Regular-webfont.eot);
	src:url(../fonts/Alegreya-Regular-webfont.eot?#iefix) format("embedded-opentype"),
	    url(../fonts/Alegreya-Regular-webfont.woff) format("woff"),
	    url(../fonts/Alegreya-Regular-webfont.ttf) format("truetype"),
	    url(../fonts/Alegreya-Regular-webfont.svg) format("svg");
}
@font-face {
	font-family:"Alegreya Bold";
	src:url(../fonts/Alegreya-Bold-webfont.eot);
	src:url(../fonts/Alegreya-Bold-webfont.eot?#iefix) format("embedded-opentype"),
	    url(../fonts/Alegreya-Bold-webfont.woff) format("woff"),
	    url(../fonts/Alegreya-Bold-webfont.ttf) format("truetype"),
	    url(../fonts/Alegreya-Bold-webfont.svg) format("svg");
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
p,
span,
td,
li,
figcaption,
label,
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="search"],
input[type="email"],
button,
select,
textarea {
	font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#000;
}

h1,
h2 {
	color:#731819;
}
h1 {
	font-size:27px;
}
h2 {
	font-size:22px;
}

p,
span,
th,
td,
li,
figcaption,
label,
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="search"],
input[type="email"],
button,
select,
textarea {
	font-size:17px;
	line-height:23px;
}

a {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:#a81922;
	text-decoration:underline;
}
a:hover,
a:focus {
	text-decoration:none;
}

p span {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
}



/*
	Struktur
*/
#wrapper {
	width:90%;
	min-width:850px;
	max-width:1100px;
	margin:0 auto;
	padding:40px 0;
}
body.modalFrame #wrapper {
    width: auto;
    min-width: 0;
    max-width: none;
    margin: auto;
    padding: 0;
}



/*
	Kopf
*/

/** Meta-Menu **/

#header .meta {
	float:right;
}
#header .meta a {
	float:left;
	margin-left:10px;
	text-indent:-9999em;
}
#header .meta a.contact {
	width:28px;
	height:20px;
	background:url(../img/layout/icon_letter.png) no-repeat;
}
#header .meta a.facebook {
	width:32px;
	height:32px;
	margin-top:-5px;
	background:url(../img/layout/icon_facebook.png) no-repeat;
}


/** Hauptmenu **/

#header .mod_navigation {
	clear:both;
	margin:20px 0;
	padding:5px 0;
    overflow: visible;
	border-top:3px dotted #a81922;
	border-bottom:3px dotted #a81922;
}
#header .mod_navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#header .mod_navigation a,
#header .mod_navigation span {
	display:block;
	padding:5px;
	font:normal 17px "Alegreya Bold", Times, "Times New Roman", serif;
	color:#000;
	cursor:pointer;
	background:#fff;
	border-radius:2px;
}
#header .mod_navigation a {
	text-decoration:none;
}
#header .mod_navigation a.active,
#header .mod_navigation span.active {
	color:#fff;
	background:#a7161f;
}
#header .mod_navigation ul.level_1 > li {
	position:relative;
	display:inline-block;
	width:24%;
	margin-left:.6%;
}
#header .mod_navigation ul.level_1 > li:first-child {
	margin-left:0
}
#header .mod_navigation ul.level_2 > li > a,
#header .mod_navigation ul.level_2 > li > span {
	text-transform:uppercase;
	letter-spacing:5px;
}
#header .mod_navigation ul.level_3 {
	position:absolute;
	z-index:1000;
	display:none;
	width:calc(100% - 2px);
	margin-top:-1px;
	border:1px solid #a81922;
}
#header .mod_navigation ul.level_2 li:hover > ul,
#header .mod_navigation ul.level_2 li:focus > ul {
	display:block;
}
#header .mod_navigation ul.level_3 li {
	border-top:1px dotted #a81922;
}
#header .mod_navigation ul.level_3 li:first-child {
	border-top:none;
}
#header .mod_navigation ul.level_3 li.submenu {
    position: relative;
}
#header .mod_navigation ul.level_3 li.submenu > a:before,
#header .mod_navigation ul.level_3 li.submenu > a:after {
    content: "";
    position: absolute;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
#header .mod_navigation ul.level_3 li.submenu > a:before {
    right: 10px;
    border-left: 8px solid #a81922;
}
#header .mod_navigation ul.level_3 li.submenu > a:after {
    right: 12px;
    border-left: 8px solid #fff;
}
#header .mod_navigation ul.level_3 > li a,
#header .mod_navigation ul.level_3 > li span {
	font-family:"Alegreya Regular", Times, "Times New Roman", serif;
	font-size:16px;
	text-align:left;
	border-radius:0;
}
#header .mod_navigation ul.level_3 li:hover > a,
#header .mod_navigation ul.level_3 li:focus > a,
#header .mod_navigation ul.level_3 li span {
	color:#fff;
	background:#a81922;
}
#header .mod_navigation ul.level_4 {
    position: absolute;
    top: -1px;
    left: 100%;
    display: none;
    width: 15em;
    border:1px solid #a81922;
}
#header .mod_navigation li.submenu:hover > ul,
#header .mod_navigation li.submenu:focus > ul {
    display: block;
}



/*
	Inhalte
*/
#main {
	overflow:hidden;
}
#main .left {
	width:35%;
	margin-right:2%;
}
#main .right {
	width:65%;
	margin-left:2%;
}
#main .image_container {
	margin-bottom:1em;
}
#main .image_container img {
	width:auto;
	max-width:100%;
	height:auto;
}
#main .image_container figcaption {
	margin-top:5px;
	font-size:14px;
	line-height:17px;
	color:#a81922;
	text-transform:uppercase;
}
#main .infoBox {
	position:relative;
	z-index:9998;
	box-sizing:border-box;
	width:calc(100% - 10px);
	margin:1em 0 2em 5px;
	padding:5px 10px;
	background:#fff;
	border-radius:2px;
}
#main .infoBox:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:-5px;
	right:-5px;
	bottom:-5px;
	left:-5px;
	display:block;
	border:3px dotted #a81922;
}
#main p.link a {
	padding-left:30px;
	font:normal 18px "Alegreya Bold", Times, "Times New Roman", serif;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:5px;
	background:url(../img/layout/icon_arrow-right.png) no-repeat 0 3px;
}
#main p.link a:hover,
#main p.link a:focus {
	text-decoration:underline;
}
#main .exhibitionTitle {
	margin-top:20px;
	text-transform:uppercase;
}
#main h1 {
    margin-top: 0;
}
#main .ce_text p {
	margin:0 0 20px;
}
#main .ce_text .columns {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}
#main .projectPartner {
	float:right;
	width:685px;
	margin:40px 0 20px 0;
	overflow:hidden;
}
#main .projectPartner p,
#main .projectPartner img {
	float:left;
}
#main .projectPartner p {
	max-width:40%;
	margin:0 20px 0 0;
}
#main .projectPartner img {
	width:auto;
	max-width:150px;
	height:auto;
	max-height:100px;
	margin:5px 20px 0 0;
}
#main .embeddedMedia {
	float:right;
	width:63%;
	margin:1em 0;
}
body.meta #main p {
	font-size:14px;
	line-height:18px;
}


/** Slider **/

.slider-control .slider-prev,
.slider-control .slider-next {
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
}
.slider-control .slider-prev:before,
.slider-control .slider-prev:after,
.slider-control .slider-next:before,
.slider-control .slider-next:after {
	content:"";
	position:absolute;
	top:0;
	display:block;
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
}
.slider-control .slider-prev:before,
.slider-control .slider-prev:after {
	left:0;
	border-right:10px solid #a7161f;
}
.slider-control .slider-prev:after {
	left:5px;
	border-right-color:#f0e9da;
}
.slider-control .slider-next:before,
.slider-control .slider-next:after {
	right:0;
	border-left:10px solid #a7161f;
}
.slider-control .slider-next:after {
	right:5px;
	border-left-color:#f0e9da;
}


/** iframe Veranstaltungskalender **/

#eventCalendar {
    width: 100%;
    min-height: 550px;
    border: none;
}



/*
	Fuss
*/
#footer {
	clear:both;
	margin-top:20px;
	padding-top:40px;
	border-top:3px dotted #a81922;
}
#footer p {
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#948f88;
	text-transform:uppercase;
}
#footer p a {
	color:inherit;
}



/*
	Modal-Inhalt
*/

/** Ort **/

body.modalFrame .place {
	float:left;
	padding:8px 0 0 10px;
	font:normal 22px "Alegreya Bold",Times,"Times New Roman",serif;
	color:#731819;
	text-transform:uppercase;
	letter-spacing:3px;
}


/** Sprachwechsler **/

#changeLang {
	margin:0 0 10px 0;
	padding:5px 0;
	border-bottom:3px dotted #a81922;
}
#changeLang ul {
	margin:0;
	padding:0 40px 0 0;
	text-align:right;
}
#changeLang li {
	display:inline-block;
	margin-left:10px;
}
#changeLang a {
	display:block;
	padding:5px;
	font:normal 17px "Alegreya Bold", Times, "Times New Roman", serif;
	letter-spacing:5px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	background:#fff;
	border-radius:2px;
}
#changeLang a.active {
	color:#fff;
	background:#a7161f;
}


/** Inhalte **/

body.modalFrame #main .content {
	position:relative;
	display:none;
	padding:0 70px;
}
body.modalFrame #main .content:first-child {
	display:block;
}
body.modalFrame .changePlace {
	position:absolute;
	top:200px;
	left:10px;
	width:30px;
	height:80px;
	overflow:hidden;
	text-indent:-9999px;
}
body.modalFrame .changePlace.next {
	right:10px;
	left:auto;
}
body.modalFrame .changePlace:before,
body.modalFrame .changePlace:after {
	content:"";
	position:absolute;
	top:0;
	display:block;
	width:0;
	height:0;
	border-top:40px solid transparent;
	border-bottom:40px solid transparent;
}
body.modalFrame .changePlace.prev:before,
body.modalFrame .changePlace.prev:after {
	left:0;
	border-right:30px solid #a7161f;
}
body.modalFrame .changePlace.prev:after {
	left:15px;
	border-right-color:#f0e9da;
}
body.modalFrame .changePlace.next:before,
body.modalFrame .changePlace.next:after {
	right:0;
	border-left:30px solid #a7161f;
}
body.modalFrame .changePlace.next:after {
	right:15px;
	border-left-color:#f0e9da;
}
body.modalFrame .changePlace.deactivated {
    cursor: default;
}
body.modalFrame .changePlace.deactivated:before,
body.modalFrame .changePlace.deactivated:after {
    content: none;
}
body.modalFrame .ce_text {
	position:relative;
	z-index:1000;
	display:none;
}
body.modalFrame .ce_text:first-of-type {
	display:block;
}
body.modalFrame .ce_text .image_container {
	float:left;
	margin:0 10px 10px 0;
}
body.modalFrame .ce_text .image_container img {
	display:inline-block;
	width:auto;
	max-width:300px;
	height:auto;
}
body.modalFrame .ce_text .info {
	position:relative;
	clear:both;
	padding-left:30px;
}
body.modalFrame .ce_text .info:before {
	content:"i";
	position:absolute;
	top:0;
	left:0;
	padding:0 7px;
	font:bold 14px Verdana, Helvetica, Arial, sans-serif;
	color:#666;
	border:1px solid #666;
	border-radius:50%;
}


/** zurück zur Karte **/

body.modalFrame .placeFooter {
	clear:both;
	margin-top:2em;
	padding:1em;
	border-top:3px dotted #a81922;
}
body.modalFrame .placeFooter p.back {
	margin:0;
}
body.modalFrame .placeFooter p.back a {
	position:relative;
	padding-left:1em;
    font-size:1.2em;
    color:#a81922;
    text-transform:none;
}
body.modalFrame .placeFooter p.back a:before {
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:0;
	height:0;
	border-top:.5em solid transparent;
	border-right:.5em solid #a7161f;
	border-bottom:.5em solid transparent;
}
body.modalFrame .placeFooter p.back a:after {
	content:"";
	position:absolute;
	top:3px;
	left:3px;
	width:0;
	height:0;
	border-top:.5em solid transparent;
	border-right:.5em solid #f0e9da;
	border-bottom:.5em solid transparent;
}