@import url("lightbox.css");
html { height: 100%; }

body { 
    color:rgb(0,0,0); 
    background-color: white; 
    margin: 0px;
}

#bereichListe .bereich  a {
    border-radius: 1px; border: solid 1px darkgrey;
    background: linear-gradient(to top, lightgrey, darkgrey);
    display: inline-block; width:90%; padding:2px 5px; font-weight:bold; text-decoration: none; color:black;
    margin: 2px;
}

#bereichListe .bereich:nth-child(1) a {
    border: solid 1px rgb(255,195,0);
    background: linear-gradient(to top, lightgoldenrodyellow, rgb(255,195,0));
    
}

#bereichListe .bereich:nth-child(2) a {
    border: solid 1px darkred; color:white;
    background: linear-gradient(to top, lightpink, darkred);
}

#bereichListe .bereich:nth-child(3) a {
    border: solid 1px darkblue; color:white;
    background: linear-gradient(to top, lightcyan, darkblue);
}

#bereichListe .bereich:nth-child(4) a {
    border: solid 1px darkgreen; color:white;
    background: linear-gradient(to top, lightgreen, darkgreen);
}

#bereichListe .bereich:nth-child(5) a {
    border: solid 1px rgb(255,195,0);
    background: linear-gradient(to top, lightgoldenrodyellow, rgb(255,195,0));
    
}

#bereichListe .bereich:nth-child(6) a {
    border: solid 1px darkred; color:white;
    background: linear-gradient(to top, lightpink, darkred);
}

#bereichListe .bereich:nth-child(7) a {
    border: solid 1px darkblue; color:white;
    background: linear-gradient(to top, lightcyan, darkblue);
}

#bereichListe .bereich:nth-child(8) a {
    border: solid 1px darkgreen; color:white;
    background: linear-gradient(to top, lightgreen, darkgreen);
}

* { font-family: calibri, verdana, arial, helvetica, sans-serif;
    
}

h1 {font-size: 24px; color: rgb(165,0,21); margin-top:0px;}
h2 {font-size: 18px; color: rgb(165,0,21); margin-top:0px;}
h3 {font-size: 16px; color: rgb(0,0,0); margin-top:0px;}

table.grid td, table.grid th {
    border: solid 1px lightgrey; padding:2px 10px;
}
table.grid {
    border-collapse: collapse;
}
table.grid tr:nth-child(even) td {
    background-color: rgb(240,240,240);
}
table.grid td.active {
    background-color: rgb(255,255,204);
}
table.grid tr:nth-child(even) td.active {
    background-color: rgb(230,230,153);
}
#breadCrumbs { position: relative; padding-bottom: 10px; color: rgb(128,128,128);}
#breadCrumbs span:first-of-type { display: none; color: rgb(160,160,160); } 
#breadCrumbs a { color: rgb(128,128,128); text-decoration: none; }

#topNavigation { position: absolute; left:10px; bottom:5px; display: inline-block; z-index:100; }
#topNavigation ul { list-style: none; padding: 0px; margin: 0px; }
#topNavigation ul li { background-color: rgb(0,0,0); margin: 0px 1px; float:left; }
#topNavigation ul li:hover { background-color: rgb(165,0,21); }
#topNavigation ul li.high { background-color: rgb(165,0,21); }
#topNavigation ul li a { display: inline-block; padding: 5px 10px; color: white; text-decoration: none; font-weight: bold; white-space: nowrap;}
#topNavigation ul li ul { display: none;  position: absolute;}
#topNavigation ul li:hover ul { display: block; }
#topNavigation ul li:hover ul li { display: block; margin: 1px 0px; clear:left; width:100%; }

#sideNavigation { position: relative; width:240px; }
#sideNavigation ul { display: block; list-style: none; padding-left: 0px; margin: 0px; }
#sideNavigation ul li { display: block; margin: 1px 0px; }
#sideNavigation ul li:hover {  }

#sideNavigation ul li a { display: block; background-color: rgb(128,192,128); padding: 5px 10px; color: rgb(0,96,0); text-decoration: none; font-weight: bold; }
#sideNavigation li a { border-bottom: solid 1px rgb(128,192,128); } 
#sideNavigation ul.level2 li a { display: block; padding: 5px 25px; color: rgb(0,128,0); text-decoration: none; font-weight: bold; background-color: rgb(245,255,245);}
#sideNavigation ul.level3 li a { display: block; padding: 5px 40px; color: rgb(0,128,0); text-decoration: none; font-weight: bold; background-color: rgb(245,255,245);}
#sideNavigation ul.level4 li a { display: block; padding: 5px 55px; color: rgb(0,128,0); text-decoration: none; font-weight: bold; background-color: rgb(245,255,245);}
#sideNavigation ul.level5 li a { display: block; padding: 5px 70px; color: rgb(0,128,0); text-decoration: none; font-weight: bold; background-color: rgb(245,255,245);}
#sideNavigation ul li.high a { color:black; background-color: rgb(255,255,255);}
#sideNavigation ul.level1 li a:hover { background-color: rgb(0,128,0); color: rgb(255,255,255);}
#sideNavigation ul.level2 li a:hover { background-color: rgb(255,255,255); color: rgb(0,0,0);}

#header {
    
    position: relative;
    height: 210px;
    width: 1440px;
    border-radius: 10px; padding: 0px;
    border: solid 1px lightgrey;
    
}


#header a {
    text-decoration: none;
}

#mainContent {
    display: table-cell;
    margin-top: 10px;
    width: 780px; 
    border-radius: 5px; 
    
    padding: 20px;
    border: solid 1px lightgrey;
}

#fullContent {
    display: table-cell;
    margin-top: 10px;
    
    padding: 20px;
    
}

#sideBarRight {
    display: table-cell;
    margin-top: 10px;
    width: 380px; 
    border-radius: 5px; 
    
    padding: 20px;
    border: solid 1px lightgrey;
}