/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.typography * {
   font-family: Verdana, Lucida, Arial, sans-serif;
   font-size: 12px; 
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
    color: #006600;
    font-size: 12px;
 
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
   margin: 10px;
   font-size: 1.4em;
   color: #777;
   font-style: italic;
}   
.typography q {
   display:block;
   font-size: 0.8em;
   margin: 1em 1em;
   padding: 0.5em;
   border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a { 
    text-decoration: none; 
   color: #006600;
}
   .typography a:hover { 
       text-decoration: underline;
   }

   /* LINK ICONS - shows type of file
   ------------------------------------ */
   .typography a[href$=".pdf"],
   .typography a[href$=".PDF"],
   .typography a.pdf {
      padding: 2px;
      padding-left: 20px;
      background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
   }
   .typography a[href$=".doc"],
   .typography a[href$=".DOC"],
   .typography a.doc {
      padding: 2px;
      padding-left: 20px;
      background: url(../images/icons/page_word.png) no-repeat left center;
   }
   .typography a[href$=".xls"],
   .typography a[href$=".XLS"],
   .typography a.xls {
      padding: 2px;
      padding-left: 20px;
      background: url(../images/icons/page_excel.png) no-repeat left center;
   }
   .typography a[href$=".gz"],
   .typography a[href$=".GZ"],
   .typography a[href$=".gzip"],
   .typography a[href$=".GZIP"],
   .typography a[href$=".zip"],
   .typography a[href$=".ZIP"],
   .typography a.archive {
      padding: 2px;
      padding-left: 20px;
      background: url(../images/icons/page_white_zip.png) no-repeat left center;
   }
   .typography a[href$=".exe"],
   .typography a[href$=".EXE"],
   .typography a.application {
      padding: 2px;
      padding-left: 20px;
      background: url(../images/icons/application.png) no-repeat left center;
   }

/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
   margin: 0 0 18px 24px;
   color: #666;
}
   .typography li {
      margin: 5px 10px;
      font-size: 11px;
   }
      .typography li li {
         font-size: 10px;
      }
      
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 { 
   font-size: 20px;
   color: #00000;
   margin: 0 0 18px 0;
   font-weight: 300;
   font-family: Tahoma, Verdana, sans-serif;
}


.typography h2 { 
   font-size: 20px; 
   color: #006600;
   margin: 0 0 18px 0;
   font-weight: 300;
   font-family: Tahoma, Verdana, sans-serif;
}

  
.typography h3 {
   color: #00000;
   margin: 0 0 14px 0;
   font-weight: 300;
   clear: both;
   font-size: 16px;
}

.typography h4 {
   font-size: 16px;
   color: #222;
   width: 95%;
   font-weight: 300;
   line-height: 18px;
   border-bottom: 1px solid #ccc;
   margin: 0 0 16px 0;
}
.typography h5 {
   font-size: 20px;
   color: #00000;
   margin: 0 0 12px 0;
}
.typography h6 {
   font-size: 20px;
   color: #006600;
   margin: 0 0 12px 0;
}



/* PRE STYLES 
-------------------------------------------- */   
.typography pre {
   font-family:"Courier New",Courier;
   display:block;
   font-size:1.2em;
   margin:2em 5em;
   padding:0.5em;
   border:1px #ccc solid;
   background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
   margin: 0 0 1px 0;
   font-size: 11px;
   color: #006600;
   border-collapse:collapse;
}
   .typography tr {}
   
      .typography td {
         border:0px solid #006600;
         padding:0px;
      }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
   text-align: left;
}
.typography .center {
   text-align: center;
}
.typography .right {
   text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
   border: none;
}
   .typography img.right {
      float: right;
      margin-left: 20px;
   }
   .typography img.left {
      float: left;
   }
   .typography img.leftAlone {
      float: left;
      margin-right: 100%;
   }
   .typography img.center {
      float: none;
      margin-left: auto;
      margin-right: auto;
      display: block;
   }
   
/* ARTIKEL-SEITE
----------------------------------------------- */
/* DATUM */
div.newsDetails{
   margin-top: 10px;
   margin-left: 10px;
}

/* Überschrift */
.article h1{
   color: #096e07;
   padding: 0 0 0 0;
   margin: 10px 0 20px 0px;
   font-weight: 300;
   font-size: 18px;
   font-family: Tahoma, Verdana, sans-serif;
}

.article h2{
   color: #202020;
   padding: 0 0 0 0;
   margin: 10px 0 20px 10px;
   font-weight: 300;
   font-size: 18px;
   font-family: Tahoma, Verdana, sans-serif;
}

.article p{
   color: #006600;
   font-size:12px;
   padding: 0 50px 0 10px;
   margin: 0 0 0 0;
   text-align: justify;
}

.article img{
   width: 192px;
   height: 167px;
   vertical-align: top;
   padding: 10px 10px 5px 10px;
   margin: -5px 0 0 0;
   float:left;
}

.article img.NewsLine{
   height: 10px;
   width: 520px;
   padding: 0 0 0 0;
   margin: 10px 0 0 10px;
}

.article table.newsmain{
   border: 0px solid #000000;
   margin: 0 0 0 0;
   border-collapse: collapse;
}
   
   .article div.newstitle,
   .article div.newsdate{
   	  border: 0px solid #000000;
   	  margin 0 0 0 0;
   	  border-collapse: collapse;
   	  width: 400px;
   	  float:left;
   }
   .article div.newsdate{
   	  width:100px;
   }
   
   .article table.newsmain tr{
      border: 0px solid #000000;
      margin: 0 0 0 0;
      border-collapse: collapse;
   }
   
      .article table.newsmain tr td{
         border: 0px solid #000000;
         margin: 0 0 0 0;
         border-collapse: collapse;
         vertical-align: top;
      }