table   { border-collapse: collapse; }
html    { overflow-y: scroll; }

body,table {
  font-family: Ubuntu, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 105%;
  line-height: 1.0em;
  color: #000;
  background: #fff;
}

body {
  clear: both;
  float: left;
  width: 100%;
}

img { border: none; }

h1 { font-family: 'Vollkorn', arial, serif; }

#header {
  min-width: 960px;
  background: #000;
}

  #headercontent {
    width: 940px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    background: url('http://assets2.klose-it.de/static/img/hello.jpg') top right no-repeat;
  }
  
    #headercontent .logo {
      float: left;
    }
    
      #headercontent .logo img {
        margin: 15px 0 0 0;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
      }
  
  #navigation {
    margin-bottom: 20px;
    padding-top: 20px;
    margin-right: 35px;
    float: right;
  }

    #navigation a {
      text-decoration: none;
      color: #ff7c7c;
      border-bottom: 1px solid #ff7c7c;
      margin-left: 6px;
    }

      #navigation a:hover {
        border-bottom: none;
        color: #ffe2e2;
        border-bottom: 1px solid #ffc0c0;
      }
  
  
#page {
  min-width: 960px;
  background: #000;
  height: 1050px;
  background: url('http://assets2.klose-it.de/static/img/contact.jpg') top left repeat;
}

  #page .page_content {
    width: 940px;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
    color: #6d6d6d;
  }
  
    #page .page_content .text {
      width: 540px;
      float: left;
    }
  
      #page .page_content .text h1 {
        font-size: 300%;
        margin-bottom: 30px;
        text-shadow: 1px 1px 0px #f6f6f6;
      }
  
      #page .page_content .text p {
        line-height: 1.1em;
        margin-top: 10px;
        text-shadow: 1px 1px 0px #f6f6f6;
      }
    
    #page .page_content .picture {
      width: 250px;
      margin-top: 50px;
      margin-left: 90px;
      float: left;
    }

    #page .page_content a {
      text-decoration: none;
      color: #6d6d6d;
      border-bottom: 2px solid #424242;
      text-shadow: 1px 1px 0px #f6f6f6;
    }

      #page .page_content a:hover {
        color: #c00000;
        border-bottom: 1px solid #ff8d8d;
      }
      
      #page .page_content .picture a {
        border-bottom: none;
      }

      #page .page_content .picture a:hover {
        opacity: 0.6;
        border-bottom: none;
      }
          
      #page .page_content .picture img {
        border: 7px solid black;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
      }
      
      #page .impress_content {
        width: 940px;
        height: 100px;
        margin: 0 auto;
        padding-top: 60px;
        position: relative;
        color: #6d6d6d;
      }

        #page .impress_content .text {
          width: 940px;
          float: left;
        }

          #page .impress_content .text h1 {
            font-size: 300%;
            margin-bottom: 40px;
            text-shadow: 1px 1px 0px #f6f6f6;
          }

          #page .impress_content .text p {
            line-height: 1.1em;
            margin-top: 10px;
            margin-bottom: 50px;
            text-shadow: 1px 1px 0px #f6f6f6;
          }
          
          #page .impress_content .text ul {
            
          }

          #page .impress_content .text li {
            color: #6d6d6d;
            margin-bottom: 5px;
            text-shadow: 1px 1px 0px #f6f6f6;
          }
          
          #page .impress_content .text a {
            text-decoration: none;
            color: #6d6d6d;
            border-bottom: 2px solid #424242;
            text-shadow: 1px 1px 0px #f6f6f6;
          }

            #page .impress_content .text a:hover {
              color: #c00000;
              border-bottom: 1px solid #ff8d8d;
            }
            
          #page .impress_content .text .left {
            float: left;
            width: 300px;
          }
          
          #page .impress_content .text .center {
            float: left;
            width: 300px;
          }

          #page .impress_content .text .right {
            float: left;
            width: 300px;
          }
    
    #page .impress_content .badges {
      width: 300px;
      float: left;
      margin-top: 40px;
    }
    
      #page .impress_content .badges p {
/*        color: #444;*/
        font-size: 75%;
        text-shadow: 1px 1px 0px #f6f6f6;
      }
    
      #page .impress_content .badges .textmate {
        float: left;
        width: 120px;
      }
    
      #page .impress_content .badges .ubuntu {
        float: left;
        width: 100px;
      }
          
    #page .page_content .error {
      line-height: 1.1em;
    }
    
      #page .page_content .error h1 {
        font-family: Lobster, "Helvetica Neue", arial, serif;
        font-size: 250%;
        margin-bottom: 30px;
        text-shadow: 1px 1px 0px #f6f6f6;
      }
      
      #page .page_content .error p {
        line-height: 1.3em;
        text-shadow: 1px 1px 0px #f6f6f6;
        margin-bottom: 15px;
      }