@charset "utf-8";

/* start generelle Styles */

  html,
  input,
  select,
  textarea
  {
    background-color: white;
    color: black;
    font-family: verdana,arial,sans-serif;
  }

  input,
  select,
  textarea
  {
    background-color: white;
    color: black;
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
  }

  body
  {
    font-size: 11px;
    line-height: 140%;
  }

  h1
  {
    border-left: 5px solid #5C836C;
    color: #5C836C;
    font-size: 12px;
    margin: 0 0 14px;
    padding: 1px 0 0 9px;
  }

  strong,
  b,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .button
  {
    font-weight: bold;
  }

  em, i
  {
    font-style: italic;
  }

  a
  {
    color: #5C836C;
    outline: 0;
    text-decoration: underline;
  }

  a:hover,
  .navigation a:hover
  {
    text-decoration: underline;
  }

  a:active,
  a:focus
  {
    outline: 0;
    no-dotted-border: expression(this.hideFocus=true);
  }

  p
  {
    margin: 0 0 14px;
  }

  .content ul
  {
    padding: 0 0 0 15px;
  }

  .content li
  {
    list-style-type: disc;
  }

  .clearer
  {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1px;
    height: 0;
  }

  .hidden
  {
    display: none;
  }

  .button
  {
    border: 0;
    color: #5c836c;
    cursor: pointer;
    font-size: 12px;
    padding: 3px;
  }

  .no-margin
  {
    margin: 0 !important;
  }

  .box
  {
    overflow: hidden;
  }

  .green-dark
  {
    background-color: #5c836c !important;
  }

  .green-medium
  {
    background-color: #9db5a7 !important;
  }

  .green-light
  {
    background-color: #d7e1db !important;
  }

  .green-medium,
  .green-dark
  {
    color: white;
  }

  .green-medium h1,
  .green-dark h1
  {
    border-left: 5px solid white;
  }

  .green-medium a,
  .green-medium h1,
  .green-dark a,
  .green-dark h1
  {
    color: white;
  }

  .green-light,
  .green-light a
  {
    color: #5C836C;
  }

  .error,
  .success
  {
    color: white;
    display: block;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  .error
  {
    background-color: #c33;
  }

  .success
  {
    background-color: #9DB5A7;
  }

  .float-right
  {
    float: right;
  }

/* end generelle Styles */



/* start shadows see web/css/ie.css how this works in IE6-IE8 */

  .button-shadow
  {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 3px 2px 7px #5c836c;
    -webkit-box-shadow: 3px 2px 7px #5c836c;
    box-shadow: 3px 2px 7px #5c836c;
  }

  .content-shadow
  {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 1px 1px 10px #ccc;
    -webkit-box-shadow: 1px 1px 10px #ccc;
    box-shadow: 1px 1px 10px #ccc;
  }

  .side-shadow
  {
    -moz-box-shadow: 1px 1px 10px #ccc;
    -webkit-box-shadow: 1px 1px 10px #ccc;
    box-shadow: 1px 1px 10px #ccc;
  }

/* end shadows */



.wrap
{
  margin: 0 auto;
  width: 864px;
}



/* start header */

  .header
  {
    border-bottom: 1px dashed #5c836c;
    margin: 0 0 10px;
  }

  .header .logo
  {
    display: block;
    margin: 41px 0 0;
  }

/* end header */



/* start navigation */

  .navigation
  {
    margin: 0 0 30px;
    overflow: hidden;
  }

  .navigation .left
  {
    float: left;
    padding: 0 0 0 14px;
  }

  .navigation .right
  {
    float: right;
  }

  .navigation li
  {
    float: left;
  }

  .navigation a
  {
    background: url("../images/navi_pfeil.gif") no-repeat 0 1px;
    color: #5C836C;
    display: block;
    font-weight: bold;
    padding: 0 14px 0 11px;
    text-decoration: none;
  }

/* end navigation */



/* start content */

  .content
  {
    margin: 0 auto;
    padding: 40px 30px 70px;
    width: 790px;
  }

  .side
  {
    float: left;
    width: 44%;
  }

/* end content */



/* start login content */

  .login-content
  {
    width: 660px;
  }

  .login-content .side
  {
    margin: 0 10px 0 0;
    padding: 19px 10px 10px 35px;
    width: 280px;
  }

/* end login content */



/* start zugang content */

  .zugang-content
  {
    width: 720px;
  }

  .zugang-content .side
  {
    padding: 19px 22px 10px;
    width: 316px;
  }

/* end zugang content */



/* start willkommen content */

  .willkommen-content
  {
    width: 600px;
  }

  .willkommen-content .side
  {
    padding: 19px 22px 10px;
    width: 256px;
  }

/* end willkommen content */



/* start willkommen content */

  .liste-content .side
  {
    margin: 0 20px 0 0;
    width: 385px;
  }

  .liste-content .box
  {
    margin: 0 0 2px;
    padding: 12px 5px 5px 12px;
  }

  .liste-content .avatar
  {
    display: block;
    float: right;
    margin: -7px 0 0;
  }

  .liste-content .avatar img,
  .liste-content img.avatar
  {
    width: 74px;
  }

  .liste-content .klassenfotos-preview
  {
  }

  .liste-content .klassenfotos-preview img
  {
    border: 2px solid white;
    width: 75px;
    margin: 0 5px;
  }

  .liste-content .side-left
  {
    color: #5f6762;
  }

  .liste-content .side-left .green-dark
  {
    color: #d3ded7;
  }

  .liste-content .side-right .box
  {
    margin: 0 0 10px;
  }

/* end willkommen content */



/* start update-profil-content */

  .update-profil-content
  {
    padding: 40px 64px 70px;
    width: 722px;
  }

  .update-profil-content .side
  {
    width: 300px;
  }

  .update-profil-content .textinput,
  .update-profil-content .textareainput
  {
    width: 285px;
  }

  .update-profil-content select.textinput
  {
    width: 297px;
  }

  .update-profil-content .thumb img
  {
    width: 75px;
  }

/* end update-profil-content */



/* start klassenfoto-content */

  #upload_foto_form
  {
    float: right;
  }

  .klassenfoto-content .klassenfotos
  {
    table-layout: fixed;
    width: 100%;
  }

  .klassenfotos .foto
  {
    border-right: 9px solid white;
    border-bottom: 9px solid white;
    height: 280px;
    overflow: hidden;
    padding: 9px;
    vertical-align: top;
    word-wrap: break-word;
  }

  .klassenfotos .img-link
  {
    display: inline-block;
    height: 150px;
  }

  .klassenfotos .meta
  {
    height: 25px;
  }

  .klassenfotos .title,
  #fancybox-title-over
  {
    word-wrap: break-word;
  }

  .klassenfotos .fancy_klassenfoto
  {
    float: right;
  }

  .klassenfoto-edit
  {
    width: 380px;
  }

  .more-uploads
  {
    color: #2F6A28;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
  }

/* end klassenfoto-content */



/* start profil-content */

  .profil-content .user-images
  {
    float: left;
    margin: 0 38px 0 0;
    overflow: hidden;
  }

  .profil-content .user-image
  {
    margin: 0 10px 0 0;
    text-decoration: none;
    text-align: right;
  }

  .profil-content .contact
  {
    float: left;
    padding: 11px 0 0;
  }

  .profil-content .separator
  {
    margin: 30px 0;
    overflow: hidden;
    padding: 14px 17px 0;
  }

  .profil-content .side
  {
    padding-left: 20px;
  }
/* end profil-content */



/* start nachrichten-content */

  .nachrichten-content .nachrichten-table
  {
    margin: 0 0 18px;
    width: 100%;
  }

  .nachrichten-content .nachrichten-table th
  {
    font-weight: bold;
  }

  .nachrichten-content .nachrichten-table td,
  .nachrichten-content .nachrichten-table th
  {
    padding: 4px 10px 4px 0;
    text-align: left;
    vertical-align: top;
  }

  .nachrichten-content .nachrichten-table td
  {
    border-top: 1px solid #9DB5A7;
  }

  .nachrichten-content td.delete
  {
    text-align: center;
  }

  .nachrichten-content .delete a
  {
    display: block;
    text-decoration: none;
  }

  .nachrichten-content .textareainput
  {
    height: 200px;
    width: 774px;
  }

  #container-compose-nachricht
  {
    padding: 17px;
  }

  #container-compose-nachricht .textareainput
  {
    height: 160px;
    width: 747px;
  }
/* end nachrichten-content */



/* start google map */

  #google-map
  {
    height: 500px;
    margin: 0 0 15px;
  }

  #google-map-small
  {
    height: 200px;
  }

/* end google map */



/* start thumb module */

  .thumb
  {
    display: block;
    float: left;
    margin: 0 7px 0 0;
  }

/* end thumb module */



/* start footer */

  .footer
  {
    border-top: 1px dashed #5c836c;
    margin: 25px 0 0;
    padding: 10px 0 100px;
  }

/* end footer */



/* start forms */

  label
  {
    display: block;
  }

  input.file,
  .textinput,
  .textareainput
  {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ccc;

    margin: 0 0 7px;
    padding: 1px 5px;
    width: 190px;

    background-image: -moz-linear-gradient(center top , #ddd, white);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(1, white));
    background-image: linear-gradient(top , #ddd, white);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='white');
  }

  .textinput
  {
    height: 17px;
  }

  select.textinput
  {
    height: 23px;
    margin: 0 0 7px;
    padding: 1px 2px;
    width: 202px;
  }

  .textareainput
  {
    height: 50px;
    display: block;
  }

  input.file
  {
    margin: 0 7px 0 0;
  }

  .update-profil .ajax-loader
  {
    margin: 0 0 0 10px;
  }
/* end forms */