/* **********************************************************
*	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;
   outline:0;
   font-size:100%;
   vertical-align:baseline;
   background:transparent;} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display:block;}
    
ul, ol { 
   list-style:none; }
 
blockquote, q { 
   quotes:none; }

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

a { 
   margin:0; 
   padding:0; 
   font-size:100%; 
   vertical-align:baseline; 
   background:transparent; }

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; }

img {
	vertical-align:bottom;
	display:block;}

input, select { 
   vertical-align:middle; }
    
html { 
   overflow-y: scroll; }
/*    
html, body {
  	height:100%;}
*/
.cf:before {
	content:"";
	display:table;}

.cf:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;}
	
/* **********************************************************
*	STRUKTUR
********************************************************** */
.special {
	position:absolute;
	width:100px;
	top:1px;
	left:50%;
	color:#f00;
	font-size:1.0em; z-index:10000;
	margin-left:-50px;}


html, body {
	height: 100%;
  box-sizing: border-box;}

/*
.frame {
	display:table;
	width:100%;}

html>/**/body .frame {
			height: 100%;}

.row {
	display: table-row;
	height: 1px;
	overflow: hidden;}

html>body .row.expand {
	height: auto;}
*/

*,
*:before,
*:after {
  box-sizing: inherit;}
	
body {
	background: #ae3e0d /*#e3e7d7*/;
  position: relative;
  margin: 0;
  padding-bottom: 0px;
  min-height: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}	

.palewrapper {
	background: #e3e7d7;
	overflow:hidden;}
  	
.wrapper {
  margin: 0 auto;
 	max-width: 1200px;
 	padding:20px 20px;}
  	
header {
	padding:0 0 2em 0;}
  	
.footer {
  padding: 0 0;
  background-color: #ae3e0d /* #9e9f8d */ /* #e3e7d7*/; 
  color:#fff;
  font-size:0.9em;
  text-align:center;}
  	
.footinner {
	margin: 0 auto;
  max-width: 1200px;
  padding:0 20px;
  overflow:hidden;}

.footertop {
	padding:2em 20px 0 20px;}
  	
.footinner.narrow {
	padding:0;}
  	
.footinnertext {
	max-width:1000px;
	padding:0 20px 1em 20px;}
  	
.footcol {
	width:100%;
	float:none;
	margin:2em 0 0 0;
	text-align:left;}
	
.footright {
	margin:2em 0 0 0;}
  	
section {
	padding:2em 0 2em 0;}
	
.pale {background: #e3e7d7;}

.white {background:#fff;}
	
.logobox {
	overflow:hidden;
	margin:0 0 20px 0;}
	
.logo {
	width:50%;
	max-width:388px;
	min-width:220px;
	float:left;}
	
.logo img {
	width:100%;
	height:auto;}
	
.navtoggle {
	width:5%;
	float:right;
	min-width:29px;}
	
.navtoggle img {
	width:100%;
	height:auto;}	

.navtoggle a {
	display:block;
	width:100%;
	padding-bottom:82%;
	background-image:url(/_system/media/menuopen.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	opacity:1;}

.navtoggle a.menuopen {
	background-image:url(/_system/media/menuclose.png);}

.navtoggle a:hover {
	opacity:0.5;}

ul.partner {
	padding:1em 0 2em 0;
	overflow:hidden;
	text-align:center;}

ul.partner li {
	display:inline-block;
	padding:10px;
	width:16%;
	min-width:160px;}

ul.partner li.wide {
	width:22%;
	min-width:220px;}	

.partner-item {
	width:100%;
	padding-bottom:55%;
	/*border:1px solid #000;*/
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;}
	
li.wide .partner-item {
	padding-bottom:38%;}

	
/* *** Schriften *******************************************/
.headline {
	margin:0 0px 1.2em 0px;}
	
.headline.narrow {
	margin:0 0 1.2em 0;}
	
.absatz {
	margin:0 0px;}
	
.absatz.narrow {
	margin:0;}

h1, h2, h3, h4 {
   font-weight:normal;}
   
h1 {
	font-size:1.8em;
	text-align:center;
	letter-spacing:0.15em;
	margin:0 0 0.6em 0;}

.lightblue {
	color:#69c;}
	
h2 {
   font-size:1.7em;
   line-height:1.2em;
   color:#69c;
   margin:0;
   padding:0;}
   
h2.meldung {
	font-size:1.4em;
	text-align:center;}
   
h3 {
   font-size:1.3em;
   line-height:1.2em;
   text-transform: uppercase;
   color:#333;
   margin:0 0 0.2em 0;
   padding:0;}
     
h4 {
   font-size:1.2em;
   line-height:1.5em;
   font-weight:bold;
   margin:0 0 1em 0;
   padding:0;}

h5 {
   font-size:1.1em;
   line-height:1.5em;
   font-weight:bold;
   margin:0 0 0.5em 0;
   padding:0;}
	
p {
	font-size:1em;
	margin:0 0 1em 0;}
	
.columns2, .listcol {
	margin:0 0 1em 0; 
	padding:0 0 1em 0;}

.listcol p {
	margin:0 0 0.4em 0;}
	
.legend {
	font-size:1em;
   text-align:right;
   font-style:italic;
   line-height:1.1em;
   padding:4px 0 0 0;}

.center {
	text-align:center;}

/* *** Tabellen *********************************************/
p.tab {
	overflow:hidden;}

.leftCell {
	width:25%;
	float:left;}

.rightCell {
	width:75%;
	float:left;}

/* *** Slider **********************************************/
.slideImgBox {
	position:relative;
	background-color:#fff;
	width:100%;
	padding-bottom:56.25%;
	background-size:cover;
	background-position:center center;}

.legende {
	font-size:1em;
   text-align:right;
   font-style:italic;
   line-height:1.1em;
   padding:4px 0 0 0;}
	
ul.slides li {
	background:#fff;}

/* *** Einzelbild ******************************************/
.bildbox {
	margin:0 0 2em 0;}

.bild {
	position:relative;
	background-color:#fff;
	width:100%;
	padding-bottom:56.25%;
	background-size:cover;
	background-position:center center;}

.inlineImg {
	width:100%;
	height:auto;
	/*max-width:380px;
	margin:0 20px 10px 0;
	float:left;*/}

/* *** Vimeo Video ******************************************/
.flexVimeo {
  position: relative;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin-bottom:0;}	

.flexVimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }


/* *** Portalliste *****************************************/
ul.portal {
	overflow:hidden;
	margin:2em -15px 2em -15px;}

ul.portal li {
	width:100%;
	float:none;
	margin:0 0 30px 0 !important;}
	
.itembox {
	position:relative; overflow:hidden;
	margin:0 15px;
	background:#ae3e0d;  /* #f6f6f6 */ /* #e3e7d7 */}
	
.item {
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	margin:0 0 5px 0;}
	
.item:before {
   content: "";
   float: left;
   padding-bottom: 60%;}
   
.item:after {
   content: "";
   display: table;
   clear: both;}
   
.caption {
	padding:8px 12px 16px 12px;}
	
.caption h3 {
	font-size:1.3em;
	line-height:110%;
	margin:0 0 0.4em 0;}	
	
.caption p {
	font-size:1em;
	margin:0 0 0.4em;}
	
.caption p.datum {
	font-size:0.8em;}
	
.liste li {
	position:relative;
	overflow:hidden;}
	
.art {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	padding:4px 10px;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:1.2em;
	z-index:100;}
	
.action {
	position:absolute;
	/*bottom:0;
	right:0;*/	
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	display:inline-block;
	padding:4px 10px;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:1.2em;}
	
.mark {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	opacity:1;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
.mark span {
	/*display:inline-block;*/
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size:1.5em;
	text-align:center;}
	
		
.ausstellung {
	/*background:#69c;*/
	background:rgba(136,180,225,0.5);
	color:#fff;}

.art.ausstellung {
	background:rgba(136,180,225,1.0);}
	
.reise {
	/*background:#c30;*/
	background:rgba(174,62,13,0.5);
	color:#fff;}

.art.reise {
	background:rgba(174,62,13,1.0);}

.edition {
	background:rgba(158,159,141,0.5);
	color:#fff;}

.art.edition {
	background:rgba(158,159,141,1.0);}

.termin {
	background:rgba(158,159,141,0.5);
	color:#fff;}

.art.termin {
	background:rgba(158,159,141,1.0);}

.liste a:link, .liste a:visited {
	display:block;
   background:url(../media/corner.png) no-repeat 100% 100% #f6f6f6;
   color:#000;} 
   
.liste a:link h3, .liste a:visited h3 {
	color:#69c;}
    
.liste a:hover, .liste a:active {
   background:url(../media/corner_over.png) no-repeat 100% 100% #e3e7d7;
   color:#69c;} 
   
.flexslider .liste a:link, .flexslider .liste a:visited {
	display:block;
   background:url(../media/corner.png) no-repeat 100% 100% #fff;
   color:#000;}    
   
.flexslider .liste a:hover, .flexslider .liste a:active {
   background:url(../media/corner_over.png) no-repeat 100% 100% #e3e7d7;
   color:#69c;}
   
.liste a:hover img, .liste a:active img {
	opacity:0.5;}
	
.liste a:hover .item, .liste a:active .item,
.liste a:hover .slideImgBox, .liste a:active .slideImgBox {
	opacity:0.5;}
	
.action /*, .mark*/ {
	display:none;}
	
.liste a:hover .action, .liste a:active .action,
/*.liste a:hover .mark, .liste a:active .mark*/ {
	display:block;}
	
.liste a:hover .mark, .liste a:active .mark {
	/*display:block;*/
	opacity: 1;		
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transform: translateY(-100%);}

.mark {
	/*display:none;*/
	/*border:1px solid #f00;*/
	opacity:0.6 !important;}
	
/* *** Links ***************************************** */
/* *** Facebook-Link *** */
a.fb:link, a.fb:visited {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background:url(../media/facebook.png) no-repeat 0 0;}
	
a.fb:hover, a.fb:active {
	background:url(../media/facebook.png) no-repeat 0 100%;}

/* *** Twitter-Link *** */
a.tw:link, a.tw:visited {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
	background:url(../media/twitter.png) no-repeat 0 0;}
	
a.tw:hover, a.tw:active {
	background:url(../media/twitter.png) no-repeat 0 100%;}

/* *** Page-Top-Link *** */	
a.pt:link, a.pt:visited {
	display:block;
	width:30px;
	height:30px;
	float:right;
	background:url(../media/pfeil_oben.png) no-repeat;}
	
a.pt:hover, a.pt:active {
	background:url(../media/pfeil_oben.png) no-repeat 0 100%;}

/* *** Back-Link *** */	
a.back:link, a.back:visited {
   color:#c30;
   text-decoration:none;
   background:url(../media/back.gif) no-repeat 0% 50%;
   padding:0 0 0 14px;}

a.back:hover, a.back:active {
   color:#69c;
   text-decoration:none;
   background:url(../media/back_over.gif) no-repeat 0% 50%;
   padding:0 0 0 14px;}

/* *** Next-Link *** */
a.next:link, a.next:visited {
   color:#c30;
   text-decoration:none;
   background:url(../media/next.gif) no-repeat 100% 50%;
   padding:0 14px 0 0;}
   
a.next:hover, a.next:active {
   color:#69c;
   text-decoration:none;
   background:url(../media/next_over.gif) no-repeat 100% 50%;
   padding:0 14px 0 0;}

/* *** PDF-Link *** */
a.pdf:link, a.pdf:visited {
	text-decoration:none;
	padding:10px 0 10px 30px;
	color:#c30;
	background:url(/_system/media/pdf.png) no-repeat 0% 50%;}

a.pdf:hover, a.pdf:active {
	text-decoration:none;
	padding:10px 0 10px 30px;
	color:#69c;
	background:url(/_system/media/pdf_over.png) no-repeat 0% 50%;}
   
/* *** Weiter Button *** */
a.button:link, a.button:visited {
	display:inline-block;
	background:url(../media/weiter.png) no-repeat 95% 50% #ae3e0d;
	color:#fff;
	padding:4px 20px 4px 10px;
	float:right;}
	
a.button:hover, a.button:active {
	background:url(../media/weiter.png) no-repeat 95% 50% #69c;}
	
/* *** Allgemeine Links *** */
a:link, a:visited {
   color:#c30;
   text-decoration:none;} 
   
a:hover, a:focus {
   color:#69c;}	

/* *** Newsletter Navigation *** */
.nlnav {
	font-size:1.5em;
	text-align:center;
	margin:0 0 2em 0;}

.nlnav a:link, .nl a:visited {
	color:#c30;
	text-decoration:none;}

.nlnav a:hover, .nl a:active {
	color:#69c;
	border-bottom:2px solid #69c;}

.nlnav .akt {
	color:#69c;
	border-bottom:2px solid #69c;}
   
/* *** Allgemeine Links im Footer *** */
.footer a:link, .footer a:visited {
   color:#fff;
   text-decoration:none;} 
   
.footer a:hover, .footera:focus {
   color:#fff;
   text-decoration:underline;}	   

/* *** Blättern in Veranstaltungen *** */   
.itemnav {
	overflow:hidden;
	margin:3em 0 0 0;}
	
.itemback {
	float:left;}
	
.itemnext {
	float:right;}
	
a.zurueck:link, a.zurueck:visited {
	display:block;
	width:30px;
	height:30px;
	background:url(../media/pfeil_links.png) no-repeat;}
	
a.zurueck:hover, a.zurueck:active {
	background:url(../media/pfeil_links.png) no-repeat 0 100%;}
	
a.vor:link, a.vor:visited {
	display:block;
	width:30px;
	height:30px;
	background:url(../media/pfeil_rechts.png) no-repeat;}
	
a.vor:hover, a.vor:active {
	background:url(../media/pfeil_rechts.png) no-repeat 0 100%;}

/* *** Navigation ************************************* */
.menu{
	display: none;}

.opener{
 	display: none;
 	position: absolute;
 	right: 0px;
 	top:0;
 	padding:0 15px;
 	line-height: 51px;
 	font-size: 24px;
 	cursor: pointer;
 	border-left:1px solid rgba(0,0,0,.5);
 	background:#eee;
 	transition: all 0.5s ease;}
	
.visible {
 	display: block !important; }

nav {
	display:none;
	text-transform:uppercase;
	margin:0 0 0em 0;}
	
nav ul {
	border-top: 1px solid rgba(0,0,0,.5);
	width:90%;}
	
nav ul li {
   border-bottom: 1px solid rgba(0,0,0,.5);
   position: relative;
}

nav ul ul li.last {
	border-bottom:none;}

nav ul li a, nav ul li a:link, nav ul li a:visited {
   display: block;
   color: rgba(0,0,0,.65);
   font-weight: bold;
   padding: 1.0em 0;
   text-decoration: none;
   transition: 250ms all ease; }

nav ul li a:hover {
   color: #999;  }

nav ul ul {
	display:none;
	width:100%;}  
	
nav ul ul li a, nav ul ul li a:link, nav ul ul li a:visited {
	background:#eee; /* #9e9f8d; */
	color:#999;
	padding-left:2em;}
	
nav ul ul li:hover > a {
	background:#9e9f8d; /* #696969; */
  color: #fff;  }

/* *** Formular ************************************* */
.centerwrapper {
	width:100%;
	max-width:550px;
	margin:0 auto;}

.formBox {
   margin:0 0 0 0;
   overflow:hidden;}

form  {  
	margin:0;
  padding:0;}

fieldset {  
  margin:0 0 20px 0;
  padding:8px 8px;
  border:1px solid #d4d9c4;}
   
legend  {  
  font-size:1.2em;
  font-weight:normal;
  color:#69c;
  padding:0 0px;} 

input.eingabe { 
	box-sizing: border-box;
  border:1px solid #d4d9c4;
  background-color:#f7f8f3;
  color:#000;
  width:100%;
	height:43px;
  margin:0 0 10px 0;
  padding:10px;
  font-size:1.0em;}
                        
textarea.eingabe { 
	box-sizing: border-box;
   font-family:Arial,Helvetica, Verdana, sans-serif;
   border:1px solid #d4d9c4;
   background:#f7f8f3;
   color:#000;
   width:100%;
   height:180px;
   margin:0 0 10px 0;
   padding:10px;
   font-size:1.0em;}

.checkbox {
   margin:0 8px 8px 0;
   float:left;}

.chckboxInfo {
   display:block;
   margin:2px 0 0px 0;}

.formbox {
   margin:0 0 0 0;
   overflow:hidden;}
   
input:focus, textarea:focus {
   color:#003;
   background:#fff;}

.eingabeSelect {
	box-sizing: border-box;
  font-family:Arial,Helvetica, Verdana, sans-serif;
	font-size:1.0em;
  width:200px;
	height:43px;
  border:1px solid #d4d9c4;
  background-color:#f7f8f3;
  color:#000;
	padding:0px 43px 0 10px;
  margin:0 0 10px 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image:url(/_system/media/dropdown.png);
	background-position:100% 0%;
	background-repeat:no-repeat;
	background-size:43px auto;	}

.send     {    
   /*width:124px;
   height:20px;*/
   text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   font-weight:bold;
   line-height:1.0em;
   text-transform:uppercase;
	padding:8px 30px;
   background:#ae3e0d;
   border:1px solid #ae3e0d;
   color:#fff;}
   
.send:hover {
   background:#69c;
   border:1px solid #69c;}
   
/* **********************************************************
*	MEDIA-QUERIES
********************************************************** */
/* *** 480 Px Breite ***************************************/
@media all and (min-width: 481px) {
	.slide .caption {
		font-size:1.3em;}
		
	ul.portal li {
		width:50%;
		float:left;
		margin:0 0 0px 0;}
}

/* *** 769 Px Breite ***************************************/
@media all and (min-width: 769px) { 
	/* *** Slider *********************** */
	.slide .caption {
		font-size:1.8em;}
		
	/* *** Schriften *******************************************/
	.headline {
		margin:0 20px 1.2em 20px;}
	
	.headline.narrow {
		margin:0 0 1.2em 0;}
	
	.absatz {
		margin:0 20px;}
	
	h1 {
		font-size:3em;
		text-align:center;}
		
	h2 {
   	font-size:2.2em;}
   
	h3 {
   	font-size:1.8em;}
   
	h4 {
   	font-size:1.4em;}

	h5 {
   	font-size:1.1em;}
		
	.columns2, .listcol {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count:2;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
		column-gap:40px;
		margin:0 0 1em 0;}

	/* *** Portal *********************** */
   ul.portal li {
		width:33.333%;
		float:left;
		margin:0 0 0px 0;}
		

   
   /* *** Navigation ******************* */	
   .navtoggle {
      display: none; }
   
   .menu {
   	display:block !important;}
   	
   nav.menu {
      background-color: transparent;
      display: block; 
      width:100%; }
      
      .opener {
      	display:none !important;}
   
   	nav ul {
   		margin:0 -15px 0 0;
   		border:none; 
   		display:inline-block; 
   		width:auto;}
   
   	nav ul li {
         display:inline-block;
         font-size:0.95em;
         border: none;
         position:relative;}
    
      nav ul li a, nav ul li a:link, nav ul li a:visited {
         display:block;
         padding: 0.5em 15px; 
         color:#666;
         font-weight:bold;
         text-decoration:none;
         /*text-shadow:2px 2px 2px #000;*/}
         
      nav ul li a.current {
      	color:#fff;
      	background:#9e9f8d;}
            
      nav ul li a:hover {
         color:#ccc;}
            
      nav ul li ul {
         display:none;}
            	
      nav ul li:hover ul {
         display:block;
         position:absolute;
         left:0px;
         top:100%; 
         width:auto;
				 min-width:100%;
         z-index:100;}
            	
      nav ul li:hover ul li {
         display:block; /*border:1px solid #f00;*/}
            	
      nav ul li:hover ul li a {
         background:#9e9f8d;
         color:#fff;
         padding-left:15px;}
            	
      nav ul li:hover ul li a:hover {
         background:#696969;}
	
	.footcol {
		width:30%;
		float:left;
		margin:2em 5% 0 0;
		text-align:left;}
	
	.footright {
		margin:2em 0 0 0;}
}

/* *** 961 Px Breite ***************************************/
@media all and (min-width: 961px) {

}