/*
            Autor: Torsten Landsiedel
         Erstellt: 2012-05-23
   Letztes Update: 2016-03-03
          Version: 3.0.0
*/


/************ Haupt-CSS ************/


/* Generelles */

body {
    color: #444;
    font-size: 1em;
    background-color: #d7ceba;
    /* #D3C7B7; */
    background-image: url('images/background-canvas.png');
    font-family: Georgia, serif;
    /* margin-top: 25px; */
}

html {
    overflow-y: scroll;
}

img {
    border-width: 0px;
}

h1 {
    font-size: 1.4em;
    color: #9C121F;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}

h2 {
    font-size: 1.4em;
}


/* Animationen aktivieren */

div,
ul {
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


/* Organisation */

#container {
    display: block;
    /* border: 1px solid #f00; */
    max-width: 970px;
    text-align: left;
    margin: 25px auto;
}

#logo {
    display: inline;
    /* border: 1px solid #f00; */
    border-radius: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    width: 223px;
    height: 145px;
    margin: 0px 17px 17px 0px;
    padding: 0px;
    float: left;
}

#logo img {
    border-radius: 15px;
}

#navi {
    overflow: auto;
    /* border: 1px solid #f00; */
    height: 45px;
    margin: 0px 0px 0px 0px;
    padding: 117px 0px 0px 0px;
    line-height: 1em;
}

#navi li {
    list-style-type: none;
    display: inline;
    float: left;
}

#navi li a {
    -moz-transition-duration: 0.2s;
    -moz-transition-property: background-color;
}

#navi li a,
#navi li span {
    margin: 0px 10px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#navi li a:hover {
    background-color: #555;
    color: #fff;
    text-decoration: none;
}

#foto {
    display: inline;
    /* border: 1px solid #f00; */
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    width: 223px;
    height: 445px;
    margin: 0px 17px 0px 0px;
    padding: 0px;
    clear: both;
    float: left;
}

#foto img {
    border-radius: 15px 15px 15px 15px;
}

#text {
    line-height: 1.5em;
    overflow: auto;
    /* border: 1px solid #f00; */
    background-color: #fff;
    max-width: 670px;
    margin: 0px 0px 8px 0px;
    padding: 5px 15px 25px 25px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}

#text p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#footer {
    text-align: right;
    /* border: 1px solid #f00; */
    max-width: 960px;
    /* 948px; */
    color: #444;
    clear: both;
    margin: 25px 0px 25px 0px;
}

#footer a {
    -moz-transition-duration: 0.2s;
    -moz-transition-property: background-color;
}

#footer a,
#footer span {
    color: #000;
    background-color: #fff;
    margin: 15px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#footer a:hover {
    background-color: #555;
    color: #fff;
    text-decoration: none;
}


/* Klassen */

.current {
    background-color: #9C121F !important;
    color: #fff !important;
}

#text ul {
    margin: 5px 0px 0px 0px;
    padding: 0;
    list-style-type: none;
    /* removes default bullet */
}

#text ul ul {
    padding: 0 0 0 20px;
    font-weight: normal;
}

#text li {
    line-height: 1.7em;
    list-style-image: url('images/bullet-arrow2.gif');
    /* background:url('images/bullet-arrow2.gif') left 7px no-repeat; */
    margin: 0px 0px 0px 20px;
}

#text li {}

#footer a {
    color: #444;
}

.right {
    text-align: right;
}

#text .ext {
    background: url('images/ext.png') left center no-repeat;
    padding: 0px 0px 0px 15px;
    height: 12px;
}

#text .quote {
    margin-left: 50px;
    font-style: italic;
}

blockquote {
    font-size: 140%;
    line-height: 140%;
    font-style: italic;
    margin: 25px 0 0 0;
}


/* Links */

a {
    color: #9C121F;
    text-decoration: none;
}

a:link {
    color: #9C121F;
    text-decoration: none;
}

a:visited {
    color: #9C121F;
    text-decoration: none;
}

a:active {
    color: #9C121F;
    text-decoration: underline;
}

a:hover {
    color: #9C121F;
    text-decoration: underline;
}

#navi a:active {
    position: relative;
    left: 2px;
    top: 2px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

#footer a:active {
    position: relative;
    left: 2px;
    top: 2px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}


/* Tabellen */

td {
    padding: 8px;
}

table {
    width: 100%;
    border: none;
}

td.vita1 {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
}

td.vita2 {}

td.vita3 {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    background-color: #eee;
}

td.vita4 {
    background-color: #eee;
}

th {
    color: #9C121F;
    margin-bottom: 0;
}


/************ Media Queries ************/

@media screen and (max-width: 995px) {}

@media screen and (max-width: 995px) {
    #foto {
        display: none;
    }
    #navi {
        clear: both;
        padding: 11px 0 0 0;
    }
    #container {
        width: 700px;
    }
    #footer {
        width: 720px;
    }
}


/************ Print-Bereich ************/

@media print {
    /* Generelles */
    body {
        color: #000;
        background-color: #fff;
    }
    h1 {
        font-size: 16pt;
        color: #ccc;
        padding-bottom: 3px;
        border-bottom: 1px solid #777;
    }
    /* Organisation */
    #container {
        display: block;
        text-align: left;
        margin: 5px auto;
    }
    #logo {
        display: none;
    }
    #navi {
        display: none;
    }
    #foto {
        display: none;
    }
    #text {
        line-height: 13pt;
        overflow: auto;
        background-color: transparent;
        margin: 0px 0px 8px 0px;
        padding: 0px 0px 0px 0px;
    }
    #footer {
        display: none;
    }
    /* Klassen */
    #text ul {
        margin: 5px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
    }
    .right {
        text-align: right;
    }
    #text .ext {
        color: #000;
    }
    #text a:link:after,
    #content a:visited:after {
        content: " (" attr(href) ") ";
        font-size: 90%;
    }
    /* Links */
    a {
        color: #9C121F;
        text-decoration: none;
        font-weight: bold;
    }
    a:link {
        color: #9C121F;
        text-decoration: none;
        font-weight: bold;
    }
    a:visited {
        color: #9C121F;
        text-decoration: none;
        font-weight: bold;
    }
    /* Tabellen */
    TD.vita1 {
        font-size: 8pt;
        white-space: nowrap;
        text-align: right;
        font-weight: bold;
    }
    TD.vita2 {
        font-size: 8pt;
    }
    TD.vita3 {
        font-size: 8pt;
        white-space: nowrap;
        text-align: right;
        font-weight: bold;
        color: #000;
        background-color: #eee;
    }
    TD.vita4 {
        font-size: 8pt;
        color: #000;
        background-color: #eee;
    }
}


/* Ende Media Print */