*{ margin: 0 auto;}


body {
	background:#FFFFFF; 
	margin:0 auto; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	min-height:2000px;
	}

h1 {
font-size:28px;
Padding-top: 15px;
}
	
h2, h3	{
	font-size:24px;
	padding-top:10px;
	}

	
a { color:#085498; text-decoration:underline;}

/* img { 
	border:1px solid #9E9D9B;
	padding:4px;
	margin-bottom:15px;
	background:#FFFFFF;
}
*/

#header {
	width:100%;
	margin: auto;      
	background:#017cc2;
	box-shadow: 1px 3px 2px #888888;
	}
	
	
	
#headertop {
	background-image: url("pic2.jpg");
	background-repeat: no-repeat;
	width:100%;
	min-height:900px;
}

#headerposition {
	max-width:950px;
	margin: auto;
}

#Intro {
	padding: 2%;
	min-height: 150px;
	margin-top: 60px;
	margin-left: auto;      
	margin-right: auto;      
	color:#9c9c9c;
	font-size: 150%;
	background:#FFFFFF;
	box-shadow: 1px 3px 2px #888888;
}
	

#Intro img {
	border:none;
	padding:0.5%;
	margin:0.1%;
	float:right;
	vertical-align: text-top;
	font-weight: bold;
	max-width: 150px;
}

#imagebig {
	width:100%;
	max-width: 950px;
	box-shadow: 1px 3px 2px #888888;
}

#imagebig img {
	max-width:100%;
}


#CTA {
	padding: 0.5%;
	margin-left: 0;
	margin-top: 5%;   
	max-width:320px;
	color:#FFFFFF;
	box-shadow: 1px 2px 2px #888888;
	background:#017cc2;
	font-weight: bold;
		text-align: right;
}



#CTA .column {
	float: left;
}

#CTA .table {
	margin: 0.1%;
}

#CTA a {
	color:#FFFFFF;
	text-transform: uppercase;
}

#CTA table {
	margin-left: 0;
}

#CTA tr {
	width: 100%;
	color: #FFFFFF;
	font-size: 150%;
	font-weight: bold;
	text-align: left;

}

#CTA tr .morewidth {
	min-width: 100px;
	text-align: right;
}

#CTA2 {
	padding: 0.5%;
	margin-left: 0;
	margin-top: 2%;   
	max-width:320px;
	color:#FFFFFF;
	box-shadow: 1px 3px 2px #888888;
	background:#39A2E1;

}

#CTA2 a {
	color:#FFFFFF;
	text-transform: uppercase;
}



#CTA3 {
	padding: 0.5%;
	margin-left: 0;
	margin-top: 2%;   
	max-width:320px;
	color:#FFFFFF;
	box-shadow: 1px 3px 2px #888888;
	background:#66B3E1;
}

#CTA3 H3 {
	padding-top: 0;
	padding-bottom: 5px;
}

#CTA3 a {
	color:#FFFFFF;
	text-transform: uppercase;
}

#CTA3 img {
	border:none;
	padding:0.5%;
	margin:0.1%;
	float:right;
	vertical-align: text-top;
	font-weight: bold;
}

#CTA4 {
	padding: 0.5%;
	margin-left: 0;
	margin-top: 2%;   
	max-width:320px;
	color:#FFFFFF;
	box-shadow: 1px 3px 2px #888888;
	background:#6AB326;

}

#CTA4 table {
	margin-left: 0;
	width: 300px;
}

#CTA4 a {
	color:#FFFFFF;
	text-transform: uppercase;
}

#CTA4 tr {
	width: 100%;
	color: #FFFFFF;
	font-size: 150%;
	text-align: center;
}

#CTA4 td {
	width: 33%;
	margin: auto;
}

#CTA4 img {
	margin: auto;
}

#CTA5 {
	float: right;
	padding: 0.5%;
	margin-right: 0;
	margin-top: 5%;   
	max-width:320px;
	color:#FFFFFF;
	box-shadow: 1px 2px 2px #888888;
	background:#39a2e1;
	font-weight: bold;
	text-align: left;
	}

#CTA5 a {
	color:#FFFFFF;
	text-transform: uppercase;
}


#CTA-footer {
	padding: 0,5%;
	margin-left: 0;
	margin-top: 2%;   
	max-width:460px;
	color:#FFFFFF;
	box-shadow: 1px 3px 2px #888888;
	background:#6AB326;
}

#green {
	background:#6AB326;
	min-height: 340px;
}

#grey {
	background:#F3F3F3;
	padding-left: 5px;
	min-height: 340px;
}

#overview {
	padding: 2px;
	margin: 1px;
	border: 1px solid #F3F3F3;
	background-color: #cccccc;
	}

#overview h4{
	min-height: 65px;
}

	
#Menu {
	margin: auto;
	padding-top: 0.6%;
	max-width: 960px;
	}
#Menu img {
	border:none;
	padding:none;
	margin-bottom:none;
}
#MenuItem a { 
	color:#FFFFFF; 
	text-decoration:none;
	/* font-size: 120%; */
	text-transform: uppercase;
	font-weight: bold;
	}
#MenuItem a:hover { text-decoration:underline;}

	
#nav {
	padding-left:4px;
	font-size: 22px;
	position: absolute; 
    bottom: 0; 
}

#footer {
	background:#00234F;
	font-size: 14px;
	min-height: 400px;
}


#footer h3 {
	font-size: 16px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

#footermenu {
	max-width: 960px;
	font-size: 14px;
}

#colofon {
    background: #00234F;
	bottom: 0; 
	right: 0;
	color: #FFFFFF;
	padding-left: 1%;
}

#colofon ul {
    list-style-type: none;
padding-left: 0px;	
}

#pagecontent {
	width: 100%;
	max-width:950px;
	/* background:#f8f8f8; */
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 5px;
	}

#Acco {
	background:#6AB326;
	box-shadow: 0px 0px 1px 2px #888888;
	}

#Accoblok {	
	background:#6AB326;
	margin: auto;
	color: #FFFFFF;
	max-width:49%;
	padding: 1%;
}


#results li {
	padding:2px;
	margin:0;
	list-style:none;
	
	
}

/* resultaten */
#results {
	
}
#results ul {
	padding:5px;
	margin:0;
	list-style:none;
	
}

#results .overzicht {
	padding:4px;
	overflow:hidden;
	margin:0 0 20px 0;
	cursor:pointer;
	border-top: 1px solid black;
}
#results .overzicht img {
	float:right;
	margin:2px 6px 56px 0;
	border:1px solid #ccc;
	padding:4px;
	background:#fff url(https://www.fiss-serfaus.nl/stylesheet/white_pixel.gif);
}
#results .overzicht span {
	/* text-align:right; */
	font-weight:bold;
}


#results h2, #results h2 a {
	margin:10px 0 10px 0;
	padding:0;
	overflow:hidden;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}
#results ul h2, #results ul h2 a {
	margin:0;
	overflow:hidden;
	text-transform: uppercase;
	Font-size: 150%;
}


#results .personen {
	margin-left: 5px;
	font-size:26px;
	margin: 20px;
}
#results .prijsinfo {
	margin-left: 5px;
	font-size:26px;
	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: 120%;
	display: inline-block;
	margin-right: 20px;
}

.boeken {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background: #6AB326;
	color: #fff;
	padding: 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 120%;
	display: inline-block;
}

.boeken a {
	color: #FFFFFF;
}

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

	.driekwart {
		width: 74.6%; 
		max-width: 600px;
}

	}

	.half {
		width: 49.2%; 
	}

	.kwart {
		width: 23.8%; 
		min-width:340px;
	}
	.zesde {
  	width: 14.33%;
	
	}
	.third {
  	min-width: 31%;
	}
	
	.fifth {
	width:19%;
		
	}
/*  GO HALF WIDTH AT LESS THAN 768 PIXELS */
@media only screen and (max-width: 768px) {
	.whole {
		width: 100%; 
	}
	.driekwart {
		width: 100%; 
	}
	.half {
		width: 100%; 
	}
	.kwart {
		width: 48.2%; 
	}
	.zesde {
		width: 33%; 
	}
	.third {
  	width: 100%;
	}
	.fifth {
	width:48.2%;
		
	}

}
/*  GO FULL WIDTH AT LESS THAN 320 PIXELS */
@media only screen and (max-width: 320px) {
		.whole {
			width: 100%; 
		}
		.driekwart {
			width: 100%; 
		}
		.half {
			width: 100%; 
		}
		.kwart {
			width: 100%; 
		}
		.zesde {
			width: 100%; 
		}
		.third {
			width: 100%;
		}
		.fifth {
	width:100%;
		
	}
	#CTA { 
			max-width: 320px;
		}

	#CTA2 { 
			max-width: 320px;
		}

	#CTA3 { 
			max-width: 320px;
		}

	#CTA4 { 
			max-width: 320px;
		}

		
}

.meerinfo{
	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: 105%;
	display: inline-block;
	margin-right: 20px;
	box-shadow: 1px 3px 2px #888888;
}

.meerinfo a {
	color: #ffffff;
	text-decoration: none;
}




/*  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: 0% 0 1% 0%;
}

.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%;
	}
	
	span {
			width: 100%;
		}

	img {
			width: 100%;
		}	
	h2 {
		width: 100%;
	}
	
		#Intro {
		font-size: 100%;
	}
	
	#Intro img {
		max-width: 80px;
	}
	
	.whole {
		width: 100%; 
	}
	.driekwart {
		width: 100%; 
	}
	.half {
		width: 100%; 
	}
	.kwart {
		width: 100%; 
	}
	.zesde {
		width: 48.2%; 
	}
	.third {
  	min-width: 100%;
	}
	
	.fifth {
	width:48.2%;
		
	}
	
}