@import url("menu.css");
/* CSS für fotoheider.com */



/* Allgemeines */




body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#fff;
/* Sonderfarbe*/
  background:#080808;
  margin:0;
  margin-top:0;
  padding:0;
  background:url(../img_allg/bg-verlauf-struktur.png) right bottom #080808;
}

:focus { -moz-outline-style:none; }

table {
  margin-top:0;
}

td {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#fff;
}

h1 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#f90;
  margin-top:0px;
  margin-bottom:10px;
}

h2 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#f90;
  margin-top:0px;
  margin-bottom:10px;
}

._de{
  font-style:normal;
}

._fr{
  font-style:italic;
}

._en{
  font-style:italic;
}

.c_h3 {
  font-weight:bold;
  color:#f90;
}

p,li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#fff;
  line-height:16px;
}


ul {
  padding:23px;
  margin:0;
}

A:link {
  text-decoration:none;
  color:#f93;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

A:active {
  text-decoration:none;
  color:#999;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

A:visited {
  text-decoration:none;
  color:#f93;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

A:hover {
  text-decoration:underline;
  color:#fc6;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.tdbg{
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
}

.ik{
/*Sonderfarbe*/
  border:1px solid #333;
}

a:hover .ik{
  border:1px solid #f90;
}

.i25{
  border-width:0px;
  width:25px;
  height:25px;
}

.i17{
  border-width:0px;
  width:17px;
  height:17px;
}

.aImg20x20{
}

.aImg20x20 img{
  width:20px;
  height:20px;
  border:0;
  background:url(../img_allg/bu_bg20x20.png) center 0px no-repeat;
  opacity:0.6;
  margin:3px 6px 3px 0;
}

.aImg20x20:hover img{
  background-position:center -100px;
  opacity:inherit;
}

.aImg20x20:active img,.aImg20x20:focus img{
  background-position:center -200px;
  opacity:inherit;
}



/* Indexseiten */



#pxLinie{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100px;
  border-bottom:1px solid #f90;
  z-index:2;
}

#pxLinieBg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
/*Sonderfarbe*/
  background:url(../img_allg/background.png) no-repeat top left #000;
}

.divLogo{
  position:absolute;
  right:0px;
  bottom:0;
  z-index:1;
  width:390px;
  padding-right:1px;
  text-align:right;
}

.divLogo:hover{
  background:url(../img_allg/bg-verlauf-u-100.png) repeat-x bottom;
}

.divLogo:hover div{
  position:absolute;
  left:-64px;
  width:64px;
  height:100px;
  background:url(../img_allg/bg-verlauf-u-100-li.png) right bottom no-repeat;
}

.divLogo a img{
  border:0;
}

#divTeaser{
  position:absolute;
  top:5px;
  left:5px;
  z-index:5;
  padding:13px 21px;
  border:1px solid #333;
  background:url(../img_allg/bg-verlauf-teaser.png) center no-repeat;
  visibility:hidden;
}

#divTeaser img{
  width:60px;
  height:60px;
  border:1px solid #333;
}

#divMarker{
  position:absolute;
  top:5px;
  left:20%;
  z-index:4;
  padding:13px 21px;
  border:1px solid #333;
  background:url(../img_allg/bg-verlauf-teaser.png) center no-repeat;
}

#imgMarker{
  border:1px solid #333;
  width:60px;
  height:60px;
}

#imgBildergalerie,
#imgMemospiel{
  float:right;
  opacity:0.40;
  cursor:pointer;
  /*vorlaeufig verstecken*/
  visibility:hidden;
  position:absolute;
  right:0;
}

#imgBildergalerie:hover,
#imgMemospiel:hover{
  opacity:inherit;
}




/* ColorPickerFlyout */




#colPic{
  position:absolute;
  top:43px;
  left:-266px;
  width:276px;
  height:208px;
  z-index:200;
  border:1px solid #333;
  border-left-width:0;
  -moz-border-radius-topright:3px;
  -khtml-border-radius-topright:3px;
  -moz-border-radius-bottomright:3px;
  -khtml-border-radius-bottomright:3px;
  padding-right:24px;
  text-align:left;
}
#colPicAbd{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.6;
}
#colPicSchattenO{
  position:absolute;
  right:0;
  width:100%;
  height:20px;
  border-width:0;
  margin:0;
  top:-21px;
  background:url(../img_allg/bg-schatten-linksoben.png) top right repeat-x;
}
#colPicSchattenU{
  position:absolute;
  right:0;
  width:100%;
  height:20px;
  border-width:0;
  margin:0;
  bottom:-21px;
  background:url(../img_allg/bg-schatten-linksunten.png) bottom right repeat-x;
}
#colPicInhalt{
  position:relative;
  float:right;
  width:231px;
  margin:10px;
  z-index:3;
}

/*Inhalte*/
.farbwahl{
  position:relative;
  z-index:0;
  float:left;
  width:20px;
  height:20px;
  margin:1px 1px 0 0;
  background:url(../img_allg/bu_bg20x20.png) center 0px no-repeat;
  cursor:pointer;
  opacity:0.6;
}

.farbwahl img{
  width:18px;
  height:18px;
  margin:1px;
  background:url(../img_allg/bu_bg20x20.png) center -1px no-repeat;
  cursor:pointer;
}

.farbwahl:hover{
  z-index:1;
  opacity:inherit;

  box-shadow: #fff 0 0 20px;
  -webkit-box-shadow: #fff 0 0 20px;
  -moz-box-shadow: #fff 0 0 20px;
}

.farbfaktorRand{
  margin:0;
  padding:3px 0;
  opacity:0.6;
}

.farbfaktorImg{
  width:11px;
  height:16px;
  background:url(../img_allg/restzeit_bgn.png) center center repeat-x;
  border-width:0 1px;
  border-style:solid;
  border-color:transparent;
  cursor:pointer;
  opacity:0.6;
}
.farbfaktorImg:hover{
  opacity:inherit;
}






#tdInhalt{
  position:relative;
  min-width:249px;
  margin-left:42px;
  margin-bottom:10px;
  border-left:1px solid #333;
  border-bottom:1px solid #333;
  -moz-border-radius-bottomleft:3px;
  -khtml-border-radius-bottomleft:3px;
  padding-top:101px;
/*Sonderfarbe*/
  background:#000;
  overflow:hidden;/*Bugfix Safari Popup*/
  z-index:1;

  box-shadow: #000 -1px 1px 1px;
  -webkit-box-shadow: #000 -1px 1px 1px;
  -moz-box-shadow: #000 -1px 1px 1px;
}

.divText{
  margin-left:20px;
  margin-right:20px;
  padding-top:20px;
}

.divTextMitTeaser{
  margin-left:8px;
  margin-top:20px;
  margin-right:20px;
  min-height:70px;
}

.divTextMitTeaser p {
  margin-left:92px;
}

.spUmg{
  position:relative;
  margin-bottom:10px;
/* IE-Macke */
  overflow:hidden;
}

.spLi{
  width:48%;
  float:left;
  overflow:hidden;
}

.spRe{
  width:48%;
  float:right;
  overflow:hidden;
  font-style:italic;
}

.spLinie{
  position:absolute;
  top:0;
  left:50%;
  height:100%;
  border-left:solid 1px #333;
}

.sp1-3{
  width:31%;
  float:left;
  overflow:hidden;
}

.sp2-3{
  width:31%;
  float:left;
  margin-left:3.5%;
  overflow:hidden;
  font-style:italic;
}

.sp3-3{
  width:31%;
  float:right;
  overflow:hidden;
  font-style:italic;
}

.spLinieLi{
  position:absolute;
  top:0;
  left:32.75%;
  height:100%;
  border-left:solid 1px #333;
}

.spLinieRe{
  position:absolute;
  top:0;
  left:67.25%;
  height:100%;
  border-left:solid 1px #333;
}



.divCopyRIdx{
  padding:6px;
  float:left;
/*Sonderfarbe*/
  background-color:#000;
  opacity:0.3;
  font-size:11px;
}

.divCopyRIdx a{
  font-size:11px;
}

.divCopyRIdx:hover{
  opacity:inherit;
}

.divCopyR{
  bottom:0px;
  padding:6px;
  float:left;
  clear:both;
  z-index:94;
  position:fixed;
  opacity:0.3;
  font-size:11px;
}

.divCopyR a{
  font-size:11px;
}

.divCopyR:hover{
  opacity:inherit;
}



#divWebdesignIdx{
  float:right;
  margin:0px;
  border:0px solid #333;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  padding:5px;
}

#divWebdesign{
  bottom:0px;
  float:right;
  z-index:93;
  position:fixed;
  right:0px;
  margin:0px;
  border:0px solid #333;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  padding:5px;
}

#divWebdesignIdx:hover, #divWebdesign:hover{
  border-width:1px;
  padding:4px;
  background:url(../img_allg/bg-verlauf-22-lang.png) top repeat-x;
}

#divWebdesignIdx:active, #divWebdesignIdx:focus, #divWebdesign:active, #divWebdesign:focus{
  background:url(../img_allg/bg-verlauf-u-22-lang.png) bottom repeat-x;
}

#divWebdesignIdx img, #divWebdesign img{
  border:0;
  width:16px;
  height:16px;
  background:url(../img_allg/gf_klein.gif) center center no-repeat;
  opacity:0.2;
}

#divWebdesignIdx img:hover, #divWebdesign img:hover{
  opacity:inherit;
}





.linkText{
}

.linkText a{
  padding:4px;
  border:1px solid transparent;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
}

.linkText:hover{
}

.linkText a:hover{
/*Sonderfarbe*/
  border-color:#333;
  color:#f93;
  background:url(../img_allg/bg-verlauf-22-lang.png) repeat-x;
}

.linkText a:focus, .linkText a:active{
/*Sonderfarbe*/
  border-color:#333;
  color:#f93;
  background:url(../img_allg/bg-verlauf-u-22-lang.png) bottom repeat-x;
}





.divTBildU{
  position:relative;
  z-index:0;
}

.divTBildU .nav{
  left:10px;
}

.divTBild{
  padding:21px 25px;
  font-size:0px;
}

.divTBild img{
  position:relative;
  width:60px;
  height:60px;
  background-position:center;
  background-repeat:no-repeat;
  margin:1px;
  border:1px solid #333;
  z-index:2;
  background-color:#000;
}

.divTBild img:hover,.divTBild img:active,.divTBild img:focus{
  width:110px;
  height:110px;
  margin:-26px;
  border-width:3px;
  z-index:3;
  opacity:0.85;

  box-shadow: #fff 0 0 20px;
  -webkit-box-shadow: #fff 0 0 20px;
  -moz-box-shadow: #fff 0 0 20px;
}

.divTBild .i30{
  position:absolute;
  visibility:hidden;
  width:30px;
  height:30px;
  padding:15px;
  background-position:center 15px;
  background-repeat:repeat-y;
}

.divTBild .i30:hover{
  width:30px;
  height:30px;
  padding:15px;
  margin:-1px;
  background-position:center 215px;
  background-repeat:repeat-y;
  opacity:inherit;
}

.divTBild .i30:active,.divTBild .i30:focus{
  width:30px;
  height:30px;
  padding:15px;
  margin:-1px;
  background-position:center 115px;
  background-repeat:repeat-y;
}




/* Indexseiten Thumbnail */



.divThumbnails{
  position:relative;
  clear:both;
  padding:4px 19px;
  z-index:0;
  border:1px solid transparent;
}

.divThumb{
  position:relative;
  width:132px;
  height:161px;
  float:left;
  z-index:0;
}

.divThumbImg{
  position:relative;
  height:109px;
}

.divThumbImgKl,
.divThumbImgKl_oA{
  position:absolute;
  width:100%;
  -moz-border-radius-topleft:3px;
  -khtml-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -khtml-border-radius-topright:3px;
  text-align:center;
  bottom:0px;
}

.divThumbImgKl_oA{
  padding:4px 0 3px;
}

.divThumbImgKl a{
  position:relative;/*IE-Bugfix zu display:block*/
  display:block;
  padding:4px 0 3px;
  cursor:url(../img_allg/cursor-plus.cur),url(../img_allg/cursor-plus.png),pointer;
  bottom:0;
}

.divThumbImgKl .ik{
  margin-right:1px;
}

.ik{

  box-shadow: #000 0 0 20px;
  -webkit-box-shadow: #000 0 0 20px;
  -moz-box-shadow: #000 0 0 20px;
}

.imgHight{
  height:102px;
  width:1px;
  border-width:0;
}

.divThumbImgSp,
.divThumbImgSp_oA{
  position:absolute;
  top:110px;
  height:50px;
  width:100%;
  text-align:center;
  opacity:0.20;
  overflow:hidden;
}

.divThumbLeg{
  position:absolute;
  top:109px;
  left:-20px;
  width:172px;
  height:50px;
  border-top:1px solid #f90;
/*Sonderfarbe*/
  border-bottom:1px solid #333;
  text-align:left;
  overflow:hidden;
  background:url(../img_allg/transparent.gif);
  text-shadow: #000 1px 1px 1px;
}

.divThumbLeg div{
  position:absolute;
  width:100%;
  height:100%;
  text-align:center;
  opacity:0.20;
}

.divThumb:hover {
  z-index:1;
}

.divThumb:hover .divThumbImg{
/*
  margin-bottom:-5px;
*/
  box-shadow: #000 0 0 20px;
  -webkit-box-shadow: #000 0 0 20px;
  -moz-box-shadow: #000 0 0 20px;
}

.divThumb:hover .divThumbImgKl,
.divThumb:hover .divThumbImgKl_oA{
/*
  top:-5px;
*/
  left:-5px;
/*Sonderfarbe*/
  border:solid #333;
  border-width:5px 5px 0;
  background:url(../img_allg/bg-verlauf-100.png) repeat-x top;
}

.divThumb:hover .divThumbImgKl a{
  margin:-5px -5px 0;
  padding:9px 5px 3px;
}

.divThumb:hover .divThumbImgSp,
.divThumb:hover .divThumbImgSp_oA{
  left:-5px;
/*Sonderfarbe*/
  border:solid #333;
  border-width:0 5px;
  background:url(../img_allg/bg-verlauf-u-50.png) repeat-x center 1px;
  opacity:0.50;
}

.divThumb:hover .divThumbImg:hover .divThumbImgSp img{
  border-color:#F90;
}


.divThumb:hover .divThumbLeg div{
  opacity:inherit;
}

.divThumb:focus .divThumbImgKl,    .divThumb:active .divThumbImgKl,
.divThumb:focus .divThumbImgKl_oA, .divThumb:active .divThumbImgKl_oA{
  background:url(../img_allg/bg-verlauf-u-100.png) repeat-x bottom;
}

.divThumb:focus .divThumbImgSp,    .divThumb:active .divThumbImgSp,
.divThumb:focus .divThumbImgSp_oA, .divThumb:active .divThumbImgSp_oA{
  background:url(../img_allg/bg-verlauf-50.png) repeat-x top;
}



/* iFrame für Großbild */




#abd{
  position:absolute;
  position:fixed;
  top:0;
  left:0;
  z-index:99;
  width:100%;
  height:100%;
  visibility:hidden;
  background-color:#000;
  opacity:0.6;
  cursor:url(../img_allg/cursor-close.cur),url(../img_allg/cursor-close.png),pointer;
}



/* Popup bzw. iFrame Navigation */




.divNaviU{
  position:absolute;
  left:50%;
  top:0px;
  width:1px;
  height:1px;
  z-index:99;
}

#divNavi{
  position:absolute;
  top:0;
  width:440px;
  left:-220px;
  font-size:0;
  letter-spacing:0;
  text-align:center;
  padding:0 0 0px;
  min-height:50px;
  height:50px;
  z-index:99;
  opacity:0.6;
  background:url(../img_allg/transparent.gif);/*Bugfix IE*/
}

#divNavi:hover{
  opacity:inherit;
}

.i30{
  border-width:0px;
  width:30px;
  height:30px;
  padding:10px 15px;
  background:url(../img_allg/bu_bg30.png) center 10px no-repeat;
  cursor:pointer;
}

.i30:hover{
  background-position:center -90px;

  box-shadow: #000 0 0 20px;
  -webkit-box-shadow: #000 0 0 20px;
  -moz-box-shadow: #000 0 0 20px;
}

.i30:focus,.i30:active{
  background-position:center -190px;
}

.i20{
  border-width:0px;
  width:30px;
  height:20px;
  padding:0 10px;
  background:url(../img_allg/bu_bg20.png) center 0px no-repeat;
  cursor:pointer;
}

.i20ie{
  border-width:0px;
  width:30px;
  height:20px;
  padding:0 10px;
  display:none;
  background:url(../img_allg/bu_bg20.png) center 0px no-repeat;
  cursor:pointer;
}

.i20:hover,
.i20ie:hover{
  background-position:center -100px;

  box-shadow: #000 0 0 20px;
  -webkit-box-shadow: #000 0 0 20px;
  -moz-box-shadow: #000 0 0 20px;
}

.i20:focus,.i20:active,
.i20ie:focus,.i20ie:active{
  background-position:center -200px;
}

.i20x20n{
  border-width:0;
  width:20px;
  height:20px;
  padding:1px 1px 0;
  margin-bottom:-4px;
  background:url(../img_allg/bu_bg20x20.png) center 1px no-repeat;
  cursor:pointer;
}

.i20x20n:hover{
  background-position:center -99px;

  box-shadow: #fff 0 0 20px;
  -webkit-box-shadow: #fff 0 0 20px;
  -moz-box-shadow: #fff 0 0 20px;
}

.i20x20n:focus,.i20x20n:active{
  background-position:center -199px;
}

.i60x30{
  border:0;
  width:60px;
  height:30px;
  padding:10px 15px;
  background:url(../img_allg/bu_bg60x30.png) center 10px no-repeat;
  cursor:pointer;
}

.i60x30_rot{
  border:0;
  width:120px;
  height:30px;
  padding:10px 15px;
  background:url(../img_allg/bu_bg60x30-rot.png) center 10px no-repeat;
  cursor:pointer;
}

.i60x30_gruen{
  border:0;
  width:120px;
  height:30px;
  padding:10px 15px;
  background:url(../img_allg/bu_bg60x30-gruen.png) center 10px no-repeat;
  cursor:pointer;
}

.i60x30:hover,.i60x30_rot:hover,.i60x30_gruen:hover{
  background-position:center -90px;

  box-shadow: #000 0 0 20px;
  -webkit-box-shadow: #000 0 0 20px;
  -moz-box-shadow: #000 0 0 20px;
}

.i60x30:focus, .i60x30_rot:focus, .i60x30_gruen:focus,
.i60x30:active,.i60x30_rot:active,.i60x30_gruen:active{
  background-position:center -190px;
}

.i30to60{
  width:30px;
  padding:10px 60px;
}




/* Popup bzw. iFrame Großbild */




#tdShowImg{
  position:relative;
  clear:both;
  padding-top:40px;
/*Sonderfarbe*/
  background:url(../img_allg/bg-verlauf-struktur.png) left bottom repeat #000;
  border-bottom:1px solid #f90;
  text-align:center;
}

#divShowImg{
  position:relative;
  padding:10px;
/*Sonderfarbe*/
  border:1px solid #333;
  min-width:187px;
  min-height:128px;
  text-align:center;
  background:url(../img_allg/bg-verlauf-200.png) top repeat-x;
  z-index:1;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
}
#divShowImg:hover{
 box-shadow: #000 0 0 20px;
 -webkit-box-shadow: #000 0 0 20px;
 -moz-box-shadow: #000 0 0 20px;
}

div#z1{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
/*
  background:url(../img_allg/eckschleife.png) no-repeat top right;
*/
  visibility:hidden;
  z-index:6;
}

div#z2{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
/*
  background:url(../img_allg/eckband.png) no-repeat bottom left;
*/
  visibility:hidden;
  z-index:7;
}

#showImg{
/*Sonderfarbe*/
  border:1px solid #111;
}

#divPopLogoU{
  position:absolute;
  left:-1px;
  top:-1px;
  width:100%;
  height:100%;
  text-align:left;
  z-index:8;
}

#divPopLogo{
  position:absolute;
  left:12px;
  top:12px;
  text-align:left;
  overflow:hidden;
}

#imgPopLogo{
  position:relative;
  width:180px;
  height:60px;
  top:-130px;
  padding-right:3px;
  padding-bottom:63px;
  background:url(../img_allg/bg-verlauf-60+64.png) repeat-x;
}

#imgPopTrans{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9;
}

#divShowImg:hover #imgPopLogo{
  top:0;
}

#divShowImg:hover div#z1,
#divShowImg:hover div#z2{
  visibility:visible;
}

.divPopLegende{
  text-align:center;
  margin:0 10px;
}




/* Preview quadr. Thumbnails */




#preQu{
  position:absolute;
  top:43px;
  right:0;
  width:0px;
  height:auto;
  z-index:201;
  border:1px solid #333;
  border-right-width:0;
  -moz-border-radius-topleft:3px;
  -khtml-border-radius-topleft:3px;
  -moz-border-radius-bottomleft:3px;
  -khtml-border-radius-bottomleft:3px;
  padding-left:35px;
}
#preQuAbd{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.6;
/*
  background:url(../img_allg/bg-verlauf-153-schwarz.png) repeat-x;
*/
}
#preQuSchattenO{
  position:absolute;
  left:0;
  width:100%;
  height:20px;
  border-width:0;
  margin:0;
  top:-21px;
  background:url(../img_allg/bg-schatten-rechtsoben.png) top left repeat-x;
}
#preQuSchattenU{
  position:absolute;
  left:0;
  width:100%;
  height:20px;
  border-width:0;
  margin:0;
  bottom:-21px;
  background:url(../img_allg/bg-schatten-rechtsunten.png) bottom left repeat-x;
}
#preQuInhalt{
  position:relative;
  top:0;
  left:0;
  width:95%;
  padding:10px 0;
  z-index:3;
}

/*Inhalte*/
#preQuInhalt .thQu{
  position:relative;
  float:left;
  z-index:1;
  margin:1px;
/*Sonderfarbe*/
  border:1px solid #333;
  background:#000 center no-repeat;
  cursor:url(../img_allg/cursor-plus.cur),url(../img_allg/cursor-plus.png),pointer;
}
#preQuInhalt .thQu:hover{
 box-shadow: #fff 0 0 20px;
 -webkit-box-shadow: #fff 0 0 20px;
 -moz-box-shadow: #fff 0 0 20px;
}
#preQuInhalt #iAktBild{
  cursor:default;
}



/* Popup bzw. iFrame Vorladen */




.shortLogo{
  position:absolute;
  position:fixed;
  left:1px;
  top:1px;
  border:0;
  width:32px;
  height:32px;
  z-index:95;
}

#frPopup{
  position:absolute;
  top:-650px;
  left:0;
  z-index:100;
  width:100%;
  min-width:684px;
  border:ridge #666;
  border-width:2px 0;
  background:#000;
  visibility:hidden;
}