@charset "ISO-8859-1";
/**
 * "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(basemod.css);
@import url(content.css);

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


/*  body { background:transparent none; padding: 10px 0; } */
  body { background:url(../img/main_bg_ext.jpg) no-repeat center 0px #0D0B0E; padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin:0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width:960px; min-width:inherit; max-width:none; background:transparent url('../img/bg.jpg') top left no-repeat; }
  #page { padding:0; background:transparent url('../img/main_bg.jpg') 0 325px no-repeat; }

  #header { padding:0; width:960px; height:136px; padding:0; margin:0; border:0px solid #000;}
  #header img { display:block; }

  #header #event_flag { position:absolute; top:13px; right:35px; color:#aaa; font-weight:bold;
   background:transparent url("../img/event_flag.gif") top left no-repeat; }

  #header #event_flag a:link,
  #header #event_flag a:visited { color:#000000; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:2px 0 0 5px;
   display:block; width:206px; height:20px; background:transparent url("../img/event_flag_link.gif") 88% 6px no-repeat; }

  #header #event_flag a:hover,
  #header #event_flag a:active { color:#666666; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:2px 0 0 5px;
   display:block; width:206px; height:20px; background:transparent url("../img/event_flag_link.gif") 88% 6px no-repeat; }


  #header #topnav { position:absolute; top:65px; right:40px; color:#aaa; font-weight:bold; background:transparent; }

  #topnav a:link,
  #topnav a:visited { color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:bold;
   text-decoration:none; }

  #topnav a:hover,
  #topnav a:active { color:#C0C0C0; text-decoration:none; text-transform:uppercase; font-weight:bold;
   text-decoration:none; }

/* Navigation */
  #nav { overflow:hidden; float:left; margin-right:3px; }

  #nav_main ul  { list-style:none; padding:0; margin:0; height:1%; float:left; }
  #nav_main ul li { list-style:none; padding:0; margin:0; }

  #nav_main ul li a:link,
  #nav_main ul li a:visited { display:block; width:166px; background:transparent url('../img/navi_bg.jpg') top left no-repeat;
  padding:3px 0px 7px 5px; margin-left:5px; font-size:88.33%; text-transform:uppercase; font-weight:bold; color:#F0F0F0; text-decoration:none; }

  #nav_main ul li a:hover,
  #nav_main ul li a:active { display:block; width:165px; background:transparent url('../img/navi_bg.jpg') top left no-repeat;
  padding:3px 0px 7px 5px; margin-left:5px; font-size:88.33%; text-transform:uppercase; font-weight:bold; color:#C0C0C0; text-decoration:none; }
/* Ende Navigation */


  #teaser_image { float:left; }
  /*#teaser_image div { min-height:256px; height:auto !important; height:256px;}*/
  #teaser_image .teaser_image { position:absolute; top:101px; border:1px solid #FFFFFF; border-top:0; }



/* Gelber Kasten */
  #teaser_event { float:left; position:relative; margin-left:30px; margin-top:-25px; }
  #teaser_event p { width:235px; }
/* Newsticker */
  #ticker { color:#FFFFFF; }


  #ticker a.ticker:link,
  #ticker a.ticker:visited { background:transparent none; color:#FFFFFF; padding-left:0; }

  #ticker a.ticker:hover,
  #ticker a.ticker:active { background:transparent none; color:#F0F0F0; padding-left:0; }

  #main { margin:0; padding:0; margin-top:5px; padding-bottom:10px; background:transparent; }

  #col1 { float:right; width:297px; margin:0; }
  #col3 { width:auto; margin:0 297px 0 0; }
  #col1_content { min-height:279px; padding: 15px 30px 15px 5px; margin:0 20px 0 7px; background:#FFFFFF; }
  #col3_content { padding: 15px 30px 15px 5px; margin-left:10px; background:#FFFFFF; min-height:280px; }

/* allgemeine Elemente */

  #teaser_event a:link,
  #teaser_event a:visited,
  #col3_content a:link,
  #col3_content a:visited,
  #col1_content a:link,
  #col1_content a:visited { color: #000000; text-decoration:none; padding-left:15px;
   background:transparent url('../img/icon_link.jpg') 0px 4px no-repeat; }

  #teaser_event a:hover,
  #teaser_event a:active,
  #col3_content a:hover,
  #col3_content a:active,
  #col1_content a:hover,
  #col1_content a:active { color: #AF2638; text-decoration:none; padding-left:15px;
   background:transparent url('../img/icon_link.jpg') 0px 4px no-repeat; }




/* rechte Spalte */

  #col1_content h2 { font-size:116.67%; text-transform:uppercase; font-weight:bold; color:#000000;
   padding-left:5px; border-bottom:2px solid #B02938; width:230px; margin-bottom:1em; }

  #col1_content p { padding-left:5px; }

  #col1_content ul.subnavi { list-style:none; padding:0; margin:0; }
  #col1_content ul.subnavi li { list-style:none; padding:0 0 0 5px; margin:0; }

/* Content */

  #col3_content h1 { font-size:116.67%; text-transform:uppercase; font-weight:bold; color:#000000;
   padding-left:5px; border-bottom:2px solid #B02938; width:230px; margin-bottom:1em; }

  #col3_content h2 { font-size:133.33%; color:#000000; font-weight:bold; padding-left:35px;
   background:transparent url('../img/icon_heading.jpg') 15px 7px no-repeat; }

  #col3_content p { padding-left:35px; color:#000000; }

  #col3_content ul li,
  #col3_content ol li { margin-left:35px; }


  #col3_content .kk_image_right { float:right; margin-left:5px; }
  #col3_content .kk_image_left  { float:left; margin-right:5px; }

  #col3_content div.artist_gallery { padding-left:35px; }

  #col3_content div.artist_gallery a { padding:0; background:transparent none; }


  #col3_content div.artist_gallery .gallery_img { float:left;margin-bottom:5px;margin-right:5px; }
  #col3_content div.artist_gallery .gallery_clear { clear:left; }

  #img_desc { display:none; position:absolute; background-color:#AF2638; border:1px solid #FFFFFF; color:#FFFFFF; height:auto; padding:5px;
  width:300px; z-index:100; }

  #col3_content form { margin-left:35px; }

  #col3_content form label { display:block; float:left; width:10em; }

  #col3_content form input.form_text { width:12em; }