* {
	margin: 0;
	padding: 0;
}
img{border:0;}
#top a:link, #top a:visited, #top a:hover{color:#FFF;}

.readMore a:link, .readMore a:visited, .readMore a:hover{color:#FFF;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

a:link, a:visited, a:hover{text-decoration: none;color: inherit !important;}

#planlosningBoxStart a:link, #planlosningBoxStart a:visited, #planlosningBoxStart a:hover{text-decoration: none;color: #FFFFFF;}
.pageIndex a:link, .pageIndex a:visited, .pageIndex a:hover{text-decoration: none;color: #FFFFFF;}

.startBadge{position: absolute; top: 290px; right:-60px;}

body {
	background-color: #FFF;
	background-image: url(/images/back4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	color:#333;
	text-align:center;
	font-family: Arial, Helvetica, serif;
}

h1, h2, p {
	margin: 10px 0;
}

p {
	font-size: 12px;
	line-height: 16px;

}

#page {text-align: left;margin: 0px auto;padding:0px 0px 10px 0;width: 800px;background-image: url(/images/800Back.png);background-repeat: repeat-y;border:1px solid #CCC;border-top:0px;position: relative;}

#container{
	padding:30px 80px;
	
/*	background-image: url(/images/pixelWhite90.png);*/
}

	#top{height: 113px;width: 800px; position: relative;}
		#top #logo{position: absolute;top:0px;left:0px;}
		
		#top #menu{position: absolute;left:0px;top:90px;height: 23px; width: 800px;background-image: url(/images/menuBack.gif);background-repeat: repeat-x;}
			#top #menu ul{list-style: none; color:#FFF;padding:0px 0px 0 23px;}
				#top #menu li{float:left;font-size: 10px;line-height: 23px;padding:0px 8px;text-transform: uppercase;letter-spacing: 1px;}

	#WelSlide{width: 800px; height: 317px;position: relative;background-color: white;border-bottom: 1px solid #CCC;}
		#WelSlide.hidden{overflow: hidden;height: 0px;}
		#WelSlide .images{position: absolute; top:0px; left: 0px; z-index: 1;}

		#WelSlide .controllers{position: absolute; top:10px; right: 33px; width: 86px; height: 30px; z-index: 4; background-image: url(/images/slideshow/design/buttonsNormal.png); background-repeat: no-repeat;cursor:pointer;}
			#WelSlide .controllers .play{width: 25px;height: 22px;position: absolute;top:0px;left:0px;background-image: url(/images/slideshow/design/buttonsPress.png)
			;}
			#WelSlide .controllers .next{width: 28px;height: 22px;position: absolute;top:0px;right:0px;background-image: none; background-position:  -58px 0px;}
			#WelSlide .controllers .prev{width: 17px;height: 22px;position: absolute;top:0px;right:28px;background-image: none; background-position:  -41px 0px;}
			#WelSlide .controllers .pause{width: 17px;height: 22px;position: absolute;top:0px;left:24px;background-image: none; background-position:  -24px 0px;}

	#appelSkisser{position: relative;width: 800px; overflow: hidden; height: 0px;top:-1px;}
	#WelFlow{position: absolute;width:1000px; left:0px;height: 317px;text-align: center;}	
		#WelFlow .box{position: relative;float:left;width:100px;height: 317px; background-repeat: no-repeat;background-position: left top;}
		#WelFlow .skiss1{width:600px;background-image: url(/images/planskisser/1.jpg);}
		#WelFlow .skiss2{background-image: url(/images/planskisser/2.jpg);}
		#WelFlow .skiss3{background-image: url(/images/planskisser/3.jpg);}
		#WelFlow .box .skissBoxContent{position: absolute;left:450px;bottom:30px;text-align: left;}
		#WelFlow .box .skissBoxContent p.text{font-weight: normal;font-size: 18px;line-height: 20px;}
			


	#middle{padding:10px 48px 30px 32px; background-image: url(/images/vattenstampel.png); background-position: bottom left; background-repeat: no-repeat;}
		#middle h2{font-size: 28px;font-weight: normal;padding:4px 0px;margin:0px;}
		
			.contentBox{position: relative;width:720px;}
				.contentBoxLeft{position: relative;width:340px; float:left;}
				.contentBoxRight{position: relative;width:340px; float:right;}
				
			.bofaktaLinkBox{position: relative;width:158px;float:left;margin-left:10px;}
				.bofaktaLinkBox p{margin:0px;padding:0px;}
		
#footer{position: relative;height:40px;width:720px;margin:0px 48px 15px 32px;clear:both;}
	#footer .elivator{position: absolute;bottom:0px;left:0px; width: 500px;color:#999; font-size: 9px; word-spacing: 0px;}
	#footer #smallLogos{position: absolute;bottom:0px;right:0px;}
		#footer #smallLogos .item{float: left;padding-left:10px;}



.picText{font-size: 11px; line-height: 13px;}
	.picText img{margin-bottom:3px;}

/* NEWS */
.newsContent{width: 640px; margin:10px 0px 20px;}
	.newsContent img {float: right;}
	.newsContent .intro {margin:0 160px 0 0}
	.newsContent .date{font-weight: normal;font-size: 11px;line-height: 11px;padding:0px 0px 0px;font-style: italic;margin-bottom:0px;}
	.newsContent .heading{font-weight: bold;font-size: 13px;line-height: 15px;text-transform: uppercase; padding:0px;margin-top:5px;margin-bottom: 0px;}
	.newsContent .text {margin: 0 160px 0 0; visibility: hidden;}
		.newsContent .text p { padding:0px 0px 15px;}

.readMore{padding:0px; color:#FFF;margin-top:10px;font-size:11px;line-height:24px;height:23px;text-align: left;cursor: pointer;font-weight: normal;text-transform: uppercase; background-color:#446024; width:190px;background-image:url("/images/menuBack.gif");background-repeat:repeat-x;letter-spacing: 1px;}
	.readMore a{padding-left:10px;}

/*INFOBOX*/
.infoBox{position: absolute;width: 485px;}
	.infoBox p{margin:0; padding: 0;}
	.infoBox .top{width: 485px; height: 10px; line-height: 1px; font-size: 1px;background-image: url(/images/tooltip/green/top.png); background-repeat: no-repeat;position: relative;}
	.infoBox .middle{padding: 9px 15px 9px 25px;background-image: url(/images/tooltip/green/mid.png); background-repeat: repeat-y;position: relative;}
	.infoBox .bottom{width: 485px; height: 27px; line-height: 1px; font-size: 1px;background-image: url(/images/tooltip/green/left.png); background-repeat: no-repeat;position: relative;}
		.infoBox.left .bottom{background-image: url(/images/tooltip/green/right.png);}

/* INTEREST */
#interestForm {width: 100%;}
	
	#interestForm .kontaktOptions{padding:10px;border:1px solid #AAA;background-color: #d7e3a7; line-height: 16px;}
		#interestForm h4{font-size: 16px;font-weight: bold;margin:0px;padding:0px 0px 3px 0px;line-height: 18px;color:#444;}
		.kontaktOptions .kontaktCheckboxes{padding:5px 0px;}
			.kontaktOptions .kontaktCheckboxes .item{position: relative;padding-right:20px;float:left;}
			
			
.intresseanmalan a:link, .intresseanmalan a:visited{color:#444;}
.intresseanmalan a:hover{text-decoration:underline;color:#444;}		
		
	.kontaktOptions div{font-size: 12px;clear: both; color:#444;}
	.kontaktOptions div div div{height:20px;clear: both;padding:2px 0px;}
	.kontaktOptions .extras{height:1px; overflow: hidden;}
	#interestForm span.label {font-weight: bold; line-height: 20px; float: left;}
	#interestForm .kontaktCheckboxes input {height: 16px; padding: 4px; width: 16px; float: left;margin-left:0px;margin-right: 5px;}
	#interestForm input.text {border: 1px solid #bbb; background-color: #EEE; height: 20px; padding: 4px; width: 190px; float: right;}
	#interestForm input.submit {padding:0px 0px 0 10px; color:#FFF;margin-top:10px;font-size:11px;line-height:24px;height:23px;text-align: left;cursor: pointer;font-weight: normal;text-transform: uppercase; background-color:#446024; width:140px;background-image:url("/images/menuBack.gif");background-repeat:repeat-x;border: 0;letter-spacing: 1px;}
	#interestForm p{padding:0px;margin:0px;}
/* mediaboxAdvanced - white theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	border: 2px solid #bbb;
}

#mbCenter.mbLoading {
	background: #fff url(/images/mediabox/WhiteLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Arial;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #333;
}

#mbImage a:hover, #mbImage a:active {
	color: #000;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Arial;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #000;
	font-weight: normal;
	line-height: 20px;
	font-size: 15px;
}

#mbNumber {
	display: inline;
	color: #333;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 83px;
	background: transparent url(/images/mediabox/WhitePrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 54px;
	background: transparent url(/images/mediabox/WhiteNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 20px;
	background: transparent url(/images/mediabox/WhiteClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx .tl{
	background: url('/images/formcheck/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('/images/formcheck/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('/images/formcheck/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('/images/formcheck/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('/images/formcheck/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('/images/formcheck/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('/images/formcheck/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('/images/formcheck/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('/images/formcheck/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('/images/formcheck/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('/images/formcheck/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}