@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file  basemod_draft.css
 * @creator  YAML Builder v0.3 Preview
 * @link  http://builder.yaml.de
 */

@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {background:#99a url(../img/bg_dark.gif) repeat top left; padding:10px;}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: auto;  min-width: 740px; max-width: 70em; margin:auto; }
  #page {border:1px #667 solid; background:#fff; }
  #header {position:relative; height:140px; color:#fff; background:#1f1e2e url(../img/head_bg_clouds.gif) no-repeat top right;   }
  #header img {position:relative; left:35px;}

  #header span.seminare a {z-index: 1; position:relative; width:337px; height:24px; left:570px; top: 6px; display:block; background:#1f1e2e url(../img/heiko-lassek-veranstaltungen_01_norm.png) no-repeat top right;}

  #header span.seminare a:hover  {position:relative; background:#1f1e2e url(../img/heiko-lassek-veranstaltungen_01_over.png) no-repeat top right;}
  #topnav {top:15px; right:20px }
  #nav { padding: 0 0px 0 0px ; z-index: 10; }
  #footer {color:#888; background:#fff; margin:1em; padding:1em 0 0 0; border-top:1px #ddd solid; line-height:2em;   }
  #main {background:#fff ; padding-top:1em;}

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { float: left; width: 25%; border: 0px solid #CCC; text-align:left;}
  #col2 { display:none}
  /*#col2 { float: right; width: 25%; margin:0 }
  #col3 { width: auto; margin: 0 25% 0 25%}*/
  #col3 { width: auto; margin: 0 8% 0 25%}
  #col1_content { padding: 0 0px 0 20px }
  #col2_content { padding: 0 20px 0 10px }
  #col3_content { padding: 0 20px 0 10px; border: 0px solid #CCC; }


 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  /* sidebar */
#sidebar {
 margin: 0 0 0px -15px;
 padding: 0 0px 0 0;
 background-color: inherit;
 border: 0px solid #BF0000;
}
#sidebar h1 {
 margin: 0 0 0px 5px;
 padding: 8px 0px 3px 25px;
 /*background: url(../img/square_arrow_blue.gif) no-repeat 0% .7em;*/
 text-transform: none;
 color: #9FB7CA;
}

#sidebar ul.sidemenu {
 list-style:none;
 margin:2px 2px 2px -15px;
 padding:0;
 border: 0px solid #000;
}
#sidebar ul.sidemenu li {
 margin-bottom:1px;
 border: 0px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
 display: block;
 font-weight: bold;
 color: #1e6289;
 text-decoration:none;
 padding: 2px 0px 2px 10px;
 background: transparent;
 border-left:#CCC 5px solid;
 min-height: 18px;
}
#sidebar ul.sidemenu li#active a{
 display: block;
 font-weight: bold;
 color: #FFF;
 text-decoration:none;
 padding: 2px 0px 2px 10px;
 background:#1e6289;
 border-left:#CCC 5px solid ;
 min-height: 18px;
}
#sidebar ul.sidemenu a:hover {
 padding:2px 5px 2px 10px;
 background: #f2f2f2;
 color: #000;
 border-left:5px solid #1e6289;
}

#sidebar ul.sidemenus {
 list-style:none;
 margin:2px 2px 2px -15px;
 padding:0;
 border: 0px solid #000;
}
#sidebar_1 ul.sidemenus_1 {
 list-style:none;
 margin:2px 2px 2px -32px;
 padding:0;
 border: 0px solid #000;
}
#sidebar ul.sidemenus li, #sidebar_1 ul.sidemenus_1 li {
 margin-bottom:1px;
 border: 0px solid #f2f2f2;
}
#sidebar ul.sidemenus a,#sidebar_1 ul.sidemenus_1 a {
 display: block;
 font-weight: bold;
 color: #1e6289;
 text-decoration:none;
 padding: 2px 0px 2px 25px;
 background:#f2f2f2 url(../img/square_arrow.gif) no-repeat 0px 3px;
 border-left: 0px solid #CCC;
 min-height: 18px;
}
#sidebar ul.sidemenus li#active a,#sidebar_1 ul.sidemenus_1 li#active a{
 display: block;
 font-weight: bold;
 color: #FFF;
 text-decoration:none;
 padding: 2px 0px 2px 25px;
 background:#83A2BB url(../img/square_arrow_blueback2.gif) no-repeat 0px 3px;
 border-left: 0px solid #CCC;
 min-height: 18px;
}
#sidebar ul.sidemenus a:hover,#sidebar_1 ul.sidemenus_1 a:hover {
 padding:2px 0px 2px 25px;
 background:#ECF0F4 url(../img/square_arrow_blue.gif) no-repeat 0px 3px;
 color: #000;
 border-left:0px solid #1e6289;
}


#kapitel ul {
 list-style:none;
 margin:2px 2px 2px -30px;
 padding:0;
 border: 0px solid #000;
}
#kapitel ul li {
 margin-bottom:1px;
 border: 0px solid #f2f2f2;
}
#kapitel ul a {
 display: block;
 font-size:86%;
 font-weight: normal;
 color: #1e6289;
 text-decoration:none;
 padding: 2px 0px 2px 10px;
 background: transparent;
 border-left:#CCC 5px solid;
 min-height: 18px;
}
#kapitel ul a:hover {
 border-left:#1e6289 5px solid;
 min-height: 18px;
}

}