A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:active { text-decoration: none; }
A:hover { text-decoration: none; } 
body { 
	background: url(../img/bg_torben.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
        		-moz-background-size: cover;
        		-o-background-size: cover;
        		background-size: cover;
}
.carousel-control.left,.carousel-control.right {
	top: -25px;
	background-image:none;
	cursor: pointer;
}

.carousel-control.left{
	left:-20px;
}

.carousel-control.right {
	right:-20px;
}

#torben{
	position: absolute;
	left: 70vw;
	top: 10vh;
	width: 20vw;
	height: 20vw;
	background: url(../img/torben/vr.png);
	background-size: 100% auto;
	opacity: 0;	
	z-index: -1;
}
#nils{
	position: absolute;
	left: 10vw;
	top: 10vh;
	width: 20vw;
	height: 15vw;
	background: url(../img/torben/chemie.png);
	background-size: 100% auto;
	opacity: 0;	
	z-index: -1;
}
#franjo{
	position: absolute;
	left: 40vw;
	top: 10vh;
	width: 20vw;
	height: 20vw;
	background: url(../img/torben/swimm.png);
	background-size: 100% auto;
	opacity: 0;	
	z-index: -1;
}
#torben:hover{
	left: 70vw;
	top: 10vh;
	width: 20vw;
	height: 20vw;
	background: url(../img/torben/vr_hover.png);
	background-size: 100% auto;
	opacity: 0.7;
}
#nils:hover{
	left: 10vw;
	top: 10vh;
	width: 20vw;
	height: 15vw;
	background: url(../img/torben/chemie_hover.png);
	background-size: 100% auto;
	opacity: 0.7;
}
#franjo:hover{
	left: 40vw;
	top: 10vh;
	width: 20vw;
	height: 20vw;
	background: url(../img/torben/swimm_hover.png);
	background-size: 100% auto;
	opacity: 0.7;
}

#menu{
	left:0.5vw;
	background-color:#5a5a5a;
	width:99vw;
	border: 1px solid silver;
	-moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);
	opacity: 0.9;
}

#keycontrol{
	position: absolute;
	background: url(../img/ctrl_none.png); 
	width:130px;
	height:140px;
	left:0px;
	top:0px;
	opacity: 0.6;
}

div.main{	
	background-color:#5a5a5a;
	height: 20vw;
	width: 25vw;
	border: 1px solid silver;
	-moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);
	opacity: 0.6;
}

h1.button{
	font-size: 3vw;
	width:100%;
	color: rgb(255, 255, 255);
	font-family: 'Francois One', sans-serif;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	opacity: 0.9;
}
h1.button:hover{
	opacity: 0.9;
	text-underline: none;
}
div.col-xs-4{
	/*height:100%;*/
	padding-left:7%;
	padding-right:7%;
	padding-bottom:10px;
	border-left: 1px dashed silver;
	border-right: 1px dashed silver;
	cursor: pointer;
}
div.col-xs-4:hover{
	background-color:#999999 !important;
}