
.visitkort { 
  position:absolute;
  top : 5px;
  right : 1px;
  height:80px;
  width:100px;
  color:black;
  opacity:0.5;
}

.visitkort h1{
  color:#A0A0A0 ;
  font-size:20px;
  padding:1px;
  margin:1px;

}

.visitkort p{
  color:#909090;
  font-size:15px;
  padding:1px;
  margin:1px;
}

.visitkort a{
  color:#909090;
  font-size:15px;
  margin : 1px;
}

.visitkort a:hover{
  background:#3498db;
}

.vkortru  {
  position:absolute;
  top:5px;
  right:10px;
  height:30px;
  width:30px;
  opacity:0.5;
  border-right:1px solid #CCC;
  border-top:1px solid #CCC;
}

.vkortlu  {
  position:absolute;
  top : 1%;
  right: 110px;
  height:50px;
  width:50px;
  opacity:0.5;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;
}

.vkortrb  {
  position:absolute;
  top :  15% ;
  left : 90%;
  height:50px;
  width: 50px;
  opacity:0.5;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}

.vkortlb  {
  position:absolute;
  top:65px;
  right : 85px;
  height:30px;
  width: 30px;
  opacity:0.5;
  border-left:1px solid #CCC;
  border-bottom:1px solid #CCC;
}

.header {
   background-color:black;
   position:absolute;
   display:block;
   height:100px;
   width:100%;
   border:1px solid #808080;
   opacity:1.0;
}

.headertext {
   position:absolute;
   top:20px;
   width:50%;
   height:100%;
   left:25%;
#   border:1px solid #808088;
}

.headertext p {
   position:absolute;
   color:#808080;
   top:25%;
   padding:1px;
   margin:0px;
   text-align:middle;
   font-size:150%;
}


.logobox {
   position:absolute;
   display:block;
   width:250px;
   height:100px;
}

.logobox img{
   position:absolute;
   height:80px;
   padding:5px;
   margin:5px;
}

.logobox h1 {
   position:absolute;
   color:#808080;
   top:8px;
   left:150px;
   height:50px;
   width:200px;
   font-size:150%;
   padding:2px;
   margin:2px;
   text-align:left;
}

.logobox p {
   position:absolute;
   top:50px;
   left:150px;
   color:#808080;
   padding:2px;
   margin:2px;
   text-align:left;
   font-size:90%;
}

.maincamarea {
   position:absolute;
   top:120px;
   left:140px;
/*    width:1320px; */
   width:675px;
/*   border:7px solid #808088; */
}

.maincamarea p {
   color:yellow;
   size:8px;
   left:20px;
}

.maincamarealeft {
   position:absolute;
   top:120px;
   left:10px;
   width:100px;
   height:760px;
   border:5px solid #808088;
}

.maincamarealeft p {
   color:yellow;
   size:8px;
   left:20px;
}

.thumbarea {
   position:absolute;
   top:1840px;
   left:140px;
   height:110px;
   width:1320px;
   border:5px solid #808088;
}

.thumbarealeft {
   position:absolute;
   top:1840px;
   left:10px;
   height:110px;
   width:100px;
   border:5px solid #808088;
}

.thumbarealeft p {
   color:white;
   size:8px;
   left:20px;
}

.thumbarea button {
   color: transparent; 
   background-color: transparent; 
   cursor: default;
   width:160px;
   height:90px;
   margin:0px;
   padding:0px;
   border:1px solid yellow;
}

.thumbarea button:hover{
  background:#3498db;
  opacity:0.3;
}

.camzoom {
   position:absolute;
   top:120px;
   left:900px;
   width:100px;
   height:100px;
}

