/*div .navigation-modul {
    border: 1pt solid white;
    background-color: yellow;


}*/
@media (min-width: 601px) {
    
#header {
    width: 980px;
    height: 101px
border: thin solid black;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display:flex;
    margin: 0 0 4px 0;
    padding: 0;
    vertical-align: middle;
  /*  background-image: url("../images/1.jpg"),
        url("../images/wrapper/Header_hintergrund.jpg");
    */

    background-repeat: no-repeat,
    no-repeat;

    background-position: left top,
    left top;


}

#header img.rechts {
    float: right;
}

#wrap {
    width: 982px;
    min-height: 100%;
    overflow: auto;
    margin: 50px auto;
    text-align: center;
    vertical-align: top;
    position: relative;
    border: 1pt solid #046309;
    border-collapse: separate;
    background-color: #FFFFCC;
    background: #FFFFCC url("../images/wrapper/slice_left_back_2.jpg") left top repeat-y;
}


#sidebarLeft {
    float: left;
    width: 180px;
    margin-top: -65px;
    margin-bottom: 50px;
    padding-top: 5px;
/*  border: 1pt solid #046309;
    border-collapse: separate;  */
  /*  background: #019934 url("../images/thp_verbandszeichen2.jpg") center top no-repeat;*/
    /*background-color: #046309;*/
}


.sidebarRight {
    float: right;
    width: 160px;
    margin-right: 15px;
    min-height: 100px;
  /*  border: 1pt solid #046309;
    border-collapse: separate;*/
}


/* Content -  Mittlere Box fuer die Artikel */

#content {
    float: left;
    width: 735px;
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 50px;
    padding:15px;
    min-height: 500px;
    display: inline-block;
 /*   border: 1pt solid #046309; */
  /*  border-collapse: separate; */
}

div #content h1,h2,h3 {
    
     text-align: left;
     
}
/* Titel der Artikel*/
div #content h1 {
  
  font-size:1.6em;
}

div #content h2 {
  
  font-size: 1.4em;
}

div #content h3 {
  
  font-size: 1.2em;
}

div #content p, div #content .items-leading p {
      
  text-align: left;    

  }


div #content img {
  
  padding: 0.5em;
  margin:auto;
  
}


div #content p,
div #content .items-leading p,
div #content ul li,
div #content ol li {
  
  font-size: 1.25em;
}



div #content ul li,
div #content ol li
{
    
    text-align: left;
   
       
}

div #content ul, div #content ol {
    
    margin-top:5px;
    margin-bottom: 5px;
    margin-left: 15px;
}






/* Ungeordnete Liste im Content*/
#content ul li {
    text-align: left;
    padding: 2px;
    list-style-type:circle;
     list-style-position: outside;
    
}

/* Geordnete Liste im Content*/

#content ol li {
    text-align: left;
    padding: 2px;
    list-style-position: outside;
    
}





#search {
 float: right;
    position: relative;
    padding: 5px;


}

 /* Module der rechten Spalte */
.sidebarRight .moduletable {
   
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 6px;
   background: #73AD21;
   border: 1pt solid #046309;
   border-collapse: separate;
 
}



.images {
    
    margin: 10px;
        
}

#sidebarLeft .logo {
    
    margin-top: 10px:
    margin-left: 10px;
    margin-bottom: 10px;
 /*   border: 1pt solid #046309;
    border-collapse: separate; */
        
}



.moduletable {
    
    margin-bottom: 10px;
    display: block;
    padding: 2px;
}



form input, form button {
    
    margin:4px;
}

/* Buttons "Zurück" und "Weiter" */
div #content ul li.previous, div #content ul li.next {
    float:left;
    margin: 20px;
    padding: 4px;
   
 /*   border: 1pt solid #046309;
    border-collapse: separate;*/
    list-style-type:none; 
}

/* Buttons "Zurück" und "Weiter" */
div #content ul.pager li {
    
    position:relative;
    text-align: center;
    margin-top:30px;
    margin-left: 100px;
    width: 100px;
    background-color: #008B00;
    border: 1pt solid #046309;
    border-collapse: separate;
}

/* Buttons "Zurück" und "Weiter" Buttons bei hover */
div #content ul.pager li:hover {
    

     background-color: #45FFD4;
}

/* Buttons "Zurück" und "Weiter" */
div #content ul li.previous a span, div #content ul li.next a span {
    
     color:#eeff00;
    font-weight: bold;
} 

/* Buttons "Zurück" und "Weiter" Text bei hover */
div #content ul li.previous a span:hover, div #content ul li.next a span:hover {
    
    text-decoration:underline;
    
    color:#eeff00;
   
    font-style: italic;
  
  
} 





#footer {
    position:absolute;
    margin-top: 30px;
    bottom: 0;
    height: 30px;
    width: 100%;
    padding: 10px 0;
    clear: both;
    /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden
Spalten erkennt und ihren Inhalt aufnimmt. */
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
}
-- >