/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/


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

html, body{
        height: 1050px;
        width:1050px;
        margin: 0 auto;
            
}

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

 body{
       
       background-color: #C2C29D;
       font-family: Arial;
       font-size: 10px;
       color: #30704F;
       margin: 20 px 20 px ;
       overflow-y: hidden;
}

p{
        margin-top: 20px;
        font-size: 10px;
        color: #30704F;
        font-family: Arial;
}




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

h1 {
        font-family: , Arial;
        font-size: 36px;
        text-align:center;
        font-weight: 700;
        line-height: 70px;
        color: #30704F;
        text-shadow: 1px 1px 0px #000000;
}

header h1 {
        font-family:Arial;
        font-size: 36px;
        text-align:center;
        font-weight: 700;
        line-height: 70px;
        color: #Fef3a5;
        text-shadow: 1px 1px 0px #000000;
}

h2 {
        font-family:Arial;
        font-size: 24px;
        font-weight: 700;
        color: #30704F;
        text-shadow: 1px 1px 0px #000000;
}

h3 {
        font-family:Arial;
        font-size: 20px;
        font-weight: 700;
        color: #30704F;
        text-shadow: 1px 1px 0px #000000;
}

 h4 {
        font-family:Arial;
        font-size: 15px;
        font-weight: 700;
        color: #30704F;
        text-align: center;
        
}








#sidebar h3 {
        font-family:Arial;
        font-size: 14px;
        font-weight: 700;
        color: #Fef3a5;
        text-shadow: 1px 1px 0px #000000;
        display:block;
        background: #999999;
        width: 230px;
        height: 30px;
        line-height: 30px;
        text-indent: 20px;
        border-bottom: 1px #CCC;
}

#breadcrumb a{
        font-family:Arial;
        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: 16px;
}





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

#wrapper{
  background:url(../images/hintergrund.jpg);
  background-repeat:no-repeat;
  width: 1050px;
  margin-top: 30px;
  max-height: 1050px;
  height: auto    !important;
  
  overflow: hidden !important; /* FF Scroll-leiste */
}

#header{
  width: 1050px;
  height:170px;
  float:left;
  margin-top: 0px;
}

#headerbild{
        background:url(../images/logo.png);
        background-repeat:no-repeat;
        width: 1050px;
        height: 170px;
        float:left;
}

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

#section-wrapper{
        width: 1050px;
        height: 480px;

      
}

#sidebar{
        width: 190px;
        float:left;
        margin-top: 30px;
               
}

#content{
        width: 680px;
        padding: 20px;
        float:left;
        background: #fef3a5;
}


#right {
        width: 139px;
        height: 450px;
        float:right;
        margin-top: 0px;
        
}

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

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

        border-bottom: 1px solid #CECED1;
}







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

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

#footer-navigation .menu li a{
        width: 148px;
        height: 35px;
        display: block;
        float:left;

        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: 800;
        line-height: 35px;
        text-align:center;
        color: #30704F;
        text-decoration: none;

        

        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #666666;

        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;
}


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

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

#footer-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: 190px;
}

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

        font-family:  Arial, sans-serif;
        font-size: 11px;
        font-weight: 800;
        line-height: 36px;
        text-indent: 20px;
        color: #FEF3A5;
        text-decoration: none;

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

        border-bottom: 1px dashed #CCCCCC;

        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: #74934F;

        -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;
}