@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.2
 *
 */



/* ####################
*     ANPASSUNGEN
*  ##################/*

/* Layout-Basics */
body {
    background:         #fff;
    font-family:        "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size:          12px;
}
#main {
    margin:      2em 0 0 0;
}
#col3{
    padding: 0 2em;
    padding-top: 2em;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

li {
    margin-left: 0;
}

h1, h2, h3, h4 {
	color: #324fa6;
	font-family: Verdana,Geneva,sans-serif;
}
h4 {
    border-left: 4px solid #f90;
    border-bottom: 1px solid #f90;
    padding-left: 8px;

}
h1{ font-size: 1.8em}
h2{ font-size: 1.5em}
h3{ font-size: 1.2em}
h4{ font-size: 1.1em}

fieldset {
    border:1px #ddd solid;
    background:#fafafa;
    margin:0 0 1em 0;
    padding: 0.5em;
  }

legend {
    font-size:1.1em;
    font-weight:normal;
    color:#000;
  }

table {
        width: 99%;
}

a, a:hover, a:visited, a:active{
    color: black;
}
.reminder_links{
    text-align: right;
}
.reminder_links a,
.reminder_links a:active,
.reminder_links a:hover,
.reminder_links a:visited{
    color: #324FA6;
}

.red{
    color: #a00;
}
.green{
    color: #060
}

button {
	padding: 0 8px 0 8px;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
}

/* Anpassungen für den Header */

/* Logo */
#header{
    padding:            10px 2em 2em 0;
}

.cover_image{
    width:              168px;
    border:             1px solid #999;
}

.logo_image {
    height:             60px;
    margin:             0;
    padding:            0;
}
.logo_text {
    color:              #999;
    font-size:          17px;
    padding:            0 0 0 20px;
}
#header .subcolumns .c66r .subcr{
    padding-top:        67px;
}
.pagination {
    color:              #482800;
    font-family:        Tahoma, Geneva, sans-serif;
    font-size:          10px;
}

/* Anpassungen fürs Menü*/

/* ganze Liste */
.hlist {
    background:         none;
    border:             none;
    width:              100%;
    list-style-type:    none
}
.hlist.subnav {
    margin-top:         7px;
    letter-spacing:     0.05em;
}
/*Liste*/
.hlist ul {
    border:             none;
}
.hlist.subnav ul{
    float:              right;
}
/*einzelne Buttons*/
.hlist ul li{
    border:             1px solid #D5E7EC;
    border-left-width:  4px;
    font-size:          14px;
    font-family:        Tahoma,Geneva,sans-serif;
    height:             30px;
    width:              120px; /*default-Breite, wird im Template final zugewiesen*/
    text-align:         center;
    vertical-align:     middle;
}
/*SUB einzelne Buttons*/
.hlist.subnav ul li{
    border:             none;
    margin:             0 1px 0 4px;
    font-size:          12px;
    font-family:        Tahoma,Geneva,sans-serif;
    background-color: #ff7f00;
    height:             24px;
}
/*Link und Text im Button*/
.hlist ul li a, .hlist ul li strong{
    text-decoration:    none;
    line-height:        28px;
    font-weight:        bold;
    padding:            0;
    margin:             0;
    color:              #324FA6;
}
/*SUB Link und Text im Button*/
.hlist.subnav ul li a, .hlist.subnav ul li strong{
    text-decoration:    none;
    line-height:        23px;
    font-weight:        normal;
    padding:            0;
    margin:             0;
    color:              #fff;
}
/*hover für Buttons*/
.hlist ul li:hover {
    border-color:       #324FA6;
}
/*SUB hover für Buttons*/
.hlist.subnav ul li:hover {
    border: 1px solid #324FA6;
    border-width: 0 1px 0 1px;
    margin: 0 0 0 3px;
}
/*aktives Menü-Element*/
.hlist ul li.active{
    border:             1px solid #324FA6;
    border-left-width:  4px;
    background-color:   #324FA6;
    background-image:   none;    
}
.hlist ul li.active strong,
.hlist ul li.active a
{
    color:              #fff;
}
/*SUB aktives Menü-Element*/
.hlist.subnav ul li.active{
    border:             none;
    background-color:   #324FA6;
}
.hlist.subnav ul li.active strong{
    color:              #fff;
}
/*hover für Links*/
.hlist ul li a:hover,
.hlist ul li a:focus,
.hlist ul li a:active {
    background:         none;
    color:              #324FA6;
}
/*SUB hover für Links*/
.hlist.subnav ul li a:hover,
.hlist.subnav ul li a:focus,
.hlist.subnav ul li a:active {
    color:              #fff;
}

/* Anpassungen für das Untermenü links*/

/* Hintergrundbild */
#col1 {
    background:         transparent;
}
/* keine Abstände */
#col1_content {
    padding:            0 10px 0 10px;
}
/* Überschriften (h6) */
h6.vlist {
   background-color:    transparent;
   color:               #000;
   text-align:          center;
   padding:             3px 0 3px 0;
   margin:              0 0 4px 0;
   width:               100%;
   border-top:          none;
   border-bottom:       2px solid #324FA6;
}
/* ganze Liste */
.vlist {
    border-bottom:      none;
}
/* einzelne Buttons */
.vlist li {
    margin:             1px 0 1px 0;
    width:              165px; /*Breite der Spalte abzüglich je 1 pixel border*/
   }
.vlist a, .vlist a:visited {
    
}
/* Inhalt der Buttons */
.vlist li a,
.vlist li strong,
.vlist li span {
    border:             1px solid #D5E7EC;
    border-right-width: 4px;
    padding-left:       3%;
    padding-right:      2%;
    width:              95%;
}
/*hover für Links*/
.vlist li a:hover,
.vlist li a:focus,
.vlist li a:active {
    background-color:   inherit;
    color:              inherit;
    text-decoration:    none;
    border-color:       #324FA6;
}
/*aktiver Eintrag*/
.vlist li.active{
    background-color:   #fff;
    /*background-color: #324FA6;*/
}

.vlist li.active strong,
.vlist li.active a{
    border-color:       #324FA6;
    color:              #fff;
    background-color:   #324FA6;
}

.vlist li.active li strong,
.vlist li.active li a{
    background-color:   #fff;
    border-color:       #D5E7EC;
    color:              #000;
}

.vlist li.active li a:focus,
.vlist li.active li a:hover{
    border-color:       #324FA6;
    background-color:   #fff;
    color:              #000;
}

.vlist li.active li.active strong,
.vlist li.active li.active a{
    background-color:   #324FA6;
    border-color:       #324FA6;
    color:              #fff;
    font-weight:        bold;
}

.vlist li span {
    font-weight:        normal;
    border-bottom-color: #324FA6;
}

/*und den ganzen Krempel nochmal für die Ebenen */

/* Ebene 2 */
.vlist li ul li {
    margin:             1px 0 1px 10px;
    width:              156px; /*Breite der Spalte - 10px links - 4px für die dicke border bei aktivität*/
    line-height:        1.3em;
}
/* Ebene 3 */
.vlist li ul li ul li {
    width:              146px; /*Breite der Spalte - 20px links - 4px für die dicke border bei aktivität*/
    line-height:        1.2em;
}
/* Ebene 4 */
.vlist li ul li ul li ul li {
    width:              136px; /*Breite der Spalte - 30px links - 4px für die dicke border bei aktivität*/
    line-height:        1.1em;
}
/* die nächsten 3 sehen etwas wild aus, sorgen aber im Prinzip nur dafür,
dass die Buttons auf allen Ebenen die gleichen Farben, etc. haben*/
.vlist li ul li span,
.vlist li ul li ul li span,
.vlist li ul li ul li ul li span {
    font-weight:        normal;
    border-bottom-color: #324FA6;
}

.vlist li ul li a,
.vlist li ul li a:visited,
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li ul li a,
.vlist li ul li ul li a:visited,
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited,
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover{
    font-weight:        normal;
    color:              #000;
    background-color:   #fff;
}
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span,
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span,
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span{
    color:              #000;
    background-color:   #fff;
    border-color:       #D5E7EC;
    padding-left:       3%;
    padding-right:      2%;
    width:              95%;
}

/* Anpassungen für den Footer */

/* border */
#footer {
    margin-top:         2em;
    border-top:         1px solid black;
}
#footer .copyright{
    font-size:          0.7em;
}

/* Anpassungen für Flash Messages */
#flashMessage {
    margin-bottom:      1em;
    padding:            0.5em;
    border:             1px dashed #ffcc66;
    background-color:   #fff4b4;
}
#flashMessage.error {
    background:         #faf4f4;
    border:             1px dashed rgb(170, 0, 0);
}
#flashMessage.success {
    border:             1px dashed lime;
    background-color:   #f4fff4;
}


/*Button für Bildupload*/
div.image_upload_box{
    padding-top:        4px;
}
#upload_status{
    font-weight:        bold;
    font-size:          1em;
    font-family:        Arial, Helvetica, sans-serif;
    padding:            5px;
    margin-top:         3px;
    border:             1px dashed #ffcc66;
    background-color:   #fff4b4;
    display:            none;
}
.upload_button{
    float:              left;
    margin:             3px 0 10px 3px;
    padding:            5px;
    width:              110px;
    font-weight:        bold;
    font-size:          1em;
    font-family:        Arial, Helvetica, sans-serif;
    text-align:         center;
    background:         #f2f2f2;
    color:              #3366cc;
    border:             1px solid #ccc;
    cursor:             pointer !important;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
#upload_status .loading_indicator{
    float:              left;
    padding-right:      8px;
}
.uploaded_image{
    float:              left;
    max-height:         150px;
    max-width:          150px;
}
ul#upload_files{
    list-style-type:    none;
    margin-left:        0;
    margin-bottom:      0;
}
ul#upload_files li.success{
    border:             1px solid #ddd;
    padding:            5px 5px 0 5px;
    margin:             2px 0;
}
ul#upload_files li.success .image_description,
div.image_upload_box .image_description
{
    margin-left: 150px;
    /*padding:            0 0 0 160px;*/
}


/* Anpassungen für YAML-Forms */

.columnar div.type-check input {
    margin-left:        0px;
    margin-top:         2px;
}
.yform .type-check input {
    width:              auto;
    float:              left;
}
.yform .type-check label {
    padding-left:       2em;
    display:            block;
}

.yform .error div.error-message,
.yform div.annotation {
    margin-left:        30%;
}
.yform div.annotation {
    font-size:          0.9em;
}
.yform div.hint {
	font-size:			0.9em;
	font-weight: 		bold;
}
.yform .type-check div.error-message {
    margin-left:        2em;
}

.yform div.required label:after {
    content:            '*';
}

.yform div.type-text input,
.yform div select,
.yform div textarea,
.yform div.type-text input,
.yform div select,
.yform div textarea,
.yform div.type-text input,
.yform div select,
.yform div textarea {
    border:             1px solid rgb(221, 221, 221);
    background:         #fff;
}
.yform div.date .jQueryDatepicker {
    margin-left:        30%;
}
.yform div.date .jQueryDatepicker .ui-datepicker-prev {
    float:              left;
    width:              30%;
}
.yform div.date .jQueryDatepicker .ui-datepicker-next {
    float:              right;
    width:              30%;
    text-align:         right;
}
.yform div.date .jQueryDatepicker .ui-datepicker-title {
    width:              100%;
    text-align:         center;
}
.yform div.date .jQueryDatepicker .ui-datepicker-calendar {
    width:              100%;
}
.yform div.date .jQueryDatepicker td {
    border-style:       none;
    text-align:         center;
    width:              14.28%;
    height:             1.5em;
}
.yform div.date .jQueryDatepicker th {
    text-align:         center;
}
.yform div.date .jQueryDatepicker .ui-datepicker-current-day {
    background-color:   #ff7f00;
}
.yform div.date .jQueryDatepicker .ui-datepicker-current-day a {
    font-weight:        bold;
    color:              #fff;
}
.yform div.date .jQueryDatepicker .ui-state-disabled {
    color:              #ccc;
}
.yform div.date .jQueryDatepicker .ui-state-highlight {
	
}

.yform #CharacterCount {
    border:             none;
    background-color:   transparent;
}

div.type-text.anmerkung h4 {
	padding-left: 1em;
}

fieldset dl dt {
    width:              30%;
    float:              left;
}
fieldset dl dd {
    width:              auto;
}

/* Anpassungen für Kleinanzeigen */
.categories ul{
    list-style-type:    circle;
}
.categories ul li{
    margin-left:        3px;
}
.categories ul li li{
    margin-left:        0;
}

div.klanz_list .dynamic {
	background-color: #ffffee;
}

div.klanz_list div.klanz {
    border-left:        2px solid rgb(242, 135, 5);
    padding:            3px 5px 3px 8px;
    margin-bottom:      1em;
}

div.klanz_list div.klanz div.cypher {
    font-size:          0.9em;
    font-weight:        bold;
    margin-top:         0.3em;    
    color:              rgb(78, 113, 217);
}


div.klanz_list div.klanz div.pictures {
	text-align: center;
	margin-top: 0.5em;
}

div.klanz_list div.klanz div.pictures img {
	max-width: 150px;
	max-height: 150px;
}

div.klanzZ.view table th {
	vertical-align: top;
}

div.klanz_preview div {
	margin-left: 30%;
}

.klanz-anchors {
    margin: 1em 0;
    padding: 0.5em 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.klanz-anchors a:active,
.klanz-anchors a:hover,
.klanz-anchors a:link,
.klanz-anchors a:visited,
{
    font-size: 1em;
    font-weight: bold;
    color: #f90;
}

table.pictures {
	empty-cells: show;
}

table.pictures tr td {
	text-align: center;
	vertical-align: bottom;
}

table.pictures tr td div.picture_description{
	margin-top: 0.7em;
	line-height: 1.5em;
	font-size: 0.9em;
}


/* Anpassungen für Kino */

div.movie_bills div.movie_bill {
    margin-bottom:      1em;
}

div.movie_bills div.movie_bill span.cinema_room {
    border:             solid rgb(102, 153, 255);
    border-width:       1px 0 1px 0;
    font-weight:        bold;
    line-height:        2.5em;
    color:              black;
}
div.movie_bills div.movie_bill div.movie_title {
    font-weight:        bold;
    font-size:          1.2em;
}
div.movie_bills div.movie_bill div.movie_title a,
div.movie_bills div.movie_bill div.movie_title a:visited {
    color:              rgb(102, 153, 255);
}
div.movie_bills div.movie_bill div.movie_title a:hover,
div.movie_bills div.movie_bill div.movie_title a:focus,
div.movie_bills div.movie_bill div.movie_title a:active {
    color:              rgb(102, 0, 51);
}

div.movies.view div.abstract {
    text-align:         justify;
    margin-bottom:      0.5em;
}
div.movies.view img.movie_image {
    float:              right;
    margin:             0 0 1em 1em;
}

/* Anpassungen für Veranstaltungen */
.categories_heading{
    font-weight: bold;
    color: #324fa6;
    padding: 3px; 
    border-bottom: 1px solid #eee; 
    height: 2.8em; 
}

div.events-list div.event {
    margin-bottom:      1em;
    border-bottom:      1px solid #ccc;
}

div.events-list div.event div.event-category {
    float:              left;
    width:              30%;
}

div.events-list div.event div.event-head {
    font-size:          1.2em;
    font-weight:        bold;
}
div.events-list div.event div.event-date {
    
}


/*div.events-list div.event div.event-text {
    font-size:          1.1em;
}
div.events-list div.event table.event-images {
	width: 100%;
}
div.events-list div.event table.event-images td.event-image {
    border:             1px solid #ccc;
    padding:            5px;
    margin:             10px 10px 10px 0px;
    width:	 			33%;
}
div.events-list div.event table.event-images td.event-image img {
	width: 100%;
}

div.events-list div.event table.event-images td.event-image {
    text-align:         center;
}*/

div.events-list div.event a.event-url {
    font-size:          1.2em;
}

div.events-list div.event div.price {
	color: rgb(255, 153, 0);
	font-size: 0.9em;
	font-style: italic;
}

ul.events-days {
    font-size:          1.2em;
    font-weight:        bold;
}
.events-list table.event-images {
    border:  none;
    width: auto;
}
.events-list table.event-images tr:hover td{
    background: none;
}
.events-list table.event-images td {
    text-align: center;
    vertical-align: bottom;
    border: none;
}
.events-list .event-image-title {
    font-size: 0.8em;
}

/*.events .events-anchors {
    margin: 1em 0;
    padding: 0.5em 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.events .events-anchors a:active,
.events .events-anchors a:hover,
.events .events-anchors a:link,
.events .events-anchors a:visited
 {
    font-size: 1em;
    font-weight: bold;
    color: #f90;
}*/
.events .catlink a{
    color: #324fa6;
    font-size: 1em;
    padding: 0 10px;
    text-decoration: underline
    
}

table.my_events tr td {
	vertical-align: top;
}
table.my_events td.event-text {

}
table.my_events td.event-info {
	width: 160px;
}
.my_events_picture_preview {
	font-size: 0.8em;
}
.my_events_picture_preview img {
	width: 64px;
	float: left;
	margin-right: 1em;
}

.events .event-url{
    margin: 0.2em 0;
}
.events .event-url a,
.events .event-url a:active,
.events .event-url a:hover,
.events .event-url a:focus,
.events .event-url a:visited{
    color: #324fa6;
    font-size: 1.2em;
}

.events .link_image{
    height: 16px;
    width: 16px;

    
}

table.events_by_kw th {
	vertical-align: top;
}
table.events_by_kw td {
	padding: 0;
}
table.events_by_kw ul {
	list-style: none;
}
table.events_by_kw.published_booklet th {
	background-color: #ddd;
}


table.my_events_element td {
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 1px 0;
}
table.my_events_element td {
	padding: 0 2px 0 5px;
}
table.my_events_element .bigbold {
	font-size: 1.1em;
	
}
table.my_events_element .smallplain {
	font-size: 0.75em;
}
table.my_events_element td.total {
	vertical-align: middle;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	border-left: solid 1px #ddd;
}

table.my_events_element {
	margin: 0 0 5px 0;
	border: 2px solid #999;
}
/* Anpassungen für Pagination */
div.pagination-controls {
    text-align:         center;
}

/* Anpassungen für Permissions */
div.permissions table.permissions-table tr.error td {
	background:         #faf4f4;
	font-weight: bold;
	color: red;
}

/* Anpassungen für Users */
div.my_account dl {
	float: left;
	width: 520px;
	margin: 1em 0;
	padding: 0;
	
}
div.my_account dt {
	clear: left;
	float: left;
	width: 200px;
	padding: 5px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-right: 0;
}

div.my_account dd {
	float: left;
	width: 200px;
	padding: 5px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-left: 0;
}


div.my_account p {
	margin-left: 1em;
}

/* Anpassungen für AutoCompleter */
div.auto_complete {
     position:			absolute;
     width:				350px;
     background-color:	white;
     border:			1px solid #888;
     margin:			0px;
     padding:			0px;
     z-index:			999;
} 
div.auto_complete  li.selected {
	background-color: #ffb;
}
fieldset.autoCompleteForm input[type=text] {
	width: 300px;
}

/* GENERELLES TABELLEN.LAYOUT */

table{
    border-top:         2px solid #999;
    border-right:       2px solid #999;
    border-bottom:      2px solid #999;
    border-left:        2px solid #999;
    margin-top:         0.5em;
    margin-bottom:      0.5em;
    border-collapse:    collapse;
}
table.noborders{
    border-top:         none;
    border-right:       none;
    border-bottom:      none;
    border-left:        none;
}
thead th {
    color: #999;
    /*border-bottom:2px #800 solid;*/
    border-bottom: none;
}
tbody th {
    background:#D5E7EC;
    color:#000;
    font-weight: bold;
}
tbody th[scope="row"],
tbody th.sub {
    background:#f0f0f0;
}

tbody th {
    border-bottom:1px solid #999;
    border-top:1px solid #999;
    text-align:left;
}
tbody td {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    
    vertical-align: top;
}
tbody td.nowrap {
    white-space: nowrap;
}
tbody td.right {
    text-align: right;
}

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub {
    background: none;
}
tbody tr:hover td {
    background: none;
}

/* Anpassungen für sidebar_ads */

ul.sidebar_notes li {
	margin-bottom: 0.7em;
}