@charset "UTF-8";
/**
 * This is a rip of the styles from http://www.yaml.de/fileadmin/examples/01_layouts_basics/styling_content.html
 * 
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  body {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 75.00%;
    color: #333;
  }
  
.dialog {
  display: none;
}

  /*--- Headings ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    /*font-family: "Times New Roman", Times, serif;*/
    font-weight:normal;
    color:#222;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 200%; }                       /* 24px */
  h3 { font-size: 150%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */

  /* --- Lists   -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  /* --- general text formatting  ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #000; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #444; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #4D87C7; background:transparent; text-decoration:none; }
  a:hover{ text-decoration:underline; }

  /* --- images (with optional captions) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

 /**
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .notice { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .error { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .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 { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * @section content-tables
  */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #E0E0E0 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }

}



/**
 * Default TkCms Text Styles
 * 
 */
@media all
{
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .headerWrap {
    margin-bottom: 20px;
  }
  .popup {
    display: none;
  }
  
  /* Header Nav */
  #headerNav {
    border: 1px solid #CECECE;
    border-width: 1px 0px 1px 0px;
  }
  #headerNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
  }
  #headerNav ul li {
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0;
    list-style: none;
  }
  #headerNav .topSearch {
	float: right;
  }
  #headerNav .topSearch input {
    background: url('images/bg_search.gif') no-repeat right #FFFFFF;
    color:  #000000;
    font-size:1.2em;
    width:140px;
    padding:0 2px 0 2px;
    margin: 0.2em 0.2em 0 0;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #D6D6D6;	
  }
  
  #topNav {
    display: none;
  }
  
  /** Article text block. */
  .Cms_Modules_Article_View h3.posted {
    font-size: 1.2em;
    margin-bottom: 20px;
  }
  .Cms_Modules_Article_View .articleNav a {
    float: right;
    margin: 0px 5px;
    background-repeat: no-repeat;
    line-height: 16px;
    content: none;
    width: 16px;
    height: 16px;
  }
  .Cms_Modules_Article_View .articleNav a.print {
    background-image: url('../images/icons/print.png');
  }
  .Cms_Modules_Article_View .articleNav a.edit {
    background-image: url('../images/icons/edit.gif');
  }
  .Cms_Modules_Article_View .articleNav a.close {
    background-image: url('../images/icons/close.png');
  }
  
  
  .post .articleHeader {
    background-color: #EEE;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
  }
  .post .articleHeader .image {
    float: left;
    margin-right: 5px;
  }
  .post .articleHeader img {
    height: 50px;
  }
  .post .articleHeader h3 {
    margin-bottom: 0px;
  }
  
  .post .emailSubscribe {
    display: none;
    position: absolute;
    width: 150px;
    padding-top: 10px;
  }
  .post .emailSubscribe #fid-semail {
      width: 120px;
  }
  .post li.email .emailSubscribe a.emailClose {
      float: none;
      display: inline;
      background-image: none;
      padding: 0;
      margin: 0;
  }
  .post .emailSubscribe .emailHead {
    background: transparent url('../lib/Cms/Ui/Social/images/bg__r1_c1.png') no-repeat top left;
    height: 12px;
  }
  .post .emailSubscribe .emailBody {
    padding: 0px 0px;
    background: transparent url('../lib/Cms/Ui/Social/images/bg__r2_c1.png') repeat-y top left;
    z-index: 9999;
  }
  .post .emailSubscribe .emailBody .wrap {
    padding: 5px 0px 0px 0px;
    margin: 0px 10px;
  }
  .post .emailSubscribe .emailFoot {
    background: transparent url('../lib/Cms/Ui/Social/images/bg__r4_c1.png') no-repeat top left;
    height: 12px;
  }
  
  
  
  .unpublished {
    background-color: #FDD;
  }
  .meta {
    padding: 2px 5px 20px 5px;
    border-top: 1px solid #CECECE;
  }
  .meta ul,
  .meta ul li {
    list-style: none;
  }
  .meta ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  .meta ul li {
    margin: 5px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
  .meta ul li a {
    float: left;
    padding-left: 20px;
    text-decoration: none;
    background: transparent url('../images/icons/dir.gif') no-repeat top left;
    white-space: nowrap;
    height: 18px;
  }
  .meta ul li.back a {
    background: transparent url('../images/icons/back.png') no-repeat top left;
  }
  .meta ul li.rss a {
    background: transparent url('../images/icons/rss.png') no-repeat top left;
  }
  .meta ul li.email a {
    background: transparent url('../images/icons/email.png') no-repeat top left;
  }
  .meta ul li.close a {
    background: transparent url('../images/icons/close.png') no-repeat top left;
  }
  .meta ul a:hover {
    text-decoration: underline;
  }
  
  
  /** Comment Styles */
  #Comment #fid-body {
    width: 400px;
    height: 100px;
  }
  .Cms_Modules_Comment_View {
    margin-top: 10px;
    width: 580px;
    margin: 0px auto;
  }
  .Cms_Modules_Comment_View .form {
    margin-left: 10px;
  }
  .Cms_Modules_Comment_View .required {
    padding: 5px 0px;
  }
  .Cms_Modules_Comment_View .boxHead {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    border-top: 1px solid #DEDEDE;
  }
  .Cms_Modules_Comment_View .boxHead .subscribe .rss {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url('../images/icons/rss16.png') no-repeat top left;
  }
  .Cms_Modules_Comment_View .commentRow {
    padding: 5px 0px 15px 0px;
    border-top: 1px solid #DEDEDE;
  }
  .Cms_Modules_Comment_View .commentRow .image {
  }
  .Cms_Modules_Comment_View .commentRow .image img {
    width: 60px;
    float: left;
    padding: 0px 10px 0px 0px;
  }
  .Cms_Modules_Comment_View .commentRow .commentRight {
    width: 550px;
    float: left;
  }
  .Cms_Modules_Comment_View .commentRow .name {
    font-weight: bold;
    padding: 5px 0px 0px 0px;
  }
  .Cms_Modules_Comment_View .commentRow .created {
    padding: 5px 0px 0px 0px;
    font-style: italic;
    font-size: 0.8em;
  }
  .Cms_Modules_Comment_View .commentRow .comment {
    padding: 5px 0px 0px 0px;
    line-height: 1.5em;
  }
  
  .Cms_Modules_Comment_View form.edit div.error p.error {
    padding: 2px 0 2px 20px;
  }
  

  
  
  
  /*** Search/List Results View ***/
  .listingResults {
    margin-top: 20px;
  }
  .listingResults .resultHead .navTop {
    border: 1px solid #CECECE;
    border-width: 1px 0px;
    padding: 1px 0px;
  }
  .listingResults .resultRow .resultImage {
    float: left;
    padding: 0px 10px 0px 0px;
    margin-bottom: 5px;
  }
  .listingResults .resultRow .resultImage img {
    width: 120px;
  }
  .listingResults .resultRow {
    margin: 5px 0px 25px 0px;
    padding: 5px;
  }
  .listingResults .resultRow .resultFoot {
    margin: 5px 0px;
    line-height: 1.5em;
    clear: both;
  }
  .listingResults .resultRow h3 {
    margin-bottom: 10px;
  }
  .listingResults .resultRow .resultContent {
    line-height: 1.5em;
  }
  .listingResults .resultFoot a,
  .listingResults .resultFoot span {
    float: left;
    padding: 0px 15px 0px 20px;
    background-repeat: no-repeat;
    line-height: 16px;
  }
  .listingResults .resultFoot .created {
    float: right;
    padding: 0px 5px 0px 20px;
    background-image: url('../images/icons/clock.gif');
  }
  .listingResults .resultFoot .comments {
    background-image: url('../images/icons/comment.gif');
  }
  .listingResults .resultFoot .more {
    background-image: url('../images/icons/page.gif');
  }
  .listingResults .resultFoot .isPage {
    background-image: url('../images/icons/page.gif');
  }
  .listingResults .resultFoot .isArticle {
    background-image: url('../images/icons/edit.gif');
  }
  .listingResults .resultFoot .edit {
    background-image: url('../images/icons/edit.gif');
  }
  .listingResults .resultFoot span a {
    background-image: none;
  }
  
  
  
  
  /* Navigation Box */
  .menuBox {
    margin: 5px 0px 25px 0px;
  }
  .menuBox h3 {
    border: 1px solid #CECECE;
    border-width: 1px 0px;
    padding: 4px 0px;
  }
  
  
  /* Navigation Box */
  .Cms_Modules_Article_NavView .row {
    margin-bottom: 10px;
  }
  .Cms_Modules_Article_NavView .title {
    font-weight: bold;
    float: left;
    font-size: 0.9em;
    width: 160px;
  }
  .Cms_Modules_Article_NavView .date {
    float: left;
    font-size: 0.9em;
    width: 25px;
    text-align: center;
    line-height: 1em;
    background-color: #999;
    color: #FFF;
    font-weight: bold;
    border: 1px solid #666;
    margin-right: 10px;
  }
  .Cms_Modules_Article_NavView .content {
    font-size: 0.8em;
    padding: 5px 0px 0px 0px;
    clear: both;
    line-height: 1.5em;
  }
  .Cms_Modules_Article_NavView .more {
    float: right;
    font-size: 0.8em;
  }
    
    
  /*** Pager And Limit ***/
  .Com_Ui_Limit {
    float: right;
  }
  div._pagerWrapper {
    width: 100%;
    overflow: hidden;
    float: left;
  }
  .Com_Ui_Pager {
    position: relative;
    left: 50%;
    float: left;
    margin: 0;
  }
  .Com_Ui_Pager li {
    position: relative;
    right: 50%;
  }
  .Com_Ui_Limit,
  .Com_Ui_Pager {
    padding: 0px;
    margin: 0px;
  }
  .Com_Ui_Limit ul,
  .Com_Ui_Pager ul {
    list-style-type: none;
  }
  .Com_Ui_Limit li,
  .Com_Ui_Pager li {
    float: left;
    display: block;
    margin: 0 2px 0 2px;
  }
  .Com_Ui_Limit li.selected,
  .Com_Ui_Limit li.selected a,
  .Com_Ui_Pager li.selected a {
    text-decoration: underline;
    color: #000;
  }
  .Com_Ui_Pager li.off a {
    text-decoration: none;
  }
  
  
  .lightbox {
    /*background-color: #444;*/
    padding: 10px;
    width: 100%;
  }
  .lightbox ul { list-style: none; }
  .lightbox ul li { display: inline; }
  .lightbox ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 5px;
  }
  .lightbox ul a:hover img {
  }
  .lightbox ul a:hover { color: #fff; }
  
  
  
  
  #footer {
    border-top: 1px solid #CECECE;
    margin-top: 20px;
  }
  #footer div {
    padding: 5px 10px 0px 10px;
  }

}