/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 */

@charset "UTF-8";


  /* (en) Marginal areas & page backggground */


	body { background: #f2f2e6; }

	body > header { min-width: 980px; }
	body > footer,
	body > nav,
	body > [id] {
		min-width: 980px;
	}


	* html .ym-wrapper {
		width: 980px;	/* IE6 support */
	}



	.ym-wrapper {
	        min-width: 980px;
                max-width: 980px;
		text-align:left;
		margin:0 auto;
	}
	.ym-wbox {
		padding:0px;
		position: relative;
		
	}





.ym-column{ border-left:1px #aaaaaa solid;
            border-right:1px #aaaaaa solid;
          }


.ym-col1 { float: right; width: 720px; margin: 0px 0px 0px 30px; padding: 0px 0px 0px 10px; border-left:0px #aaaaaa solid;} /* content *//*TRBL*/
.ym-col3 { width: 230px; margin: 0px 0px 0px 0px; } /* sidebar *//*TRBL*/



img { -ms-interpolation-mode:bicubic; }


#header {
         color:#000000;
         background:#f2f2e6 repeat-x top left;
         padding:35px 1em 0px 1em; /*TRBL*/
         position:relative;
        }

#header span {
              color:#000000;
              background:#f2f2e6 repeat-x top left;
              clear:both;
             }



  /* (en) #topnav gets absolute positng within #header */

  #topnav {
           background: #dddddd;
           border-top:1px #aaaaaa solid;
           border-bottom:1px #aaaaaa solid;
           color:#000000; 
           display:block;
           font-weight:normal;
           font-family: sans-serif;
           font-size:1em;
           position:absolute;
           width:100%;
           height: 30px;
           line-height: 30px;
           top:0px;
           left:0px; /* LTR.. */
           text-align:center; /* LTR */
          }


 
  #topnav2 { 
  	  background: transparent; 
  	  padding:34px 0px 0px 0px;/*TRBL*/
    	  color:#000000;
  	  text-align:right; /* LTR */
  	  font-family: sans-serif;
  	  font-size:1em;
  	  height: 20px;
          line-height: 20px;
         }
  
 

#topnav3 { 
	  background:transparent; 
	  padding:24px 0px 14px 0px;/*TRBL*/
	  text-align:center; /* LTR----- */
	  color:#b22222;
	  display:block;
	  font-size:4.5em;
          font-weight:normal;
	  text-decoration:none;
	  width:auto;
	  outline: 0 none;
	 }
	  	


  /* (en) adjustment of navigationn */

 #nav {
           border-top:4px #000000 double;
           border-bottom:4px #000000 double;
          }



  #nav ul { margin-left:0px; }


 
  #footer {
           color:#666;
           background:#dddddd;
           padding:10px 0px;
           line-height:1.5em;
          }
  
           footer {
  		   padding:12px 0px 0px 0px;/*TRBL*/
  		   background: #dddddd;
  	           border-bottom:1px #aaaaaa solid;
  	           border-top:1px #aaaaaa solid;
  	           color:#000000; 
  	           display:block;
  	           font-weight:normal;
                   font-family: sans-serif;
  	           font-size:1em;
  	           text-align:center; /* LTR */
  	           clear:both;
	          }
  
  
  
  

  /* (en) Backup for correct positioning */
  #header, #nav, #main, #footer { clear:both; }

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


    

 /**
  * ---------------------------------------------------------------------------------- #
  *
  * (en) Styling of layout specific elements
  */

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

  #header span { color:#000000; }



  #topnav a { color:#000000; font-weight:normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color:transparent; }

  #topnav span.spanleft {position:absolute; left:0;}
  #topnav span.spanright {position:absolute; right:0;}


  #topnav2 a { color:#000000; font-weight:normal; background:transparent; text-decoration:none; }
  #topnav2 a:focus,
  #topnav2 a:hover,
  #topnav2 a:active { text-decoration:underline; background-color:transparent; }

  #topnav2 span.spanleft {position:absolute; left:0;}
  #topnav2 span.spanright {position:absolute; right:0;}


  #topnav3 a { color:#000000; font-weight:normal; background:transparent; text-decoration:none; }
  #topnav3 a:focus,
  #topnav3 a:hover,
  #topnav3 a:active { text-decoration:underline; background-color:transparent; }


  #footer a { color:#000000; background:transparent; font-weight:normal; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {background-color:transparent; text-decoration:underline; }


  #footerdivstyleleft a { color:#000000; font-weight:normal; background:transparent; text-decoration:none; margin: 0px 0px 0px 105px;}
  #footerdivstyleleft a:focus,
  #footerdivstyleleft a:hover,
  #footerdivstyleleft a:active { text-decoration:underline; background-color:transparent; }

  #footerdivstyleright a { color:#000000; font-weight:normal; background:transparent; text-decoration:none; margin: 0px 105px 0px 0px;}
  #footerdivstyleright a:focus,
  #footerdivstyleright a:hover,
  #footerdivstyleright a:active { text-decoration:underline; background-color:transparent; }


 #main { background:#f2f2e6; padding: 32px 0px 26px 0px; border-top:0px #00ff00 solid; border-bottom:0px #00ff00 solid; border-left:0px #aaaaaa solid; border-right:0px #aaaaaa solid;}
 #main .hlist, #main h6.vlist {margin: 1.5em 0 0 0;}
 #main th {white-space:nowrap;}



nav .ym-hlist {
               background: transparent;
               padding:.5px 0px 0px 0px;/*TRBL.........*/
              }

nav .ym-hlist ul li a,
nav .ym-hlist ul li strong,
nav .ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug GGG*/
		background:transparent;
		color:#000;
		display:block;
		font-size:1.1em;
		line-height: 1.1em;
		font-weight:normal;
		text-decoration:none;
		text-shadow: 0 0px 0px rgba(0,0,0,.5);
		width:auto;

           padding:0px 2px 0px 2px;/*TRBL*/
	}


.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active  {
                           color: #000;
                           text-decoration:underline;
                           outline: 0 none;
                          }


table.handdiagram {
    border: none;
    border-top: none;
    border-bottom: none;
    width:70%;
    
  }

table.handdiagram tbody th { border-top: none; border-bottom: none;  }
table.handdiagram tbody td { border-top: none; border-bottom: none; width: 33% }



  tbody tr:hover td {background: #f2f2e6}/*override yaml base style tr hover highlighting*/
  
  
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
      font-weight: 400;
      color: #161e21;
      margin: 0;
      text-align:top;
      margin: 0 0 10px 0;
	      
  }
  


 .leftcolumnheader1,
 .leftcolumnheader2,
 .leftcolumnheader3,
 .leftcolumnheader4,
 .leftcolumnheader5,
 .leftcolumnheader6,
 .rightcolumnheader1,
 .rightcolumnheader2,
 .rightcolumnheader3,
 .rightcolumnheader4,
 .rightcolumnheader5,
 .rightcolumnheader6{
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    text-align:top;
  }

  .leftcolumnheader1{
    font-size: 48px;
    /*font-size: 342.85714%; */
    /*line-height: 0.875; */
    /*margin: 0 0 0.4375em 0; */
  }

  .leftcolumnheader2 {
    font-size: 32px;
    /*font-size: 228.57143%; */
    /*line-height: 1.3125; */
    /*margin: 0 0 0.65625em 0; */
  }

  .leftcolumnheader3 {
    font-size: 24px;
               border-top:1px #aaaaaa solid;
           border-bottom:1px #aaaaaa solid;
    background:#dddddd;
    font-weight:bold; color: #AE1205;
    padding:4px 4px 4px 6px;
    margin: 0px 0px 28px 0px;
    
    /*font-size: 171.42857%; */
    /*line-height: 0.875; */
    /*margin: 0 0 0.875em 0; */
  }

  .leftcolumnheader4 {
    font-size: 20px;
    /*font-size: 150%; */
    /*line-height: 1; */
    /*margin: 0 0 1em 0; */
  }

   .rightcolumnheader1{
     font-size: 48px;
    /* font-size: 342.85714%; */
    /* line-height: 0.875; */
    /* margin: 0 0 0.4375em 0; */
   }
 
   .rightcolumnheader2 {
     font-size: 32px;
    /* font-size: 228.57143%; */
    /* line-height: 1.3125; */
    /* margin: 0 0 0.65625em 0; */
   }
 
   .rightcolumnheader3 {
     font-size: 24px;
    /* font-size: 171.42857%; */
    /* line-height: 0.875; */
    /* margin: 0 0 0.875em 0; */
   }
 
   .rightcolumnheader4 {
     font-size: 20px;
    /* font-size: 150%; */
    /* line-height: 1; */
    /* margin: 0 0 1em 0; */
   }
 
  
span.sp {
color:black;
font-size:142%;
text-align:bottom;
line-height:90%;
}

span.ht {
color:red;
font-size:133%;
text-align:bottom;
line-height:90%;
}

span.di {
color:red;
font-size:148%;
text-align:bottom;
line-height:90%;
}

span.cl {
color:black;
font-size:126%;
text-align:bottom;
line-height:90%;
}

span.highlightred{
color:#FF0033
}

span.highlightgrey{
color:#A8A8A8
}