@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 print layout | Druck-Layout einbinden */
/* @import url(yaml/print_draft.css); */

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

/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body { background:#000; padding:10px 0; }

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

/* Layout Properties | Layout-Eigenschaften */
.page_margins { width:950px; background:#000; }
.page { padding:0 30px; position:relative; }

#header { padding:25px 0; background:#000; overflow:hidden; z-index:20; }
#header img { float:right; }

#festival_logo { position:absolute; left:54px; z-index:100; }

#nav { overflow:hidden; z-index:15; }
#nav div.hlist { float:right; }
div.hlist ul { padding:0; margin:0; overflow:hidden; }
div.hlist ul li { list-style:none; padding:0; margin:0; float:left; }

div.hlist ul li a { display:block; padding:2px 0.5em;
  font-weight:bold; border-left:2px solid #000; }

div.hlist ul li a:link,
div.hlist ul li a:visited { color:#000; background-color:#F57700; }

div.hlist ul li.current a:link,
div.hlist ul li.current a:visited,
div.hlist ul li a:hover,
div.hlist ul li a:active,
div.hlist ul li a:focus { color:#FFF; text-decoration:none; background-color:#F57700; }


#main { margin:10px 0; background:#000; }

.index #main { padding-top:140px; }

#content_index { width:450px; margin:0 auto; }

#content_main { margin-left:125px; margin-top:50px; position:relative; }

#content_main .content_left { margin-top:100px; }

#event_list { overflow:hidden; }
#event_list ul { margin:0; padding:0; }
#event_list ul li { margin:0; padding:0; float:left; list-style:none; }
#event_list ul li img { display:block; }


.c80l, .c20l {float: left; }
.c80r, .c20r {float: right; margin-left: -5px; }
.c20l, .c20r { width: 20%; }
.c80l, .c80r { width: 80%; }
.c100, { width: 100%; }


#footer { padding:10px 20px; background:#000; text-align:center; }

#festival_part ul { position:relative; width:705px; padding:0; margin:0 auto; overflow:hidden; }
#festival_part ul li { float:left; padding:0; margin:0; list-style:none; }
#festival_part ul li a img { display:block; }

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

.weather_both { padding-left:50px; background:transparent url(../img/icn_weather_both.png) center left no-repeat; color:white; }
.weather_good { padding-left:25px; background:transparent url(../img/icn_weather_good.png) center left no-repeat; color:white; }
.weather_bad { padding-left:25px; background:transparent url(../img/icn_weather_bad.png) center left no-repeat; color:white; }

.white { color:white; }


div.add_info { float:right; }
div.event_title { margin-bottom:2em; overflow:hidden; }
div.event_info { position:absolute; top:30px; display:none; width:300px; }

ul#events { margin:0; padding:0; border-top:1px dotted #CFDBEF; }
ul#events li { margin:0; padding:0; list-style:none; border-bottom:1px dotted #CFDBEF; }

ul#events li a { display:block; padding:5px 0 5px 5px; overflow:hidden; text-transform:uppercase; line-height:1.2em; cursor:pointer; }

ul#events li a:link,
ul#events li a:visited { color:#CFDBEF; background-color:transparent; }

ul#events li a:hover,
ul#events li a:active,
ul#events li a:focus { color:#FFF; background-color:#222; }

ul#events li a span { position:relative; display:block; float:left; }

ul#events li a span.event_date { width:85px; text-align:right; }

ul#events li a span.event_title { width:310px; margin-left:5px; text-align:right; }
ul#events li a span.event_title strong { display:block; color:#F57700; letter-spacing:1px; }

ul#events li a span.event_img { width:40px; height:40px; overflow:hidden; text-align:right; margin-left:9px; }
ul#events li a span.event_img img { display:block; float:right; }

dl.styleless { margin:0 0 1em 0; padding:0; }
dl.styleless dt { margin:0.5em 0 0 0; padding:0; }
dl.styleless dd { margin:0; padding:0; }

#yt_vid { margin-top:10px; }

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { margin:0 0 0.25em 0; }

/*
  Schriftgrößenberechnung: (gewünschte Schriftgröße (px) / 12(px)) x 100
  Bsp: (24 / 12) * 100 = 200 || 200% = 24px
*/
h1 { font-size:316.667%; color:#5360A7; margin:0 0 0.5em 0; }

h2 { font-size:166.667%; color:#F57700; }
h3 { font-size:100%; color:#FFF; color: #F7CA00; }

/*strong { color:#F57700; }*/

strong [{
  color: white;
}


.img_list
{
  width: 760px;
  clear: both;
  margin: 0 0 0 50px;
  padding: 0;
}

.thumbnail
{
  width: 140px;
  float: left;
  margin: 0 5px 0 0;
  text-align: left;
}

event_info h3
{
  color:white;
}