@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100.3%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1-content,#col2-content,#col3-content{position:relative}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie-clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}@media screen, projection
{
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #4d87c7 ; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  #page-margins { text-align:left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page-margins { min-width: 880px; max-width: 880px; background: #fff; }
  #page{ padding: 10px; }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: #fff repeat-x top left;
    padding: 45px 2em 1em 20px; 
  }

  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }
  #nav-main { background-color: #336; }

  #main { background: #fff;padding:10px 0; }

  #footer { 
    color:#666; 
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid;

  }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { width: 60%; }
  #col1-content { padding: 10px 10px 10px 20px; }

  #col2 { width: 20%; }
  #col2-content { padding: 10px 20px 10px 10px; }

  #col3 { margin: 0 20% 0 60%; }
  #col3-content { padding: 10px; }



  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }
  
  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-family:"times new roman",times,serif; 
  	font-weight:bold; 
  	color:#666;
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 200%; color:#182E7A}          /* 24px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float-left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float-right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:underline;}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

.no-dot {list-style:none;
margin:0 0 1em 0;

  }
  
.no-dot li{
border-bottom:1px dashed #CAC6AD;
margin-left:0;

  }

/* =RokBox
––––––––––––––––––––––––––––––––––––––––––––––––*/
#rokbox-wrapper.rokbox-dark{}
#rokbox-wrapper .clr {clear:both;}
#rokbox-close{height:30px;width:20px;display:block;background:url(../img/rokbox/close.png) 0 0 no-repeat;clear:both;}
#rokbox-close span{display:none;}
#rokbox-top.rokbox-left{background:url(../img/rokbox/tl.png) 0 0 no-repeat;clear:both;}
#rokbox-top .rokbox-right{background:url(../img/rokbox/tr.png) 100% 0 no-repeat;}
#rokbox-top .rokbox-center{background:url(../img/rokbox/top.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;}
#rokbox-middle {overflow: hidden;}
#rokbox-middle.rokbox-left{background:url(../img/rokbox/left.png) 0 0 repeat-y;clear:both;}
#rokbox-middle .rokbox-right{background:url(../img/rokbox/right.png) 100% 0 repeat-y;}
#rokbox-middle .rokbox-center{background:#181818;margin-left:20px;margin-right:20px;}
#rokbox-bottom.rokbox-left{background:url(../img/rokbox/bl.png) 0 0 no-repeat;}
#rokbox-bottom .rokbox-right{background:url(../img/rokbox/br.png) 100% 0 no-repeat;}
#rokbox-bottom .rokbox-center{background:url(../img/rokbox/bottom.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;}
/* Object/Image container */
#rokbox-container{}
/* Spinner class that gets added when loading content and removed when loaded */
#rokbox-container.spinner{background:url(../img/rokbox/ajax-loader.gif) 50% 50% no-repeat;}
/* Arrows wrapper (for previous and next when visible) */
#rokbox-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;}
#rokbox-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;}
/* Previous arrow and its text span */
#rokbox-arrows #rokbox-previous{background:url(../img/rokbox/prev.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-previous span{display:none;}
/* text wrapper,useful to set as display none when using images */
/* Next arrow and its text span */
#rokbox-arrows #rokbox-next{background:url(../img/rokbox/next.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-next span{display:none;}
/* text wrapper,useful to set as display none when using images */
#rokbox-arrows #rokbox-previous.inactive,
#rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;}
/* Captions wrapper and titles and descriptions */
#rokbox-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;}
#rokbox-caption h2{/* titles */
margin:0 0 10px 0;padding:0;color:#999;font-size:18px;font-weight:bold;}
#rokbox-caption p{/* description */
margin:0;color:#ccc;font-size:12px;}

.figure-left {
float:left;
margin:0.3em 1em 1em 0;
}

.dont{
margin:0.3em 1em 0.2em 0;
}

ul.thumbnails {
background-color:#FFFFFF;
float:left;
line-height:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
padding:0;
text-align:center;
}

ul.thumbnails li {
display:inline;
margin:0;
padding:0;
}

ul.thumbnails a {
background-color:#FFFFFF;
border-color:#EEEEEE #DDDDDD #BBBBBB #CCCCCC;
border-style:solid;
border-width:1px;
display:block;
float:left;
margin:0 10px 10px 0;
padding:4px 4px 9px;
text-align:center;
}

ul.thumbnails img {
border-color:#BBBBBB #CCCCCC #EEEEEE #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
margin:0 auto 5px;
}

ul.thumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
}

}@media print {
body{font-size:10pt}
html{height:auto;margin-bottom:0}
#topnav,#nav,#search{display:none}
body a[href^="http:"],body a[href^="https:"]{padding-left:0;background-image:none}
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;padding:0;float:none!important;overflow:visible;display:table!important}
.subc,.subcl,.subcr{margin:0;padding:0}
.print{position:static;left:0}
.noprint{display:none!important}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
#col1-content:before,#col2-content:before,#col3-content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
}/* #col1 - x
** #col2 - 0
** #col3 - 0
*/
@media print
{
  #col1, #col1-content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }

  #col2 { display:none; }
  #col3 { display:none; }
}