* {
	margin:0 0px 0 0px;
	padding:0;
}
body {
	background: #F2F2F2;
	font:16px 'Arvo', sans-serif;
	padding:auto;
	margin:auto;
	max-width:960px;
	
}
a {
	color: #0066cc;
	text-decoration:none;
	outline:none;
}
.clickbutton {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background: #00234f;
	color: #fff;
	padding:15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 90%;
	display: inline-block;
	margin-left: 10px;
	float:left;
	width:180px;
	min-height:45px;
}
.clickbutton a {
	color: #fff;
}

.clickbutton a.visited {
	color: #fff;
}
h1, h2, h3, h4, h5 {
	font-weight:bold;
	margin-top:15px;
	font-size:28px;
}
ul {
	list-style:none;
}
.header {
	background:#FAFAFA;
	width:100%;
	padding-bottom: 28.85416667%; /* 960px/1440px */
	background-image:url(headerimage.jpg);
	background-size:cover;
	background-position:center; /* IE fix */
	border-bottom: 1px solid black;
	}
	
.content {
	background:#FAFAFA;
	border-bottom: 1px solid black;
}


	
/*  GRID OF FOUR   ============================================================================= */
	.span_4_of_4 {
		width: 100%; 
	}

	.span_3_of_4 {
		width: 74.6%; 
	}

	.span_2_of_4 {
		width: 49.2%; 
	}

	.span_1_of_4 {
		width: 23.8%; 
	}

/*  GO HALF WIDTH AT LESS THAN 768 PIXELS */
@media only screen and (max-width: 768px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 49.2%; 
	}
	.span_2_of_4 {
		width: 49.2%; 
	}
	.span_1_of_4 {
		width: 48.2%; 
	}

}
/*  GO FULL WIDTH AT LESS THAN 320 PIXELS */
@media only screen and (max-width: 320px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}




/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}


#ctaItem  {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color:#F2F2F2;
	min-height: 220px;
	padding: 3px;
}

#ctaItem   H2{
	font-size:100%;
	font-weight:bold;
}

#ctaItem img {
	margin:2px 2px 2px; 
	padding-bottom:10px; 
	width:100%;
	max-width:100px; 
	float:left; 
	background-color:#F2F2F2;
	display:inline;
}

#intro {
	max-width: 885px;
	min-height: 140px;
	width:100%;
	height:auto;
	margin:0 20px 10px 10px;
	padding:20px 0 0 0;
	font-size:150%;
	color: #808080; 
	padding-bottom:30px;
	border-bottom: 2px solid #808080;
	}
	
#intro img {
	float: right;
	margin-right:3px;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:3px;
	border:none;
	width:30%;
	max-width: 140px;
	height:auto;

}

#breadcrumbs {
	display: inline;
	font-size:13px;
	color: #666;
	min-height:20px;
	margin: 20px 10px 10px 2px
	
}
#breadcrumbs a {
	color: #666;
	text-decoration:underline;
	outline:none;
}
#breadcrumbs a:visited {
color:#666;
}

/* resultaten */
#results {
}
#results ul {
	padding:0;
	margin:0;
	list-style:none;
}
#results .overzicht {
	padding:4px;
	min-height:220px;
	overflow:hidden;
	margin:0 0 20px 0;
	cursor:pointer;
	list-style:none;
}
#results .overzicht img {
	float:left;
	margin:2px 6px 56px 0;
	border:1px solid #ccc;
	padding:4px;
	background:#fff url(http://www.skisoelden.nl/stylesheet/white_pixel.gif);
	max-width:280px;
	width: 100%;
	height:auto;
}
#results .overzicht span {
	text-align:right;
	margin-left: 5px;
	font-weight:bold;
}
#results h2, #results h2 a {
	color:#00000c;
	font-size:18px;
	letter-spacing:0px;
	margin:10px 0 10px 0;
	padding:0;
	font-weight:bold;
}
#results ul h2, #results ul h2 a {
	margin:0;
	overflow:hidden;
}
#results p {
	margin:0;
	padding:0;
	font-size:16px;
}
#results .rescol {
	background: #f1f3ff;
	border-bottom: 1px solid #808080;
}
#results .reswhite {
	background:#fff url;
	border-bottom: 1px solid #808080;
}
#results .personen {
	margin-left: 5px;
	font-size:22px;
	margin: 20px;
}
#results .prijsinfo {
	margin-left: 5px;
	font-size:22px;
	margin: 20px;
}

#results .morebutton {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background: #2DBA2F;
	color: #fff;
	padding: 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 100%;
	display: inline-block;
	margin-right: 20px;
	float:right;
}

/* NAVIGATIE*/
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

nav {
	height: 40px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 96px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}

/*Styles for screen 940px and lower*/
@media screen and (max-width: 940px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 500px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 360px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}

#ctaItem  {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color:#F2F2F2;
	min-height: 220px;
	padding: 3px;
}

#ctaItem   H2{
	font-size:100%;
	font-weight:bold;
}

#ctaItem img {
	margin:2px 2px 2px; 
	padding-bottom:10px; 
	width:100%;
	max-width:100px; 
	float:left; 
	background-color:#F2F2F2;
	display:inline;
}

#ctaItem .bluebutton {
	text-transform: lowercase;
	text-decoration: none;
	background: #00234f;
	padding: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 60%;
	display: inline-block;
	margin-right: 1px;
	width:140px;
}

#ctaItem .bluebutton a {
	color: #fff;
}

#ctaItem .bluebutton a.visited {
	color: #fff;
}
#intro {
	max-width: 885px;
	min-height: 140px;
	width:100%;
	height:auto;
	margin:0 20px 10px 10px;
	padding:20px 0 0 0;
	font-size:150%;
	color: #808080; 
	padding-bottom:30px;
	border-bottom: 2px solid #808080;
	}
	
#intro img {
	float: right;
	margin-right:3px;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:3px;
	border:none;
	width:30%;
	max-width: 140px;
	height:auto;

}