/*---{ Imports )-------------------------------------------------------*/

@import "custom/news.css";
@import "custom/vacancy.css";

@import "custom/home.css";
@import "custom/search.css";
@import "custom/globalnav.css";
@import "custom/forms.css";
@import "custom/jquery.fancybox.css";
@import "custom/colors.css";
@import "custom/faq.css";
@import "custom/signupform.css";
@import "custom/trainingcalander.css";
@import "custom/scrollbox.css";

@import "custom/resources.css";

@import "custom/wonderwheel.css";


#fade
{
	border: 1px solid #dedede;
	width: 700px;
	height: 148px;
	margin:0 0 20px 0;	
}

#fade img
{
	position: absolute;
	left: 1;
	top: 1;
	display: none;
}


.button-zwart,
.button-oranje,
.button-blauw,
.button-blauw-groot 
.button-oranje-groot{
	display: inline-block;
	width: 180px;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	color: #ffffff;
	text-align: center;
	text-decoration: none !important;
	background: url(../images/sprite-button.gif) no-repeat;
	cursor: pointer;
	border: none;
	outline: none;
}

.button-zwart { background-position: 0 0; }
.button-zwart:hover { background-position: 0 -38px; }
.button-zwart:active { background-position: 0 -76px; }

.button-oranje { background-position: -180px 0; }
.button-oranje:hover { background-position: -180px -38px; }
.button-oranje:active { background-position: -180px -76px; }

.button-blauw { background-position: -360px 0; }
.button-blauw:hover { background-position: -360px -38px; }
.button-blauw:active { background-position: -360px -76px; }

.button-blauw-groot { width: 280px; background-position: -540px 0; }
.button-blauw-groot:hover { background-position: -540px -38px; }
.button-blauw-groot:active { background-position: -540px -76px; }

.button-oranje-groot { width: 280px; background-position: -820px 0; }
.button-oranje-groot:hover { background-position: -820px -38px; }
.button-oranje-groot:active { background-position: -820px -76px; }

/* ---------- */