@charset "UTF-8";
/* Variables ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
/* main Site ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html * {
  max-height: 1000000px;
}

body,
html {
  font-family: verdana, arial, helvetica;
  font-family: 'Questrial', sans-serif;
  font-size: 16px;
  line-height: 1.3em;
  color: #646143;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

body {
  position: relative;
  background: #fafbfd url("imgs/backStripe2.jpg") left top no-repeat fixed;
  background-size: cover;
  overflow-x: hidden;
  -webkit-animation: bugfix infinite 1s;
  -webkit-overflow-scrolling: touch;
}

@-webkit-keyframes bugfix {
  from,
  to {
    padding: 0;
  }
}

a {
  color: #d2511e;
  text-decoration: none;
}

a:hover, a.hovered {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

a img {
  border: none;
}

h1 {
  font-family: 'Questrial', sans-serif;
  color: #646143;
  clear: both;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 12px;
  font-size: 1.5em;
  line-height: 1.2em;
}

h2 {
  font-family: 'Questrial', sans-serif;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

h2 a {
  color: #646143;
}

ul {
  /*display:block;*/
}

ul li {
  list-style: none;
}

hr {
  background: #5f0909;
  height: 1px;
  border: 1px solid #5f0909;
  border: none;
}

i {
  color: #c7c5ac;
  font-weight: normal;
}

::-moz-selection {
  background: #5f0909;
  color: #fafbfd;
}

::selection {
  background: #5f0909;
  color: #fafbfd;
}

::-moz-selection {
  background: #5f0909;
  color: #fafbfd;
}

input[type='checkbox'],
input[type='radio'] {
  width: auto;
}

/* Helper ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.clearfix {
  clear: both;
}

.clearfix:after {
  content: '.';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}

.spacer {
  height: 2em;
  clear: both;
}

.small_spacer {
  height: 0.6em;
  clear: both;
}

.clear_spacer {
  clear: both;
}

/* ruff Layout ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
._30_percent {
  width: 30%;
  /*min-width: 240px;*/
  margin-right: 3% !important;
  /*float:left;*/
}

._30_percent ul {
  width: 100%;
}

._100_percent ul {
  width: 100%;
}

._40_percent {
  width: 37%;
  /*min-width: 240px;*/
  margin-right: 3% !important;
  /*float:left;*/
}

._50_percent {
  width: 46%;
  margin-right: 4% !important;
}

._60_percent {
  width: 57%;
  margin-right: 3% !important;
}

._70_percent {
  width: 64%;
  margin-right: 3%;
}

._80_percent {
  width: 80%;
}

._100_percent {
  width: 96%;
  padding-right: 4% !important;
}

.true_100_percent {
  width: 100%;
  margin: 0;
}

.fullwidth {
  width: 95%;
}

.odd {
  background: #5f0909;
  color: #fafbfd;
  border: 1px solid #fafbfd;
}

.even {
  border: 1px solid #5f0909;
}

.shadow {
  -webkit-box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.4);
  box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.4);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
}

.shadow_big {
  -webkit-box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
}

.rotationObject {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

#preLoader {
  visibility: hidden;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -20000px;
  left: -20000px;
}

.no-margin {
  margin: 0 !important;
}

/* Content base ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
  padding: 0px 0;
  margin-bottom: 60px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 100%;
  z-index: 10;
  word-wrap: break-word;
}

#top {
  background: url("imgs/artpul_logo_2017.png") 0 top no-repeat;
  background: url("imgs/artpul_logo_2017.svg") 0 top no-repeat;
  background-size: 100% auto;
  width: 200px;
  height: 200px;
  max-width: 50%;
  padding-top: 200px;
  float: right;
}

#head_image {
  background: url("imgs/app17_Head.jpg") left top no-repeat;
  height: 200px;
  width: 100%;
  overflow: hidden;
}

#head_image-no-bg {
  height: 200px;
  width: 100%;
  overflow: hidden;
}

#title {
  color: #fafbfd;
  font-size: 4em;
  position: relative;
  bottom: -21px;
  left: -20%;
  text-shadow: 0px 0px rgba(95, 9, 9, 0.3), -1px -1px rgba(95, 9, 9, 0.3), 0px 0px rgba(95, 9, 9, 0.3), 1px 1px rgba(95, 9, 9, 0.3), 2px 2px rgba(95, 9, 9, 0.3), 3px 3px rgba(95, 9, 9, 0.3), 4px 4px rgba(95, 9, 9, 0.3), 5px 5px rgba(95, 9, 9, 0.3), 6px 6px rgba(95, 9, 9, 0.3), 7px 7px rgba(95, 9, 9, 0.3), 8px 8px rgba(95, 9, 9, 0.3), 9px 9px rgba(95, 9, 9, 0.3), 10px 10px rgba(95, 9, 9, 0.3), 11px 11px rgba(95, 9, 9, 0.3), 12px 12px rgba(95, 9, 9, 0.3), 13px 13px rgba(95, 9, 9, 0.3), 14px 14px rgba(95, 9, 9, 0.3), 15px 15px rgba(95, 9, 9, 0.3), 16px 16px rgba(95, 9, 9, 0.3), 17px 17px rgba(95, 9, 9, 0.3), 18px 18px rgba(95, 9, 9, 0.3), 19px 19px rgba(95, 9, 9, 0.3), 20px 20px rgba(95, 9, 9, 0.3), 21px 21px rgba(95, 9, 9, 0.3), 22px 22px rgba(95, 9, 9, 0.3), 23px 23px rgba(95, 9, 9, 0.3), 24px 24px rgba(95, 9, 9, 0.3), 25px 25px rgba(95, 9, 9, 0.3), 26px 26px rgba(95, 9, 9, 0.3), 27px 27px rgba(95, 9, 9, 0.3), 28px 28px rgba(95, 9, 9, 0.3), 29px 29px rgba(95, 9, 9, 0.3), 30px 30px rgba(95, 9, 9, 0.3), 31px 31px rgba(95, 9, 9, 0.3), 32px 32px rgba(95, 9, 9, 0.3), 33px 33px rgba(95, 9, 9, 0.3), 34px 34px rgba(95, 9, 9, 0.3), 35px 35px rgba(95, 9, 9, 0.3), 36px 36px rgba(95, 9, 9, 0.3), 37px 37px rgba(95, 9, 9, 0.3), 38px 38px rgba(95, 9, 9, 0.3), 39px 39px rgba(95, 9, 9, 0.3), 40px 40px rgba(95, 9, 9, 0.3);
  text-transform: uppercase;
}

#ap_date {
  background: url("../images/ape_2017/APE17_date.png") left top no-repeat;
  background: url("../images/ape_2017/APE17_date.svg") left top no-repeat;
  background-size: 150px 150px;
  width: 150px;
  height: 150px;
  position: relative;
  top: 15px;
  left: 15px;
}

#content_border {
  width: 80%;
  max-width: 1050px;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 auto;
  margin-bottom: 50px;
  float: right;
  z-index: 10;
  position: relative;
}

#content {
  /*width: 100%;*/
  min-height: 500px;
  height: auto !important;
  /* für moderne Browser */
  height: 500px;
  /*für den IE */
  -webkit-box-shadow: 10px 10px 30px rgba(51, 51, 51, 0.4);
  box-shadow: 10px 10px 30px rgba(51, 51, 51, 0.4);
  margin: 0;
  text-align: left;
}

#content_inner {
  background: #fafbfd;
  padding: 15px 10px 20px;
  text-align: left;
  clear: both;
}

#content_footer {
  /*width: 760px;*/
  height: 50px;
  padding: 0 0 50px 0;
  background: url("imgs/artpul_logo_2017_50x50.png");
  background: url("imgs/artpul_logo_2017.svg") left top no-repeat;
  background-size: 50px 50px;
  background-color: #fafbfd;
}

.footerimg {
  background: url("imgs/backStripe3.jpg") left no-repeat;
  height: 47px;
  margin-top: 5px;
  width: 100%;
}

* + html .footer {
  margin-top: -6px;
}

#top_link {
  width: 66px;
  height: 38px;
  float: right;
  margin: 8px 4px 0 0;
  background: url("imgs/butt_top.png") no-repeat;
  background: url("imgs/butt_top.svg") no-repeat;
  display: block;
  cursor: pointer;
}

#top_link:hover {
  background: url("imgs/butt_top_hover.png") no-repeat;
  background: url("imgs/butt_top_hover.svg") no-repeat;
}

#klammer_unten {
  width: 820px;
  height: 52px;
  float: right;
  padding: 15px 170px 10px 0;
  margin: -32px 0px 100px 0;
  background: url("imgs/klammer_ul.gif") no-repeat;
}

#footer {
  clear: both;
  width: 100%;
  background: #fafbfd;
  font-size: 0.8em;
  line-height: 1.1em;
  border-top: 2px solid #646143;
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1001;
  -webkit-box-shadow: 0 -5px 20px rgba(51, 51, 51, 0.4);
  box-shadow: 0 -5px 20px rgba(51, 51, 51, 0.4);
}

#footer_inner {
  margin: 0 20px;
  text-align: right;
}

#footer a {
  color: #646143 !important;
  text-decoration: none;
}

#footer a:hover {
  color: #646143 !important;
  text-decoration: underline;
}

#footer_left {
  float: left;
  margin: -9px 0 0 20px;
}

#kfLink_footer {
  width: 130px;
  height: 32px;
  background: url("imgs/kunstfirmaLogo_footer.png") no-repeat;
  background: url("imgs/kunstfirmaLogo_footer.svg") no-repeat;
  display: block;
}

.spacerBottom {
  height: 20px;
  width: 100%;
  float: right;
}

/* Language chooser ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.language_selector {
  background: #d2511e;
  line-height: 16px;
  color: #cacaca;
  padding: 6px 0px;
  width: 100%;
}

.language_selector a {
  color: #fff;
}

a.activeLang {
  color: #cacaca !important;
  cursor: default !important;
}

a.activeLang:hover {
  text-decoration: none !important;
  cursor: default !important;
}

.language_selectorFixed {
  position: fixed;
  width: 100px;
  right: 0;
  z-index: 501;
  margin: 0;
  padding: 3px 5px;
  -webkit-box-shadow: 4px 4px 10px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 5px 10px rgba(51, 51, 51, 0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#95958e')";
}

/* special Layout ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.kunstfirma {
  color: #92127b;
}

.kunstfirma a {
  color: #92127b;
  text-decoration: none;
}

.kunstfirma a:hover {
  text-decoration: underline;
}

.artpul_blau {
  color: #23b4c3;
}

.artpul_blau a {
  color: #23b4c3;
}

.artpul_orange_hell {
  color: #f7a709;
}

.artpul_orange_dunkel {
  color: #d2511e;
}

.artpul_pink {
  color: #c7067c;
}

.artpul_pink a {
  color: #c7067c;
}

.miniflyer {
  width: 250px;
  height: 350px;
  float: right;
  margin-left: 30px;
  -webkit-box-shadow: 0px 5px 16px #2f2f2f;
  box-shadow: 0px 5px 16px #2f2f2f;
  /* For IE 8 
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#2F2F2F);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";*/
}

.miniflyer:hover {
  width: 500px;
  height: 700px;
}

.flyer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flyer-wrapper {
  padding: 0 0 10px 10px;
}

.flyerHolder {
  width: 250px !important;
  height: 535px !important;
  margin: 0 auto !important;
  display: block;
  position: relative;
}

#sideBanner {
  clear: both;
  text-align: right;
  margin: 50px 12px 0 0;
  height: 200px;
  width: 200px;
}

/*svg { height:100%; width:100% }*/
.overTheTop {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  position: fixed;
  bottom: 45px;
  left: -150px;
  z-index: 10;
  -webkit-box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  /*
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";
	    */
  cursor: pointer;
}

.clickpoint {
  cursor: pointer;
  visibility: hidden;
}

.overlayDotts {
  margin: 0px;
  padding: 0px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dott_over-trans.gif");
  opacity: 0.5;
  z-index: 5;
}

#point1 {
  float: left;
}

.ballLoadIn {
  /*visibility: hidden;*/
  float: left;
  -webkit-box-shadow: 10px 10px 30px rgba(51, 51, 51, 0.4);
  box-shadow: 10px 10px 30px rgba(51, 51, 51, 0.4);
  position: relative;
}

#linkPul {
  float: left;
  margin: 20px 0 0 40px;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

#linkPul:hover {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spotlogo_280 {
  width: 280px;
  height: 280px;
  margin: 0;
  background: url(../images/logos/ap_spot_logo_280.png) no-repeat;
  background: url(../images/logos/ap_spot_logo.svg) top left no-repeat;
  background-size: 280px 280px;
}

.spotlogo_280:hover {
  background: url(../images/logos/ap_spot_logo_280_hover.png) no-repeat;
  background: url(../images/logos/ap_spot_logo_hover.svg) top left no-repeat;
  background-size: 280px 280px;
}

.spotlogo_140 {
  width: 140px;
  height: 140px;
  margin: 0;
  background: url(../images/logos/ap_spot_logo_140.png) no-repeat;
  background: url(../images/logos/ap_spot_logo.svg) top left no-repeat;
  background-size: 140px 140px;
}

.spotlogo_140:hover {
  background: url(../images/logos/ap_spot_logo_140_hover.png) no-repeat;
  background: url(../images/logos/ap_spot_logo_hover.svg) top left no-repeat;
  background-size: 140px 140px;
}

.performinglogo_280 {
  width: 280px;
  height: 280px;
  margin: 0;
  background: url(../images/logos/ap_performing_logo_280.png) no-repeat;
  background: url(../images/logos/ap_performing_logo.svg) top left no-repeat;
  background-size: 280px 280px;
}

.performinglogo_280:hover {
  background: url(../images/logos/ap_performing_logo_280_hover.png) no-repeat;
  background: url(../images/logos/ap_performing_logo_hover.svg) top left no-repeat;
  background-size: 280px 280px;
}

.performinglogo_140 {
  width: 140px;
  height: 140px;
  margin: 0;
  background: url(../images/logos/ap_performing_logo_140.png) no-repeat;
  background: url(../images/logos/ap_performing_logo.svg) top left no-repeat;
  background-size: 140px 140px;
}

.performinglogo_140:hover {
  background: url(../images/logos/ap_performing_logo_hover.png) no-repeat;
  background: url(../images/logos/ap_performing_logo_hover.svg) top left no-repeat;
  background-size: 140px 140px;
}

.button {
  background-color: #646143;
  color: #e1e1e0;
  font-size: 1em !important;
  border: solid 1px #646143;
  padding: 8px 12px;
  cursor: pointer;
  margin-left: 2px;
}

.button:hover {
  color: #646143;
  background-color: #faa61a;
  border: solid 1px #646143;
}

/* Menu ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
nav[role='mainDropdown'],
nav[role='adminDropdown'],
nav[role='userDropdown'],
nav[role='mainDropdown'] {
  position: relative;
  width: 100%;
}

.respMenu input[type='checkbox'] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.respMenu label {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.respMenu ul.dropdown ul {
  /* bottom:0;
			left: -102%;
			height: auto;
			width:100%; */
}

* + html .topmenu {
  margin-right: -10px;
}

.topmenu {
  font-family: 'Futura', 'Questrial', sans-serif;
  font-family: 'Questrial', sans-serif;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  text-transform: lowercase;
  display: block;
}

.topmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
  float: right;
}

.full_width ul {
  width: 760px;
  background: #fafbfd;
  -webkit-box-shadow: 4px 4px 10px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 5px 10px rgba(51, 51, 51, 0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#95958e')";
}

.mainmenu {
  clear: both;
}

.mainmenu ul {
  display: block;
  width: 100%;
}

.mainmenu ul li {
  width: auto;
  float: left;
  background: #fafbfd;
  border: 2px solid #fafbfd;
}

.mainmenu ul li:hover {
  border: 2px solid #62260e;
}

.mainmenu ul li.active {
  border: 2px solid #d2511e;
  font-weight: bold;
  color: #ff0000;
}

.mainmenu ul li a,
.mainmenu ul li span {
  display: block;
  width: auto;
  color: #646143;
  padding: 2px 6px;
  margin: 0;
  text-decoration: none;
}

.mainmenu ul li span {
  cursor: pointer;
}

.mainmenu ul li ul {
  margin: 0;
}

.mainmenu label {
  background: #fafbfd;
}

* + html .mainmenu ul li a {
  margin-top: 1px;
}

#mainDropdown {
  z-index: 600;
}

.usermenu {
  padding-top: 0px;
  width: auto;
  clear: both;
}

.usermenu ul {
  display: inline;
}

.usermenu ul li {
  width: auto;
  float: right;
  background: #5f0909;
  border: 2px solid #5f0909;
  -webkit-box-shadow: 0px 2px 8px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 2px 8px rgba(51, 51, 51, 0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#46453f')";
}

.usermenu ul li a {
  display: inline-block;
  width: auto;
  color: #fafbfd;
}

.adminmenu label {
  background: #8a8877;
}

.adminmenu ul li {
  background: #8a8877;
  color: #646143;
  border: 2px solid #8a8877;
}

.adminmenu ul li a,
.adminmenu ul li span {
  color: #f3f3e4;
}

.topmenuFixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}

.topmenuFixed ul {
  position: relative;
}

.topmenuSpacer {
  height: 110px;
}

.insidemenu {
  margin-top: 10px;
  width: auto;
  float: left;
}

.insidemenu ul {
  width: auto;
  height: auto;
  -webkit-box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";
}

.insidemenu ul li {
  background: #f3f2e4;
  float: left;
  list-style: none;
  margin: 0;
  padding: 1px 2px;
}

/*-------dropdown---------*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.dropdown {
  position: relative;
  z-index: 597;
  float: left;
  width: 100%;
}

ul.dropdown li {
  float: left;
  min-height: 1px;
  line-height: 1.3em;
  vertical-align: middle;
  position: relative;
  text-align: left;
  display: inline-block;
}

ul.dropdown li:hover,
ul.dropdown li .hover {
  visibility: visible !important;
  position: relative;
  z-index: 599;
  cursor: default;
}

ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  left: 0;
  z-index: 598;
  width: auto;
  min-width: 100%;
}

ul.dropdown ul li {
  float: left;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

ul.dropdown ul ul {
  top: 1px;
  left: 99%;
  display: block !important;
  position: static;
  width: auto !important;
}

ul.dropdown ul ul li {
  float: none;
}

ul.dropdown ul ul ul {
  display: none;
}

ul.dropdown li.hover > ul,
ul.dropdown li:hover > ul {
  visibility: visible !important;
}

.global-menu {
  z-index: 10000;
}

.global-menu ul {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.global-menu ul li {
  text-align: right;
}

.global-menu ul li a {
  padding: 3px 10px;
  display: block;
  color: #fafbfd;
  border-top: 1px solid #fafbfd;
  font-weight: bold;
}

.global-menu ul li a:hover {
  text-decoration: none;
  -webkit-box-shadow: inset -2px 3px 6px rgba(51, 51, 51, 0.4);
  box-shadow: inset -2px 3px 6px rgba(51, 51, 51, 0.4);
}

.global-menu ul li a span {
  color: #fafbfd;
}

.global-menu .pulheim {
  background: #d2511e;
}

.global-menu .eupen {
  background: #23b4c3;
}

.global-menu .emmerich {
  background: #c7067c;
}

.global-menu .show-large {
  position: relative;
  top: 0;
}

.global-menu .show-large ul {
  width: 100%;
}

.global-menu .show-large ul li {
  width: 100%;
}

.global-menu .show-large ul li a {
  width: 100%;
  padding: 3px 10px;
}

.global-menu .show-large ul li a:hover {
  border: 1px solid #fafbfd;
  text-decoration: none;
}

.global-menu .show-medium,
.global-menu .show-small {
  display: none;
}

.global-menu .show-medium li,
.global-menu .show-small li {
  float: right;
}

/* Boxes ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.extra_info,
.extra_info_left {
  float: right;
  border: 1px solid #646143;
  padding: 10px;
  background: #fafbfd;
}

.extra_info ul li,
.extra_info_left ul li {
  list-style: none;
}

.extra_info_left {
  float: left;
}

.dropShadow, .shadowBox, .fairHall {
  -webkit-box-shadow: 0px 5px 12px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 12px rgba(51, 51, 51, 0.4);
  /*
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";
	    */
}

.shadowBox {
  padding: 10px 10px 25px 10px;
  margin: 15px 0px;
  height: auto;
}

.shadowBoxInset {
  background: #fafbfd;
  padding: 20px;
  -webkit-box-shadow: 0px 5px 12px rgba(51, 51, 51, 0.4) inset;
          box-shadow: 0px 5px 12px rgba(51, 51, 51, 0.4) inset;
}

#dataCheck a {
  display: block;
}

#dataCheck input {
  width: auto;
}

/* Projects ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.project {
  margin-bottom: 30px;
}

.project_spacer {
  height: 20px;
}

.project h3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.4em;
}

.project ul {
  margin-top: 5px;
  list-style-type: none;
  padding-left: 10px;
}

.project ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  position: relative;
}

.project .smallBottom {
  margin-bottom: -5px;
  font-size: 0.8em;
}

ul.project_pics {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 30px;
}

ul.project_pics li {
  display: inline;
  margin-right: 2px;
  background-image: none;
  padding: 0;
}

ul.project_pics li img {
  margin-right: 0px;
  border: solid 2px #fff;
}

ul.project_pics li img:hover {
  /*	border: solid 2px #333; */
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

/* Belegungsplan ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.overWidth {
  width: 100%;
  /*margin-left: -20%;*/
  clear: both;
}

.user_names {
  float: left;
  margin-bottom: 10px;
  margin: 0 5px 10px 0px;
  display: block;
}

.user_names ul {
  /*width:100%;*/
  margin: 0 auto;
  display: block;
  padding: 0;
}

.user_names ul li {
  list-style: none;
  /*float:left;*/
  background: none;
  padding: 0 0px 0 8px;
}

.userNameLinks a {
  color: #646143;
  text-decoration: none;
}

.userNameLinks a:hover {
  color: #009ee3;
  text-decoration: underline;
}

.svgContainer {
  text-align: center;
  margin: 0 0 70px 0;
  margin: 0;
  float: right;
  position: relative;
}

.svgContainer svg {
  width: 100%;
}

.svgContainerUeber {
  width: 100%;
}

.stand {
  color: #62260e;
  font-weight: bold;
}

.dpunkt {
  color: #d2511e;
  font-weight: bold;
}

.marker {
  display: none;
}

.fairHall {
  padding: 5px;
  display: inline-block;
  margin-bottom: 30px;
}

.fairHall a {
  color: #646143;
}

.fairHall a:hover, .fairHall a.hovered {
  text-decoration: none;
  color: #d2511e;
}

.listHorizontal ul li {
  float: left;
}

.listHorizontal .user_names {
  width: 100%;
}

.listHorizontal .svgContainer {
  width: 100%;
  margin-top: 30px;
}

.listVertical .user_names {
  width: 40%;
}

.listVertical .svgContainer {
  width: 55%;
}

/* Anfahrt ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
#map {
  border: 1px solid #646143;
}

/* Contact ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
textarea,
input,
select {
  font-size: 1em;
  background: #fafbfd;
  color: #4f4d3b;
  border: 1px solid rgba(131, 131, 131, 0.6);
  padding: 4px 6px;
  width: 100%;
}

textarea {
  -webkit-box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.6);
          box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.6);
}

input {
  -webkit-box-shadow: inset 0 0 6px rgba(80, 80, 80, 0.6);
          box-shadow: inset 0 0 6px rgba(80, 80, 80, 0.6);
}

option {
  background: #e4eaf4;
  color: #4f4d3b;
}

option:hover {
  background-color: #4f4d3b !important;
}

.form_row {
  margin-bottom: 15px;
}

label {
  display: block;
  margin-bottom: 3px;
}

.user_form label,
.concept_form label {
  display: inline-block;
}

label.error {
  display: block;
  font-size: 0.9em;
}

.required {
  /*background: url(imgs/required.gif) right no-repeat;*/
  /*padding-right: 16px;*/
  display: inline-block;
  width: auto;
}

.notRequired {
  padding-right: 0px;
  display: inline-block;
  width: auto;
}

.contact_input_1 {
  width: 240px;
  max-width: 100%;
}

.contact_input_2 {
  width: 400px;
  max-width: 100%;
}

.contact_input_3 {
  width: 300px;
  max-width: 100%;
}

.contact_textarea {
  width: 100%;
  height: 200px;
}

.submitfield,
.submitfield_light {
  font-size: 1em !important;
  padding: 5px;
  cursor: pointer;
  margin-top: 10px;
}

.submitfield:hover,
.submitfield_light:hover {
  text-decoration: none;
}

.submitfield {
  background: #5f0909;
  color: #fafbfd;
  border: solid 1px #fafbfd;
}

.submitfield:hover {
  color: #5f0909;
  background-color: #fafbfd;
  border: solid 1px #5f0909;
}

.submitfield_light {
  color: #646143;
  background-color: #fafbfd;
  border: solid 1px #646143;
}

.submitfield_light a {
  color: #646143;
  font-size: 1em;
  text-decoration: none;
}

.submitfield_light:hover {
  background: #5f0909;
  color: #fafbfd;
}

.submitfield_light:hover a {
  color: #fafbfd;
}

.touchButton {
  padding: 8px !important;
  font-size: 1.2em;
}

.ui-tabs-active a,
.ui-state-active a {
  color: #cfcab5;
}

.ui-tabs-active,
.ui-state-active {
  color: #cfcab5;
  background-color: #646143;
  border: solid 1px #cfcab5;
}

.buttonBottom {
  margin-top: -25px;
}

.error {
  font-weight: bold;
  color: #a40000;
}

.ajax_callback {
  margin-bottom: 10px;
  margin-top: 20px;
  display: none;
}

.loadgif {
  margin-top: 2px;
}

.callback {
  font-weight: bold;
  color: #87af41;
  margin-bottom: 10px;
  width: 100%;
}

.callback input,
.callback span {
  font-weight: normal;
}

.callback_err {
  font-weight: bold;
  color: #c43515;
  margin-bottom: 10px;
}

.checkall {
  width: 20px;
  height: 20px;
  float: right;
  background-color: #fff;
}

.checkall_error {
  background: url(imgs/check_error.gif);
}

.checkall_ok {
  background: url(imgs/check_ok.gif);
}

.boxComplete {
  border: 2px solid #87af41;
}

.boxIncomplete {
  border: 2px solid #a40000;
}

/* User Input ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.user_form ul {
  float: left;
}

.user_form ul li {
  background: none;
  float: left;
  padding: 0;
  padding-right: 10px;
}

.user_form div {
  background: none;
  float: left;
}

input[type='text']:disabled,
input[type='number']:disabled,
select[type='text']:disabled {
  color: #a5a39d;
}

fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

iframe.image_upload,
.image_upload {
  border: none;
  margin: 0 10px 0 0;
  float: left;
  overflow: hidden;
}

.uploadcontainer {
  position: relative;
  cursor: pointer;
}

.uploadcontainer label {
  margin: 0;
  cursor: pointer;
}

.realupload {
  position: absolute;
  top: 0;
  left: 0;
  /**/
  opacity: 0;
  -moz-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
  z-index: 2;
  /* bring the real upload interactivity up front */
  width: 200px;
  /*
			cursor: pointer;
			*/
}

.fakeupload {
  width: 170px;
  background: url(imgs/lupe.gif) no-repeat right;
  margin-bottom: 5px;
  cursor: pointer !important;
}

.fakeupload :hover {
  background: url(imgs/suchen_hover.gif) no-repeat right;
}

.fakeupload input {
  width: 140px;
}

input[type='file'] {
  cursor: pointer;
}

.space-bottom {
  padding-bottom: 50px;
}

.image_container {
  position: relative;
  padding: 10px 10px;
  -webkit-box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  /* For IE 8 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#2F2F2F);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";*/
}

.image_gallery {
  height: 360px;
}

.artist_container {
  position: relative;
  height: 580px;
  padding: 10px 10px;
  -webkit-box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  /* For IE 8 
	    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#2F2F2F);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";*/
}

.callback_artist {
  margin-top: 10px !important;
}

.callback_artists_all {
  margin-bottom: 20px !important;
  margin-top: 25px !important;
}

.artist_container h2 {
  margin-left: 10px;
}

.save_infos_gallery {
  clear: both;
  padding-top: 21px;
}

.concept_container {
  height: 200px;
  height: auto;
}

.concept_form ul {
  margin: 0px !important;
  padding: 0px !important;
}

.concept_form ul li {
  margin: 0px !important;
  padding: 0px !important;
  background: none !important;
}

#concept_form .submitfield_light {
  margin-top: 10px !important;
}

#ajax_callback_concept {
  margin-top: 12px;
}

.input_concept {
  width: 100%;
  height: 160px;
}

.user_container {
  padding: 10px 5px;
  height: auto;
}

.user_container ul {
  padding: 15px 5px;
  margin: 15px 0;
  height: auto;
}

.user_container ul li {
  float: left;
  list-style: none;
}

.image_data {
  display: inline-block;
  padding: 10px;
}

.user_infos {
  width: 100%;
  padding-top: 7px;
}

.user_infos input {
  width: 100%;
}

.user_infos input[type='submit'],
.user_infos input[type='checkbox'] {
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.user_infos ul {
  padding: 0;
  width: 100%;
  min-width: 200px;
  display: inline-block;
}

.user_infos ul li {
  width: 100%;
  padding: 0 10px 0 0;
}

.user_infos ul .tenth {
  width: 10%;
}

.user_infos ul .sixth {
  width: 16.66%;
}

.user_infos ul .fifth {
  width: 20%;
}

.user_infos ul .quarter {
  width: 25%;
}

.user_infos ul .third {
  width: 33.33%;
}

.user_infos ul .twothird {
  width: 66.66%;
}

.user_infos ul .half {
  width: 50%;
}

.user_infos ul .threequarter {
  width: 75%;
}

.user_infos ul .full {
  width: 100%;
}

.user_infos ul .autoWidth {
  width: auto;
}

.user_infos #vita {
  width: 100%;
  height: 20em;
}

.user_infos #comment {
  width: 100%;
  height: 10em;
}

.user_infos #catalog_text {
  width: 100%;
  height: 20em;
}

.input_n {
  width: 100%;
}

.uploader {
  width: 30%;
  height: 180px;
  float: left;
  border: 1px solid #646143;
  padding: 10px;
  background: #e6e6b7;
}

.image_data ul {
  margin-top: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 4px !important;
}

.imageinfos_del_container {
  position: relative;
  bottom: 10px;
  width: 100%;
  /*height: 100px;*/
  padding: 10px;
  background-color: #cfcab5;
  text-align: center;
  display: none;
}

.imageinfos_del_content {
  margin-bottom: 30px;
  font-weight: bold;
  color: #a40000;
}

.image_del {
  color: #a40000;
  border: solid 1px #a40000;
  margin-left: 7px;
  cursor: pointer;
}

.artist_del_container {
  position: absolute;
  top: 10px;
  width: 680px;
  height: 520px;
  background-color: #cfcab5;
  text-align: center;
  display: none;
}

.artist_del_content {
  margin-top: 230px;
  margin-bottom: 30px;
  font-weight: bold;
}

.artist_del {
  background-color: #cfcab5;
  color: #a40000;
  border: solid 1px #646143;
  padding: 3px;
  margin-left: 7px;
  cursor: pointer;
}

.image_save {
  text-align: right;
}

/* Admin zeug ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
.tbl_header {
  background-color: #8a8877;
  color: #fafbfd;
}

.user_list {
  background-color: #fafbfd;
  border-spacing: 0px 4px;
}

.user_list th {
  cursor: pointer;
  background: url(imgs/sort.svg) right no-repeat;
  background-size: 10px;
  padding-right: 16px;
}

.user_list td {
  border-right: 1px solid #afad97;
  vertical-align: top;
}

.tdComment {
  cursor: pointer;
}

.tdCommentFull {
  cursor: pointer;
  background: #646143;
  color: #fafbfd;
}

tr.even td {
  background-color: #e0e0d0;
  padding: 4px 2px;
  border-right: 1px solid #fafbfd;
}

tr.odd td {
  padding: 4px 2px;
  border-right: 1px solid #e0e0d0;
}

#send_email_admin {
  padding-left: 28px;
}

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

.mailThumb li {
  list-style: none;
  float: left;
  margin-right: 20px;
  width: 150px;
}

.mail_textarea {
  width: 500px;
  height: 350px;
}

.image_holder_admin {
  width: 190px;
  height: 190px;
  margin-bottom: 10px;
  background-color: #fff;
  border: solid 1px #646143;
  float: left;
  margin-right: 30px;
}

.image_holder_admin_inner {
  margin: 5px;
}

.image_data_admin {
  float: left;
}

.image_data_row {
  clear: left;
  width: 480px;
  padding-bottom: 10px;
}

.image_data_left {
  float: left;
  width: 90px;
}

.image_container_admin {
  height: 250px;
}

.user_loesch {
  background-color: #ccc;
  padding: 10px;
}

.user_vote {
  background: #fafbfd;
  border: 2px solid #646143;
  min-width: 930px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 0 0px;
  width: 100%;
  height: auto;
}

.user_vote ul {
  margin: 0;
  padding: 0;
  clear: both;
}

.user_vote li {
  list-style: none;
  margin-bottom: 10px;
}

.user_vote li ul li {
  float: left;
}

.user_vote_thumb {
  width: 180px;
}

.user_vote_thumb a {
  width: 180px;
  float: left;
}

.user_vote_thumb p {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  width: 170px;
  float: left;
}

.square {
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 2px;
}

.square_big {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.squareBig {
  width: 21px;
  height: 18px;
  text-align: center;
}

.miniBox {
  margin: 0 2px 2px 0;
  padding: 4px;
  display: inline-block;
}

.red {
  background: #a40000;
  color: #a40000;
}

.font-red {
  color: #a40000;
}

.orange {
  background: #eab213;
  color: #eab213;
}

.green {
  background: #91a737;
  color: #91a737;
}

.font-green {
  color: #91a737;
}

.font-white {
  color: #fff;
}

.font-white a {
  color: #fff;
  text-decoration: none;
}

.font-white a:hover {
  color: #fff;
  text-decoration: none;
}

.hovered {
  color: #fff;
  text-decoration: none;
}

#cboxCurrent {
  visibility: hidden;
}

#cboxTitle {
  background: #ff0000;
}

.user_data {
  width: 450px;
}

.user_data td {
  vertical-align: top;
}

.vote {
  padding-bottom: 30px;
  margin-bottom: 50px;
  margin-top: 10px;
}

.vote h1 {
  float: left;
  width: auto;
  margin-right: 20px;
  margin-top: 0;
}

.vote h2 {
  float: left;
  width: auto;
  margin-bottom: 0px;
  margin-right: 20px;
  margin-left: 0px;
}

.slider_container {
  clear: both;
}

.vita {
  height: auto;
  width: auto;
  visibility: hidden;
}

.miniThumbList li {
  float: left;
  margin: 3px;
  background: none !important;
}

.imgOver {
  padding: 5px;
  margin-left: 10px;
  background: #fff;
  position: absolute;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  box-shadow: 0px 5px 16px rgba(51, 51, 51, 0.4);
  /* For IE 8 
	    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#2F2F2F);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";*/
}

.tabHead {
  position: relative;
  /*top: 10px;*/
}

.tabHead ul li {
  font-size: 1.5em;
}

.tabHead ul li a {
  padding: 10px;
  display: block;
}

/*Pagination ----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
div.pagination {
  padding: 3px;
  padding-left: 0px;
  margin-bottom: 15px;
  width: 50%;
  float: left;
}

div.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #646143;
  text-decoration: none;
  color: #646143;
}

div.pagination a:hover, div.pagination a:active {
  border: 1px solid #646143;
  color: #fff;
  background: #646143;
}

div.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px 2px 2px 0px;
  border: 1px solid #646143;
  font-weight: bold;
  background-color: #646143;
  color: #fff;
}

div.pagination span.disabled {
  padding: 2px 2px 2px 5px;
  margin: 2px 2px 2px 0px;
  border: 1px solid #939393;
  color: #939393;
}

.rankingChoose {
  width: 40%;
  float: right;
  text-align: right;
}

/*Overwrite------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------*/
.hideMe {
  display: none;
}

.right {
  float: right !important;
}

.left {
  float: left !important;
}

.bold {
  font-weight: bold;
}

.margin-left,
.margin-side {
  margin-left: 20px !important;
}

.margin-right,
.margin-side {
  margin-right: 20px !important;
}

.padding-left,
.padding-side {
  padding-left: 20px !important;
}

.padding-right,
.padding-side {
  padding-right: 20px !important;
}

.margin-no {
  margin: 0 !important;
}

.padding-no {
  padding: 0 !important;
}

/*Media Querys ------------------------------*/
/*----------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
/* @media all and (orientation: portrait) {
		body {
			background: $bgColor;
		}
		#top {
			background: url("imgs/artpul_logo_2017.png") right top no-repeat;
			background: url("imgs/artpul_logo_2017.svg") right top no-repeat;
		}
		
		$dateSize : 130px;
		#ap_date{
			background-size: $dateSize $dateSize;
			width: $dateSize;
			height: $dateSize;
		}


	} */
/*high ppi ------------------------------*/
@media only screen and (-webkit-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  body {
    background: #fafbfd;
    /* background: linear-gradient(top, $bgColor, $bgColor2 ) fixed;
			background: -moz-linear-gradient(top, $bgColor, $bgColor2 ) fixed;
			background: -webkit-linear-gradient(top, $bgColor, $bgColor2 ) fixed;
			background: -o-linear-gradient(top, $bgColor, $bgColor2 ) fixed;
			background: -ms-linear-gradient(top, $bgColor, $bgColor2 ) fixed; */
    font-size: 20px;
  }
  #content_border {
    margin: 0 0 50px 0;
    padding: 0;
  }
  #content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #content_inner {
    margin: 0;
    padding: 10px;
  }
  #wrapper {
    width: 100%;
  }
  #top {
    margin: 0;
  }
  .topmenu,
  .language_selector {
    font-size: 16px;
    letter-spacing: 1.2px;
  }
  .flyer-wrapper {
    /* width: 100%;
    padding: 0 0 10px 0; */
  }
  .miniflyer_wrapper {
    width: 100%;
    float: left;
  }
  .miniflyer {
    margin: 10px auto;
    clear: both;
  }
  .miniflyer::after {
    clear: both;
  }
  .mainmenu,
  .usermenu {
    clear: none;
    margin: 0;
  }
  .mainmenu ul li a {
    /* margin: 3px; */
  }
  .spacerBottom {
    height: 10px;
  }
  #footer {
    font-size: 12px;
  }
  .user_names,
  .svgContainer {
    width: 100%;
  }
  .user_names ul li {
    margin: 0;
    padding: 0;
  }
  .shadowBox {
    margin: 0px;
    margin-right: 8px;
    padding: 10px 2px 25px 2px;
  }
}

@media screen and (max-width: 1660px) {
  body {
    background: #fafbfd;
  }
  #wrapper {
    background: none;
  }
}

@media screen and (max-width: 1024px) {
  .global-menu ul {
    left: 0;
    right: auto;
  }
  .global-menu ul li a {
    padding: 3px 7px;
    border: 1px solid #fafbfd;
    border: none;
  }
  .global-menu ul li a:hover {
    -webkit-box-shadow: inset 2px 0px 6px rgba(51, 51, 51, 0.4);
    box-shadow: inset 2px 0px 6px rgba(51, 51, 51, 0.4);
  }
  .global-menu .show-small,
  .global-menu .show-large {
    display: none;
  }
  .global-menu .show-medium {
    display: block;
  }
  #wrapper {
    width: 100%;
  }
  #head_image {
    background: url("imgs/app17_Head.jpg") left top no-repeat;
  }
  #top {
    background-position: 0 0;
    background-size: 102% auto;
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 3;
    padding-top: 204px;
  }
  #top .language_selector {
    margin: -32px 0 0;
    padding: 3px 0px;
    height: 32px;
  }
  #ap_date {
    background-size: 130px 130px;
    width: 130px;
    height: 130px;
    top: 35px;
  }
  #title {
    font-size: 2.8em;
    bottom: -46px;
    left: -20%;
  }
  #content_border {
    margin: 0 0 50px 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .spacerBottom {
    height: 20px;
  }
}

/* @media screen and (max-width: 1020px) {
		
		#head_image {
			background: url("imgs/app17_Head.jpg") -80px top no-repeat;
		}
		.spacerBottom {
			height: 20px;
		}
		

	} */
@media screen and (max-width: 767px) {
  .global-menu .show-medium,
  .global-menu .show-large {
    display: none;
  }
  .global-menu .show-small {
    display: block;
  }
  #head_image {
    background: url("imgs/app17_Head_s.jpg") left top no-repeat;
  }
  .spacerBottom {
    height: 10%;
  }
  ._30_percent,
  ._40_percent,
  ._50_percent,
  ._60_percent,
  ._70_percent,
  ._80_percent,
  ._100_percent {
    width: 100%;
    margin-right: 0 !important;
  }
  .shadowBox {
    -webkit-box-shadow: 0px 5px 12px rgba(51, 51, 51, 0.4);
    box-shadow: 0px 5px 12px rgba(51, 51, 51, 0.4);
    /*
		    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#2F2F2F')";
		    */
  }
  .mainmenu,
  .usermenu,
  .adminmenu {
    clear: none;
    float: right;
    margin: 0;
  }
  .mainmenu {
    width: 200px;
  }
  .mainmenu ul {
    width: 200%;
    left: -100%;
  }
  .usermenu ul {
    left: 100%;
  }
  .adminmenu ul {
    left: -100%;
  }
  .topmenu ul li a,
  .topmenu ul li span {
    width: 100%;
    padding: 10px 6px;
    display: block;
    font-size: 22px;
  }
  .topmenu ul li span {
    cursor: pointer;
  }
  .mainmenu ul ul li {
    background: #fbfbfc;
    border-color: #fbfbfc;
  }
  .usermenu ul ul li {
    background: #300505;
    border-color: #300505;
  }
  .adminmenu ul ul li {
    background: #6f6d5f;
    border-color: #6f6d5f;
  }
  .topmenuFixed .mainmenu {
    width: 50%;
    /* ul {
					ul {
						overflow: scroll;
					}
				} */
  }
  .topmenuFixed label {
    width: 45px;
  }
  .topmenuFixed label:after {
    /* content: "\2261" !important; */
  }
  .respMenu ul {
    position: relative;
    display: none;
  }
  .respMenu label {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    height: 2.1em;
    text-align: left;
    float: right;
  }
  .respMenu label:after {
    position: absolute;
    right: 0.4em;
    top: 20%;
    content: 'Menu \2261';
  }
  .respMenu ul li label {
    position: absolute;
    font-size: 1.4em;
    top: 2px;
    right: 0;
  }
  .respMenu ul li label:after,
  #userDropdown ul li label:after,
  #adminDropdown ul li label:after {
    content: '\2261';
  }
  .respMenu .dropdown label {
    background: rgba(0, 0, 0, 0);
  }
  ul.dropdown-columnar ul li {
    min-width: 100% !important;
  }
  #nav_mainDropdown ul li ul li {
    border: 1px solid #9a977e;
    -webkit-box-shadow: 0px 2px 8px #46453f;
            box-shadow: 0px 2px 8px #46453f;
  }
  ul.dropdown ul li {
    white-space: normal;
  }
  .respMenu input[type='checkbox']:checked ~ ul {
    display: block;
    height: 100%;
  }
  .respMenu input[type='checkbox']:checked ~ ul > li {
    width: 100%;
    text-align: left;
  }
  #userDropdown label {
    background: #5f0909;
    color: #fafbfd;
  }
  #userDropdown label:after {
    content: '\2261  User Menu';
    right: none;
    left: 0.4em;
  }
  .adminmenu {
    background: #8a8877;
  }
  #adminDropdown label {
    color: #fafbfd;
  }
  #adminDropdown label:after {
    content: 'Admin Menu \2261';
  }
  .title,
  .creation_year,
  .technic,
  .orig_width,
  .orig_height,
  .orig_depth {
    width: 100%;
  }
  .user_form ul li.inputSize {
    width: 33.33%;
    float: left;
    padding-right: 0;
  }
  .user_infos ul .fifth,
  .user_infos ul .quarter,
  .user_infos ul .sixth,
  .user_infos ul .tenth {
    width: 50%;
  }
  .user_infos ul .third {
    width: 100%;
  }
  .user_infos ul .half {
    width: 100%;
  }
  .user_infos ul li {
    padding: 0;
  }
  .user_container {
    padding: 0;
  }
  .submitfield,
  .submitfield_light {
    padding: 20px;
  }
}

@media screen and (max-width: 600px) {
  #head_image {
    background: url("imgs/app17_Head_s.jpg") left top no-repeat;
  }
  #title {
    font-size: 1.8em;
    bottom: -51px;
    right: 0;
  }
  .image_upload {
    margin-bottom: 30px;
  }
  .user_infos ul .fifth,
  .user_infos ul .quarter,
  .user_infos ul .sixth,
  .user_infos ul .tenth {
    width: 50%;
  }
  .user_infos ul .third {
    width: 100%;
  }
  .user_infos ul .half {
    width: 100%;
  }
  .flyer-wrapper {
    width: 100%;
    padding: 0 0 10px 0;
    text-align: center;
  }
  #ap_date {
    background-size: 130px 130px;
    width: 130px;
    height: 130px;
    top: 40px;
  }
}

@media screen and (max-width: 450px) {
  #title {
    font-size: 1.2em;
    bottom: -50px;
    left: -25%;
  }
  .mainmenu,
  .usermenu,
  .adminmenu,
  #top {
    width: 50%;
  }
}

@media all and (orientation: landscape) {
  .flyer-wrapper {
    width: auto;
    padding: 0 0 10px 10px;
  }
}
/*# sourceMappingURL=style_APP.css.map */