/* HTML5 display definitions */
article, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ----- Base ----- */
html { font-size: 100%; overflow-y: scroll; }
body { margin: 0; }
body, button, input, select, textarea { font-family: MuseoSlab, Arial,Helvetica,sans-serif; color: #000000; }
/* Typography */
b, strong { font-weight: bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #000000; margin: 0; padding: 0; }
/* Lists */
ul, ol { margin: 0; padding: 0; }
dd { margin: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* Embedded content */
img { border: 0; vertical-align: middle; }
/* Forms */
form { margin: 0; }
fieldset { border: 0 none; margin: 0; padding: 0; width: 100%; }
legend { display: none; }
label { clear: both; cursor: pointer; float: left; padding-top: 4px; }
button, input, select, textarea { font-size: 14px; margin: 0; padding: 5px 8px; vertical-align: baseline; }
button, input { clear: both; /*float: left;*/ line-height: normal; }
select { width: 100%; }
table button, table input { }
input[type="text"], input[type="password"], input[type="file"], textarea { width: 100%; }
button, input[type="button"], input[type="reset"], input[type="submit"] { border: thin solid; cursor: pointer; float: none; margin-top: 5px; padding-bottom: 4px; padding-top: 4px; /*width: 110px;*/ }
input[type="submit"] { float: right; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { box-sizing: content-box; }
textarea { overflow: auto; vertical-align: top; resize: vertical; width: 100%; }
.fieldwrap { float: left; margin-bottom: 5px; width: 100%; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ----- fonts ----- */
@font-face {
  font-family: MuseoSlab;
  src: url('../fonts/Museo_Slab_300Web.eot');
  src: url('../fonts/Museo_Slab_300Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_300Web.woff') format('woff');
}

@font-face {
  font-family: MuseoSlabBold;
  src: url('../fonts/Museo_Slab_500Web.eot');
  src: url('../fonts/Museo_Slab_500Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_500Web.woff') format('woff');
}

@font-face {
  font-family: MuseoSlabItalic;
  src: url('../fonts/Museo_Slab_300italicWeb.eot');
  src: url('../fonts/Museo_Slab_300italicWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_300italicWeb.woff') format('woff');
}

@font-face {
  font-family: MuseoSlabItalicBold;
  src: url('../fonts/Museo_Slab_500italicWeb.eot');
  src: url('../fonts/Museo_Slab_500italicWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_500italicWeb.woff') format('woff');
}

/* ----- primary styles ----- */
body { background-color: #F6E700; color: #000000; font-family: MuseoSlab, Arial,Helvetica,sans-serif; font-size: 16px; line-height: 22px; }
body#daten,
body#formular,
body#submit { background-color: #FFFFFF; }
.csc-firstHeader { margin-top: 0; }
h1 { font-size: 26px; font-weight: normal; margin-bottom: 32px; margin-top: 10px; }
h2 { font-size: 21px; font-weight: normal; margin-bottom: 12px; margin-top: 10px; }
h3 { font-size: 16px; font-weight: normal; font-family: MuseoSlabBold, Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12px; margin-top: 10px; }
h4 { }
h5 { }
p {  margin-bottom: 23px; margin-top: 0; }
a {  color: #000000; /*font-weight: bold;*/ font-family: MuseoSlabBold, Arial,Helvetica,sans-serif; text-decoration: none; }
a.input-button { background-color: buttonface; border: thin solid; font-family: MuseoSlab,Arial,Helvetica,sans-serif; margin-top: 5px; padding: 4px 8px; }
/*a:hover { color: #FFFFFF; }*/
.float-right { float: right; }
.float-left { float: left; }
b,strong { font-weight: normal; font-family: MuseoSlabBold, Arial,Helvetica,sans-serif; }

/* ----- Container ----- */
#container-logo,
#container { background-color: #F6E700; min-width: 1000px; width: 100%; }
#container-logo { }
#daten #container,
#formular #container,
#daten #container-logo,
#formular #container-logo { background-color: #FFFFFF; }
/*.wrapper { margin: 0 auto; width: 1100px; position:relative; }*/
.wrapper { /*margin: 0 auto;*/ width: 1300px; position:relative; }

/* ----- Main ----- */
/*#logo { margin-left: 65px; margin-right: 65px; padding-top: 60px; }*/
#logo { float: left; margin-left: 65px; padding-top: 60px; }
/*#main { margin-left: 65px; margin-right: 65px; padding-bottom: 60px; padding-top: 60px; }*/
#main { float: right; margin-left: 50px; margin-right: 65px; padding-bottom: 60px; padding-top: 60px; width: 920px; }

/* ----- Content ----- */
#content { }
#content ul, #content ol { margin-bottom: 23px; padding-left: 22px; }

#content-aussteller { border-top: thin solid;
    margin-top: 23px;
    padding-top: 23px; }

#content-previous-data { border-top: thin solid;
    margin-top: 23px;
    padding-top: 23px; }

#content-select-layout { border-top: thin solid;
    margin-top: 23px;
    padding-top: 23px; }
#nav-layout { float: left; width: 100%;  }
#nav-layout > ul { padding-left: 0; }
#nav-layout ul { list-style-type: none; }
#nav-layout ul li { display: inline; padding-left: 15px; }
#nav-layout ul li.first { background: none; padding-left: 0; }
#nav-layout ul li.last { }
#nav-layout ul li a,
#nav-layout ul li a:hover { text-decoration: none; }
#nav-layout ul li a.active,
#nav-layout ul li a.selected { color: #FFFFFF; }
/*#nav-layout a { background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 100px; text-indent: -9000px; width: 150px; }*/
#nav-layout a { background-position: 0 0; background-repeat: no-repeat; display: inline-block; font-size: 12px; font-weight: normal; padding-top: 127px; width: 190px; }
#nav-layout a#SelectLayoutOne { background-image: url("../images/buttonLayoutOne.png"); }
#nav-layout a#SelectLayoutTwo { background-image: url("../images/buttonLayoutTwo.png"); }
.fieldset-column-left { float: left; width: 400px; }
.fieldset-column-right { float: right; width: 500px; }
#content-selected-layout { float: left;
    margin-bottom: 23px;
    margin-top: 23px; }
#content-selected-layout canvas { background-color: #DEDEDE; float: left; margin-bottom: 9px; }
#content-selected-layout .previewfileinput { float: left; }
#content-selected-layout input#uploadfileselection0,
#content-selected-layout input#uploadfileselection1 { float: left; width: 260px; }
#content-selected-layout input#uploadfileselection0 { }
#content-selected-layout input#uploadfileselection1 { }
#layout-textarea-input-count { font-size: 14px; margin-top: 5px; }
#layout-textarea-input-count p { margin: 0; }
/* obsolete hidden input
.previewfileinput { border-bottom-color: #777777; bottom: 0; height: 29px; margin: 0 0 4px; overflow: hidden; padding: 0; position: relative; width: 500px; }
.previewfileinput .inputoverlay { font-size: 13px; height: 29px; left: 0; margin: 0; padding: 0; position: absolute; text-align: left; top: 0; width: 500px; }
.inputoverlay { cursor: pointer; }
.previewfileinput input[type="button"] { height: 29px; }
.inputoverlay input { height: 29px; margin: 0; padding: 0 6px; width: 500px; }
.inputoverlaybutton { width: 282px; }
.previewfileinput input[type="file"] { height: 29px; left: 0; opacity: 0; position: absolute; top: 0; z-index: 2; }
.uploadfileselection { cursor: pointer; height: 29px; padding-left: 8px; }*/
.selectbutton-previewfileinput-layoutone,
.selectbutton-previewfileinput-layouttwo { border-bottom-color: #777777; bottom: 0; float: left; height: 29px; margin: 0 0 4px; overflow: hidden; padding: 0; position: relative; width: 500px; }
.selectbutton-previewfileinput-layouttwo { width: 240px; }
.previewfileinput { height: 0; visibility: hidden; }
#layout-one-image-loadedimagecontainer,
#layout-two-image-loadedimagecontainer-one,
#layout-two-image-loadedimagecontainer-two { background-color: #DEDEDE; float: left; margin-bottom: 9px; }
#layout-one-image-loadedimage { height: auto; width: auto; }
#layout-one-image-previewcanvas { }
#fieldwrap-layout-one,
#fieldwrap-layout-two { float: right; width: 500px; }
#fieldwrap-layout-one-textarea,
#fieldwrap-layout-two-textarea { /*subtract text padding*//* width: 482px;*/ float: left; /*subtract text paddingwidth: 400px;*/ width: 382px; }
input#layout-one-image-title,
input#layout-two-image-title-one,
input#layout-two-image-title-two { margin-bottom: 5px; }
input#layout-one-image-title { /*subtract text padding*/ width: 482px; }
input#layout-two-image-title-one,
input#layout-two-image-title-two { /*subtract text padding*/ width: 222px; }
#fieldwrap-layout-two { }
#fieldwrap-layout-two-textarea { }
/*#fieldwrap-layout-two-image-one, 
#fieldwrap-layout-two-image-two { width: 240px; }
#fieldwrap-layout-two-image-one { float: left; }
#fieldwrap-layout-two-image-two { float: right; }*/
#fieldwrap-layout-two .previewfileinput { width: 240px; }
#fieldwrap-layout-two .previewfileinput .inputoverlay { width: 240px; }
#fieldwrap-layout-two .inputoverlay input { width: 240px; }
#fieldwrap-submit { border-top: thin solid; margin-top: 23px; padding-top: 23px; }
#fieldwrap-layout-one-artists,
#fieldwrap-layout-two-artists { margin-bottom: 20px; }
.fieldwrap-artist { float: left; margin-bottom: 5px; width: 100%; }
.fieldwrap-artist-name, 
.fieldwrap-artist-country { float: left; }
.fieldwrap-artist-name { width: 310px; }
.fieldwrap-artist-country { float: right; }
.fieldwrap-artist-name label,
.fieldwrap-artist-country label { display: none; }
.fieldwrap-artist-name input,
.fieldwrap-artist-country input { }
select.artist-input-country { padding: 5px; width: 65px; }
.artist-input-country option { }
#fieldwrap-layout-one-artists h3,
#fieldwrap-layout-two-artists h3 { margin-bottom: 17px; }
#fieldwrap-layout-one-textarea h3,
#fieldwrap-layout-two-textarea h3 { /*margin-bottom: 17px;*/ }
#fieldwrap-layout-two-image-one,
#fieldwrap-layout-two-image-two { margin-bottom: 10px; }
#fieldwrap-layout-two-image-two { border-top: thin solid #DEDEDE; margin-top: 36px; padding-top: 23px; }
.image-select { float: left; width: 240px; }
.image-information { float: right; /*margin-top: 2px;*/ width: 240px; }
.fieldwrap-image-information { margin-bottom: 2px; }
.fieldwrap-image-information label { font-size: 14px; padding: 0; }
.fieldwrap-image-information input { width: 92%; }
#content-aussteller-admin .header-controls { border-bottom: thin solid; float: left; margin-bottom: 50px; width: 100%; }
#content-aussteller-admin .header-controls-header { float: left; width: 215px; }
#content-aussteller-admin .header-controls-container { float: right; }
#content-aussteller-admin a.admin-header-button-kuenstelervz-indesign { }
#content-aussteller-admin a.admin-header-button-kuenstelervz-typo3 { }
#content-aussteller-admin .itemgroup-controls { border-bottom: thin solid; float: left; width: 100%; }
#content-aussteller-admin h2.header-usergroup { float: left; width: 497px; }
#content-aussteller-admin .itemgroup-controls-container { float: right; }
#content-aussteller-admin a.admin-usergroup-button-export {  }
#content-aussteller-admin .itemlist-aussteller { display: table; margin-bottom: 50px; width: 100%; }
#content-aussteller-admin .item { display: table-row; }
#content-aussteller-admin .item a { font-family: MuseoSlab,Arial,Helvetica,sans-serif; }
#content-aussteller-admin .item-information,
#content-aussteller-admin .item-information-nodataitem { border-bottom: thin solid; display: table-cell; float: left; padding-bottom: 5px; padding-top: 5px; width: 100%; }
#content-aussteller-admin .item-information { max-width: 494px; /*max-width: 527px;*/ }
#content-aussteller-admin .item-information-nodataitem { max-width: 710px; }
#content-aussteller-admin .item-user { /*font-weight: bold;*/ font-family: MuseoSlabBold, Arial,Helvetica,sans-serif; }
#content-aussteller-admin .item-status { }
#content-aussteller-admin .item-status .data-saved { color: #EEA314; }
#content-aussteller-admin .item-status .data-submited { color: #009E25; }
#content-aussteller-admin .item-userdata { }
#content-aussteller-admin .item-controls,
#content-aussteller-admin .item-controls-nodataitem { border-bottom: thin solid; display: table-cell; vertical-align: bottom; }
#content-aussteller-admin .item-controls { min-width: 380px; }
#content-aussteller-admin .item-controls-nodataitem { min-width: 210px; }
#content-aussteller-admin .item-controls .item-controls-container,
#content-aussteller-admin .item-controls-nodataitem .item-controls-container { float: right; }
#content-aussteller-admin a.input-button { float: left; margin-bottom: 11px; margin-left: 5px; margin-top: 0; }

/* ----- fe login ----- */
.tx-felogin-pi1 { width: 500px; }
.tx-felogin-pi1 form { margin-top: 23px; }
.tx-felogin-pi1 label { display: block; margin-right: 5px; padding-top: 0; }
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"],
.tx-felogin-pi1 input[type="file"],
.tx-felogin-pi1 textarea { /*subtract text padding*/ width: 482px; }

/* ----- Formular ----- */
#formular #main { float: left; width: 650px; }
#formular .wrapper { width: 100%; }
#formular #logo { display: none; }
#formular #copyright { display: none; }
#formular .fieldwrap-formular { }
#formular .fieldwrap-formular label { font-size: 14px; padding: 0; }
#formular .fieldwrap-formular input { }
#formular input[type="text"],
#formular input[type="password"],
#formular input[type="file"],
#formular textarea { /*subtract text padding*/ width: 640px; }

/* ----- Preview ------ */
#submit #logo { display: none; }
#submit #main,
#submit #copyright { float: left; margin-left: 50px; margin-right: 65px; padding-bottom: 60px; /*padding-top: 60px;*/ padding-top: 40px; width: 100%; }
#submit #copyright { padding-bottom: 0; padding-top: 0; }
#preview-previewmessage-container { /*background-color: #DEDEDE;*/ border-bottom: thin solid; margin-bottom: 60px; }
#preview-previewmessage-container p { margin-bottom: 40px; }
.preview-column-left { float: left; width: 640px; }
.preview-column-right { float: right; }
#preview-title-container { font-size: 20px; }
#preview-kuenstller-container,
#preview-text-container,
#preview-content-aussteller { float: left; margin-left: 100px; width: 500px; }
#preview-kuenstller-container { margin-top: 50px; }
#preview-content-kuenstller { }
#preview-text-container { }
#preview-content-text { }
#preview-content-aussteller { margin-top: 50px; }
#preview-content-kuenstller h1,
#preview-content-text h1 { font-size: 16px; /*font-weight: bold;*/ font-family: MuseoSlabBold, Arial, Helvetica, sans-serif; margin-bottom: 0; text-decoration: underline; }
#preview-image-container { float: right; }
.preview-image { margin-bottom: 10px; }
.preview-imagetitle { font-family: MuseoSlabItalic, Arial, Helvetica, sans-serif; font-size: 12px; }
.preview-imagetitle-artist { font-family: MuseoSlabItalicBold, Arial, Helvetica, sans-serif; }
#preview-layout-two-image-one-container,
#preview-layout-two-image-two-container { float: left; }
#preview-layout-two-image-one-container { margin-right: 50px; }
#preview-layout-two-image-two-container { }
#preview-layout-two-image-one-container .preview-imagetitle,
#preview-layout-two-image-two-container .preview-imagetitle { font-size: 12px; margin-top: 10px; max-width: 200px; }

/* ----- Footer ----- */
/*footer { color: #000000; margin-bottom: 24px; margin-top: 5px; }*/
footer { color: #000000; float: left; margin-bottom: 24px; margin-top: 5px; }

/*#copyright { font-size: 12px; margin-left: 65px; margin-right: 65px; }*/
#copyright { font-size: 12px; float: right; margin-left: 50px; margin-right: 65px; width: 920px; }

/* ----- UserInfo ----- */
#divUserInfo { display: none; }

/* ----- non-semantic helper classes ----- */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { }

/* optimiuation 2017 */
/*.input-button.admin-aussteller-button-preview,
#content-select-layout,
#layout-button-preview { display: none; }*/
body#daten.aussteller #fieldwrap-layout-one-textarea { display: none; }

/* optimization 2018 */
progress { display: none; }