.barcodeicon {
 margin-bottom: 30px;
 width: 32px;
 height:40px;
 display:block;
 background:transparent url('/img/Icon-barc-bl.gif') center top no-repeat;
}

.barcodeicon:hover {
   background-image: url('/img/Icon-barc-red.gif');
}
.telegramsmal {
 margin-bottom: 30px;
 width: 35px;
 height:40px;
 display:block;
 background:transparent url('/img/Icon-Telegram-bl.gif') center top no-repeat;
}

.telegramsmal:hover {
   background-image: url('/img/Icon-Telegram-red.gif');
}

.twitter {
 margin-bottom: 10px;
 width: 25px;
 height:30px;
 display:block;
 background:transparent url('/img/Icon_twitter_blue.png') center top no-repeat;
}

.twitter:hover {
   background-image: url('/img/Icon_twitter_red.png');
}
.facebook {
 margin-bottom: 10px;
 width: 25px;
 height:30px;
 display:block;
 background:transparent url('/img/Icon_facebook_blue.png') center top no-repeat;
}

.facebook:hover {
   background-image: url('/img/Icon_facebook_red.png');
}
.in {
 margin-bottom: 10px;
 width: 25px;
 height:30px;
 display:block;
 background:transparent url('/img/Icon_in_blue.png') center top no-repeat;
 }

.in:hover {
   background-image: url('/img/Icon_in_red.png');
}
.user {
 margin-bottom: 10px;
 width: 25px;
 height:30px;
 display:block;
 background:transparent url('/img/Icon_user_blue.png') center top no-repeat;
}

.user:hover {
   background-image: url('/img/Icon_user_red.png');
}
.google {
 margin-bottom: 10px;
 width: 25px;
 height:30px;
 display:block;
 background:transparent url('/img/Icon_google_blue.png') center top no-repeat;
}

.google:hover {
   background-image: url('/img/Icon_google_red.png');
}

/* Set the size of the div element that contains the map */
#map { height: 400px; /* The height is 400 pixels */ width: 100%; /* The width is the width of the web page */ }