/* stuff to hide */
#to_languages, #to_search, #to_navigation, #to_content {display: none;visibility: hidden;}

/* general */
html#web, #web body {overflow:auto; height:100%; margin:0; font-family:Arial; font-size:12px; color:#dddddd; background-color:#8c3521;}
input, textarea, button, select, table, th, td, div, p, label, span {font-family:Arial; font-size:100%;}

table {border:0;border-collapse:collapse;}
    table td {padding:0; vertical-align:top;}

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

img {border:0;}

p, table { margin:0 0 1em 0; }
ul, ol {margin:0 0 1em 0; padding:0;}
    li {margin-left:1.5em; padding-left:0;}
h1 {margin:0 0 1em 0; font-size:120%;}
h2 {margin:0 0 1em 0; font-size:110%;}
h3 {margin:0 0 1em 0; font-size:100%;}
h4 {margin:0 0 1em 0; font-size:100%;}
h5 {margin:0; font-size:100%;}
h6 {margin:0; font-size:100%;}

.error {color:#FF0000;}

.clearing {clear:both;}


/* forms general */
form {margin:0; padding:0;}

input, select, textarea {margin:0; padding:0;}
input, textarea {padding:0 0.1em; border:1px solid #000000;}
select {border:1px solid #000000;}
textarea {overflow:auto;}

label.error {color:#FF0000;}
    label.error input, label.error select, label.error textarea {border:1px solid #FF0000;}

button {padding:0; margin:0; border:0; cursor:pointer; background:none;}


/* forms content */
form {margin-bottom:1em;}

label {display:block; margin-bottom:0.3em;}
    label span {display:block;}

input, textarea {width:222px; margin-top:2px; color:#dddddd; border:1px solid #dddddd; background-color:#222222;}
input.radio, input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}

button {margin-right:-0.2em;}
.button_send {float:right; font-weight:bold; color:#d99f91;}
.button_send:hover, .button_senden.hover {text-decoration:underline;}

/* other forms */
#form_contact label#label_name {display:block; float:left; margin-right:11px;}
#form_contact label#label_email {display:block; float:left; margin-right:11px;}
#form_contact textarea {width:460px; height:8em;}

/* layout */
#container_page {position:relative; width:902px; height:100%; margin:auto;}

#languages {position:absolute; top:38px;}
    #languages a {display:block; float:left; margin-left:10px; border:2px solid #8c3521;}
        #languages a:hover, #languages a.active {border:2px solid #af7264;}
    #languages a img {display:block;}

#logo {position:absolute; top:35px; right:0px;}

#page {position:absolute; top:60px; height:458px; left:0px; right:0px; padding:2.5em 0 1.6em 0; border:1px solid #808080; background-color:#111111; overflow:hidden;}

#loadingOverlay {display:none; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:#000000; overflow:hidden;}
    #loadingOverlay table {width:100%; height:100%;}
    #loadingOverlay table td {text-align:center; vertical-align:middle;}
    #loadingOverlay a {display:block; margin-top:1em; font-size:150%;}

#page.loading #loadingOverlay {display:block; z-index:10000;}

.navigation {position:absolute; top:0px; height:2.5em; left:0px; right:0px; list-style-type:none; margin:0; padding:0 0 0 10px; background-color:#292929; border-bottom:1px solid #808080;}
    .navigation li {display:block; float:left; margin:0; padding:0.9em 0 0 0;}
        .navigation li a {display:block; padding:0 6px 0 8px; line-height:1em; font-size:90%; font-weight:bold; color:#eeeeee; border-left:2px solid #eeeeee;}
        .navigation li.first a {padding-left:0px; border-left:0px;}
        .navigation li a:hover, .navigation li a.activenode, .navigation li a.active {color:#af7264;}

#functions {position:absolute; bottom:0px; height:1.6em; left:0px; right:0px; border-top:1px solid #808080; background-color:#292929;}
    form#search {display:block; float:left; margin-right:20px;}
    form#search input#searchfield {display:block; float:left; width:12em; margin-right:0.5em; padding:0.2em 0.2em; background-color:#494949; border:0px; border-right:1px solid #808080;}
    form#search button {display:block; float:left; padding:0.1em 0 0 0;}
        form#search button.hover {color:#af7264;}
    #functions a {color:#eeeeee; line-height:1.5em;}
    
    #mp3PlayerMini {position:absolute; right:5px; bottom:0px;}

#container_content {position:absolute; top:2.5em; margin-top:1px; bottom:1.6em; margin-bottom:1px; left:0px; width:900px; overflow:hidden;}

    #titlepictures {position:absolute; top:0px; bottom:0px; right:0px; width:400px;}
        #titlepictures img {position:absolute; top:0px; right:0px;}

    .outercontent {position:absolute; top:0px; height:428px; left:0px; right:0px; padding:20px 10px 10px 10px; overflow:auto;}
    .outercontent.teaser {padding-top:50px;}
        .outercontent.teaser .innercontent {display:block; float:left; width:295px; padding-top:0.3em;}
    #container_content.titlepicture .outercontent {right:400px;}

    .outercontent .teaser {display:block; float:left; width:163px; margin-right:15px; border:1px solid #808080; border-bottom:0;}
        
        .outercontent .teaser .title {line-height:1.7em; text-align:center; font-weight:bold; border-bottom:1px solid #808080;}
        .outercontent .teaser .content {padding:12px; border-bottom:1px solid #808080;}
        
        .outercontent .teaser .teaserelement_picture .content {text-align:center;}
        
        .outercontent .teaser .teaserelement_overview ul.next_events {list-style-type:none; margin:0; padding:0; font-size:90%;}
            .outercontent .teaser .teaserelement_overview ul.next_events li {margin:0;}
            .outercontent .teaser .teaserelement_overview ul.next_events li a {display:block; line-height:1.6em; color:#dddddd;}
                .outercontent .teaser .teaserelement_overview ul.next_events li a span.date {font-weight:bold;}
        .outercontent .teaser .teaserelement_newsoverview ul.latestnews {list-style-type:none; margin:0; padding:0; font-size:90%;}
            .outercontent .teaser .teaserelement_newsoverview ul.latestnews li {margin:0;}
            .outercontent .teaser .teaserelement_newsoverview ul.latestnews li a {display:block; line-height:1.6em; color:#dddddd;}
                .outercontent .teaser .teaserelement_newsoverview ul.latestnews li a span.date {font-weight:bold;}

/* content */
a {color:#d99f91;}
a:hover {text-decoration:underline;}

h2 a {color:#dddddd;}

p.standard {display:none;}

.leftlabeled {clear:both;}
    .leftlabeled th {font-weight:bold; text-align:left; padding-right:1em;}

.ZMSFile {margin:0 0 1em 0;}
    .ZMSFile .text {display:none;}
    .ZMSFile img {vertical-align:middle;}

#subnavigation {list-style-type:none; padding:0 0 1em 0;}
    #subnavigation li {float:left; margin-left:0; margin-right:2em;}
    #subnavigation li a {}
        #subnavigation li a.active {font-weight:bold;}

.gallery_entity {clear:both; margin-bottom:2em;}
    .gallery_entity a.picture {display:block; float:left; width:150px; height:150px; margin-right:15px; border:1px solid #808080; background-position:center center; background-repeat:no-repeat; background-color:#222222;}
        .gallery_entity a.picture img {display:none;}
    .gallery_entity a.picture:hover {border:1px solid #d99f91;}

a.gallery_picture {display:block; float:left; width:140px; height:140px; margin:0 10px 10px 0; border:1px solid #808080; background-position:center center; background-repeat:no-repeat; background-color:#222222;}
    a.gallery_picture img {display:none;}
a.gallery_picture:hover {border:1px solid #d99f91;}

a.download_picture {display:block; float:left; width:142px; margin:0 10px 2em 0;}
    a.download_picture span.title {display:block; margin-bottom:0.2em;}
    a.download_picture span.picture {display:block; width:140px; height:140px; margin-bottom:0.4em; border:1px solid #808080; background-position:center center; background-repeat:no-repeat; background-color:#222222;}
        a.download_picture span.picture img {visibility:hidden;}
    a.download_picture:hover span.picture {border:1px solid #d99f91;}
    a.download_picture span.dimensions {display:block; margin-bottom:0.2em;}
    a.download_picture span.dpi {display:block;}

.events_overview .entity {clear:both; margin-bottom:1em; padding-top:1em; border-top:1px solid #fff;}
    .events_overview .entity .picture {display:block; float:right; width:150px; height:10px; margin-left:1em; margin-bottom:1em;}
    .events_overview .entity a.picture {height:150px; border:1px solid #808080; background-position:center center; background-repeat:no-repeat; background-color:#222222;}
        .events_overview .entity a.picture img {display:none;}
    .events_overview .entity a.picture:hover {border:1px solid #d99f91;}
    .events_overview .entity .content {display:block; float:left; width:295px;}
    .events_overview .entity .links a {margin-left:0.5em; margin-right:0.5em;}
    .events_overview .entity .links a.first{margin-left:0;}

.news_overview .entity {clear:both; margin-bottom:1em; padding-top:1em; border-top:1px solid #fff;}
    .news_overview .entity .picture {display:block; float:right; width:150px; height:10px;}
    .news_overview .entity a.picture {height:150px; border:1px solid #808080; background-position:center center; background-repeat:no-repeat; background-color:#222222;}
    .news_overview .entity a.picture img {display:none;}
    .news_overview .entity a.picture:hover {border:1px solid #d99f91;}
    .news_overview .entity .links a {margin-left:0.5em; margin-right:0.5em;}
    .news_overview .entity .links a.first{margin-left:0;}

.discography_entity {display:block; clear:both; margin-bottom:1em; padding-top:1em; border-top:1px solid #fff;}
    .discography_entity .picture {display:block; float:right; width:150px; height:10px; margin-left:1em;}
    .discography_entity a.picture {height:150px; border:1px solid #808080; background-position:center center; background-repeat:no-repeat; background-color:#222222;}
    .discography_entity a.picture img {display:none;}
    .discography_entity a.picture:hover {border:1px solid #d99f91;}
    .discography_entity .content {display:block; float:left; width:295px;}
    .discography_entity table.songs td {padding-right:0.5em;}
    
.discography_details .pictures {display:block; float:right; width:152px; margin-left:1em;}
.discography_details table.songs td {line-height:1.5em;}
.discography_details table.songs td.number {padding-right:0.5em;}
.discography_details table.songs td.length {text-align:right;}
.discography_details table.songs td.text {padding-bottom:0.5em;}

.overview .entity {display:block; clear:both; margin-bottom:2em;}

.ZMSLinkElement img {display:none;}
.ZMSLinkElement .text {display:none;}

/* search */
.resultitem {margin-bottom:1em;}
.resultitem .title {font-weight:bold;}

/* startpage */
#startpage .innercontent h1 {display:none;}

#test {position:absolute; right:0px; width:500px; top:0px; bottom:0px; background-color:white; overflow:auto; z-index:1000000000; color:black;}