body { position:absolute 0px 0px 0px 0px; padding:0; margin:0; }
* { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
small { font-size:10px }
big { font-size:18px }


.kopf { margin:10px 10px 0px 10px; height:100px; background-color:#66cc99; }
.linke_spalte { position:absolute; left:10px; width:200px; height:600px; background-color:#FFFFcc; border-right : 1px dotted #aaa; z-index:2; }
.rechte_spalte { position:absolute; right:10px; width:190px; height:600px; background-color:#FFFFcc; border-left : 1px dotted #aaa; z-index:1; padding:0 0 0 10px;}
.linke_spalte , .rechte_spalte { top:121px;}
.rechte_spalte a { text-decoration: none; display: block;}
.rechte_spalte a:hover { color: #000; background-color: #ffff99; } 
.content { position:relative; margin:0 220px 0 220px; padding: 5px; background-color: #ffffee; z-index:3;}
/*
ul.navi { list-style:none; padding:0; margin:0; }
ul.navi li { margin: 0; border-bottom: 1px solid #000000; border-top: 1px solid #000000; padding:0; }
ul.navi li a { display:block; padding:0 2px 0 2px; margin:0px; font-size:15px; color: #666666; text-decoration:none; }
ul.navi li a:hover { color:#0000FF; }
ul.navi li a:active { background-color:#FFFF00; }
ul.navi ol { list-style:none; padding:0 0 0 10px; margin:0; }
ul.navi ol li a { display:block; padding:0 2px 0 2px; margin:0px; font-size:15px; color: #99FF00; }
ul.navi ol li a:hover { background-color:#999999; color: #0099CC; }
ul.navi ol li a:active { background-color: #FF0000; }
#auf a:hover, ul.navi li#auf.active a { background-color:#FFFF00; }
#akt a:hover, ul.navi li#akt.active a { background-color:#FF9900; }
#beg a:hover, ul.navi li#beg.active a { background-color: #000033; }
ul.navi li#auf.active ol li a, 
ul.navi li#akt.active ol li a, 
ul.navi li#beg.active ol li a { background-color:#999999; }
ul.navi li ol li.active a { background-color:#FF6600; }
*/
/*h1 a { font-size:28px; padding-top:100px;  text-decoration: none; color:#006600} */
h1 a { font-size:28px;  text-decoration: none; color:#006600; }

ul#navi, ul#navi-imp {
 margin: 25px 0 20px 0;
 border-top: 10px solid #F2F2F2;
 border-bottom: 10px solid #F2F2F2;
 padding: 1px 0 0 0;
 list-style: none;
 }

ul#navi-imp {
 top:536px;
 position:absolute;
 width:200px;
 }

ul#navi li, ul#navi-imp li {
 background-color: #F2F2F2;
 margin: 0;
 border-bottom: 1px solid #FFF;
 padding: 0;
 }

ul#navi a, ul#navi-imp a {
 padding: 1px 10px 1px 20px;
 text-decoration: none;
/* text-transform: uppercase;*/
 display: block;
 }

ul#navi ul, ul#navi-imp ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }

ul#navi li li {
 background-color: #D9D9D9;
 border: 0 none;
 }

ul#navi li li a {
/* width: 145px;*/
 padding-left: 30px;
 text-transform: none;
 }
ul#navibeg {
 margin: 25px 0 20px 0;
 border-top: 16px solid #F2F2F2;
 border-bottom: 30px solid #F2F2F2;
 padding: 1px 0 0 0;
 list-style: none;
 width:300px;
 }

ul#navibeg li {
 background-color: #F2F2F2;
 margin: 0;
 border-bottom: 1px solid #FFF;
 padding: 0;
 }

ul#navibeg li a {
 padding: 1px 10px 1px 20px;
 text-decoration: none;
 display: block;
 }
 
#auf li#menu-auf li.active a,
#ak li#menu-ak li.active a,
#beg li#menu-beg li.active a,
#km li#menu-km li.active a,
#pro li#menu-pro li.active a,
#kiga li#menu-kiga li.active a,
#pfa li#menu-pfa li.active a,
#imp li#menu-imp li.active a,
#int li#menu-int li.active a {
 color: #000000;
 background-color: #999;
 }

#auf li#menu-auf li a,
#ak li#menu-ak li a,
#beg li#menu-beg li a,
#km li#menu-km li a,
#pro li#menu-pro li a,
#kiga li#menu-kiga li a,
#pfa li#menu-pfa li a,
#imp li#menu-imp li a,
#int li#menu-int li a {
 color: #000;
 background-color: #D9D9D9;
 }

.km a:hover,
.ak a:hover,
.beg a:hover,
ul#navibeg li#beg-ak a:hover,
ul#navibeg li#beg-km a:hover,
ul#navibeg li#beg-beg a:hover,
ul#navi li#menu-auf li a:hover,
ul#navi li#menu-ak li a:hover,
ul#navi li#menu-beg li a:hover,
ul#navi li#menu-km li a:hover,
ul#navi li#menu-pro li a:hover,
ul#navi li#menu-kiga li a:hover,
ul#navi li#menu-pfa li a:hover,
ul#mavi-imp li#menu-imp li a:hover,
ul#navi li#menu-int li a:hover {
 color: #000;
 background-color: #999;
 }

h2 { padding-left: 30px; font-size:16px; }

#auf h2,
ul#navi li#menu-auf a:hover, #auf li#menu-auf a {
 color: #663300;
 background-color: #FFFF99;
 }

/*ul#navibeg li#beg-ak a,*/
#ak h2, .ak, .ak a,
ul#navi li#menu-ak a:hover, #ak li#menu-ak a {
 color: #FFF;
 background-color: #006736;
 }

/*ul#navibeg li#beg-beg a,*/
#beg h2, .beg, .beg a,
ul#navi li#menu-beg a:hover, #beg li#menu-beg a {
 color: #FFF;
 background-color: #993333;
 }

/*ul#navibeg li#beg-km a,*/
#km h2, .km, .km a,
ul#navi li#menu-km a:hover, #km li#menu-km a {
 color: #FFF;
 background-color: #51145F;
 }

#pro h2,
ul#navi li#menu-pro a:hover, #pro li#menu-pro a {
 color: #FFF;
 background-color: #6666ff;
 }

#pfa h2,
ul#navi li#menu-pfa a:hover, #pfa li#menu-pfa a {
 color: #FFF;
 background-color: #006699;
 }

#imp h2,
ul#navi-imp li#menu-imp a:hover, #imp li#menu-imp a {
 color: #FFF;
 background-color: #0099cc;
 }

ul#navi li#menu-ki a:hover, #ki li#menu-ki a, ul#navi li#menu-sp a:hover, #sp li#menu-sp a {
 color: #FFF;
 background-color: #996600;
 }

#kiga h2, h3,
ul#navi li#menu-kiga a:hover, #kiga li#menu-kiga a {
 color: #FFF;
 background-color: #ff9900;
 }
 
ul#navi li#menu-fh a:hover, #fh li#menu-fh a {
 color: #FFF;
 background-color: #669966;
 }

#lp h2,
ul#navi li#menu-lp a:hover, #lp li#menu-lp a {
 color: #FFF;
 background-color: #666666;
 }

#int h2,
ul#navi li#menu-int a:hover, #int li#menu-int a {
 color: #FFF;
 background-color: #333333;
 }

/* content */

/*#beg .linke_spalte {
 border-left : 3px solid #993333;
 }*/
/*
#beg .content ul li {
 list-style: none;
 width:400px;
 color: #FFF;
 background-color: #993333;
 }

#beg .content ul li span {
 float: right;
 width:250px;
 color: #000;
 background-color: #cccccc;
 }

#beg .content ul li ul li span {
 list-style: none;
 color: #000;
 background-color: #ffffcc;
 padding:0 2px 0 2px; margin:0px; 
 }
*/

.termin { background-color:#ffffdd; }
#beg .termin td, #km .termin td { background-color:#ffffdd; }
#beg .titel { font-weight:bold; background-color:#bb5555; color:#ffffff; }
#km .titel { font-weight:bold; background-color:#73367f; color:#ffffff; }
#beg .titel a, #km .titel a { color:#FFFF99; text-decoration:none;}
#beg .titel a:hover, #km .titel a:hover{ color:#FFFF33; text-decoration:underline;}




/*#km .termin td { width:33%; background-color:#51145F; }*/
tr {vertical-align:top; }





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}