/* CSS Document */

@font-face {
	font-family: Conv_ITCAvantGardeStd-Bold;
	src: url('ITCAvantGardeStd-Bold.eot') format('eot');
	src: local('☺'), url('ITCAvantGardeStd-Bold.woff') format('woff'), url('ITCAvantGardeStd-Bold.ttf') format('truetype'), url('ITCAvantGardeStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Conv_ITCAvantGardeStd-Bk;
	src: url("ITCAvantGardeStd-Bk.eot") format("eot");
	src: local("☺"), url("ITCAvantGardeStd-Bk.woff") format("woff"), url("http://www.ic-intracom.com/rf/fonts/ITCAvantGardeStd-Bk.ttf") format("truetype"), url("ITCAvantGardeStd-Bk.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Conv_ITCAvantGardeStd-Md;
	src: url("ITCAvantGardeStd-Md.eot" format("eot"));
	src: local("☺"), url("ITCAvantGardeStd-Md.woff") format("woff"), url("ITCAvantGardeStd-Md.ttf") format("truetype"), url("ITCAvantGardeStd-Md.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Conv_ITCAvantGardeStd-Demi;
	src: url("ITCAvantGardeStd-Demi.eot" format("eot"));
	src: local("☺"), url("ITCAvantGardeStd-Demi.woff") format("woff"), url("ITCAvantGardeStd-Demi.ttf") format("truetype"), url("ITCAvantGardeStd-Demi.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}


html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	overflow-x: hidden;
	border-collapse: collapse;
}

img { 
	border: 0; 
	}

#container {
   
   position:relative;
   
}
#header {
   background:#005383;
   color:#FFF;
   font-family: "Conv_ITCAvantGardeStd-Demi";
   font-size: 3em;
   padding:10px;
   margin-top: 15px;
   margin-right: 55%;
   height: 10%;
   /*position:fixed;
   z-index:5;*/   
}
#body {
   /*padding:10px;
   padding-bottom:60px;   /* Height of the footer */
   font-family: "Conv_ITCAvantGardeStd-Bk";
   
   /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);*/
}
#footer {
	font-family: "Conv_ITCAvantGardeStd-Bk";
	font-size: 0.7em;
	position: fixed;
	bottom: 0px;
	width: 98%;
	height: 60px;   /* Height of the footer */
	
   
}

div.image {
   content:url(https://intellinetnetwork.de/media/logo/websites/22/logo2_1x.png);
   position:absolute;
   margin-top:10px;
   margin-left:8px;
   top: 0;
   left: 0;
}

#button1 {width:405px; content:url(../img/os.jpg)}
#button1:active {content:url(../img/os_selected.jpg)}

div.border {
border: 2px solid lightgrey;
border-radius: 25px;
width:25%;
padding:15px;
}

.animated {
            -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
			animation-delay: 0.3s;
			 -webkit-animation-delay: 0.3s;
         }
         
         @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
         }
		 
		 .delay{
			 animation-delay: 0.8s;
			 -webkit-animation-delay: 0.8s;
		 }
		 
.shake {
	animation: shake 0.5s;
}

@keyframes shake {
  0% { transform: translate(15px);}
  10% { transform: translate(-15px);}
  20% { transform: translate(10px);}
  30% { transform: translate(-10px);}
  40% { transform: translate(5px);}
  50% { transform: translate(-5px);}
}