#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/***	Mini-RESET	***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, select, option,legend, table, caption, tbody, tfoot, thead, tr, th, td, #wrapper, #content {
	border: 0;
	margin: 0;
	padding: 0;
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
	margin: 0;
	padding: 0;
	display: block
}
video {max-width:95%;} 

/* ##############################
            RAHMENSETTINGS
################################*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;	
	font-family: 'Roboto', sans-serif;
	font-weight: 400;/* -webkit-font-smoothing: antialiased; */
}
html {
	font-size: 100%;overflow-y:scroll;
	padding-bottom:1px;
}
body {font-family:Arial, Helvetica, sans-serif;font-size:1em;line-height:1.2em;text-align:center;padding:0;margin:0;background-color:#9F0909;color:#000;}



a img {border:0;}
a:focus {outline:none;}
img {vertical-align:middle;}


#wrapper {
	width:100%;
	position:relative;
	/* tutti und fuss gleiche Farbe geben*/background-color:#F5F5F5;
	background-color: #E6E6E6; 	
	font-size:0.9em;text-align:left;
	background-image:url(../../files/kunstperipherien/Layout/leisteOben.jpg);background-repeat:no-repeat;margin:0 auto;/*für die Leiste oben */padding-top:12px;
	height: 100%;/*??*/
	box-shadow: 0px 0px 4px 2px #666;
}

body > #wrapper {
	height: auto;
	min-height: 101%;
}
#container {line-height:1.6em;background:#fff; border-bottom:1px dotted #666;padding:0 30px 30px;}
#main { 
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}


/* ##############################
       ALLGEMEINE FORMATE
################################*/

h1 {font-size: 1.2em;font-weight: 400;color: #BF0B0B;color:#ae0e0e;margin-bottom:30px;padding-top:5px;clear:left;}
h1.gesperrt{margin-left:-20px;}
h1 span.untertitel, h2 span.untertitel{ font-size:0.8em; font-weight:bold;color:#333;}	
h2, h3 {font-size:1.2em;font-weight: 600;color:#ae0e0e;margin-bottom:20px;}	
h3 {font-size:1em;}	
h2 + h3 {margin-top:-18px;}	
/*nur für Detailseite archiv, nicht für Übersicht ausstellungen 
.archivseite h3 {clear:left}*/

p, ul, ol, table, object {
	margin-bottom: 20px;
}
ul {
	margin-left: 1em;
}
ul li {
	list-style-type: disc;
}
ol {
	margin-left: 1.2em;
}

.pagination li {display:inline; padding-right:10px;}
.pagination p, .pagination ul {display:inline;}
.pagination p:after {content:"\00A0\00A0\00A0\00A0" "||"}
a {color:#ae0e0e; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}

a[href$='.pdf'] {padding-left:25px;background-image:url(../../files/kunstperipherien/Layout/pdf.png);background-repeat:no-repeat; background-position: left 3px;}
a[href$='.pdf']:hover {text-decoration:underline;}

/* ##############################
       SPEZIFISCHE FORMATE
################################*/
.rot {color:#ae0e0e;}
.kleiner {
	font-size: smaller;
}
.groesser {
	font-size: larger;
}
.resp {/**/
	width: auto;
	max-width: 100%;
	height: auto;
}

a.pdf {padding-left:25px;background-image:url(../../files/kunstperipherien/Layout/pdf.png);background-repeat:no-repeat; background-position: left -3px;}
a.pdf:hover {text-decoration:underline;}

blockquote {text-align:center;font-size:larger}
blockquote p::before {
    color: #666;
    content: "“";
    display: block;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
        font-size: 400%;
    height: 0;
    margin-left: -0.5em;
    margin-bottom: 35px;
}
blockquote .kleiner {font-weight:bold;}

/*bilder*/
.bildRahmen, .bildRahmenLi {padding:3px; border: 1px solid #ccc;}
.bildRahmenLi, .bildRahmenVorschau {float:left;margin-right:10px;margin-bottom:10px;}
.caption {font-size:smaller;text-align:center;}
.noCaption .caption {display:none;}

.archiv .bildRahmenLi {border-bottom:0;}
.archivListeBild {clear:left;float:left;margin-bottom:0;padding-top:0.5em; padding-bottom:0;}
.archivListeText {padding-top:0;}
header .teaser  {display:none; }

.image_container {padding: 5px;
	margin: 5px 10px 0 0;
	border: 1px solid #ccc;
	/*width:180px;*/
	}
/* für Untertitel Thumbs ohne Overlay in der Vorschau */
.vorschauseite figure {text-align:center;}
.vorschauseite figcaption {
  font-size:0.8em;
  padding-top:5px;
  line-height:1.2em;
  background:#fff;
  display: inline-block;
  max-width: 130px;
}

	.image_container.float_left {float:none;display:inline-block;}
	.img_container img {padding:5px;}
	
	 .fluidGalerie img  {padding: 5px;
	border: 1px solid #ccc; margin: 5px 10px 0 0;}
	/*zum Testen
	.fluidGalerie::after {content:"ende"}*/
	.ce_gallery ul {margin-left:0;}
	
	.ce_gallery li {list-style-type:none; margin-bottom: 10px;float:left}
	/*.ce_galleryli .col_last, .ce_galleryli .col_last {float:left!important;}*/
	.ce_gallery + .ce_text {clear:left;}
	#cboxOverlay {background:#9F0909;background:#111;}
	#cboxCurrent, #cboxTitle {font-size:smaller;color:#fff;}
	
	 #cboxTitle{position:absolute; top:5px;top:-20px; left:0px; 
	 color:#fff;width:100%; width:70%;background-color:#000;background-color:rgba(0, 0, 0, 0.70); border-left:5px solid #000;text-align:left;
	 padding:5px 160px 5px 5px!important;
	 }
        #cboxCurrent{position:absolute; top:-15px; padding-right:10px!important; color:#efefef; font-style:italic;}
		
		/* polaroid galerie */
		.polaroid  .fluidGalerie img, .polaroid .image_container  {padding: 0;
	border: 0;box-shadow: 0px 0px 5px #888}
	
	.polaroid .ce_gallery li {margin:5px}
	.schattenLi {padding: 0; border: 0;box-shadow: 0px 0px 5px #888;float:left;margin:5px 10px 5px 5px;}
	
/*floats*/

.floatLe {float:left; margin-right:10px;}

/*clearings*/
.clearLe {clear:left;padding-top:10px;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: block;
}

.invisible {
	position: absolute;
	top: -3000px;
}

/**/
.ytBox {max-width:560px;clear:left}
.resp {position: relative;padding-bottom: 66%;padding-top: 15px;height: 0;overflow: hidden;margin:0;}
iframe {z-index:20;}
.resp iframe, .resp object, .resp embed, .resp div {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.aspectImg {max-width: 100%;height: auto;}


.todo {background:#F99;}


/*für kunstperipherien Überschrift*/
.schwarz {color:#000;}

/*für Thumnails bei den Ausstellungen*/
hr {clear:both; border: none;border-top: 1px dotted #999;background: #fff;height: 1px;margin:20px 0;}
#kunstarchiv li {list-style-type:none;}

.kasten {padding:10px; border:1px solid #ccc;border-bottom:3px solid #AFAFAF;}
.hinweis {padding:10px; margin-bottom:15px;border:1px solid #ccc;border-left: 5px solid #A83434}

.wartung #main {text-align:center;}

/* ##############################
            HEADER
################################*/

#header {
	position: relative;
	clear: both;
	width: 100%;
		height:50px;
	background-color:#fff;
	
}


#header .inside {
	padding-bottom: 0;
}

#logo {width:100%;/**/height:80px;background-color:#fff;/**/position:absolute;left:0;top:0;text-align:left;display:none}
#logo img {margin-left:10px;width:95%; height:auto;}



#branding {
	position:absolute;top:87px;left:0;border-top:1px solid #999;border-bottom:1px solid #999;background-color:#bcbcbc;display:none;
}
#kopfgrafik_C {position:absolute;left:5px;top:415px;text-align:left;font-size:smaller;font-style:italic;color:#999;display:none}


/* ##############################
         ACCORDIONS
###############################*/
/*  accordions */
	.ce_accordionSingle {margin-bottom:20px;line-height:1.6em;}
	.ui-accordion-header {
		font-size:1.5em;
		padding:10px 20px;
		color:#ae0e0e;
		border:1px solid #fff;
		border-top:1px dotted #eee;
		border-bottom:1px dotted #666;
		border-left:2px solid #ae0e0e;
		font-weight:300;
		 }
	.ui-state-default {
    background:#E6E6E6;
	border-left:2px solid #666;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(237,237,237,1) 78%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(78%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 78%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 78%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 78%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 78%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=0 );  IE6-9 */
	}
	.ui-state-active, .ui-state-hover {
/**/background: #e6e6e6!important;
border:1px solid #ccc;
border-left:2px solid #ae0e0e;
	}
	.ui-accordion-header span {font-size:smaller!important;color:#333;font-weight:bold;font-style:italic;}
	.ui-accordion-header:hover {cursor:pointer; background:#efefef}
	.ui-accordion-header .ui-icon{float: left;margin-top:5px!important;margin-right:5px!important;margin-left:-20px!important;
	 }
	 .ui-accordion-content {/*padding:20px!important;*/ background:#fff}
	 
	.ce_accordion {margin-bottom:15px;}

.mod_newslist h2 {font-weight:300; font-style:normal;font-size:1em;}


/**** FORMULAR ***************/
.formbody {padding-top:36px;}
fieldset {border:1px solid #bbb; margin-bottom:50px;padding:15px;border-radius:10px}
fieldset div {margin-bottom:10px;}
legend {color:#333;font-weight:bold;border:1px solid #bbb;padding:5px 10px;border-radius:8px 8px 0 0;margin-top:-34px!important;display:none;}
label {width:30%; float:left;font-weight:bold!important; font-size:0.9em;}
input, select, textarea{width:65%!important;font-size:0.9em;font-family:'Quattrocento Sans',sans-serif;background:#F4F6F9;border:1px solid #ccc; padding:2px;}
input.radio {width:1em!important;margin-left:0!important;float:left;}
input.radio + label{width:90%!important;}
label.labelUmbruch{width:90%!important;float:none;display:block;margin-bottom:5px;}
input.labelUmbruch {width:4em!important;}
input.submit {width:8em!important; margin-top:30px;background:#AF1515; color:#fff;font-weight:bold; padding:5px;border-radius:10px}
.noBorder fieldset {border:0!important;padding-left:0;margin-bottom:0;}





/* ##############################
            NAVIGATION
################################*/

/* mobile menu einblenden */


.navMain {display:none;}

/* nav mobile */
.navButton {padding:25px 10px 5px;background:#9F0909;color:#fff;}
.navButton a {color: #fff;}
header {height:70px;}
#container {padding-top:50px;}

/* ##############################
            EVENTS
################################*/


.event.layout_teaser h2, .event.layout_teaser p.time {margin-bottom:0;}
.event.layout_teaser h2 {font-size:1em;}
.event.layout_full h1 {/*font-size:1.2em;font-weight:bold;*/margin-bottom:0;}
.event.layout_full .info {font-weight:bold;}
.mod_eventlist .more {display:none;}
.event.layout_teaser {border-bottom:1px dotted #333;margin-bottom:20px;min-height:150px;}
.archivseite .mod_eventreader .back {display:none;}




/*aktives Menü für pagination*/
body.ausstellungen li.ausstellungen a {
    background: #ae0e0e;
    background: rgba(166, 1, 1, .7);
    padding: 5px 5px 5px 15px;
    color: #fff}
	
	/* ############### TEST CARDS ############
	/* Variante 1 */
	.mod_eventlist {width:100%;}
	.mod_eventlist .event-card {width:250px;height:325px;background:#efefef; border: 1px solid #333;}
	.mod_eventlist .event-card h2 {padding:5px;}
    .mod_eventlist .event-card figure.image_container {border:0; padding:0;margin:0 0 15px;}
	/*.mod_eventlist .event-card figure.image_container img {width:250px; height:180px;}*/
	.mod_eventlist .event-card time {font-size:smaller; padding:5px;}
	.ausstellungen #main .inside .archivUebersicht {color:#333}
	.ausstellungen .pagination {clear:left; text-align:center;}
	.ausstellungen p.uebersicht {display:none;}
	.mod_eventlist {margin-left: calc(50% - 125px);}
	
	 @media only screen and (min-width: 460px) {.mod_eventlist {margin-left:0;}
	 .mod_eventlist .event-card {width:190px;height:315px; margin-left:2%;float:left;}
	/* .mod_eventlist .event-card figure.image_container {border:0; padding:0;margin:0 0 15px;}
	 .mod_eventlist .event-card figure.image_container img {width:190px; height:143px;}*/
	 .mod_eventlist {margin-left: calc(25% - 85px);}
	 }
	 @media only screen and (min-width: 660px) {.mod_eventlist {margin-left:70px;} }
	 @media only screen and (min-width: 720px) {.mod_eventlist {margin-left:0px;} }
	
	
/* ##############################
            Artikelseite
################################*/

.schmaler #main .inside {max-width:700px!important;}

/* ##############################
            FOOTER
################################*/

footer {
	position: relative;
	/*min-height:12em;*/
	padding: 10px 10px 20px;/*background:#96B8C0;*/
	clear: both;
	text-align: center;
	background-color: #E6E6E6; 
	line-height:1.6em;
}
footer a {font-weight:300;}


/* ##############################
            MEDIAQUERIES
################################*/

 @media only screen and (min-width: 420px) {
	 
	/* #header {height:80px;}*/
 }

 @media only screen and (min-width: 660px) {

	 #wrapper {width:94%;
	 border-left:10px solid #b5b2b2;border-right:10px solid #b5b2b2;
	position:relative;}
 
	 
	 #main {text-align:left;padding-top:30px;padding-bottom: 50px;margin:0 auto;width:75%/*;margin-left:12.5%;*/}

.navButton {
display: none;
}
	 
.navMain {width:45%;height:310px;padding-top:80px;position:absolute;top:80px;left:10px;text-transform:uppercase;font-weight:600;font-size:1.2em;line-height:2em;text-align:right;display:block;}
.wartung .navMain, .wartung footer span.zwei {display:none;}
.navMain ul { padding: 10px 10px 5px 20px;}	
.navMain li {list-style-type:none;margin-bottom:10px;}	
.navMain a {text-decoration:none;padding: 5px 5px 5px 15px ;color:#000;background:#fff; background: rgba(255, 255, 255, .7);}

/*.navMain li.active span  {background:#ae0e0e; background: rgba(166, 1, 1, .7); padding: 5px 5px 5px 15px ;color:#fff;}*/
.navMain li strong.active {background:#ae0e0e; background: rgba(166, 1, 1, .7); padding: 5px 5px 5px 15px ;color:#fff;font-weight:600}
/*archivnavigation im header ausschalten, erscheint nur in dropdown im Hauptbereich und im mobile Menu*/
.mod_navigation .level_2 {display:none;}

.fehlerseite .navMain {display:none;}
.fehlerseite #main p {font-size:larger;}

/* LOGO als Hintergrundbild */

	#logo {padding:10px 0;height:80px;}

#header {
	position: relative;
	clear: both;
	width: 100%;
	/**/height:418px;
	background-color:#bcbcbc;
	
}
#logo {display:block;}
#branding {
	position:absolute;top:106px;left:0;border-top:1px solid #999;border-bottom:1px solid #999;background-color:#bcbcbc;display:block;width:45%;height:310px;
	background-image:url(../../files/kunstperipherien/Layout/headerFoto.jpg);background-position: center center; background-size:cover;}
.wartung  #branding {background-image:url(../../files/kunstperipherien/Layout/wartung.jpg);}

header .teaser  {position:absolute; right:20px; bottom:10px;margin-left:45%;z-index:100; font-size:0.9em;font-style:italic; text-align:left; line-height:1.4em;display:block; padding-left:40px;}

#logo img {margin-left:20px;width:auto; }
h1.gesperrt {margin-left:0;}
h1 {font-size:1.4em;}
#container {padding:0;}

#archiv {margin-top:0;}
.layout_full{margin-top:0;}

.image_container {border:1px solid #ccc;}
.image_container.float_left {float:left;}

 }


 @media only screen and (min-width: 760px) {
	#wrapper {width: 94%;
	max-width: 960px;
	margin: 0 auto;
	border-left:10px solid #b5b2b2;border-right:10px solid #b5b2b2;
	position:relative;}
	#header {
	text-align: right;

	}
	
h1 {padding-top:20px}
	
#container {text-align:center;/**/}
#main {text-align:left;padding-top:30px;padding-bottom: 50px;/*width:75%;margin-left:12.5%;*/}
.schmaler #main {width:75%;margin-left:12.5%;}

/* .ausstellungen .schnellwahl, .archivseite .schnellwahl {width:19em;width:100%;}*/

.gesperrt {letter-spacing:0.3em;}


 }


 @media only screen and (min-width: 800px) {

 }


  @media only screen and (min-width: 960px) {
	/**/header  .teaser {font-size:1em;}
	 #wrapper {width: 94%;}  
	 .ausstellungen .schnellwahl, .archivseite .schnellwahl {width:19em;width:100%;}
	 
	 
  }
  
    @media only screen and (min-width: 1400px) {
#wrapper {width:94%;max-width:1060px;} 
  }
  
    @media only screen and (min-width: 1600px) {
		#wrapper {max-width:1180px} 
	}



.archivseite .trail  a{background:#ae0e0e; background: rgba(166, 1, 1, .7);color:#fff}
.startseite  a.trail.sibling.first {background:#ae0e0e; background: rgba(166, 1, 1, .7);color:#fff}
.archivUebersicht .caption {display:none;}


/*transition für sitemap*/
	.sitemap {
animation:fadein 1.5s;-moz-animation:fadein 1.5s;-webkit-animation:fadein 1.5s;	
}

@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

[data-pagememo-id] {font-size:0.9em!important;}
[data-pagememo-id] textarea {width:99%!important;}

/* ############## zum TESTEN ##### 

#container .inside {
	background: yellow;
}

 @media only screen and (min-width: 420px) {
#container .inside {
	background: lightgreen;
}
}
@media only screen and (min-width: 660px) {
#container .inside {
	background: skyblue;
}
}
@media only screen and (min-width: 760px) {
#container .inside {
	background: lavenderblush;
}
}
 @media only screen and (min-width: 800px) {
#container .inside {
	background: cyan;
}
}
@media only screen and (min-width: 960px) {
#container .inside {
	background: lightsalmon;
}
}
 @media only screen and (min-width: 1400px) {
#container .inside {
	background: orange;
}
}
 @media only screen and (min-width: 1600px) {
#container .inside {
	background: magenta;
}
} 
*/


 /**/ html, body { font-size:108%;}
  
   @media only screen and (min-width: 660px) {
		#main {width:90%;}
		/*#main .inside {padding-left:5%;}*/
		.startseite #main .inside, .aktuell #main .inside{width: 100%;width: 95%; padding-left:5.5%;}
		.kontakt #main .inside, .impressum #main .inside, .datenschutz #main .inside, .kontakt #main .inside  {padding-left:5%;}
	}
     @media only screen and (min-width: 760px) {
		.ausstellungen #main {width:96%!important;/*text-align:center*/}
		
	}
	     @media only screen and (min-width: 900px) {
		
	}
	     @media only screen and (min-width: 1024px) {
		
	}
    @media only screen and (min-width: 1400px) {
		#wrapper {width:70%; max-width:1020px; } 
		html, body {font-size:108%;}
		#main {width:82%!important;}
		#main .inside {min-width:810px!important;margin:0 auto;}
		.schmaler #main .inside {max-width:700px!important;}
		#header .teaser {width:50%;}
		.ausstellungen #main {width:90%!important;}
		
	}


    @media only screen and (min-width: 1600px) {
		#wrapper {width:75%;max-width:1080px;} 
		html, body {font-size:110%;}
		.schmaler #main {width:70%!important;}
		/*#branding {width:560px;}	
		#main {width:70%!important;}
		#main {width:75%;}*/
		
	}

    @media only screen and (min-width: 1900px) {
		#wrapper {width:75%; max-width:1120px;max-width:1080px;} 
		html, body {font-size:111%;}
		#main {}
	}
	
@media only screen and (min-width: 2400px) {
		 /**/html, body {font-size:111%;}
		#wrapper {width:70%;max-width:1240px;
		background-image:url(../../files/kunstperipherien/Layout/leisteOben-large.jpg);} 
		#header {height:500px;}
		#branding {height:392px;}
		#header .teaser {padding: 0 100px 0px 60px;width:40%;}
		.ausstellungen .schnellwahl, .archivseite .schnellwahl {top:512px;height:2.5em}		
		h1 {font-size:1.35em;}
		#main {width:67%!important;}
	}