﻿/* CONTENT */
#content {
  width: 80%;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 2;
  float: left;
}

#cfix {
  position: relative;
  height: 100%;
  padding: 10px 20px;
}

/* 00000 00000 00000 00000 00000 */
#frContent h1 {
  margin-bottom: 15px;
}

#frContent h2 {
  margin-bottom: 10px;
}

#frContent h3 {
  margin-bottom: 10px;
}

#frContent h4 {
  margin-bottom: 10px;
}

#frContent h5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

#frContent h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}

#frContent font {
}

#frContent a {
}

#frContent ul {
  margin: 5px 0 5px 20px;
}

  #frContent ul li {
    padding-left: 1em;
    margin: 3px 0;
    text-indent: -1em;
  }

#frContent ol {
  margin: 5px 0 5px 20px;
}

  #frContent ol li {
    padding-left: 1em;
    margin: 3px 0;
    text-indent: -1em;
  }

#frContent img {
  border: 1px solid grey;
}

#frContent code {
}

#frContent tt {
}

#frContent table {
  border-collapse: collapse;
}

  #frContent table tr {
  }

  #frContent table tr:nth-child(odd) {
    background: lightgrey;
  }

    #frContent table tr th,
    #frContent table tr td {
      padding: 5px 10px;
      border: 1px solid black;
    }

    #frContent table tr th {
      background: grey;
    }


/* MARKERS IN THE CONTENT THAT IS LOCATED IN THE DATABASE */
/* Text */
.possitiv {
  color: #00ff00;
}

.negativ {
  color: #ff0000
}

.marker_red {
  background: #ff0000;
}

.marker_orange {
  background: #ffa500;
}

.marker_yellow {
  background: #ffff00;
}

.font_italic {
  font-style: italic;
}

.font_bold {
  font-weight: bold;
}

/* Picture */
.img_zoom {
  width: 10%;
  border: 1px solid white;
  transition: width 1s;
}

  .img_zoom:hover {
    width: 100%;
  }