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

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/slim_base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(content.css);
@import url(forms.css);

/* import print layout | Druck-Layout einbinden */
@import url(yaml/slim_print_base.css);


@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background:#B90000 url(../img/page_bg.jpg) repeat top left; padding: 10px 0; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 960px; background:transparent; }
  .page { padding: 10px; }
  #header { padding:5px 20px; color: #FFF; background:transparent; }
  #main { margin: 10px 0; background:transparent; }
  #footer { background:#FFAA42; border-top:0px; color:#990000; font-size:91.67%; margin:0 44px 0 20px; padding:7px 20px; }

  #footer a:link,
  #footer a:visited { color:#000; }

  #footer a:hover,
  #footer a:active,
  #footer a:focus { color:#FFF; text-decoration:none; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float:left; width:210px; }
  #col2 { display:none; }
  #col3 { width:auto; margin:0 0 0 210px; }
  #col1_content { padding:7px 10px 0 20px; }
  #col3_content { padding:0 44px 0 28px; }

  #addcol { width:auto; margin-top:2em; }
  #addcol_content { padding:0 44px 0 20px; }

  /*-------------------------------------------------------------------------*/

  #nav { margin-top:1.5em; height:22em; }

  #nav ul { margin:0; padding:0; width:190px; z-index:20; height:19em; }

  #nav li { background-color:transparent; display:inline; float:left; list-style:none; margin:0; padding:0;
    position:relative; width:190px; }

  #nav li li { background-color:#B90000; }

  #nav li ul { position:absolute; left:-999em; margin-left:190px; margin-top:-2.1em; z-index:10; border-left:1px solid #000; }

/* 2. Ebene ist breiter; also in 3. Ebene mehr Abstand nach links */
  #nav li ul ul { margin-left:205px; }

  #nav li.has_sub:hover,
  * html #col1 #nav li.sf_hover { color:#FFF; background-color:#FFAA42; border-right:2px solid #B90000; }

/* Hover-Effekt */
  #nav li:hover ul ul,
  #nav li:hover ul ul ul,
  #nav li.sfhover ul ul,
  #nav li.sfhover ul ul ul
  { left:-999em; }

  #nav li:hover ul,
  #nav li li:hover ul,
  #nav li li li:hover ul,
  #nav li.sfhover ul,
  #nav li li.sfhover ul,
  #nav li li li.sfhover ul
  { left:auto; }

/* 1. Ebene */
  #nav li a { border-bottom:1px solid #DA8167; color:#FFAA42; display:block; line-height:2em; padding:0 0 0 10px;
    width:180px; outline:0; }

  #nav li a:link,
  #nav li a:visited { background-color:transparent; text-decoration:none; }

  #nav li a:hover { background-color:#FFAA42; color:#FFF; text-decoration:none; }

  #nav li.has_sub a { background:url(../img/icn_nav.gif) right center no-repeat; border-bottom:1px solid #DA8167;
    color:#FFF; display:block; padding:0 0 0 20px; width:170px; }

  #nav li.has_sub a:hover { background:#FFAA42 url(../img/icn_nav_hover.gif) right center no-repeat; }

/* 2. Ebene */

  #nav li.has_sub li { }
  #nav li.has_sub li a { border-bottom:1px solid #DA8167; color:#FFAA42; display:block; padding:0 0 0 5px; width:200px; }

  #nav li.has_sub li a:link,
  #nav li.has_sub li a:visited { background:#B90000 none; text-decoration:none; }

  #nav li.has_sub li a:hover { background:#FFAA42 none; color:#FFF; text-decoration:none; }

  #nav li.has_sub li.has_sub { width:205px; }
  #nav li.has_sub li.has_sub a:link,
  #nav li.has_sub li.has_sub a:visited { background:transparent url(../img/icn_nav.gif) right center no-repeat; color:#FFF; }

  #nav li.has_sub li.has_sub a:hover { background:#FFAA42 url(../img/icn_nav_hover.gif) right center no-repeat; }

  /* Ajax-Loading */
  #nav li.has_sub li.has_sub.ajax_wait a {  background-image:url(../img/icn_loading.gif); }
  * html #col1 #nav li.has_sub li.ajax_wait a {  background-image:url(../img/icn_loading.gif); }

/* 3. Ebene */

  #nav li.has_sub li.has_sub ul { height:1px; overflow:hidden; }

  #nav li.has_sub li:hover ul,
  #nav li.has_sub li.sfhover ul { height:auto; overflow:visible; }

  #nav li.has_sub li.has_sub li,
  #nav li.has_sub li.has_sub li a { width:310px; }
  #nav li.has_sub li.has_sub li a:link,
  #nav li.has_sub li.has_sub li a:visited { background:#B90000 none; color:#FFAA42; text-decoration:none; }

  #nav li.has_sub li.has_sub li a:hover { background:#FFAA42 none; color:#FFF; text-decoration:none; }


  /*-------------------------------------------------------------------------*/

  #search_boxes { margin-top:2em; padding:0 0 0 10px; }
  #search_boxes form { clear:both; margin-bottom:1em; }

  #search_boxes label { color:#FFAA42; margin:0 0 0.5em 0; }
  #search_boxes input.btn_submit { width:30px; background-color:#FFAA42; border:1px solid #B90000; color:#FFF; padding:1px 2px 2px; }

  #search_boxes-date input { background-color:#FFF; border-right:1px solid #FFAA42; border-bottom:1px solid #FFAA42;
    border-left:1px solid #DA8167; border-top:1px solid #DA8167;
    padding:1px 2px 2px; width:130px; }


  #search_boxes-dateperiod h3 { font-size:100%; }
  #search_boxes-dateperiod label { }

  #search_boxes-dateperiod select { background-color:#FFF; border-right:1px solid #FFAA42; border-bottom:1px solid #FFAA42;
    border-left:1px solid #DA8167; border-top:1px solid #DA8167;
    padding:0px; margin-bottom:1px; }

  #search_boxes-dateperiod input.btn_submit { float:right; height:3.4em; margin-top:-1.75em; }

  #search_boxes-keyword input { background-color:#FFF; border-right:1px solid #FFAA42; border-bottom:1px solid #FFAA42;
    border-left:1px solid #DA8167; border-top:1px solid #DA8167;
    padding:1px 2px 2px; width:130px; }

  /*-------------------------------------------------------------------------*/

  #event_overview { position:relative; }
  #event_overview ul { margin:0; overflow:hidden; padding:0; }
  #event_overview ul li { background-color:#000; display:inline; float:left; line-height:1.2em; list-style:none;
    margin:0 0 1em 0.5em; padding:4px; background:transparent url(../img/event_overview_shadow.png) top left no-repeat; }

  * html #event_overview ul { position:relative; height:1%; overflow:visible; }

  #event_overview ul li h3 { font-size:100%; margin:0; }

  #event_overview ul li a { color:#990000; background:transparent center center no-repeat;
    display:block; height:210px; position:relative; width:150px; z-index:4; }

  #event_overview ul li a span { cursor:pointer; display:block; padding:0 0 0 5px; overflow:hidden; position:absolute;
    width:145px; z-index:20; }

  #event_overview ul li a span.event_date,
  #event_overview ul li a span.event_category { background-color:#000000; color:#FFFFFF; line-height:1.5em;
    top:0; height:auto; left:0; }

  #event_overview ul li a span.event_category { top:1.5em; }
  #event_overview ul li a span.event_title { background-color:#FFAA42; bottom:0; height:48px; left:0; padding-top:2px; }

  #event_overview ul li a span.event_image { height:142px; left:0; overflow:hidden; padding:0;
    position:relative; top:1.5em; width:150px; z-index:19; }

  #event_overview ul li a span.event_image img { position:absolute; left:50%; top:50%; margin:-71px 0 0 -85px; }

  #event_overview ul li a span.event_location { background-color:#000000; bottom:50px; color:#FFAA42;
    height:auto !important; height:50px; min-height:50px; left:0; }
  #event_overview ul li a span.event_location:first-line { color:#FFF; }

  #event_overview ul li a span.event_category,
  #event_overview ul li a span.event_location { visibility:hidden; }

  #event_overview ul li a:hover,
  #event_overview ul li a:active,
  #event_overview ul li a:focus { text-decoration:none; }

  #event_overview ul li a:hover span.event_category,
  #event_overview ul li a:active span.event_category,
  #event_overview ul li a:focus span.event_category,
  #event_overview ul li a:hover span.event_location,
  #event_overview ul li a:active span.event_location,
  #event_overview ul li a:focus span.event_location { visibility:visible; }

  /*-------------------------------------------------------------------------*/

  #event_list { background-color:#FFFFFF; }
  #event_list h2 { background-color:#FFAA42; color:#990000; font-size:116.67%; font-weight:bold;
    line-height:1.5em; padding-left:10px; text-transform:uppercase; }

  #event_list ul { margin:0; padding:5px; }
  #event_list ul li { clear:left; display:inline; line-height:1.1em; list-style:none; margin:0; padding:0; list-style:none; }

  #event_list ul li h4 { border-top:1px solid #E98C07; font-size:91.67%; margin:0; }
  #event_list ul li a { background:#FFF 4px 4px no-repeat; display:block; height:75px; height:auto !important;
    min-height:75px; overflow:hidden; padding:4px 0 4px 4px; width:auto; }

  #event_list ul li a:link,
  #event_list ul li a:visited {}

  #event_list ul li a:hover,
  #event_list ul li a:active,
  #event_list ul li a:focus { background-color:#FCE9CE; text-decoration:none; }

  #event_list ul li span { color:#000; cursor:pointer; display:block; float:left; margin-right:15px; }

  #event_list ul li span.event_image { overflow:hidden; width:135px; }
  #event_list ul li span.event_image img { display:block; }
  #event_list ul li span.event_date { font-weight:bold; width:75px; }
  #event_list ul li span.event_title { color:#E98C07; font-weight:bold; width:250px; }
  #event_list ul li span.event_author { width:125px;}
  #event_list ul li span.event_location { width:125px; }
  #event_list ul li span.event_readmore { background:transparent url(../img/icn_arrow.gif) right center no-repeat;
    font-weight:bold; width:40px; margin-right:0; }

  /* Anpassungen für Inhalts-Liste */
  #content_box-content #event_list ul { padding:0; }

  #content_box-content #event_list ul li span.event_image { width:95px; }
  #content_box-content #event_list ul li span.event_date { width:75px; }
  #content_box-content #event_list ul li span.event_title { width:150px; }
  #content_box-content #event_list ul li span.event_author { width:95px;}
  #content_box-content #event_list ul li span.event_location { width:95px; }
  #content_box-content #event_list ul li span.event_readmore { width:40px; }

  * html #content_box-content #event_list ul li a { width:624px; }
  * html #content_box-content #event_list ul li span.event_date { width:70px; }


  /*-------------------------------------------------------------------------*/

  #orga_list ul { margin:0; overflow:hidden; padding:0; }
  #orga_list ul li { background-color:#FFF; border-top:1px solid #E98C07; font-size:91.67%; height:1%;
    list-style:none; margin:0; overflow:hidden; padding:3px 5px; }

  * html #orga_list ul li { overflow:visible; }

  #orga_list ul li:hover {  background-color:#FCE9CE; }

  #orga_list ul li address { float:left; width:50%; }
  #orga_list ul li p { float:right; width:50%; }


  /*-------------------------------------------------------------------------*/

  #addevent_list ul { margin:0 0 1em 0; padding:0; }
  #addevent_list ul li { margin:0; padding:0; list-style:none; }

  /*-------------------------------------------------------------------------*/

  h1 span { color:#FFAA42; display:block; font-size:50%; font-weight:bold; }

  #content_box { background-color:transparent; }

  #content_box-header,
  #content_box-footer { background-color:#FFAA42; height:30px; height:auto !important;  min-height:30px; padding:0 10px; }

  #content_box-header p,
  #content_box-footer p,
  #content_box-header h3 { color:#000; font-size:100%; font-weight:bold; padding:7px 0 3px; margin-bottom:0; }

  #content_box-header p,
  #content_box-footer p { font-size:91.67%; font-weight:normal; }

  #content_box-header a:hover,
  #content_box-header a:active,
  #content_box-header a:focus,
  #content_box-footer a:hover,
  #content_box-footer a:active,
  #content_box-footer a:focus { color:#FFF; }

  #content_box-content { background-color:#FFF; padding:10px; }
  #content_box-content h3 { color:#000; }

  #content_box-content h4 { font-size:100%; color:#000; font-weight:bold; }

  #content_box a { padding-left:10px; background:transparent url(../img/icn_arrow.gif) left center no-repeat; }
  #content_box a.linkdown { padding-left:10px; background:transparent url(../img/icn_arrowdown.gif) left center no-repeat; }

  #content_box .shortdesc { font-weight:bold; }

  #content_box-footer p#preise { margin-bottom:0; }

  .content_box-shadow { background:url(../img/img_shadow_col3.png) 0px -5px no-repeat; }
  .content_box-shadow-gr { background:url(../img/img_shadow_col3_gr.png) 0px -5px no-repeat; }
  .content_box-shadow-bottom { padding-bottom:20px; background:url(../img/img_shadow_col3.png) bottom left no-repeat; }
  .content_box-shadow-bottom-gr { padding-bottom:20px; background:url(../img/img_shadow_col3_gr.png) bottom left no-repeat; }

  #event_images .event_images-image { padding-bottom:18px; background:transparent url(../img/img_shadow.png) bottom left no-repeat; }

  #event_images img { display:block; }
  #event_images p { background-color:#FFF; font-size:91.67%; padding:5px; margin:0; }

  div.maps { position:absolute; left:-999em; } /* antispam */

}