@media screen {
  body {    
    background-color: #dddddd;    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;    -ms-overflow-y: scroll;
    overflow-y: scroll;  
}
  .ym-wrapper {    
    margin-top: 0px;    
    margin-right: auto;    
    margin-bottom: 0px;    
    margin-left: auto;    
    max-width: 80em;  
}
  .ym-wbox {    
    overflow: hidden;    
    padding-top: 10px;    
    padding-right: 10px;    
    padding-bottom: 10px;    
    padding-left: 10px;  
}
  header {    
    background-image: -webkit-linear-gradient(bottom, #332cb5 0%, #332cb5 45%, white 55%, white 100%);
    background-image: -o-linear-gradient(bottom, #332cb5 0%, #332cb5 45%, white 55%, white 100%);
    background-image: -ms-linear-gradient(bottom, #332cb5 0%, #332cb5 45%, white 55%, white 100%);
    background-image: -moz-linear-gradient(bottom, #332cb5 0%, #332cb5 45%, white 55%, white 100%);
    /* Impossible to translate property background-image for webkit20110101 */
    background-image: linear-gradient(to bottom, #332cb5 0%, #332cb5 45%, white 55%, white 100%);  
}
  nav h1 {    
    color: white;    
    float: left;  
}
  nav {    
    background-color: #332cb5;    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;    
    padding-top: 24px;    
    padding-right: 0px;    
    padding-bottom: 24px;    
    padding-left: 0px;  
}
  main {    
    background-color: white;    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;    
    padding-top: 24px;    
    padding-right: 0px;    
    padding-bottom: 24px;    
    padding-left: 0px;  
}
  footer {    
    border-top-width: 4px;    
    border-top-style: solid;    
    border-top-color: #cccccc;    
    padding-top: 24px;    
    padding-right: 0px;    
    padding-bottom: 24px;    
    padding-left: 0px;  
}
  .ym-hlist {    
    background-color: transparent;    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;    
    float: right;    
    width: auto;  
}
  .ym-hlist ul {    
    float: right;    
    padding-top: 0px;    
    padding-right: 0px;    
    padding-bottom: 0px;    
    padding-left: 0px;  
}
  .ym-hlist ul li a {    
    background-color: rgba(255, 255, 255, 0.75);    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;    
    color: black;    
    display: block;    
    padding-top: 6px;    
    padding-right: 24px;    
    padding-bottom: 6px;    
    padding-left: 24px;    
    text-decoration: none;  
}
  .ym-hlist ul li {    
    margin-top: 0px;    
    margin-right: 0px;    
    margin-bottom: 0px;    
    margin-left: 0px;  
}
  .ym-hlist ul li + li {    
    margin-left: 12px;  
}
  .ym-hlist ul li a:hover {    
    color: white;  
}
  .ym-hlist ul li .active {    
    background-color: rgba(255, 255, 255, 0.75);    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;  
}
  .teaser {    
    position: relative;  
}
  .overlay {    
    background-color: rgba(255, 255, 255, 0.75);    
    background-image: none;    
    background-repeat: repeat;    
    background-attachment: scroll;    
    background-position: 0% 0%;    
    bottom: 104px;    
    left: 64px;    
    outline-width: 12px;    
    outline-style:solid;
    outline-color: rgba(255, 255, 255, 0.5);    
    position: absolute;    
    width: 40%;    
    padding-top: 2px;    
    padding-right: 2px;    
    padding-bottom: 2px;    
    padding-left: 2px;  
}
  .overlay p {    
    font-style: italic;  
}
}

@media only screen and (max-width: 768px) {
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] { display: block; float: none; margin: 0px; padding: 0px; width: auto ! important; }
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0px; overflow: hidden; padding: 0px; }
  nav, header, main, footer { padding: 0px; }
  nav h1 { float: none; }
  .overlay { background: none repeat scroll 0% 0% transparent; margin: 2em 0px 1em; outline: 0px none; position: static; width: auto; }
  .ym-hlist ul li + li { margin: 0.5em 0px; }
  .ym-searchform, nav .ym-hlist, nav .ym-hlist ul, nav .ym-hlist ul li { display: block; float: none; text-align: left; width: auto; }
  .ym-searchform input[type="search"] { width: 75%; }
}

@media only screen and (max-width: 480px) {
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] { display: block; float: none; margin: 0px; padding: 0px; width: auto ! important; }
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0px; overflow: hidden; padding: 0px; }
}