
/**
 * 1. Basic global styles
 */

/**
 * 1.1. Reset html browser styles*
 */


  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  input,
  textarea,
  p,
  blockquote,
  th,
  td {
    margin:0;
    padding:0;
  }

  table {
    border-collapse:collapse;
    border-spacing:0;
  }

  fieldset,
  img {
    border:0;
  }

  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var {
    font-style:normal;
    font-weight:normal;
  }

  li {
    list-style:none;
  }

  caption,
  th {
    text-align:left;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:100%;
    font-weight:normal;
    font-family:georgia,garamond,serif;
    color: #0a6e0b;
  }

  q:before,
  q:after {
    content:'';
  }

  abbr,
  acronym {
    border:0;
    font-variant:normal;
  }

  /* to preserve line-height and selector appearance */
  sup {
    vertical-align:text-top;
  }

  sub {
    vertical-align:text-bottom;
  }

  input,
  textarea,
  select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
  }

  /*to enable resizing for IE*/
  input,
  textarea,
  select {
    *font-size:100%;
  }

  /*because legend doesn't inherit in IE */
  legend {
    color:#000;
  }

/**
 * 1.2. Add basic element styles*
 */

  h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size: 197%;

    font-weight: normal;
    line-height: 130%;
  }

  h1 a {
    text-decoration: none;
    color: #605348;
  }


  h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%;
  }

  h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;
  }

  h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin: 0 0 1em 0;
  }

  h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold;
  }

  abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
  }

  em {
    /*bringing italics back to the em element*/
    font-style:italic;
  }

  blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
  }

  ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
  }

  ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
  }

  ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
  }

  dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
  }

  th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #000;
    padding:.5em;
  }

  th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
  }

  caption {
    /*coordinated marking to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
  }

  p,fieldset,table {
    /*so things don't run into each other*/
    margin-bottom:1em;
  }

/**
 * 1.3. Add basic font styles*
 */

  /* Percents could work for IE, but for backCompat purposes, we are using keywords.
   * x-small is for IE6/7 quirks mode.*/
  body {
    font: 13px/1.231 "Trebuchet MS",Helvetica,Jamrul,sans-serif;

    *font-size:small; /* for IE */
    *font:x-small; /* for IE in quirks mode */
  }

  /* Nudge down to get to 13px equivalent for these form elements */
  select,
  input,
  button,
  textarea {
    font:99% arial,helvetica,clean,sans-serif;
    border: 1px solid #bdbfb5;
  }

  /* To help tables remember to inherit */
  table {
    font-size:inherit;
    font:100%;
  }

  /*  Bump up IE to get to 13px equivalent for these fixed-width elements  */
  pre,
  code,
  kbd,
  samp,
  tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
  }

  a {
    color: #0b6e09;
    outline: none;
  }

  a:hover {
    text-decoration: none;
  }


  hr {
    border: none;
    border-top: solid 1px #bdbfb5;
    color: #eff4e0;
    background-color: #eff4e0;
    height: 1px;
    clear: both;
  }

/**
 * 2. Main Elements
 */

/**
 * 2.1. Main Background
 */

  #footer {
    display: none;
  }

/**
 * Header
 */

 #header {
   display: none;
 }


#col_1 {
  display: none;
}

#col_2 {
 
}

#col_2 .myGallery {
  margin-bottom: 15px;
  border: 5px solid #fff;
}

#col_2 .content_elements {
  padding: 0px 10px 0 20px;
  line-height: 150%;
}

#col_2 .content_item_list {
  margin-top: 25px;
}

#col_2 .content_item {
  padding: 5px 0;
  clear: both;
}

#col_2 .content_item h1 {
  margin-bottom: 7px;
}

#col_2 .content_item .image {
  width: 125px;
  min-height: 20px;
  float: left;
}

#col_2 .content_item .image img,
#col_2 .csc-textpic-imagewrap img,
#col_2 .news-single-img img {
  border: 2px solid #fff;
}

#col_2 .content_item .content {
  float: left;
  width: 275px;
}

#col_2 .content_item .morelink {
  float: right;
  margin-top: -15px;
  font-weight: bold;
  margin-right: -5px;
}

#col_2 .content_item .publishinfos,
#col_2 .content_single_item .publishinfos {
  color: #a0a298;
  font-size: 85%;
  margin-top: -5px;
}

#col_2 .content_item .additionalinfos,
#col_2 .content_single_item .additionalinfos {
  font-size: 85%;
  color: #a0a298;
  text-align: left;
  margin-bottom: -8px;
}

#col_2 .content_single_item h1 {
    margin-bottom: 10px;
}

#col_2 .content_single_item .image {
  margin-bottom: 15px;
}

textarea#tx_comments_pi1_content {
  width: 280px;
  border: 1px solid #bdbfb5;
}

#col_2 .content_single_item .subheader {
  font-weight: bold;
  font-size: 85%;
}

#col_2 .content_single_item .news-single-img {
  text-align: center;
}

#col_2 .comments,
#col_2 .commentform {
  margin-top: -20px;
}

#col_2 .news-list-browse {
  text-align: right;
}

#col_3 {
  display: none;
}

.csc-textpic-caption {
  font-style: italic;
}

.clear {
  clear: both;
}
