* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: courier new, courier, monospace;
    font-size: 11px;
    padding: 5px;
    color: #313131;
    cursor: default;
}

p, div, span {
    cursor: inherit;
}

ul {
    list-style: none;
    clear: both;
}

h1, h2, h3, h4 {
    font-weight: normal;
    clear: both;
    line-height: 100%;
    text-transform: uppercase;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 36px;
    margin-bottom: 40px;
}

h2.tight {
    margin-bottom: 0px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 13px;
}

a {
    text-decoration: none;
    color: #313131; /* should be inherit fuck IE6+7 */
    cursor: pointer; 
}

a:hover {
    text-decoration: underline;
}


.fieldWrapper label {
    width: 150px;
}

input {
    font-family: courier new, courier, monospace;   
}

input.required {
    xborder-color: red;
}

select, textarea {
    xmargin-bottom: 10px;
}

select {
    width: 250px;
}

textarea {
    width: 495px;
    height: 150px;
}

.sidebar textarea {
    width: 300px;
    height: 80px;
}

.answers {
    width: 500px;
}

.answers li {
    margin-bottom: 11px;
}

.answers li p {
    margin-bottom: 5px;
}

ul.answers h4 {
    margin-bottom: 5px;
}

.cmspage h2 {
    position: relative;
    font-size: 36px;
    xpadding-top: 5px;
    xdisplay: inline;
}

.sidebar h3 {
    font-size: 18px;
}

img {
    border: none;
    line-height: 1px;
    font-size: 1px;
}

ul.answers li {
    clear: both;
}

p, .clear {
    clear: both;
}

.section {
    clear: both;
    margin-bottom: 20px;
}

button {
    float: left;
    border: none;
    xpadding: 2px 2px 1px 2px;
    padding: 4px;
    margin: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    background-color: #313131;
    color: #ffffff;
    line-height: 8px;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
}

button::-moz-focus-inner{padding:0;border:none}

body.ffix button { /* fix for firefox, applied by jquery */
    padding: 3px 3px 1px 3px;
}

button::-moz-focus-inner img {
    margin: -2px;
    padding: -2px;
}

.button {
    float: left;
    xclear: both;
    margin-right: 5px;
    xmargin-bottom: 10px;
    background-color: #313131;
    color: #ffffff;
    padding: 4px;
    line-height: 7px;
    cursor: pointer;
    white-space: nowrap;
}

span.button {
    cursor: default;
}

.button img.l,
button img.l {
    height: 10px;
    margin: 1px;
    border: 0px;
    font-size: 7px;
    line-height: 7px;
    xbackground-color: red;
}

.button .space,
button .space {
    padding-left: 5px;
}

.formgroup {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

form {
    margin-bottom: 10px;
    clear: both;
    xfloat: left;
}

form.compact {
    margin-bottom: 0px;
}

form .label,
form li {
    clear: both;
    float: left;
}

form li li {
    clear: none;
    float: none;
    
}

.sidebar form {
    margin-bottom: 10px;
}

span.button {
    background-color: #dddddd;
}

.smallbutton {
    line-height: 0px;
    font-size: 1px;
    float: left;
    margin-right: 5px;
    margin-top: 8px;
    background-color: #a7a7a7;
}

.smallbutton div {
    line-height: auto;
    font-size: 14px;
    text-transform: none;
}

.thumblist {
    max-width: 750px;
    width: 750px;
    float: left;
    margin-bottom: 40px;
}

.thumblist li {
    position: relative;
    width: 100px;
    height: 100px;
    display: inline;
    float: left;
    margin: 0px 5px 5px 0px;
    xborder: 1px solid #eeeeee;
    background-color: #eeeeee;
    vertical-align: middle;
    font-size: 11px;
    z-index: 1;
    clear: none;
}

.thumblist li.upcoming {
    width: 98px;
    height: 98px;
    background-color: #ffffff;
    border: 1px dashed #aaaaaa;
}

.thumbnail a:hover {
    text-decoration: none;
}

.thumbnail .title {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    color: #313131;
    font-family: Verdanan, Arial, Helvetica;
    font-size: 11px;
    line-height: 14px;
    z-index: 2;
    cursor: inherit;
}

li.upcoming .title {
    width: 98px;
    height: 98px;
}

.thumbnail .hover {
    visibility: hidden;
    font-weight: bold;
    background-color: #313131;
    color: #ffffff;
}

.thumbnail:hover .hover,
body .thumbnailHover .hover {
    visibility: visible;
}

.thumbnail .title .text {
    word-wrap: break-word;
    position: absolute;
    top: 33px;
    width: 90px;
    padding: 3px;
    text-align: center;
}

.thumbnail a .text,
.thumbnail a .title {
    cursor: pointer;
}



.fullwidth {
    width: 755px;
    float: left;
    clear: both;
}

.cmspage .col1 {
    float: left;
    clear: both;
    width: 500px;
    margin-right: 5px;
}

.displayText {
    font-size: 36px;
    line-height: 36px;
    clear: left;
}

.sidebar {
    width: 250px;
    float: left;
    margin-left: 5px;
}

.artistpage .col1 {
    width: 350px;
}

.artistpage .sidebar {
    width: 350px;
}

.cmspage .sidebar {
    padding-top: 5px;
}

.sidebar ul {
    text-transform: uppercase;
    font-size: 13px;
    line-height: auto;
}

.sidebar h3 {
    color: #00adef;
}

.sidebar ul,
.sidebar .section {
    margin-bottom: 10px;
}

#topnavi {
    margin-bottom: 5px;
}

#topnavi h4 {
    display: inline;
    font-size: 11px;
    font-weight: normal;
    color: #313131;
    text-transform: none;
    margin-right: 5px;
}

#topnavi a,
#metanavi a {
    color: #aaaaaa;
    text-decoration: none;
}

#topnavi a.nav:hover {
    color: #313131;
}

#topnavi.home-selected a#nav-home { color: #ff4d92; }
#topnavi.ausstellung-selected a#nav-ausstellung { color: #ff4d92; }
#topnavi.archive-selected a#nav-archive { color: #ff4d92; }
#topnavi.anmelden-selected a#nav-anmelden { color: #ff4d92; }
#topnavi.person-selected a#nav-person { color: #ff4d92; }
#topnavi.artist_home-selected a#nav-artist_home { color: #ff4d92; }
#topnavi.upload-selected a#nav-upload { color: #ff4d92; }
#topnavi.kuratoren-selected a#nav-kuratoren { color: #ff4d92; }
#topnavi.gaestebuch-selected a#nav-gaestebuch { color: #ff4d92; }
#topnavi.curator_home-selected a#nav-curator_home { color: #ff4d92; }
#topnavi.ausstellungen-selected a#nav-ausstellungen { color: #ff4d92; }
#topnavi.planung-selected a#nav-planung { color: #ff4d92; }
#topnavi.kuenstler-selected a#nav-kuenstler { color: #ff4d92; }
#topnavi.gaestebuch-selected a#nav-gaestebuch { color: #ff4d92; }
#topnavi.material-selected a#nav-material { color: #ff4d92; }

#metanavi {
    position: absolute;
    top: 0px;
    right: 0px;   
    margin-right: 4px;
    margin-top: 2px;
}

ul.fuzzy li {
    position: relative;
}

.hshift0 { left: -4px; }
.hshift1 { left: -2px; }
.hshift2 { left: 0px; }
.hshift3 { left: 2px; }
.hshift4 { left: 4px; }

.vshift0 { top: -4px; }
.vshift1 { top: -2px; }
.vshift2 { top: 0px; }
.vshift3 { top: 2px; }
.vshift4 { top: 4px; }

.block {
    position: relative;
    width: 250px;
    margin-top: 5px;
    margin-right: 5px;
    padding-top: 5px;
}

div.block-big {
    width: 505px;
    float: left;
}

.logo {
    line-height: 1px;
    font-size: 1px;
}

.sidebar .logo {
    margin-bottom: 2px;
}

.badgesContext,
.topline {
    position: relative;
    float:left;
    border-top: 5px solid #eeeeee;
    padding-top: 5px;
    xclear: both;
}

.badges {
    display: inline;
    height: 5px;
    background-color: #ffffff;
    line-height: 5px;
    font-size: 5px;
    padding-left: 3px;
}

.badge {
    position: relative;
    display: inline;
    padding-left: 1px;
    line-height: 5px;
    font-size: 5px;
    height: 5px;
    text-transform: none;
    xborder: 1px solid red;
}

.mediumBadges .badge,
.mediumBadges .badge img {
    height: 10px;
}

.largeBadges .badge,
.largeBadges .badge img {
    height: 20px;
}

.mediumBadges {
    height: 10px;
    xpadding-left: 0px;
    vertical-align: -1px;
}

.largeBadges {
    margin-bottom: 40px;
}

.help {
    width: 5px;
    height: 5px;
    padding-right: 2px;
    margin-left: 2px;
    line-height: 4px;
    font-size: 5px;
    background-image: url('badges/plus.gif');
    background-repeat: no-repeat;
}

.badge img {
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    vertical-align: 0px;
    xposition: absolute;
    xtop: 0px;
    xleft: 0px;
}

.badgesContext .badges {
    position: absolute;
    display: block;
    top: -5px;
    xtop: 0px;
    right: 0px;
    padding-left: 4px;
    height: 5px;
    xborder: 1px solid black;
}

.thumbnail .badges {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 100px;
    background-color: transparent;
    z-index: 3;
    text-align: right;
    line-height: 1px;
    font-size: 1px;
}

.badgesContext .badge {
    display: block;
    float: left;
}

.thumbnail .badge {
    xdisplay: block;
    xfloat: left;
    xbackground-color: #ffffff;
    padding-left: 0px;
    line-height: 10px;
    font-size: 1px;
    position: relative;
}

.thumbnail .badge img,
.largeList .badge img {
    height: 10px;
}

.badgesSelect img {
    height: 10px;
}

.badgesContext h2,
.topline h2 {
    xfloat: left;
    margin-top: -3px;
}

.badgeDetails,
.badgeAction {
    position: absolute;
    z-index: 11;
    display: none;
    top: 5px;
    left: -5px;
    background-color: #dddddd;
    font-size: 11px;
    line-height: 11px;
    padding: 5px;
    padding-top: 20px;
    width: 250px;
}

.thumbnail .badgeDetails,
.thumbnail .badgeAction {
    top: 2px;
    text-align: left;
}

.badge:hover .badgeDetails,
.badge:hover .badgeAction,
.badgeHover .badgeDetails,
.badgeHover .badgeAction
 {
    display: block;
}


ul.badgesSelect {
    background-color: #ffffff;
    padding: 0px;
    line-height: 6px;
    width: 240px;
    padding-bottom: 2px;
    xmargin: 5px;
    float: left;
}

ul.badgesSelect li {
    float: left;
    padding: 2px;
    cursor: pointer;
}

.details {
    display: none;
}

.largeBadge {
    xwidth: 10px;
    height: 20px;
    padding: 2px;
    background-color: #ffffff;
    margin-top: 5px;
}

.badge h2,
.badge h3 { 
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.badgeLabels li {
    cursor: pointer;
    text-transform: none;
    line-height: 14px;
}

.badgeLabelList h3 {
    margin-bottom: 10px;
}

#badgeSelector input#badgeText {
    width: 240px;
}

.topline {
    xborder-top: 5px solid #eeeeee;
}


.subh2,
.block p {
    font-style: italic;
}

.block h2,
.block-big .subh2 {
    text-transform: uppercase;
}

.block h2 {
    font-size: 18px;
}

div.block-big h2 {
    font-size: 36px;
}


.mainCol h2 {
    margin-bottom: 0px;
}

.block-big .subh2,
.block-big p {
    font-size: 18px;
    line-height: 18px;
}

.mainCol {
    width: 510px;
    float: left;
}

.mainCol .left {
    float: left;
}

.mainCol .right {
    float: right;
}

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

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

.col3 {
    width: 255px;
    float: left;
    margin-top: 5px;
}

.credits {
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}

.layoutWrapper {
    width: 765px;
}

table {
    font-size: 11px;
}

.exhibitionlist td {
    xwidth: 150px;
    padding-right: 10px;
}

ul.sortable li {
    cursor: move;
}

ul.sortable .orderForm,
#orderSubmit {
    display: none;
}


.deckblatt h1,
.deckblatt h2,
.deckblatt {
    font-size: 36px;
    line-height: 36px;
    margin: 0px;
}

.deckblatt h1,
.deckblatt h2,
.registrationpage h2,
.registrationpage .label,
.deckblatt .kuratiertvon {
    color: #ff4d92;
}

.uploadpage input {
    width: 100%;
    font-family: courier new, courier, monospace;
    font-size: 13px;
}

.uploadpage input#id_artist_name {
    font-size: 36px;
    width: 100%;
}

.uploadpage #id_title {
    font-size: 36px;
    width: 495px;
}
.uploadpage input#id_image {
    width: 250px;
}

.uploadpage li {
    margin: 3px 0px;
}

.uploadpage ul.form {
    width: 500px;
}


ul.actorlist,
ul.exhibitionlist {
    font-size: 36px;
}

.exhibition .sidebar {
    position: absolute;
    top: 5px;
    left: 525px;
    font-size: 11px;
    line-height: 14px;
}

.sidebar .label {
    font-style: italic;
    min-height: 90px;
}

.sidebar .label h2 {
    font-size: 11px;
    line-height: 14px;
    margin: 0px;
    text-transform: none;
}

.exhibition .sidebar .navi {
    margin-bottom: 30px;
}

.sidebar .text {
    margin-bottom: 30px;
    font-family: helvetica, arial;
}

.sidebar .subnavi,
.sidebar .more {
    clear: both;
}

.thumbnail .buttons {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
    display: none;
}

.thumbnail:hover .buttons,
.thumbnailHover .buttons {
    display: block;
}


.thumbnail .button {
    float: left;
    margin: 0px;
    padding: 0px;
}

.thumbnail .button img,
.thumbnail .button input,
.thumbnail input.button {
    width: 14px;
    height: 14px;
}

.deleteNotice {
    width: 488px;
    height: 488px;
    border: 1px dashed #aaaaaa;
    padding: 5px;
}

.editable {
    margin-bottom: 10px;
}

.editable .content,
.editable .content * {
    cursor: text;
}

.editable .content:hover {
    background-color: #eeeeee;
}

.editable .editor {
    display: none;
}

.deckblatt .thumblist {
    width: 525px;
    margin-top: 40px;
}

.deckblatt .buttongroup {
    clear: both;
    margin-bottom: 40px;
}

.thumblist .imgbadges {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 1px;
    background-color: #ffffff;
}

.thumblist .imgbadge {
    height: 10px;
    xwidth: 10px;
    background-color: #ffffff;
}

.answer {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    line-height: 14px;
    margin-top: 10px;
}

.answerForm {
    margin-top: 20px;
}

.workView {
    width: 520px;
    overflow: hidden;
}

.workView .text {
    clear: both;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    line-height: 14px;
}

.workView textarea#id_title {
    font-size: 36px;
}

.sidebar .editable {
    margin: 0;
}

.smallbuttons {
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

#badgeButton {
    width: 24px;
    height: 24px;
}

.comment {
    font-size: 24px;
    color: #a7a7a7;
    font-style: italic;
}

#commentForm {
    display: none;
}

#badgeSelector {
    width: 250px;
    display: none;
    background-color: #eeeeee;
    padding: 5px;
    position: absolute;
}

.badgeAction td {
    padding-left: 5px;
}

.exhibition li.comment {
    display: none;
}

.exhibitionlabel {
    margin-bottom: 40px;
    width: 500px;
}

.exhibition .topline {
    margin-bottom: 40px;
}

.newexhibition input#id_title,
.newexhibition input#id_year,
.exhibition input#id_title {
    font-size: 36px;
    width: 495px;
}

input.label,
textarea.label {
    color: #a7a7a7;
}

.registrationpage {
    width: 100%;
}

.registrationpage li { /* ie6 fix */
    width: 100%;
}

.registrationpage h2 {
    margin: 0px;
}

.registrationpage p {
    clear: both;
    font-size: 36px;
    width: 750px;
    margin: 0px;
}

.registrationpage input {
    font-size: 36px;
    xborder: none;
    xbackground-color: transparent; /* #f6f6f6; */
    margin: 0px;
    padding: 0px;
}

.registrationpage select {
    font-size: 36px;
    border: 1px solid #a7a7a7;
    font-family: courier new, courier, monospace;
    vertical-align: -10px;
}

.registrationpage label {
    font-size: 36px;
}

.registrationpage input:hover,
.registrationpage input.ie6hover {
    background-color: #eeeeee;
}

.registrationpage input:focus {
    background-color: #a7a7a7;
}

.registrationpage form {
    margin-top: 0px;
    margin-bottom: 0px;
}

.registrationpage button {
    margin-top: 8px;
    margin-bottom: 9px;
}

.flatpage p {
    clear: left;
}

.registrationform {
    font-size: 36px;
}

.registrationform li ul {
    display: inline;
}

.registrationform li li {
    display: inline;
}

.baustelle {
    font-size: 36px;
    width: 750px;
}

.flatpage .content {
    width: 600px;
    font-size: 12px;   
}

.flatpage .content p {
    margin-bottom: 6px;
}

.flatpage .content a {
    color: #666666;
}

.largeList,
.sidebar .largeList {
    font-size: 20px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.pagination {
    clear: both;
}