#content{
        width: 650px;
        padding: 20px;
        float:right;

        /*border bild*/
        -moz-border-image: url(../pics/gbc.png) 70 stretch; /* Firefox/Gecko-Browser */
        -webkit-border-image: url(../pics/gbc.png) 70 stretch; /* Webkit-Browser */
        border-image-slice: fill;
        border-image: url(../pics/gbc.png) 70 stretch;
        border-width: 50px; /* Diese Angabe könnte der Firefox auch in seiner -moz-border-image-Eigenschaft unterbringen */
        border-image: url(../pics/gbc.png) 70 stretch; /* Aktueller Stand der Spezifikationen (von Opera unterstützt) */


}

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

html, body{
  background-image: url(../pics/background80x80.png);
  background-repeat: repeat;
  background-position: top, left;
  background-color: #806240;
  height: 1050px;
  margin: 0px auto auto 120px;
}

/* ************************** TYPO ****************************
*****************************************************************/

 body{
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #f2e179;
        width: 780px;

}

p{
        margin-top: 20px;
}


#artikeltext p:first-child{
        margin-top: 0px;
}

h1 {
        font-family: 'Oswald', Arial, sans-serif;
        font-size: 40px;
        text-align:center;
        font-weight: 700;
        line-height: 200px;
        color: #f2e179;
        text-shadow: 1px 1px 0px #000000;
}

h2 {
        font-family: 'Oswald', Arial, sans-serif;
        font-size: 24px;
        font-weight: 700;
        color: #f2e179;
        text-shadow: 1px 1px 0px #000000;
}

#sidebar h3 {
        font-family: 'Oswald', Arial, sans-serif;
        font-size: 20px;
        font-weight: 700;
        color: #f2e179;
        text-shadow: 1px 1px 0px #000000;
        display:block;
        background: #a88531;
        width: 230px;
        height: 30px;
        line-height: 30px;
        text-indent: 20px;
        border-bottom: 1px #CCC;
}

#breadcrumb a{
        font-family: 'Oswald', Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #FFF;
        text-decoration: none;
        line-height: 43px;
        margin-left: 30px;
}

#breadcrumb a:hover{
        text-decoration:underline;
}

#artikeltext{
        line-height: 18px;
      /*  border-width:25px; */


}

footer{
        text-align: center;
        line-height: 43px;
        font-size: 10px;
}



/* ************************** LAYOUT ****************************
*****************************************************************/

#wrapper{
  width: 1050px;
  margin: 0 auto;
  min-height: 1050px;
  height:auto !important;
  height:1050px;
  overflow: hidden !important; /* FF Scroll-leiste */
}

#main-header{
  width: 1050px;
  height:330px;
  float:left;
}

#main-navigation{
        width: 1050px;
        height: 42px;
        float:left;
        background: #a88531; /* Old browsers */
        background: -moz-linear-gradient(top, #f5c247 0%, #a88531 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#f5c247), color-stop(100%,#a88531)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5c247 0%,#a88531 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5c247 0%,#a88531 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5c247 0%,#a88531 100%); /* IE10+ */
        background: linear-gradient(top, #f5c247 0%,#a88531 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

        border-bottom: 1px solid #8c460B;
}

#headerbild{
        background:url(../pics/headerbild.jpg);
        background-repeat:no-repeat;
        width: 1050px;
        height: 287px;
        float:left;
}

#quickcheck{
        background:#8c460b;
        width:130px;
        height:180px;
        padding-top:5px;
        padding-left:5px;
        border: 1px solid #fff;
/*        float:right;    */
        position: absolute; top:45px; left:1100px;
}

#breadcrumb{
        width: 1050px;
        height: 42px;
        background: #363636;
        border-top: 1px solid #CDCDCD;
        float:left;
}

#section-wrapper{
        width: 1050px;

       background:url(../pics/content.png);
        background-repeat: repeat-y;

        background: -moz-linear-gradient(left, #a88531 0px, #a88531 230px, #8c460b 230px, #8c460b 1050px); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0px,#a88531), color-stop(230px,#a88531), color-stop(230px,#8c460b), color-stop(1050px,#8c460b)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left, #a88531 0px,#a88531 230px,#8c460b 230px,#8c460b 1050px); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left, #a88531 0px,#a88531 230px,#8c460b 230px,#8c460b 1050px); /* Opera 11.10+ */
     background: -ms-linear-gradient(left, #a88531 0px,#a88531 230px,#8c460b 230px,#8c460b 1050px); /* IE10+ */
      background: linear-gradient(left, #a88531 0px,#a88531 230px,#8c460b 230px,#8c460b 1050px); /* W3C */

        float:left;
}

#sidebar{
        width: 230px;
        float:left;
        margin-top: 25px;

}

#content{
        width: 650px;
        padding: 20px;
        float:right;

        /*border bild*/
        -moz-border-image: url(../pics/gbc.png) 70 stretch; /* Firefox/Gecko-Browser */
        -webkit-border-image: url(../pics/gbc.png) 70 stretch; /* Webkit-Browser */
        border-image-slice: fill;
        border-image: url(../pics/gbc.png) 70 stretch;
        border-width: 50px; /* Diese Angabe könnte der Firefox auch in seiner -moz-border-image-Eigenschaft unterbringen */
        border-image: url(../pics/gbc.png) 70 stretch; /* Aktueller Stand der Spezifikationen (von Opera unterstützt) */


}

footer{
        width: 1050px;
        height: 42px;
        background: #a88531;
        border-top: 1px solid #8c460b;
        float:left;
}


/* ************************** NAVIGATION ************************
*****************************************************************/

#main-navigation .menu{
        list-style-type: none;
        width: 1050px;
}

#main-navigation .menu li a{
        width: 173px;
        height: 42px;
        display: block;
        float:left;

        font-family: 'Oswald', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 42px;
        text-align:center;
        color: #8c460b;
        text-decoration: none;

 /*       text-shadow: 1px 1px 0px #000000;        */

        border-right: 1px solid #8c460B;
        border-left: 1px solid #8c460B;

        webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
}


#main-navigation .menu li:first-child a{
          border-left: none;
         width: 174px;
}

#main-navigation .menu li:last-child a{
          border-right: none;
        width: 174px;
}

#main-navigation .menu li a:hover{
        background-color: rgba(51, 51, 51, 0.3);

        -webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;
}

/* ************************** SUB-NAVIGATION ************************
*****************************************************************/

#sidebar .menu{
        list-style-type: none;
        width: 230px;
}

#sidebar .menu li a{
        width: 230px;
        height: 36px;
        display: block;
        float:left;

        font-family: 'Oswald', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 36px;
        text-indent: 30px;
        color: #f2e179;
        text-decoration: none;

     /*   text-shadow: 1px 1px 0px #000000;    */

        border-bottom: 1px dashed #8c460B;

        webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
}


#sidebar .menu li a:hover{
        background: #f4c85f;

        -webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;
}