<STYLE type="text/css"> 
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 130px; 
  list-style: none;
}

ul#navmenu-v:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
        position: relative;
        list-style: none;
        border: solid  1px #dddddd;
        width:130px;

background-image: url('/images/bglink.jpg');
  float: left; 
  display: block !important; 
  display: inline; 
z-index:1;
}
ul#navmenu-v li ul li {
border:none;
border-bottom:#FFFFFF 2px solid;
}

/* Root Menu */
ul#navmenu-v a {
  padding: 0 6px;
  display: block;
background-image: url('/images/bglink.jpg');
  color: #000000;
font: 12px/28px Verdana, Arial;
   text-decoration: none;
  height: auto !important;
  height: 1%; 
}


ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
background: #f2c9ad;
  color: #000000;

}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
background-image: url('/images/bglink.jpg');
background: #f2c9ad;
  color: #000000;
  border:#dddddd 1px solid;
}


ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
background-image: url('/images/bglink.jpg');
  color: #003366;
  border:#dddddd 1px solid;
}



ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 90px;
}


ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}



hr {color:blue; height:1px;}
A:link {text-decoration: none;color: black; } 
A:visited { text-decoration: none;color: black;} 
A:active { text-decoration: none; background-image: url(/);background-color:#f2c9ad;}
A:hover {text-decoration: none;color:blue;background-image: url(/images/bglink.jpg);background-color:#f2c9ad;}
a img {text-decoration:none; border:none;}
<!--/*A:hover {text-decoration: none;color: blue;background-image: url(/images/bglink.jpg);}*/
/*A:active { text-decoration: none; background-image: url(/images/bglink.jpg); }*/-->

.slide p,
.slide [type="checkbox"]{
    display:none;
}

.slide [type="checkbox"]:checked ~ p {
    display:block;
}






.capella {background-image: url('/images/capella_club.jpg');}

.t {border-top:solid;border-width:1px;border-color:blue;}
.tr {border-top:solid;border-right:solid;border-width:1px;border-color:blue;}
.tlr {border-top:solid;border-right:solid;border-left:solid;border-width:1px;border-color:blue;}
.b {border:solid;border-width:1px;border-color:blue;background-color:;}
.bgl8_z {font-family: Century Gothic; font-size:8pt;font-weight: 500;}
.bgl {font-family: Century Gothic; font-size:10pt;font-weight: 500;}
.bgl7 {font-family: Century Gothic; font-size:7pt;font-weight: 500; background-image: url(/images/bgcenter.jpg);}
.bgl8 {font-family: Century Gothic; font-size:10pt;font-weight: 500; background-image: url(/images/bgcenter.jpg);}
.bgl18 {font-family: Century Gothic; font-size:10pt;font-weight: 500; background-image: url(/images/Disk1.jpg);background-repeat: no-repeat;}
.bgl11 {font-family: Century Gothic; font-size:11pt;font-weight: 500;}
.bgl12 {font-family: Century Gothic; font-size:12pt;font-weight: 500;}
.bgl24 {font-family: Century Gothic; font-size:22pt;}
.zit {font-family: Century Gothic; font-size:8pt; font-style: italic;}
.fs8 {font-family: Century Gothic; font-size:10pt;font-weight: 500;}
.fs7 {font-family: Century Gothic; font-size:8pt;font-weight: 500;}
.fs14 {font-family: Century Gothic; font-size:14pt;font-weight: 500;}
.td {background-image: url(/images/bgcenter.jpg);}
.td1 {background-color;#f2c9ad;}
.bg {background-color: #658a93}
.bgm {font-color:#f2e9dd;}
.bgi{background:url(/images/bg.jpg); #eadcd3; repeat-y; scroll;}
.f10 {font-family: Times New Roman; font-size:10pt;font-weight: 500;}
.tab {top: 50px;}
td#con {position:relative;}
.top_en {border-bottom:solid;border-width:1px;position:absolute;top:360;left:420;}
.top_de {border-bottom:solid;border-width:1px;position:absolute;top:373;left:420;}
.top_fr {border-bottom:solid;border-width:1px;position:absolute;top:386;left:420;}
.top_sp {border-bottom:solid;border-width:1px;position:absolute;top:397;left:420;}
.top_ru {border-bottom:solid;border-width:1px;position:absolute;top:406;left:420;}
td#con  a {color:#000000;} 
td#con a:hover {color:#cccccc;background: red;} 
div#t2a a {color:#ffffff;} 
div#t2a a:hover {color:#000000;} 


#block1 {
  width: 75px;
  height: 106px; 
  margin: auto;
  border: 0px solid Black;
  border-style: dashed;
  border-radius: none;
  padding: 1px 1px 1px 1px;
  text-align: left;
  background-color: none;
  color: Black;
  cursor: pointer;
	-moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
  }
  
  #block1:hover {
    z-index: 6;
    background-color: none;
        color: Black;
	border-style: dotted;
	border-radius: 2px;
	-webkit-transform: scale(8) translate(-90px,-15px);
    -moz-transform: scale(8) translate(-90px,-15px);
    -o-transform: scale(8) translate(-90px,-15px);
  }

#tran_2 {
  width: 200px;
  height: 133px; 
  margin: auto;
  border: 0px solid Black;
  border-style: dashed;
  border-radius: none;
  padding: 1px 1px 1px 1px;
  text-align: left;
  background-color: none;
  color: Black;
  cursor: pointer;
	-moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
  }
  
  #tran_2:hover {
    background-color: none;
    color: Black;
	border-style: dotted;
	border-radius: 2px;
	-webkit-transform: scale(2.5);
    -moz-transform: scale(2.5); 
    -o-transform: scale(2.5);
  }

  


 #tran_3 {
  width: 200px;
  height: 199px; 
  margin: auto;
  border: 0px solid Black;
  border-style: dashed;
  border-radius: none;
  padding: 1px 1px 1px 1px;
  text-align: left;
  background-color: none;
  color: Black;
  cursor: pointer;
	-moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
  }
  
  #tran_3:hover {
    background-color: none;
    color: Black;
	border-style: dotted;
	border-radius: 2px;
	-webkit-transform: scale(2.5);
    -moz-transform: scale(2.5); 
    -o-transform: scale(2.5);
  }





.top1 {border-bottom:solid;border-width:1px;position:absolute;top:80;left:90;}
.top2 {border-bottom:solid;border-width:1px;position:absolute;top:122;left:90;}
.top3 {border-bottom:solid;border-width:1px;position:absolute;top:175;left:90;}
.top4 {border-bottom:solid;border-width:1px;position:absolute;top:200;left:90;}
.top5 {border-bottom:solid;border-width:1px;position:absolute;top:242;left:90;}
.top6 {border-bottom:solid;border-width:1px;position:absolute;top:283;left:90;}
.top7 {border-bottom:solid;border-width:1px;position:absolute;top:315;left:90;}
.top8 {border-bottom:solid;border-width:1px;position:absolute;top:331;left:90;}
.top9 {border-bottom:solid;border-width:1px;position:absolute;top:95;left:300;}
.top10 {border-bottom:solid;border-width:1px;position:absolute;top:109;left:300;}
.top11 {border-bottom:solid;border-width:1px;position:absolute;top:121;left:300;}
.top12 {border-bottom:solid;border-width:1px;position:absolute;top:134;left:300;}
.top13 {border-bottom:solid;border-width:1px;position:absolute;top:148;left:300;}
.top14 {border-bottom:solid;border-width:1px;position:absolute;top:162;left:300;}
.top15 {border-bottom:solid;border-width:1px;position:absolute;top:175;left:300;}
.top1p {border-bottom:none;border-width:1px;position:absolute;top:78;left:45;}
.top2p {border-bottom:none;border-width:1px;position:absolute;top:120;left:45;}
.top3p {border-bottom:none;border-width:1px;position:absolute;top:170;left:45;}
.top4p {border-bottom:none;border-width:1px;position:absolute;top:199;left:45;}
.top5p {border-bottom:none;border-width:1px;position:absolute;top:235;left:45;}
.top6p {border-bottom:none;border-width:1px;position:absolute;top:282;left:45;}
.top7p {border-bottom:none;border-width:1px;position:absolute;top:303;left:45;}
.top8p {border-bottom:none;border-width:1px;position:absolute;top:320;left:45;}
.top9p {border-bottom:none;border-width:1px;position:absolute;top:78;left:440;}
.top10p {border-bottom:none;border-width:1px;position:absolute;top:97;left:440;}
.top11p {border-bottom:none;border-width:1px;position:absolute;top:111;left:440;}
.top12p {border-bottom:none;border-width:1px;position:absolute;top:125;left:440;}
.top13p {border-bottom:none;border-width:1px;position:absolute;top:139;left:440;}
.top14p {border-bottom:none;border-width:1px;position:absolute;top:153;left:440;}
.top15p {border-bottom:none;border-width:1px;position:absolute;top:167;left:440;}














* {
 box-sizing: border-box;
}
 
label[for] {
 cursor: pointer;
}
 
input[type="checkbox"] {
 display: none;
}
 
body {
 background-color: ;
}
 
.lightbox, .grid {
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
}
 
.lightbox {
 z-index: 1;
 min-height: 100%;
 overflow: auto;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 -webkit-transition: -webkit-transform .5s ease-out;
 transition: transform .5s ease-out;
}
.lightbox img {
 position: fixed;
 top: 50%;
 left: 50%;
 max-width: 96%;
 max-height: 96%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
 
input[type="checkbox"]:checked + .lightbox {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
 
input[type="checkbox"]:checked ~ .grid {
 opacity: .125;
}
 
.grid {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
 

 flex-flow: row wrap;
 -webkit-flex-flow: row wrap;
 -ms-flex-flow: row wrap;
 
/*align-content: space-between;
-webkit-align-content: space-between;
-ms-flex-line-pack: flex-start;
*/
 justify-content: space-between;
-webkit-justify-content: space-between;
 
align-items: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: flex-start;

 position: relative;
  margin-left: auto;
  margin-right: auto;

 z-index: 0;

 max-width: 700px;
 padding: 1px;
 overflow: none;
 text-align: center;
 -webkit-transition: opacity .75s;
 transition: opacity .75s;
}


.grid .grid-item {
display: inline-block;
display: -webkit-inline-block;
display: -ms-inline-block; 
width: 200px;

 padding: 1px;
/* opacity: .75;
 -webkit-transition: opacity .5s;
 transition: opacity .5s;*/
}


.grid .grid-item:hover {
 opacity: 1;
}
@media screen and (max-width: 1024px) {
 .grid .grid-item {
 width: 50%;
 }
}
@media screen and (max-width: 480px) {
 .grid .grid-item {
 width: 50%;
 }
}



.grid img {
 max-width: 100%;
 max-height: 50%;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.zoom:hover { zoom: 3; }



</STYLE>
