/* this is the main stylesheet for lauvaasen.net */

	/* general elements */
	
	body { 
			background-color: #333 ;
			margin: 0;
			padding: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		  }

	h1, h2	{
		padding: 0 0 0 4px;
		margin: 0px 0 3px 0;
		color: #2d492d;
		/*text-transform: uppercase; */
	}
	
	h1	{
		font-size: 20px;
	}
	
	h2	{
		font-size: 14px;
		margin-top: 10px;
	}
			  
	p, dl, td	{
	padding-left: 4px;
	margin-top: 2px;
	font-size: 13px;
	}
	
	a	{
	color: #2d492d;
	}
	
	a:hover	{
	color: #666;
	}
	
	/* layout elements */
	
	.containerMain	{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border-left: 2px white solid;	
	border-right: 2px white solid;	
	display: block;
	position: relative;
	background-color: #ccc;
	}
	
	.containerHeader	{
	width: 960px;
	position: relative;
	clear: both;
	float: left;
	height: 250px;
	padding: 0;	
	margin: 0;
	/* background-image: url(/img/headerWinter.jpg); to change for winter image */
	background-image: url(/img/headerSummer.jpg);	
	}
	
	.headerTextField	{
	background: url(/img/headerWhiteOnepx.png) top left repeat;
	clear: both;
	margin: 190px 0 0 0;
	height: 50px;
	padding: 0 20px;
	}
	
	.headerTextFieldInfo {
	display: inline;
	float: right;
	clear: none;
	color: #666;
	font-family: Arial, sans-serif;
	background: none;
	margin: -34px 0px 0 0 ;
	font-size: 18px;
	font-style: italic;
	}
	
	.menuMain	{
	clear: both;
	float: left;
	position: relative;
	margin: 1px 0 0 0;
	padding: 4px 20px 2px 20px;
	width: 920px;
	height: 20px;
	background: url(/img/headerWhiteOnepx.png) top left repeat;	
	}
	
	.menuMain a	{
	font: 14px arial, sans-serif;
	color: #333;		
	text-decoration: none;
	margin: 0 2px;
	padding: 0 6px;
	}
	
	.menuMain a:hover {
	background-color: #d7e0a7;
	color: #000;
	}
	
	#flag		{
	float: right;
	clear: none;
	}
	
	.containerPageHead	{
	clear: both;
	float: left;
	position: relative;
	width: 960px;
	margin-top: 0;
	/* background: #fff url("/img/containerPageHead.png") top left no-repeat;  */
	}
	
	.containerPage	{
	width: 960px;
	background-color: #fff;
	padding: 0;
	margin: 4px 0px 0 0px;
	float: left;
	position: relative;
	clear: both;
	}

	/* index.shtml */
	
	.containerPageLeft	{
	float: left;
	clear: left;
	width: 630px;
	padding: 0 10px;
	margin: 4px;
	height: 100%;
	background: url(/img/langleiken_blomst_660.jpg) top left no-repeat;
	}
	
	.containerPageLeftText	{
	width: 280px;
	float: left;
	clear: left;
	padding: 10px 10px 60px 10px;
	margin: 20px;
	background: url(/img/headerWhiteOnepx.png) top left repeat;	 
	}
	
	.containerPageRight	{
	background: #f1f1f1;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: right;
	clear: right;		
	width: 280px;
	padding: 0px 0 4px 0;
	margin: 4px;
	font-size: 12px;
	}
	
	.containerPageRight h2	{
	background-color: #d7e0a7;
	background-image: url(/img/fieldBgGreen.jpg);
	color: #666;
	font-size: 13px;
	text-transform: uppercase;
	padding: 2px 4px 2px 4px;
	margin: 0px 0 4px 0;
	}

	.rightMaterial {
	margin: 0 0 8px 0;
	}
		
	.weatherFactsContainer	{
	width: 120px;
	float: left;
	position: relative;
	clear: left;
	}

	.weatherTableFrontpage	{
	width: 160px;
	float: left;
	clear: left;
	}

	#yrLink {
	clear: left;
	float: left;
	margin-top: 10px;
	font-size: 11px;
	margin-left: 4px;
	}
	
	.weatherImageContainer	{
	width: 120px;
	float: right;
	position: relative;
	clear: right;
	padding: 0 4px 0 0;
	}
	
	.weatherImageBox	{
	padding-top: 4px;
	text-align: right;
	}
	
	.weatherImageBox p {
	margin: 0;
	font-size: 10px;
	padding: 0 0 0 2px;
	}
	
	img.weatherImage	{
		width: 100px;
		border: 1px solid #ccc;
		padding: 0 0 0 2px;
	}

	/* hytteutleie.shtml */
	
	img.cabinMain	{
		float: right;
		margin: 4px;
		border: 2px solid #ccc;
	}
	
	img.imageFull	{
		float: left;
		clear: left;	
		border: 2px solid #ccc;
		margin: 4px;
	}
	
	.containerImageRight	{
		float: right;
		clear: none;
		width: 150px;
		padding-bottom: 5px;
		margin-right: 4px;
	}
	
	.containerImageRight	img {
		margin-bottom: 8px;
	}
	
	/* hytteleie.shtml */

	.containerPageCabinrent 	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgCabinrent.jpg) top left no-repeat;
		overflow: hidden;
	}
	
	.containerPageCabinrentText	{
		background: url(/img/headerWhiteOnepx.png) top left repeat;
		float: right;
		width: 400px;
		height: 500px;
		padding: 4px;
		margin: 8px 18px;	
		overflow: hidden;		
	}	

	
	.containerPageCabinrentText dt	{
	font-weight: bold;
	margin-top: 8px;
	}

	.containerPageCabinrentText dd	{	
	margin-left: 2px;
	}
	
	/* langleiken.shtml */
	
	.containerPageCabinrentLangleiken	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgLangleiken.jpg) top left no-repeat;
		overflow: hidden;		
	}

	/* knerten.shtml */
	
	.containerPageCabinrentKnerten	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgKnerten.jpg) top left no-repeat;
		overflow: hidden;		
	}

	/* nordavind.shtml */
	
	.containerPageCabinrentNordavind	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgNordavind.jpg) top left no-repeat;
		overflow: hidden;		
	}
	
	/* olavsgard.shtml */
	
	.containerPageCabinrentOlavsgard	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgOlavsgard.jpg) top left no-repeat;
		overflow: hidden;		
	}	

	/* servering.shtml */
	.containerPageCafeteria	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgCafeteria.jpg) bottom right no-repeat;
		overflow: hidden;		
	}	

	.containerPageCafeteriaText	{
		background: url(/img/headerWhiteOnepx.png) top left repeat;
		float: right;
		width: 400px;
		height: 620px;
		padding: 4px;
		margin: 8px 18px;	
		overflow: hidden;		
	}	


	/* aktiviteter.shtml */
	.containerPageActivities	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgActivities.jpg) top left no-repeat;
		overflow: hidden;		
	}	
	.containerPageActivitiesText	{
		background: url(/img/headerWhiteOnepx.png) top left repeat;
		float: right;
		width: 400px;
		height: 620px;
		padding: 4px;
		margin: 8px 18px;	
		overflow: hidden;		
	}	
	
	/* omoss.shtml */
	.containerPageAbout	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgAbout.jpg) top left no-repeat;
		overflow: hidden;		
	}	

	.containerPageAboutText	{
		background: url(/img/headerWhiteOnepx.png) top left repeat;
		float: right;
		width: 400px;
		height: 620px;
		padding: 4px;
		margin: 8px 18px;	
		overflow: hidden;		
	}	

	/* historie.shtml */
	.containerPageHistory	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgHistory.jpg) bottom left no-repeat;
		overflow: hidden;		
	}		

	.containerPageHistoryText	{
		background: url(/img/headerWhiteOnepx.png) top left repeat;
		float: right;
		width: 400px;
		height: 620px;
		padding: 4px;
		margin: 8px 18px;	
		overflow: hidden;		
	}	
	
	
		/* kontakt.shtml */
	.containerPageContact	{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		background: url(/img/bgContact.jpg) top left no-repeat;
		overflow: hidden;		
	}		
	
	.containerPageContactText	{
		background: url(/img/headerWhiteOnepx.png) top left repeat;
		float: right;
		width: 400px;
		height: 500px;
		padding: 4px;
		margin: 8px 10px 8px 0;	
	}	


	
	/* /ver/bilder.shtml */
	
	.imageFull	{
		text-align: center;
	}
	
	/* ver/index.shtml */
	
	.weatherMenu	{
		float: left;
		clear: left;
		width: 140px;	
		margin: 10px 15px 0 15px;
		border: 1px solid #ccc;
		background: #f1f1f1;
		font-size: 12px;
	}

	.weatherMenu h2	{
	background-color: #d7e0a7;
	background-image: url(/img/fieldBgGreen.jpg);
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px 4px 2px 4px;
	margin: 0px 0 4px 0;
	text-align: center;
	}
	
	.weatherMenu dl	{
	padding-left: 4px;
	}
	
	.weatherMenu dd	{
	margin-left: 0;
	padding: 2px 4px;
	}
	
	.weatherContent	{
	width: 770px;	
	float: right;
	clear: right;
	}
		
	/* foot.html */
	
	.containerPageClosure	{
		/* inactive */
		/* background: url(/img/containerPageFoot.png) top left no-repeat; */
		float: left;
		clear: both;
		height: 25px;
		width: 960px;
		margin: 0;
		padding: 0px;
	}
	
	.footerText	{
		margin: 4px 4px 0 4px;
		clear: both;
		position: relative;
		padding: 0;
		float: left;
		width: 952px;
		font-size: 12px;
		color: #666;
		text-align: center;
	}
	
	/* the clearfix element is used to prevent overflow of content in boxes */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */