/* ----- Main Layout Elements ----- */
#finder-search {
  }

form .finder label {
  }

dl.search-results dd.result-url {
  }

.finder .inputbox {
  }

#header form .finder {
  }

.img-fulltext-left {
  }

.img-intro-left {
  }

.img-fulltext-right {
  }

.img-intro-right {
  }

* {
  margin: 0;
  padding: 0;
  border: 0;
  }

a {
  text-decoration: none;
  }

a:link {
  color: #707070;
  }

a:hover {
  text-decoration: underline;
  }

a:active {
  text-decoration: underline;
  }

a:visited {
  color: #9F9F9F;
  }

a[href^="http:"] {
  background: transparent url('/images/offsite.gif') 100% 50% no-repeat;
  padding-right: 10px;
  }

a[href^="."], a[href^="/"], a[href^="http://milchhof-berlin"] {
  background: transparent url('/images/onsite.gif') 100% 75% no-repeat;
  padding-right: 10px;
  }

li a {
  font-size: 1.0em;
  font-weight: 500;
  }

table {
  border-spacing: 0px;
  }

.createdate {
  font-size: 0.6em;
  padding-bottom: 10px;
  }

div.backbutton {
  text-align: right;
  font-size: 0.6em;
  }

.blog {
  padding: 0px 0px 70px 0px;
  }

.blog ul {
  padding-left: 15px;
  list-style-type: square;
  }

.blog .readmore { /* "more" link */
  position: relative;
  left: 69%;
  padding: 12px 0px 6px 0px;
  font-size: 0.6em;
  z-index: 3;
  }

.blogsection {
  font-size: 1.0em;
  }

.item-more {
  padding: 0px 0px 70px 5px;
  }

.item-more ul {
  padding-left: 15px;
  list-style-type: square;
  }

hr {
  display: block;
  margin: 0;
  padding: 0;
  border-width: 0px;
  border-top: solid 1px #9F9F9F;
  background-color: transparent;
  }

body {
  background-color: #FFFFFF;
  font-family: 'Open Sans', 'New Helvetica', 'Neue Helvetica', 'Helvetica', 'Arial', 'sans serif' !important; 
  font-weight: 400;
  font-size: 13px !important;
  color: #3A3A3A !important;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  }

  div#container {
    margin: 0 auto;
    width: 1002px;
    text-decoration: none;
    background-color: transparent;
    }

    div#headblock {
      width: 1000px;
      height: 80px;
      font-weight: 700;
      }

      div#titleblock {
        margin: 5px;
        width: 990px;
        height: 70px;
        }

        div#titleblock a {
          background-image: none;
          }

        div#mh-logo {
          float: left;
          padding-top: 3px;
          width: 172px;
          height: 60px;
          overflow: hidden;
          }

        div#mainmenu {
          float: left;
          margin: 42px 0px 0px 9px;
          width: 809px;
          height: 20px;
          }

          /* joomla standard menu */
          div#mainmenu ul.menu {
            display: table;
            width: 92%;
            margin-top: 4px;
            padding-left: 14px;
            text-align: center;
            }

          div#mainmenu ul.menu > li {
            display: table-cell;
            border: 0px;
            }

            div#mainmenu ul.menu a {
              font-size: 12px;
              }

            div#mainmenu ul.menu a:link {
              color: #9F9F9F;
              }

            div#mainmenu ul.menu a:hover {
              background-color: #FFFFFF;
              text-decoration: none;
              color: #808040;
              }

            div#mainmenu ul.menu a:visited {
              background-color: #FFFFFF;
              color: #7E7E7E;
              }

          div#mainmenu ul.menu li ul {
            display: none;
            list-style-type: none;
            position: relative;
            left: 76px;
            margin: 0px -150px;
            padding: 18px 10px 10px 10px;
            width: 312px;
            height: 490px;
            background-color: #FFFFFF;
            -moz-box-shadow: 10px 15px 15px #888;
            -webkit-box-shadow: 10px 15px 15px #888;
            box-shadow: 10px 15px 15px #888;
            }

          div#mainmenu ul.menu li:hover ul {
            display: block;
            z-index: 99;
            }

          div#mainmenu ul.menu li ul li {
            float: left;
            padding: 7px 0px;
            width: 50%;
            }

          div#mainmenu ul.menu li ul li:nth-child(odd) {
            clear: both;
            }

          div#mainmenu ul.menu li ul li a {
            padding: 4px 2px;
            }

      div#linesblock {
        clear: both;
        margin: 0px 5px;
        width: 990px;
        height: 4px;
        }

        div#barhorizontal {
          width: 990px;
          height: 2px;
          background-image: url('../images/bar_horiz_gr2.jpg');
          }

      div#mezzanine {
        margin: 0px 5px;
        width: 100%;
        }

        div#mezzanine > div { /* visitor counter mod_vcnt */
          float: left;
          margin: 2px 15px;
          width: 20%;
          font-weight: 100;
          font-size: 9px;
          color: #FFFFFF;
          }

          div#mezzanine > div:hover {
            color: #9F9F9F;
            }

        div#mezzanine > ul.menu { /* user login */
          float: right;
          margin: 2px 5px;
          font-weight: 100;
          font-size: 9px;
          list-style-type: none;
          text-align: right;
          }

          div#mezzanine > ul.menu a {
            background: none;
            color: #FFFFFF;
            }

            div#mezzanine > ul.menu a:hover {
              color: #9F9F9F;
              text-decoration: none;
              }

    div#mainblock {
      clear: both;
      margin: 0px 5px;
      width: 990px;
      }

      div#mainblock table {
        width: 100%;
        }

      div#mainblock div#namescloud {
        padding: 0px 45px;
        }
        
      div#mainblock div#maintext div.blog div.span12 div.item div#center { /* articles start with border line, but only in #center (see template Projekte) */
       border-top: 2px solid #9F9F9F;
       padding: 20px 0px 30px 0px;
       }
       
      div#mainblock div#maintext div.blog div.row-0 > div.span12 div.item div#center { /* ... except the first one */
       border-top: none !important;
       padding-top: 0px !important;
       }
       
      .newsflash div.item { /* articles used in newsflash start with border line too */
       border-top: 2px solid #9F9F9F;
       padding: 20px 0px 30px 0px;
       }
       
      .newsflash div.item:first-child { /* ... except the first one */
       border-top: none !important;
       padding-top: 0px !important;
       }
       
	  .newsflash .readmore { /* "more" link */
	    position: relative;
	    left: 39%;
	    margin-top: 6px;
	    font-size: 0.6em;
	  }

        div#mainblock div#maintext .login form {  /* login form page */
          margin-top: 70px;
          margin-left: 380px;
          width: 190px;
          padding: 20px 20px 5px 20px;
          font-size: 12px;
          border-top: 1px solid #9F9F9F;
          border-right: 1px solid #9F9F9F;
          border-left: 1px solid #9F9F9F;
          }

          div#mainblock div#maintext .login form fieldset .controls { /* login entry block */
            }

            div#mainblock div#maintext .login form fieldset .controls input { /*  entry field */
              margin-top: 4px;
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext .login form fieldset .controls .btn { /* logon button */
              margin: 5px 0px 0px 1px;
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

            div#mainblock div#maintext .login #easycalccheckplus input {  /* spam control input */
              padding-top: -2px;
              width: 20px;
              border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .login #easycalccheckplus .protectedby {  /* spam control input */
              height: 0px;
              visibility: hidden;
            }

          div#mainblock div#maintext .login + div {
            margin-left: 380px;
            padding: 5px 20px 15px 20px;
            width: 190px;
            font-size: 0.6em;
            border-right: 1px solid #9F9F9F;
            border-bottom: 1px solid #9F9F9F;
            border-left: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .login + div ul {
              list-style-type: none;
              }

          div#mainblock div#maintext .reset form {  /* reset password page */
            margin-top: 70px;
            margin-left: 360px;
            width: 228px;
            padding: 20px;
            font-size: 12px;
            border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .reset form p {
              hyphens:auto;
              -webkit-hyphens:auto;
              -moz-hyphens:auto;
              -ms-hyphens:auto;
              padding-bottom: 12px;
              }

            div#mainblock div#maintext .reset form fieldset .controls input { /*  entry field */
              margin-top: 4px;
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext .reset form .controls .btn { /* send button */
              margin: 5px 0px 0px 1px;
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

            div#mainblock div#maintext .reset #easycalccheckplus input {  /* spam control input */
              margin: 5px 0px -12px 0px;
              width: 50px;
              border: 1px solid #9F9F9F;
            }

          div#mainblock div#maintext .reset-confirm form {  /* reset password page */
            margin-top: 70px;
            margin-left: 360px;
            width: 228px;
            padding: 20px;
            font-size: 12px;
            border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .reset-confirm form fieldset .controls input {
              margin-top: 4px;
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext .reset-confirm form .controls .btn {  /* register/send buttons */
              margin: 12px 0px 0px 1px;
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

          div#mainblock div#maintext .reset-complete form {  /* reset password page */
            margin-top: 70px;
            margin-left: 360px;
            width: 228px;
            padding: 20px;
            font-size: 12px;
            border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .reset-complete form fieldset .controls input {
              margin-top: 4px;
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext .reset-complete form .controls .btn { /* send button */
              margin: 5px 0px 0px 1px;
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

            div#mainblock div#maintext .reset-complete #easycalccheckplus input {  /* spam control input */
              margin-top: 5px;
              width: 50px;
              border: 1px solid #9F9F9F;
            }

          div#mainblock div#maintext .remind form {  /* remind name page */
            margin-top: 70px;
            margin-left: 360px;
            width: 228px;
            padding: 20px;
            font-size: 12px;
            border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .remind form p { /* explanation's text */
              hyphens:auto;
              -webkit-hyphens:auto;
              -moz-hyphens:auto;
              -ms-hyphens:auto;
              padding-bottom: 12px;
              }

            div#mainblock div#maintext .remind form fieldset .controls input { /*  entry field */
              margin-top: 4px;
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext .remind form .controls .btn {  /* send buttons */
              margin: 5px 0px 0px 1px;
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

            div#mainblock div#maintext .remind #easycalccheckplus input {  /* spam control input */
              margin: 5px 0px -12px 0px;
              width: 50px;
              border: 1px solid #9F9F9F;
            }

          div#mainblock div#maintext .registration form {  /* register form page */
            margin-top: 70px;
            margin-left: 360px;
            width: 228px;
            padding: 20px 20px 15px 20px;
            font-size: 12px;
            border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .registration form fieldset .control-group:first-of-type { /* commenting text */
              margin-bottom: 4px;
              border-bottom: 1px solid #9F9F9F;
              color: #9F9F9F;
              }

            div#mainblock div#maintext .registration form fieldset .controls input {
              margin-top: 4px;
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext .registration form .controls .btn { /* send button */
              margin: 5px 0px 0px 1px;
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

            div#mainblock div#maintext .registration form .controls a.btn { /* quit button */
              display: block;
              margin: 4px 0px 0px 1px;
              width: 30%;
              height: 22px;
              color: #9F9F9F;
              background: #FFFFFF;
              border: none;
              }

            div#mainblock div#maintext .registration #easycalccheckplus input {  /* spam control input */
              margin: 5px 0px -12px 0px;
              width: 50px;
              border: 1px solid #9F9F9F;
            }

          div#mainblock div#maintext .logout form {  /* logout page */
            margin-top: 70px;
            margin-left: 360px;
            width: 228px;
            padding: 10px 20px 10px 20px;
            font-size: 12px;
            border: 1px solid #9F9F9F;
            }

            div#mainblock div#maintext .logout form .controls .btn { /* logout button */
              width: 100%;
              height: 22px;
              color: #FFFFFF;
              background: #9F9F9F;
              border: 1px solid black;
              }

        div#mainblock div#maintext .blog .edit-icon {
          text-align: right;
          font-size: 0.8em;
          list-style-type: none;
          }

        div#mainblock div#maintext .edit form {
          padding: 20px 10px;
          border: 1px solid #9F9F9F;
          }

        div#mainblock div#maintext .edit button {
          border: 1px solid #9F9F9F;
          }

          div#mainblock div#maintext .edit form fieldset div {
            padding: 1px 0px;
            border-bottom: 1px solid #CFCFCF;
            }

            div#mainblock div#maintext .edit form fieldset legend {
              text-decoration: underline;
              }

            div#mainblock div#maintext .edit form fieldset label {
              padding-right: 10px;
              }

            div#mainblock div#maintext .edit form fieldset textarea + span {
              margin-top: 20px;
              }

            div#mainblock div#maintext .edit form fieldset span .cke_contents {
              height: 550px !important;
              }

            div#mainblock div#maintext .edit form fieldset select {
              display: block;
              font-size: 0.8em;
              border: 1px solid #CFCFCF;
              }

            div#mainblock div#maintext .edit form fieldset .inputbox {
              display: block;
              font-size: 0.8em;
              border: 1px solid #CFCFCF;
              }

            div#mainblock div#maintext #editor-xtd-buttons {
              padding: 6px 0px;
            }

            div#mainblock div#maintext #editor-xtd-buttons a {
              margin-left: 2px;
              background-color: silver;
              color: #303030;
              border: 1px solid black;
            }

            div#mainblock div#maintext .body-overlayed #sbox-content {
              height: 30% !important;
            }

/*
            div#mainblock div#maintext script + div + form div#editor-xtd-buttons {
              margin-top: 6px;
              }

            div#mainblock div#maintext script + div + form fieldset div#text_parent {
              width: 187%;
              padding-bottom: 14px;
              border: 1px solid #7F7F7F;
              }

            div#mainblock div#maintext script + div + form fieldset select {
              margin-right: 2px;
              font-size: 10px;
              border: 1px solid #7F7F7F;
              }

            div#mainblock div#maintext script + div + form fieldset select.contenttemplater {
              margin-left: 124px;
              }

            div#mainblock div#maintext script + div + form fieldset table.adminform td + td textarea {
              border: 1px solid #7E7E7E;
              }

          div#mainblock div#maintext form table {
            display: block;
            width: 100%;
            }

            div#mainblock div#maintext form table .inputbox {
              margin: 10px 0px 6px 0px;
              border: 1px solid #9F9F9F;
              width: 99%;
              height: 16px;
              }

            div#mainblock div#maintext form table * input {
              width: 101%;
              height: 16px;
              }

            div#mainblock div#maintext form table * textarea {
              width: 100%;
              border: 1px solid #9F9F9F;
              }

            div#mainblock div#maintext form fieldset + ul {
              margin: 3px 0px;
              padding-left: 1px;
              list-style-type: none;
              }

              div#mainblock div#maintext form fieldset + ul li a {
                font-size: 11px;
                background: none;
                }
*/
    div#footer {
      padding-bottom: 30px;
      }

      div#footer div + table.sfu_table {
        float: right;
        margin-left: 60px;
        padding: 6px;
        border: 1px solid #9F9F9F !important;
        }

        div#footer div + table.sfu_table input#fakefileinput103 {
          width: 180px !important;
          }

      div#footer div.sfl_content {
        float: right;
        padding: 6px;
        border: 1px solid #9F9F9F;
        }

        div#footer div.sfl_content div.sfl_item {
          padding-left: 10px;
          }

    /* show some div borders in 'Galerie' and 'Projekte' template text area when editing in jck editor */
    .cke_show_borders div#container {
      border: 1px solid grey;
      }

    .cke_show_borders div#left {
      border-right: 1px solid grey;
      }

    .cke_show_borders div#right {
      border-left: 1px solid grey;
      }

    .cke_show_borders div#bcontainer {
      border: 1px solid grey;
      }

    .cke_show_borders div#bleft {
      border-right: 1px solid grey;
      }

    .cke_show_borders div#bright {
      border-left: 1px solid grey;
    }