/************************ Copyright ****************************
 *                                                             *
 *        Schuhmeister GmbH "FT 8194" - Template               *
 *         Datum: 18.02.2013                                   *
 *         Version: 1.1.0                                      *
 *                                                             *
 *        (c) Fabian Keunecke @ LiveYourProject                *
 *         Internet: http://liveyourproject.com                *
 *         E-Mail: fabian.keunecke@liveyourproject.com         *
 *                                                             *
 ************************ Copyright ****************************/

@charset "utf-8";

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


body {

    padding: 0px;
    margin: 0px;
    background-color: #ff7200;

}

img {
    
    border: 0px;
    
}

#header_background {

    z-index: 0;
    position: absolute;
    height: 170px;
    width: 100%;

}

#navigation_background {

    position: relative;
    height: 40px;
    width: 100%;
    background-color: #ff7200;

}

#slider_background {

    position: relative;
    height: 130px;
    width: 100%;
    background-color: #FFFFFF;

}

#header_content {

    position: relative;
    top: 0px;
    margin: auto;
    width: 800px;
    -moz-box-shadow: 0px 0px 50px #000;
    -webkit-box-shadow: 0px 0px 50px #000;
    box-shadow: 0px 0px 50px #000;

}

ul#navigation {

    position: relative;
    margin: auto;
    height: 40px;
    width: 800px;
    padding: 0px;
    background-color: #fe8320;   

}

ul#navigation li {

    float: left;
    list-style: none;
    margin: 8px 10px 0px 10px;
    font-size: 20px;

}

ul#navigation li a,
ul#navigation li a:link,
ul#navigation li a:visited {

    color: #FFFFFF;
    text-shadow: 0 -1px 1px #a1a1a1, 
                 0 1px 1px #FFFFFF;
    text-decoration: none;

}

ul#navigation li a:hover,
ul#navigation li a:active {

    color: #FFFFFF;
    -moz-text-shadow: 0 -1px 1px #a1a1a1, 
                 0 1px 1px #FFFFFF;
    -webkit-text-shadow: 0 -1px 1px #a1a1a1, 
                  0 1px 1px #FFFFFF;
    text-shadow: 0 -1px 1px #a1a1a1, 
                 0 1px 1px #FFFFFF;
    text-decoration: underline;
}


div#slider {

    margin: auto;
    height: 130px;
    width: 100%;
    background-color: #FFFFFF;

}

div#slider .content {

    position: relative;
    top: 0px;
    margin: auto;
    height: 130px;
    width: 800px;
    background-color: #FFFFFF;
    
}

div#title {

    position: relative;
    margin: 30px auto 0px auto;
    height: 110px;
    width: 780px;
    padding: 10px;
    background-image: url('../images/logo.png');
    background-size: 120px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 5px #fbf6c0;
    -webkit-box-shadow: 0px 0px 5px #fbf6c0;
    box-shadow: 0px 0px 5px #fbf6c0;

}

div#title .button {

    display: block;
    margin: 41px 50px 0px 50px;
    width: 80px;
    padding: 5px;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    text-align: center;

}

div#title div#left {

    float: left;

}

div#title div#right {

    float: right;

}

div#headline {

    padding: 0px 10px;
    margin: 30px auto -20px auto;
    width: 780px;

}


div#headline h1 {

    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    -moz-text-shadow: 0 -1px 1px #a1a1a1, 
                 0 1px 1px #FFFFFF;
    -webkit-text-shadow: 0 -1px 1px #a1a1a1, 
                  0 1px 1px #FFFFFF;
    text-shadow: 0 -1px 1px #a1a1a1, 
                 0 1px 1px #FFFFFF;

}


div#content {

    position: relative;
    margin: 30px auto 0px auto;
    width: 780px;
    padding: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 5px #fbf6c0;
    -webkit-box-shadow: 0px 0px 5px #fbf6c0;
    box-shadow: 0px 0px 5px #fbf6c0;

    font-size: 12pt;

}

div#content p {

    clear: both;

}

div#content .actions {

    clear: both;
    list-style: none;
    margin: 0px 10px 20px 0px;

}

div#content .actions li {

    float: left;

}

div#content div#footer {

    margin-top: 30px;
    border-top: 1px solid #cbcbcb;
    padding-top: 3px;

}

div#title a,
div#title a:link,
div#title a:visited,
div#content a,
div#content a:link,
div#content a:visited {

    color: #ff6c00;
    text-decoration: none;

}

div#title a:hover,
div#title a:active,
div#content a:hover,
div#content a:active {

    color: #ff6c00;
    text-decoration: underline;

}

.tip {

    padding: 5px;
    background-color: #fff7b7;
    border: 2px solid #888888;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}

.article-info {

    clear: both;
    margin: 5px 10px 20px 10px;
    font-style: italic;

}

.article-info-term {

    font-weight: bold;

}