/* 
    Document   : berlin
    Created on : 22.11.2011, 16:32:18
    Author     : Anna
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    background-color: #F2F2F2;
    margin: 0;
    Font-family: Calibri, Verdana, Ariel, sans-serif;
    color: #7f7f7f;
    font-size: 16px;
}
p {
    margin: 10px 10px 10px 10px;
}
#container{
    width: 950px;
    margin: 7px auto;
}

/* Header */
#header{
    height: 124px;
    background-image: url(img/header-hg.jpg);
    width: 948px;
    border: 1px solid #E5E5E5;
}
#header .logo {
    margin: 20px 0px 0px 20px;
    border: none;
}
#header #kontakt {
    margin: 80px 20px 0 50px;
    float: right;
    text-align: right;
    font-size: 14px;
    font-size: 23px;
    color: #7C8487;
    font-weight: 100;
    text-shadow: 1px 2px 1px #D5D5D5;
    font-family: "Garamond";
}
#header #kontak img {
    margin: 5px 0px 0px 0px;
}
#header #sprache {
    float: right;
     margin: 16px -304px 0 0;
}
#header #sprachede {
    float: right;
     margin: 16px -269px 0 0;
}
#navioben {
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background-color: #FFFFFF;
    padding-top: 1px;
    height: 29px;
}
#navioben ul {
    list-style: none outside none;
    text-transform: uppercase;
    margin:  5px 10px 5px 10px;
    padding: 0px;
}
#navioben li {
    display: inline;
    border-left: 1px solid #e4e4e4;
    padding: 0px 10px 0px 10px;   
}
#navioben li a{
    text-decoration: none;
    color: #7c8487;
}
#navioben li a:hover { 
    color: #989b9c;
    text-decoration: underline
}
#navioben  .start{
    border: none;
}
#navioben  #kontaktzettel {
    background-color: #fffab8;
    border: 1px solid #E5E5E5;
    /*background-image: url(img/kontaktzettel2.jpg);*/
    left: 930px;
    position: relative;
    width: 229px;
    top: 25px
}
#navioben  #kontaktzettel h2 {
    font-size: 20px;
    color: #7C8487;
    font-weight: 100;
    text-shadow: 1px 2px 1px #D5D5D5;
    font-family: "Garamond"; 
}
#navioben  #kontaktzettel #rand{
    background-image: url(img/kontaktzettel1.jpg);
    width: 28px;
    height: 121px;
    float: left;
}
/* Header Ende */

/* Content */
#content {
    margin: 0px;
    padding: 10px 20px 0 20px;
    margin: 5px 0 0;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
}
#content h1{
    font-size: 26px;
    font-weight: 100;
    text-shadow: #d5d5d5 1px 2px 1px;
    color: #7c8487;
    text-shadow: 1px 2px 1px #D5D5D5;
    font-family: "Garamond"; 
}
#content h2{
    font-size: 18px;
    font-weight: 100;
    text-shadow: #d5d5d5 1px 2px 1px;
    color: #7c8487;
}
#content ul {
    list-style-image:url(img/li.jpg);
    padding: 0px 0px 0px 20px;
}
#content li {
    padding: 10px 5px;
}
#content .leistungen {
    width: 908px;   
}
#content .leistungen a{
    color: #7C8487;
}
#content .leistungen a:hover{
    text-decoration: underline;
}
#content .leistungen td {
    width: 50%;
    background-color: #f5f5f5;
    padding: 0px 10px 1px 31px;
    margin: 10px;
    border: 1px solid #e4e4e4;
}
#content .leistungen h1 {
    font-size: 21px;
    margin: 0px 0px 0px 0px
}
#content .leistungen ul{
    margin: 5px 0px 5px 0px;
}
#content .leistungen li {
    padding: 5px;
    
}
#content .leistungen .mitgliedschaften td{
    border: none;
    padding: 0px;
}
#aussage {
    border: 1px solid #e4e4e4;
    padding: 10px;
    position: relative;
    left:  417px;
    background-color: #FFFAB8;
    width: 210px;
    top: -158px;
    font-style: italic;
    font-size: 10px;
}
#beschreibung {
    margin: 43px 0 -70px;
}
/* Content Ende */

/* Footer */
.footer{
    font-size: 10px;
    padding: 13px 10px 5px;
    border: 1px solid #e4e4e4;
    height: 22px;
    margin: 6px 0px 0px 0px;
    background-color: #ffffff;
}
.footer a {
    color: #7c8487;
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
.footer .logo {
    float: right;
    margin: -4px;
}
.footer img {
    border: none;
}
/* Footer Ende */