/* CSS Document for Hemmaplan
 * 
 * Author: Niclas Hellgren @ Paregos
 */

/*** General code ***/
body {
	background-color:#FFFFFF;
	text-align:center;
	margin-top:45px;
	font-family:Arial, Helvetica, sans-serif;
	
	/**background-image:url(../img/bg.jpg);
	background-repeat:repeat;
	background-position:top center;**/
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
}

.pageWrapper {
	width:835px;
	min-height:702px;
	margin:0 auto;
	text-align:left;
}

.pageArea {
	width:100%;
	height:auto;
	clear:both;
}

.headerWrapper {
	float:left;
}

.footWrapper {
	background-image:url(../img/bgFooter2.png);
	float:left;
	width:835px;
	height:36px;
	padding:11px 0 0 0;
	font-size:11px;
	line-height:17px;
	text-align:center;
	color:#FFFFFF;
}

.pageHeader {
	background-image:url(../img/bgHeader2.jpg);
	width:775px;	/*width:835px;*/
	height:110px;	/*height:143px;*/
	padding:33px 30px 0 30px;
}

.headerNavigation {
	float:right;
	width:100px;
	height:80px;
	font-size:11px;
	text-align:right;
	line-height:16px;
	padding:4px 0 0 0;
}

	.headerNavigation span {
		margin: 0;
		padding: 0;
	}
	
	.headerNavigation a:link,
	.headerNavigation a:visited {
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.headerNavigation span,
	.headerNavigation a:hover,
	.headerNavigation a:active {
		text-decoration:none;
		font-weight:bold;
		color:#000000;
	}

.pageContent {
	float:left;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	width:833px;
/*	min-height:444px;*/
/*	min-height:440px;*/
	min-height:436px;
	border-left-style: solid;
	border-left-width:1px;
	border-left-color:#ce7322;
	border-right-style: solid;
	border-right-width:1px;
	border-right-color:#ce7322;
	
}

.subpage {
		background: url(../img/bgSmalltree.gif) no-repeat bottom right #FFFFFF;
}

.leftColumn {
	width:511px;
	float:left;
	margin:10px 0 0 30px;
}


.leftColumn2 {
	width:511px;
	float:left;
	margin:10px 0 0 30px;
	text-align:left;
}

.leftColumn3 {
	width:835px;
	float:left;	
	margin:10px 0 0 0px;
}

.leftColumn2 h1 {
	font-size:23px;
	line-height:30px;
	color:#D87823;
	margin:0 4px 16px 0;
	font-weight:normal;
	}
		

.leftColumn2 h3 {
		font-weight:bold;
		font-size:12px;
		color:#D87823;
		margin: 1px 0 3px 0;
	}
		
	.leftColumn2 p {
		font-size:11px;
		line-height: 16px;
		margin: 0;
	}
	

.offersColumn {
	width:561px;
	margin:10px 0 0 30px;
}

	.offersColumn  a:link,
	.offersColumn  a:visited	 {
		text-decoration:none;
		color:#000000;
	}
	
	.offersColumn  a:hover	 {
		text-decoration:underline;
		color:#000000;
	}

.rightColumn {
	width:264px;
	float:right;
	margin-right:10px;
}

/*** Home specific code ***/
.startImage {
	width:511px;
	height:267px;
}

.startImage2 {
	width:835px;
	height:267px;
}

.startTexts {
	margin:20px 0 0 0;
	padding:0;
	width:511px;
	height:110px;
}

	.startTexts .headline {
		width:276px;
		height:auto;
		padding:0 1px;
		margin:0;
		float:left;
	}
	
	.startTexts .headline2 {
		width:270px;
		height:auto;
		padding:0 0px;
		margin:0;
		float:left;
	}
	
			.startTexts .headline p {
				font-size:23px;
				line-height:30px;
				color:#D87823;
				margin:0;
				padding-right: 5px;
			}
			
			.startTexts .headline2 p {
				font-size:18px;
				line-height:20px;
				color:#D87823;
				margin:0;
				padding-right: 5px;
			}
	
	.startTexts .ingress {
		width:218px;
		height:auto;
		float:left;
		margin:0 0 0 13px;
		padding:5px 1px 0 1px;
	}
	
			.startTexts .ingress p {
				font-size:11px;
				color:#000000;
				margin:0;
			}

.startBoxes {
	width:254px;
	height:auto;
	float:left;
}

.box {
	background-image:url(../img/bgBox.gif);
	width:235px;	/*Real size 254px*/
	height:101px;	/*Real size 141px*/
	padding:20px 0 20px 19px;
}

	.box .texts {
		float:left;
		width:98px;
		height:80px; /**87px**/
		margin:0 0 0 12px;
	}
	
		.box .texts p.headline {
			font-weight:bold;
			font-size:12px;
			color:#D87823;
			margin: 0;
		}
		
		.box .texts p.ingress {
			font-size:11px;
			margin: 0;
		}
		
	.box .moreLink {
		float:left;
		width:98px; /***width:60px;***/
		font-size:9px;
		/**font-weight:bold;***/
		vertical-align:bottom;
		margin:0 0 0 12px;
		
	}
			.box .moreLink p {
		font-size:9px;
		/**font-weight:bold;***/
		vertical-align:bottom;
		margin:0 0 0 12px;
	}
		
		.box .moreLink img {
			margin:0 3px 0 0;
	}
		
		.box .moreLink a:link,
		.box .moreLink a:visited {
			text-decoration:none;
			color:#007AB9;
	}
		
		.box .moreLink a:hover,
		.box .moreLink a:active {
			text-decoration:none;
			color:#000000;
	}
		
		
		
		
		.startBoxes2 {
	width:254px;
	height:auto;
	float:left;
}

.box2 {
	background-image:url(../img/bgBox.gif);
	width:235px;	/*Real size 254px*/
	height:101px;	/*Real size 141px*/
	padding:20px 0 20px 19px;
}

	.box2 .texts {
		float:left;
		width:98px;
		height:87px;
		margin:0 0 0 12px;
	}
	
		.box2 .texts p.headline {
			font-weight:bold;
			font-size:12px;
			color:#D87823;
			margin: 0;
		}
		
		.box2 .texts p.ingress {
			font-size:11px;
			margin: 0;
		}
		
	.box2 .moreLink {
		float:left;
		width:60px;
		font-size:11px;
		font-weight:bold;
		vertical-align:bottom;
		margin:0 0 0 12px;
	}
	
		.box2 .moreLink img {
			margin:0 3px 0 0;
		}
		
		.box2 .moreLink a:link,
		.box2 .moreLink a:visited {
			text-decoration:none;
			color:#007AB9;
		}
		
		.box2 .moreLink a:hover,
		.box2 .moreLink a:active {
			text-decoration:none;
			color:#000000;
		}
		
		

/*** Offers specific code ***/
.offersHeader {
	font-size:23px;
	line-height:30px;
	color:#D87823;
	margin:0 4px 16px 0;
	font-weight:normal;
}
	

.offerBox {
	width:561px;
	height:114px;
	margin-bottom:16px;
}
	

.offerBox2 {
	width:561px;
	height:90px;
	margin-bottom:16px;
}
.offerBox3 {
	width:561px;
	height:20px;
	margin-bottom:16px;
	text-align:right;
	font-size:11px;
}
	.offerBox4 {
	width:561px;
	height:50px;
	margin-bottom:16px;
	text-align:left;

}

	.offerBox img {
		margin-right: 15px;
	}
	
	.offerBox2 img {
		margin-right: 15px;
	}
		
	.offerBox h3 {
		font-weight:bold;
		font-size:12px;
		color:#D87823;
		margin: 1px 0 3px 0;
	}
	
	.offerBox2 h3 {
		font-weight:bold;
		font-size:12px;
		color:#D87823;
		margin: 1px 0 3px 0;
	}
		
	.offerBox p {
		font-size:11px;
		line-height: 16px;
		margin: 0;
	}
	
	.offerBox2 p {
		font-size:11px;
		line-height: 16px;
		margin: 0;
	}
	.offerBox3 p {
		font-size:11px;
		line-height: 16px;
		margin: 0;
	}
	
	.offerBox4 p {
		font-size:11px;
		line-height: 16px;
		margin: 0;
	}
	
	.offerBox3 a:link,
	.offerBox3 a:visited {
		text-decoration:none;
		color:#000000;
	}
	
	.offerBox2  a:link,
	.offerBox2  a:visited	 {
		text-decoration:none;
		color:#000000;
	}
	
	.offerBox2  a:hover	 {
		text-decoration:underline;
		color:#000000;
	}
	
	.offerBox3 span,
	.offerBox3 a:hover,
	.offerBox3 a:active {
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		color:#000000;
	}

/*** About specific code ***/
.aboutIntro {
	width:560px;
/*	width:765px;*/
	margin:10px 0 28px 30px;
	padding:0;
}

	.aboutIntro h2 {
		font-size:23px;
		line-height:30px;
		color:#D87823;
		margin:0 0 18px 0;
		font-weight:normal;
	}

	.aboutIntro p {
		font-size:11px;
		line-height:16px;
		color:#000000;
		margin:0;
	}
	
.aboutPerson {
	float:left;
	width:375px;
	min-height:515px;
	margin:0 0 0 30px;
}

	.aboutPerson span {
		font-weight:bold;
		font-size:12px;
		color:#D87823;
	}
	
	.aboutPerson img {
		width:375px;
		height:157px;
		margin:9px 0 8px 0;
	}
	
	.aboutPerson .boxColumn {
		float:left;
		width:137px;
	}
	
	.aboutPerson .boxOrange {
		background:url(../img/bgOrangeBox.gif);
		width:124px;
		height:98px;
		padding:14px 0 0 13px;
	}
	
		.aboutPerson .boxOrange p,
		.aboutPerson .boxOrange p.head {
			font-size:11px;
			line-height:16px;
			color:#FFFFFF;
			margin:0;
		}
		
		.aboutPerson .boxOrange p.head,
		.aboutPerson .boxOrange p.head {
			margin-bottom:6px;
			font-weight:bold;
		}
	
	.aboutPerson .boxGrey {
		background-color:#F2F2F2;
		width:124px;
		min-height:221px;
		margin:10px 0 0 1px;
		padding:22px 0 22px 12px;
	}
		
		.aboutPerson .boxGrey p,
		.aboutPerson .boxGrey p.head {
			font-size:11px;
			line-height:16px;
			color:#000000;
			margin:0;
		}
		
		.aboutPerson .boxGrey p.head,
		.aboutPerson .boxGrey p.head {
			margin-bottom:6px;
			font-weight:bold;
		}
	
	.aboutPerson .textColumn {
		float:left;
		width:205px;
		height:auto;
		margin:2px 0 0 19px;
		color:#000000;
	}
			
		.aboutPerson .textColumn p {
			font-size:11px;
			line-height:16px;
			margin:0 0 16px 0;
		}
		
		.aboutPerson .textColumn h4 {
			font-weight:bold;
			font-size:11px;
			line-height:16px;
			margin:0;
		}

.contactInfo {
	float:left;
	width:776px;
	height:73px;
	margin:15px 0 15px 30px;
	border-top:solid 1px #D9D9D9;
}

	.contactInfo .contact {
		float:left;
		width:160px;
		font-size:11px;
		line-height:16px;
		margin:12px 10px 0 10px;
	}

/*** Rules specific code ***/
.rulebox {
	width:400px;
	float:left;
	border: #D87823 solid;
	border-width: 1px;
	padding:10px;
}
	.rulebox a:link,
	.rulebox a:visited {
		text-size: 11px;
		text-decoration:none;
		color:#D87823;
	}
	
	.rulebox a:hover,
	.rulebox a:active {
		text-size: 11px;
		text-decoration:none;
		color:#D87823;
	}

.rules {
	width:400px;
	text-align:left

	
}

	.rules h3 {
		font-weight:bold;
		font-size:12px;
		color:#D87823;
		margin: 1px 0 3px 0;
	}
		
	.rules p {
		font-size:11px;
		line-height: 16px;
		margin: 0;
	}

.rules img {
		margin-left: 10px;
	}
	
	.rulelink {
	width:170px;
	height:auto;
	padding-left:42px;
	padding-right:42px;
	padding-top:3px;
	text-align:left;
	font-size:9px;
	line-height: 9px;
	margin: 0;
}
		.rulelink a:link,
		.rulelink a:visited {
			text-decoration:none;
			color:#007AB9;
		}
		
		.rulelink a:hover,
		.rulelink a:active {
			text-decoration:none;
			color:#007AB9;
		}

/* Internet Explorer 6 fixes */
/* General */
* html .pageWrapper { height:702px; }
* html .footWrapper { height:37px; padding-top:12px; background-image:url(../img/bgFooter.jpg); }
/** html .pageContent { height:444px; }*/
/** html .pageContent { height:440px; }*/
* html .pageContent { height:436px; }
* html .leftColumn  { margin-left:15px; }
* html .rightColumn { margin-right:5px; }
/* About page */
* html .aboutPerson { height:515px; margin:0 15px; }
* html .aboutPerson .boxGrey { min-height:221px; }
* html .contactInfo { margin-left:15px; margin-top:8px; padding-bottom:8px; }