/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow:-moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#C6E8FA url(../gfx/background.jpg) center top repeat-x;
	}
	
img, div {behavior:url(css/iepngfix.htc);}

img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
a {color:#00AEEF;}/*03/12/07*/
a:focus {outline:none;}
a:hover {}

h1 {
	display:block;
	margin:0 0 0 0;
	padding:4px 0;
	border-top:1px solid #00AEEF;
	border-bottom:1px solid #00AEEF;
	
	/**/width:100%;
	/**/overflow:hidden;
	/*background:transparent url(../gfx/more.gif) right center no-repeat;*/
	}
	h1 a {
		display:block;
		background:transparent url(../gfx/more.gif) right center no-repeat;
		text-decoration:none;
		}
	h1 a:hover {
		display:block;
		background:transparent url(../gfx/more-o.gif) right center no-repeat;
		text-decoration:none;
		}
		
		
		
h1, h1 a,
h2, h2 a {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	font-size:19px;
	text-transform:uppercase;
	font-weight:normal;
	color:#00AEEF;
	}
h3 {}
h4 {}
h5 {}
h6 {font-size:12px;
	text-transform:uppercase;}	

p {
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	display:block;
	}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
	
table td {
	vertical-align:top;
	padding:1px 3px 1px 0;
}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

div.background {
	background:#C6E8FA;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	}

#container {
	position:relative;
	/*margin:0 auto 0 auto;*/
	width:810px;
	min-height:100%;
	#height:100%;
	text-align:left;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	width:810px;
	overflow:hidden;
	position:relative;
	}
div.header .visual {
	padding:0 0 5px 0;
	}
div.headerLeft {
	float:left;
	width:205px;
	position:relative;
	}
	div.headerLeft div.datum {
	    position:absolute;
	    top:131px;
	    left:0px;
	    width:205px;
		display:block;
		}
	div.headerLeft div.veronica {
		padding:150px 0 0 0;
		}
	div.headerLeft div.snowcafe {
		padding:5px 0 0 0;
		}
	div.headerLeft div.locatie {
		padding:5px 0 0 0;
		}

div.contentTop {
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	right:0px;
	_right:-3px;

	}

div.headerRight {
	width:600px;
	float:right;
	}

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	background:transparent url(../gfx/navigation_back.gif) top left no-repeat;
	padding:15px 0 15px 0;
	width:600px;
	overflow:hidden;
	}


a.btnCafes, a.btnAgenda, a.btnCrew, a.btnParty, a.btnFotos, a.btnGasten, a.btnFunstuff, a.btnLinks, a.btnWebcam {
	display:block;
	height:11px;
	text-decoration:none;
	float:left;
	margin:0 0 0 15px;
	}
a.btnCafes:hover, a.btnAgenda:hover, a.btnCrew:hover, a.btnParty:hover, a.btnFotos:hover, a.btnGasten:hover, a.btnFunstuff:hover, a.btnLinks:hover, a.btnWebcam:hover {
	background-position:top right;
	}
div.navigatie a.selected {
	background-position:top right;
	}

a.btnCafes {
	background:transparent url(../gfx/btn_cafes.gif) top left no-repeat;
	width:95px;
	}
a.btnAgenda {
	background:transparent url(../gfx/btn_agenda.gif) top left no-repeat;
	width:44px;
	}
a.btnCrew {
	background:transparent url(../gfx/btn_crew.gif) top left no-repeat;
	width:32px;
	}
a.btnParty {
	background:transparent url(../gfx/btn_partysmsservice.gif) top left no-repeat;
	width:109px;
	}
a.btnFotos {
	background:transparent url(../gfx/btn_fotogallery.gif) top left no-repeat;
	width:76px;
	}
a.btnGasten {
	background:transparent url(../gfx/btn_gastenboek.gif) top left no-repeat;
	width:72px;
	}
a.btnFunstuff {
	background:transparent url(../gfx/btn_funstuff.gif) top left no-repeat;
	width:56px;
	}
a.btnLinks {
	background:transparent url(../gfx/btn_links.gif) top left no-repeat;
	width:32px;
	}
a.btnWebcam {
	background:transparent url(../gfx/btn_webcam.gif) top left no-repeat;
	width:49px;
	}

	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:810px;
	clear:both;
	/**/display:none;
	}
div#footer .footerText {
	text-align:right;
	line-height:25px;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 25 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	
	}
	
.mainContent {
	margin:0 0 0 210px;
	padding:0 15px 15px 15px;
	background-color:#FFFFFF;
	min-height:565px;
	_height:580px;
	}
	.mainContent * {
		line-height:15px;
		}
	
	
.flashBack {
	position:absolute;
	overflow:visible;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	}
.flashBack div {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}
	
div.sidebar {
	float:left;
	width:205px;
	
	}
	div.sidebar div.agenda {
		position:relative;
		clear:both;
		text-align:right;
		padding:30px 0 0 0;
		}
	div.sidebar div.weekprogramma {	

		position:relative;
		clear:both;
		text-align:right;
		padding:30px 0 0 0;
		width:205px;
		overflow:hidden;

		}
		div.sidebar div.weekprogramma span {
			display:block;
			width:79px;
			position:absolute;
			bottom:0px;
			left:0px;	
			}
			div.sidebar div.weekprogramma span a {
				display:block;
				padding:5px 0 0 0;
				margin:3px 0 0 0;
				}
	div.sidebar div.weersverwachting {	
		position:relative;
		clear:both;
		text-align:right;
		padding:5px 0 0 0;
		width:205px;
		/**/
		height:88px;
		/**/
		overflow:hidden;
		}
		div.sidebar div.weersverwachting span {
			display:block;
			width:79px;
			position:absolute;
			top:0px;
			left:0px;
			}
			div.sidebar div.weersverwachting span a {
				display:block;
				padding:5px 0 0 0;
				margin:3px 0 0 0;
				}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
	
/* ============================================================	*/ 
/* ========	HOME/NIEUWS		  	===============================	*/
/* ============================================================	*/ 
.nieuwsItem {
	overflow:hidden;
	}
	.nieuwsItem .content {
		padding:10px 0 10px 0;
		width:100%;
		overflow:hidden;
		}
		.nieuwsItem .content span {
			display:block;
			margin:0 228px 0 0;
			}
		.nieuwsItem .content img {
			display:block;
			float:right;
			width:212px;
			}
		.nieuwsItem .alt span {
			display:block;
			margin:0 0 0 228px;
			}
		.nieuwsItem .alt img {
			display:block;
			float:left;
			}
			
.nieuwsMore .content img {
	display:block;
	float:right;
	border-left:15px solid #FFFFFF;
	border-bottom:15px solid #FFFFFF;
	}
.nieuwsMore .content {
	padding:10px 0 10px 0;
	width:100%;
	overflow:hidden;
	}
	.nieuwsMore .content p {
		padding:0 0 20px 0;
		}
						
/* ============================================================	*/ 
/* ========	CREW			  	===============================	*/
/* ============================================================	*/
div.crewList {
	width:100%;
	overflow:hidden;
	}
 
.crewItem {
	width:265px;
	height:250px;
	overflow:hidden;
	float:left;
	}
	.crewItem .content img {
		display:block;
		float:left;
		position:relative;
		top:10px;
		}
	.crewItem .content span {
		display:block;
		margin-left:100px;
		padding:5px 0;
		}
div.crewList .alt {
	float:right;
	}

/* ============================================================	*/ 
/* ========	FOTOGALLERY		  	===============================	*/
/* ============================================================	*/

.fotoRow {
	overflow:hidden;
	}
.fotoRow .content {
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:10px 0 10px 0;
	}
	.fotoRow .content a {
		display:inline;
		}
	.fotoRow .content img {
		display:inline;
		border-right:10px solid #FFFFFF !important;
		}
		
/* ============================================================	*/ 
/* ========	FOTOVERVOLG #1	  	===============================	*/
/* ============================================================	*/

.fotoOverzicht {
	overflow:hidden;
	}

.fotoOverzicht .content {
	width:100%;
	overflow:hidden;
	padding:10px 0 10px 0;
	}
	.fotoOverzicht .content a {
		display:block;
		float:left;
		}
	.fotoOverzicht .content img {
		display:inline;
		border-right:5px solid #FFFFFF !important;
		border-bottom:5px solid #FFFFFF !important;
		}
		
/* ============================================================	*/ 
/* ========	FOTOVERVOLG #2	  	===============================	*/
/* ============================================================	*/

.fotoDetails {
	overflow:hidden;
	}
	.fotoDetails .nav {
		width:100%;
		overflow:hidden;
		padding:10px 0 0 0;
		}
		.fotoDetails .nav a.center,
		.fotoDetails .nav a.left,
		.fotoDetails .nav a.right {
			display:block;
			text-transform:uppercase;
			font-weight:bold;
			text-decoration:none;
			color:#00AEEF;
			font-size:12px;
			}
		.fotoDetails .nav a.center {margin:0 150px 0 150px; text-align:center;}
		.fotoDetails .nav a.left {float:left;}
		.fotoDetails .nav a.right {float:right;}

.fotoDetails .content {
	width:100%;
	overflow:hidden;
	padding:10px 0 10px 0;
	}
	.fotoDetails .content img {
		display:block;
		}
	.fotoDetails .content a {
		display:block;
		float:left;
		}
	.fotoDetails .content img {
		display:inline;
		border-right:3px solid #FFFFFF;
		border-bottom:3px solid #FFFFFF;
		}
		
.sendafriend * {
	color:#00AEEF;
	}
	.sendafriend input {
		}
	.sendafriend .content {
		margin:0 0 0 85px;
		}
	.sendafriend td {
		line-height:20px;
		}
	.sendafriend .content table td {
	    padding:0 15px 0 0;
	    }
	
/* ============================================================	*/ 
/* ========	QUICK LINKS 	  	===============================	*/
/* ============================================================	*/

.weekprogramma .selected,
.weersverwachting .selected {
    background-position:top right;
    }
.qlContact:hover,
.qlVacatures:hover,
.qlLes2Alpes:hover,
.qlValThorens:hover,
.qlTignes:hover,
.qlWebcam:hover,
.qlverstuur:hover,
.qlgaterug:hover,
.qlHome:hover{
    background-position:top right;
    }
.qlContact {
    display:block;
    background:transparent url(../gfx/ql_contact.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
.qlWebcam {
    display:block;
    background:transparent url(../gfx/ql_webcam.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
.qlVacatures {
    display:block;
    background:transparent url(../gfx/ql_vacatures.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
.qlLes2Alpes {
    display:block;
    background:transparent url(../gfx/ql_les_2_alpes.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
.qlValThorens {
    display:block;
    background:transparent url(../gfx/ql_val_thorens.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
.qlTignes {
    display:block;
    background:transparent url(../gfx/ql_tignes.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
    
.qlHome {
    display:block;
    background:transparent url(../gfx/ql_home.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
    
 .qlverstuur {
    display:block;
    background:transparent url(../gfx/ql_verstuur.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
    
 .qlgaterug {
    display:block;
    background:transparent url(../gfx/ql_ga_terug.gif) top left no-repeat;
    width:79px;
    height:30px;
    text-decoration:none;
    }
    
  div.bannerblock {
	position:relative;
	margin:0 auto 0 auto ;
	width:940px;
	text-align:left;
	}

   
    
div.iframe{
	position:relative;
	float:right;
	margin:297px 2px 0 0;
	width:120px;
	height:600px;
}