a:link         { color: #004898; font-weight: bold; text-decoration: none }
a:visited         { color: #004898; font-weight: bold; text-decoration: none }
a:hover          { color: #6a6a6a; font-weight: bold; text-decoration: none }
a:focus        { color: #6a6a6a; font-weight: bold; text-decoration: none }
a:active { color: #000; font-weight: bold; text-decoration: none }
body  { color: #6a6a6a; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 18px }
p { color: #6a6a6a; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 18px }
ul { color: #00489b; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 18px }
td { color: #6a6a6a; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 18px }
h1   { color: #00489b; font-size: 30px; font-family: Verdana, Arial, sans-serif; font-weight: normal; line-height: 40px }
h2  { color: #00489b; font-size: 18px; font-family: Verdana, Arial, sans-serif; font-weight: normal; line-height: 26px; text-transform: uppercase }
h3  { color: #00489b; font-size: 18px; font-family: Verdana, Arial, sans-serif; font-weight: normal; line-height: 26px;}
h4 { color: #00489b; font-size: 14px; font-family: Verdana, Arial, sans-serif; font-weight: normal }
.body { color: #6a6a6a; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 18px; text-decoration: none }
.body_blue { color: #00489b; text-decoration: none }
.intro { color: #00489b; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 18px }
.navi  { font-size: 13px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration: none }
.navi_active   { color: #00489b; font-size: 13px; font-family: Verdana, Arial, sans-serif }
.subnavi  { font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration: none }
.subnavi_active  { color: #00489b; font-size: 11px; font-family: Verdana, Arial, sans-serif }
.body10 { color: #6a6a6a; font-size: 10px; font-family: Verdana, Arial, sans-serif; line-height: 14px }
/* linkfarben navi und subnavi */
ul#navi { margin: 0; padding: 10px; width: 165px }
* html ul#navi { padding-left: 10px; width: 165px; padd\ing-left: 10px; w\idth: 165px }
ul#navi li { list-style: none; margin: 12px 0 }
ul#navi li ul { margin: 10 0 0 33px; padding: 0 }
ul#navi li ul li { font-size: 11px; list-style: none; margin: 8px 0 }
* html ul#navi li ul li { margin-left: 0em; ma\rgin-left: 0 }
/* Angaben f�r Explorer */
* html ul#navi li ul li a { width: 125px; w\idth: 125px  }
* html ul#navi a { width: 165px; w\idth: 165px  }
ul#navi a  { color: #6a6a6a; font-weight: normal; text-decoration: none }
ul#navi a:hover { color: #000; font-weight: normal }
ul#navi a:active { color: #004898; font-weight: normal }

div#flexcontainer_vertical {display: flex; flex-direction: column; padding: 6px; position: relative; top: -50px;}
div.flexcontainer_horizontal{display: flex; flex-direction: row; padding: 6px; max-height: 33%; height: 33%;  justify-content: center;}

div.container_not_clicked{display: flex; flex-direction: row; padding: 6px; overflow: hidden; max-height: 33%; justify-content: center;}
div.container_clicked{display: flex; flex-direction: row; padding: 6px; overflow: auto; max-height: 33%; justify-content: center;}

div.search{
    background-color: white; 
    transition: all .2s ease-in; transition: all .1s ease-out; 
    margin-bottom: 2pt; margin-top: 2pt; 
    padding: 10px; 
    border-style: solid; border-color: red; border-width: 1pt;
    overflow: auto;
    
    width: 33%;
    max-height: 30em;
    min-height: 25em;
}
div.flex_horizontal { background-color: white; 
    transition: all .2s ease-in; transition: all .1s ease-out; 
    margin-bottom: 2pt; margin-top: 2pt; 
    padding: 10px; 
    border-style: solid; border-color: white; border-width: 1pt;
    overflow: auto;
    
    width: 33%;
    max-height: 30em;
    min-height: 25em;
    }
div.flex_horizontal:hover{color: black; 
    border-style: solid; border-color: #5d8fcc; border-width: 1pt; 
   
    padding: 10px; 
    width: 33%; 
    max-height: 30em;
    min-height: 25em;}
div.clicked{background-color: white; color: black; 
    padding: 10px; 
    border-style: solid; border-color: #5d8fcc; border-width: 1pt; 
    overflow: auto;
    width: 33%; 
    max-height: 30em; 
    min-height: 25em;
    }
div.not_clicked{background-color: white; color: darkgrey;  opacity: 0.3; 
    padding: 10px;
    border-style: solid; border-color: white; border-width: 1pt;
    overflow: hidden;
    
    width: 33%;
    max-height: 30em;  
    min-height: 25em;
    } 

div#N01{
    background-color: white; 
    transition: all .2s ease-in; transition: all .1s ease-out; 
    margin-bottom: 2pt; margin-top: 2pt; 
    padding: 10px; 
    border-style: solid; border-color: white; border-width: 1pt;
    overflow: auto;
    
    width: 50%;
    max-height: 30em;
    min-height: 25em;
}
div#N02{
    background-color: white; 
    transition: all .2s ease-in; transition: all .1s ease-out; 
    margin-bottom: 2pt; margin-top: 2pt; 
    padding: 10px; 
    border-style: solid; border-color: white; border-width: 1pt;
    overflow: auto;
    
    width: 50%;
    max-height: 30em;
    min-height: 25em;
}
    
div.clicked h2{position: sticky; top: -0.7em; background-color: white; height: 2em;}
input#searchphrase{position: relative; top: -50px; right: -10px;}
button#search{position: relative; top: -50px; right: -10px; color: #5d8fcc; font-size: 14px;}
button#reset{position: relative; top: -50px; right: -50px; color: #5d8fcc; font-size: 14px;}
/*div#N1 {background-color: rgba(255,255,255,0.5); background-image: url("background/b1s.jpg"); background-size: cover; background-blend-mode: lighten}*/