@charset "utf-8"; 

body {
  background-color: rgb(218,218,218);  
  font-size: 20px;
  font-family: Arial;
}

header {    
    background-color: white;     
    height: 100px; 
    font-size: 34px;
    box-shadow: 10px 10px 10px grey;
    
   
}       

div.headline {
    padding: 30px;
    text-shadow: 0 0 7px rgb(255,0,0);
}               



#links { 
        float: left;
        width: 50%;
        margin-right: 14px;
}

li {
    list-style-type: none;
    padding-left: 35px;
    margin-left: 0px;
    background-image:url('img/li.png');
    background-repeat:no-repeat;
    background-position:left top;
} 

div.s {   
    display: flex;
    text-align: center;
    width: 100%;
    height: 100%     
}

div.simpleSlides {     
      background-color: white; 
      box-shadow: 10px 10px 10px grey;
}       

div.d {
      
       width: 100%;
       height: 100%;
}

a {
   font-weight: bold; 
   color: rgb(0,0,102);
   text-decoration: none;
}
/* unvisited link */
a:link {    
  
}

/* visited link */
a:visited {
  
}

/* mouse over link */
a:hover {
  color: red;   
}

/* selected link */
a:active {
  color: black; 
}



nav {
     background-color: white; 
     margin: 0px 0px 20px 0px;
     box-shadow: 10px 10px 10px grey;
     padding: 5px 0px 5px 0px;
     z-index: 1;
}

footer {    
    background-color: white; 
    width: 100%; 
}

div.footer {
    padding: 10px 10px 10px 10px;
}

div.articel {
    margin: 0px 2% 0px 0px;
    padding: 0px 80px 40px 80px;
    background-color: white;
    
    width: 70%; 
    box-shadow: 10px 10px 10px grey;
}

div.links {
    width: 28%;    
    background-color: white;
    height: 10%;
    box-shadow: 10px 10px 10px grey;
}

div.link {
    padding: 2px 0px 2px 0px;
    font-size: 18px;    
}

div.formattext {
    padding: 0px 20px 20px 20px;
    text-align: left;
}

div.img {      
    min-height: 300px;    
    background-color: white;
   
    hyphens: auto; 
    text-align: justify;
    
    
}

img {
   width: 100%  
    
}

section {
    display: flex;      
    hyphens: auto; 
    text-align: justify; 
    margin: 0px 0px 20px 0px;
     z-index: 0;
    
}

h1 {
  color: rgb(51,51,0);
  text-align: center;
  font-size: 30px;
}

h2 {
    font-size: 28px ;
}

.cellContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  
  
}

div.nav {
   padding: 0px 10px 0px 10px;
  

}

div.wrapper {
    margin: 20px 20px 20px 20px;
    width: 100%;
    min-width: 850px; 
    max-width: 1200px;
}