/*****************************************************************
 * INCLUDES
 ****************************************************************/



@import url('kultur.css');
@import url('/js/calendar/skin/aqua/theme.css');



/*****************************************************************
 * TOOLTIP
 ****************************************************************/



span.overlib {
    cursor:help;
}

#overDiv {
    width:auto;
    padding:0.2em 0.4em 0.2em 0.4em;
    border:0.125em solid #E6641E;
    background-color:#ffffff;
}

#overDiv ul li {
    list-style-image:url(listenanstrich.gif);
    margin:0.2em 0 0.2em 1.4em;
}



/*****************************************************************
 * TABS
 ****************************************************************/



#page .tabbox {
    position:relative;
    height:1%;
    margin:0 0 1em 0;
    padding:0 0 0.3em 0;
    background-color:#ffffff;
}

/* Breite berechnet für zwei Tabs */
#page .tabbox .tab {
    float:left;
    width:46.1%;
    padding:0.4em 0.6em 0.4em 0.6em;
    margin:0 0 0 0.32em;
    font-weight:bold;
    background-color:#F7F6F3;
}

#page .tabbox .tab ul li {
    float:left;    
}

#page .tabbox .tab ul li a {
    font-weight:normal;
}

* html #page .tabbox .tab {
    width:46%;
}

*+html #page .tabbox .tab {
    width:46%;
}

#page .tabbox .first {
    margin-left:0 !important;
}

#page .tabbox .tab ul.linklist {
   margin:0;
}

#page .tabbox .tab ul.linklist li {
   padding:0.1em 0 0.0625em 0;
   background-color:transparent;
}

#page .tabbox .tab ul.linklist li a {
    background-color:transparent;
}



/*****************************************************************
 * FORMULAR
 ****************************************************************/


#formwizard {
    margin-top:0;
}

#formwizard div.checkbox {
    padding:0;
}

#formwizard ul.linklist li,
#formwizard ul.linklist li a {
    background-color:transparent;
}

#formwizard .singlelabel label,
#formwizard .innercheckbox label {
    width:15em !important;
    height:auto !important;
}

* html #formwizard .singlelabel label {
    overflow-x:hidden;
}

#formwizard div.bt_plus {
    float:left;
}

#formwizard div.bt_plus input {
    background:transparent url('/css/maintopic/dwt/plus.gif') no-repeat;
    background-position:0 0.15em;
    border:none;
    height:1.2em;
    width:1.2em;
    padding:0;
    margin:0 0.5em 0 0;
}

#formwizard div.bt_minus {
    float:left;
}

#formwizard div.bt_minus input {
    background:transparent url('/css/maintopic/dwt/minus.gif') no-repeat;
    background-position:0 0.15em;
    border:none;
    height:1.2em;
    width:1.2em;
    padding:0;
    margin:0 0.5em 0 0;
}

#content ul.btlinks {
    margin:0;
}

#content ul.btlinks li.bt_merkzettel {
    margin:0;
    padding:0 0 0 2em;
    list-style-image:none;
    background:url('/img/bt_edit.gif') no-repeat;
    border:1px solid #E6EEDE;
}

#content ul.btlinks li a {
    display:block;
    font-size:0.8em;
    line-height:2em;
    padding:0 0 0 1.6em;
    background:transparent url('/img/maintopic/dwt/linkanstrich_sub_sub.gif') no-repeat;
    background-position:0 0.6em;
}

#formwizard .checkboxleft label,
#formwizard .innercheckbox label {
    color:#000000;
}

* html #formwizard .checkboxleft input.checkbox {
    margin-left:0;
}

#formwizard .singlelabel {
    font-weight:bold;
}

#formwizard .innercheckbox {
    padding:0 0 2em 3em;
}

#formwizard .innercheckbox div.checkbox label {
    padding-bottom:1.2em !important;
}

#formwizard .threeinput {
    padding:0 0 0 10%;
}

#formwizard .threeinput label {
    width:11%;
}

#formwizard .threeinput input {
    width:15%;
}

#formwizard .threeinput select {
    width:14.6%;
}

#formwizard .shortselect {
    width:12.4em;
}

#formwizard .shortselect select {
    width:100%;
}

#formwizard div.disabled {
    font-style:italic;
}

#formwizard div.disabled label {
    color:#D7D7D7;
}

#formwizard div.no_cal_button {
    float:left;
    margin:0 1.3em 0 0;
    padding:0 !important;
    width:1.85em;
    height:2em;
}

a.bt_kalender,
span.bt_kalender,
span.bt_calendar {
    display:block;
    float:left;
    padding:0 !important;
    width:1.5em;
    height:1.8em;
    background:transparent url('/img/bt_calendar.gif') no-repeat;
    background-position:0.2em 0.3em;
}

a.bt_time,
span.bt_time {
    display:block;
    float:left;
    padding:0 !important;
    width:1.5em;
    height:1.8em;
    background:transparent url('/img/bt_time.gif') no-repeat;
    background-position:0.2em 0.3em;
}

#content #topicsDiv a.bt_selectall {
    display:inline;
    padding:0 1.2em 0 1.3em;
    width:auto;
    height:auto;
    font-weight:normal;
    background:transparent url('/img/maintopic/dwt/select_all.gif') no-repeat;
    background-position:0 0.1em;
}

#content #topicsDiv a.bt_deselectall {
    display:inline;
    padding:0 0 0 1.3em;
    width:auto;
    height:auto;
    font-weight:normal;
    background:transparent url('/img/maintopic/dwt/deselect_all.gif') no-repeat;
    background-position:0 0.1em;
}

#content #topicsDiv div.header {
    margin:0 0 1em 0;
    padding:0.4em;
    background-color:#DEE9D3;
}

#content #topicsDiv div.header h2 {
    display:inline;
    position:relative;
    top:0;
    margin:0 0.5em 0 0;
    padding:0.38em 1em 0.38em 0;
    border-right:0.2em solid #ffffff;
}

* html #content #topicsDiv div.header h2,
*+html #content #topicsDiv div.header h2 {
    padding:0.38em 1em 0.35em 0;
}

#content #topicsDiv div.header h2.noborder {
    border:none;
}

#topicsDiv div.topicborder {
    float:left;
    width:27.5em;
    height:1%;
    margin:0.2em 0 0.5em -0.2em;
}

#content #topicsDiv .checkbox label {
    color:#535353;
    width:9.3em;
    height:auto;
}

* html #page #content #topicsDiv .checkbox label {
    width:8em;
}

*+html #page #content #topicsDiv .checkbox label {
    width:8em;
}

#content #topicsDiv input.checkbox {
    border:none !important;
}

* html #content #topicsDiv input.checkbox {
    margin-top:-0.1em;
}

*+html #content #topicsDiv input.checkbox {
    margin-top:-0.1em;
}



/*****************************************************************
 * SEARCH - HEADER
 ****************************************************************/


#content .searchpager {
}

#content .sort {
    height:1%;
    margin:0 0 0.5em 0;
    background-color:#F7F6F3;
}

#content .sort .sortlabel {
    float:left;
    font-size:0.8em;
    padding:0.3em 0.5em 0.3em 0.5em;
    color:#666666;
    border-right:#ffffff solid 0.2em;
}

#content .sort .sortbuttons {
    float:left;
}

#content .sort .sortbuttons ul {
    margin:0;
}

#content .sort .sortbuttons ul li {
    float:left;
    width:auto;
    padding:0 0 0 0.2em;
    margin:0;
    background-image:none;
    list-style-image:none;
}

#content .sort .sortbuttons ul li a {
    font-size:1em;
    display:block;
    width:auto;
    padding:0.3em 0.5em 0.3em 0.5em;
    background-color:#F7F6F3;
    border-right:#ffffff solid 0.2em;
}

#content .sort .sortbuttons ul li a.asc {
    color:#666666;
    font-weight:bold;
    padding-left:1.5em;
    background-image:url('/img/arrow_double_top_orange.gif');
    background-position:0.4em 0.6em;
    background-repeat:no-repeat;
}

#content .sort .sortbuttons ul li a.desc {
    color:#666666;
    font-weight:bold;
    padding-left:1.5em;
    background-image:url('/img/arrow_double_down_orange.gif');
    background-position:0.4em 0.6em;
    background-repeat:no-repeat;
}

.searchpager .ergebnisinfo {
    margin:0.1em 0 0.7em 0;
    color:#666666;
}


/*****************************************************************
 * LISTING / DETAILS / CONTENT
 ****************************************************************/


.backnavtop {
    margin:0 0 1em 0;
}

#content .detailbox {
    margin:0;
}

#content dl {
    margin:0;
}

#content dd {
    margin:0 0 0 6em;
    padding:0 0 0.5em 0;
}

#content dt {
    padding:0 0 0.5em 0;
}

#content dl.detail dd {
    margin-left:9em;
}

* html #content dl.detail dd {
    float:none;
}

* html #content dl.detail dt {
    width:6em;
}

#content .detailbox h2 {
    margin:0 0 0.5em 0;
}

#content table.vkal_listing {
    margin-top:0.5em;
}

#content table.vkal_listing tr th {
    color:#666666;
    background-color:#e7e4da;
}

#content table.vkal_listing tr th.subhead {
    font-weight:normal;
    color:#666666;
    background-color:#F7F6F3;
}

#content table.vkal_listing tr th span {
    float:left;
    display:inline;
    font-size:1em;
}

#content table.vkal_listing tr th span.left {
    display:block;
    width:31em;
}

#content table.vkal_listing tr th a {
    font-weight:normal;
    padding:0 0 0 0.8em;
    background:url(/img/arrow_small_right_orange.gif) no-repeat;
    background-position:0 0.45em;
}

#content table.vkal_listing tr td {
    min-width:0;
    padding-bottom:0.5em;
}

#content table.vkal_listing tr td span {
    font-size:1em;
}

#content table.vkal_listing tr td.longcontent {
    width:18.5em;
}

#content table.vkal_listing tr td.doublelongcontent {
    width:37em;
}

#content table.vkal_listing tr td.mbutton {
    width:1.8em;
}

#content table.vkal_listing tr td a {
    display:block;
    padding-left:0;
    background-image:none;
}

#content table.vkal_listing tr td a.bt_add,
#content table.vkal_listing tr td a.bt_okay,
#content table.vkal_listing tr td span.bt_okay,
#content table.vkal_listing tr td a.bt_cancel {
    display:block;
    width:1.85em;
    height:1.6em;
    padding:0;
    background:url('/img/bt_edit.gif') no-repeat;
}

#content table.vkal_listing tr td a.bt_okay,
#content table.vkal_listing tr td span.bt_okay {
    background:url('/img/bt_okay.gif') no-repeat;
}

#content table.vkal_listing tr td a.bt_cancel {
    background:url('/img/bt_bin.gif') no-repeat;
}

#content table.vkal_listing tr td {
    background:transparent url('/img/dotted.gif') repeat-x;
    background-position:left bottom;
}


#content div.letterpanel {
    height:1%;
    margin:-1em 0 1em 0;
    padding:1em 0 1em 0.5em;
    background-color:#F7F6F3;
}

#content div.letterpanel span.letter {
    display:block;
    float:left;
    width:1.1em;
    margin:0 0.3em 0 0;
    padding:0.2em 0.1em 0.2em 0.1em;
    text-align:center;
    background-color:#ffffff;
    font-weight:bold;
}

* html #content div.letterpanel span.letter {
    margin:0 0.25em 0 0;
}

*+html #content div.letterpanel span.letter {
    margin:0 0.25em 0 0;
}

#content div.letterpanel span a {
    font-size:1em;
    display:inline;
    width:auto;
    padding:0;
}

#content div.letterpanel span.last {
    margin:0 !important;
    padding-left:0.2em;
}

#content div.letterpanel span.inactive {
    color:#9C9C9C;
}

#content div.merkzettelbox {
    border:1px solid #D1D2D4;
    margin:0 0 1em 0;
}

#content div.merkzettelbox span.head {
    display:block;
    padding:0.4em 0.2em 0.3em 2em;
    font-weight:bold;
    color:#ffffff;
    background:#7AB800 url('/img/bt_edit.gif') no-repeat;
    background-position:0.1em 0.2em;
}

#content div.merkzettelbox ul {
    margin:0.6em 0 0.5em 0;
}

#content div.merkzettelbox ul li {
    margin:0 0 0 1.8em; 
}

#content div.merkzettelbox_detail {
    padding:1em 0 0 0;
    background:transparent url('/img/icon_merkzettel.gif') no-repeat;
    background-position:14.5em 0;
}

#content div.merkzettelbox_detail div {
    padding:0.4em 0.6em 0.4em 0.6em;
    font-weight:bold;
    color:#ffffff;
    background:#7AB800 url('/img/maintopic/dwt/merkzettelbox_pen_bottom.gif') no-repeat;
    background-position:14.5em 0;
}

#content .contact dl dd {
    padding-bottom:0.3em;
    font-weight:normal;
}

#content h2.morespace {
    margin-bottom:1em;
}

#content .highlight {
    padding:0 0 0.5em 0;
    background:transparent url('/img/dotted.gif') repeat-x;
    background-position:left bottom;
}


/*****************************************************************
 * MERKZETTEL
 ****************************************************************/



#page #notepad {
    background:transparent url('/img/dotted.gif') repeat-x;
    background-position:left bottom;
    margin:0 -0.625em 1em 0;
    padding:0 0.625em 0 0;
}

#page #notepad .merkzettelimg {
    float:left;
    width:2.5em;
    height:3em;
    background:transparent url('/img/icon_merkzettel.gif') no-repeat;
    background-position:0 0.25em;
}

#page #notepad h2 {
    float:left;
    margin:0 0 0.2em 0;
}

#page #notepad a {
    float:left;
    width:9em;
}

#page #notepad p {
    float:left;
    width:9em;
}