@charset "UTF-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
margin: 0;
}

img {
    border: 0;
    }
	
img 
 {
 max-width: 100%;
 height: auto;
 }
 	
html, body {
	height: 100%;
	margin:auto;
	background-color: #ffffff;
}

.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 96%;	
	max-width: 940px;
	margin:auto;
}

.wit{
	background-color:#FFF;
	}
	
.grey{
	background-color:#f5f5f5;
	border-bottom:solid 1px #e0e0e0;
	border-top:solid 1px #e0e0e0;
	}	
	
.blauw{
	background-color:#004570;
	color:#FFF;
	}	
	
.locatie{
	background-color:#dcdfe4;
	min-height:290px;
	background-image:url(../images/Flink-consultants-locatie.png);
	background-repeat:no-repeat;
	background-position:center;
	}		

.header{
	width: 100%;	
	max-width: 940px;
	background-color:#f00;
	height:100%;
	padding-bottom:10px;
	}

.cloud{
	background-color:#f5f5f5;
	border:solid 1px #e0e0e0;
	padding:6%;
	}
	
.padding{
	padding-top:40px;
	padding-bottom:40px;
	}
	
.padding-bottom{
	padding-bottom:40px;
	}	

.consultant{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
border:solid 2px #FFF;
margin:3px;
}

/* To the top button below on the page */	
#toTop {
	width:51px;
	height:51px;
	background-image:url(../images/ui.totop.png);
	background-repeat:no-repeat;
	position:fixed; /* this is the magic */
    bottom:10px; /* together with this to put the div at the bottom*/
    right:10px;
    cursor:pointer;
    display:none;
	background-color:FFF;
}	

#toTop:hover{
		background:url(../images/ui.totop.png) no-repeat 0 -51px;
}

.ruimte {
	padding-bottom:30px;
}
@media only screen and (max-width : 480px) {
.ruimte-responsive {
	padding-bottom:30px;
}
}
		
.cloud img.logo-ref{
	margin:15px;
	height: auto !important;
	float:left;
	position:relative;
	display:inline-block;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */

-ms-transform: scale(0.8); /* IE 9 */
-webkit-transform: scale(0.8); /* Chrome, Safari, Opera */
transform: scale(0.8);
	}
	
.cloud img.logo-ref:hover {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
transform: scale(1.1);
	}	
	
.clear{
			clear: left;
}	

a.opzeggen{
	background-image:url(../images/hulp-bij-opzeggen-energiecontract.png);
	background-repeat:no-repeat;
	width:220px;
	height:211px;
	display:block;
	font-size:0px;
	float:right;
	margin-top:-50px;
	z-index:998; position:relative;
	}
	
a.opzeggen:hover{
	background-image:url(../images/hulp-bij-opzeggen-energiecontract-ro.png);
		background-repeat:no-repeat;
	width:220px;
	height:211px;
	display:block;
	font-size:0px;
	float:right;
	margin-top:-50px;
	z-index:998; position:relative;
	}	
a.opzeg{
	display:none;
}

@media only screen and (max-width : 480px) {
	a.opzeggen{
		display:none;
			}
			
a.opzeg{
	margin:auto;
	background-image:url(../images/hulp-bij-opzeggen-energiecontract.png);
	background-repeat:no-repeat;
	width:220px;
	height:211px;
	display:block;
	font-size:0px;
	z-index:998; position:relative;
	}
	
a.opzeg:hover{
	background-image:url(../images/hulp-bij-opzeggen-energiecontract-ro.png);
	background-repeat:no-repeat;
	width:220px;
	height:211px;
	display:block;
	font-size:0px;
	z-index:998; position:relative;
	}				
	
}