/* Design & Coding done by Christian Bjurinder for WP07.
	 
	 christian.bjurinder@telia.com
	 http://labfunk.chuckcogan.com				*/


/* Body
----------------------------------------------- */
body { 
	background :			#ccc url(img/big_back.png) repeat-y 50%;
	background-attachment:	fixed;
	background-color:		#ebe9dc;
	margin-left:			0px;
	margin-top:				0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding:				0px;
	border:					0px;
	color:					#6a6a6b;
	font:					11px verdana, arial, helvetica, sans-serif;
	line-height:			1.5em;
}

a {
	color:					#cc071e;
	text-decoration:		none;
	}

a:hover {
	background-color:		#f8b200;
	color:					#000;
	}

a:visited {
	color:					#cc071e;
	}

a:active {
	background-color:		#E5E3E0;
	color:					#4E4D4D;
	}

h2 {
	font:					12px verdana, arial, helvetica, sans-serif;
	font-weight:			800;
	line-height:			1em;
	}

h1 strong, h2 strong {
	display:				none;
	}

p {
	font-size:				1em;
	margin-top:				1.5em;
	margin-bottom:			1.5em; 
	}

/* Links
----------------------------------------------- */
a img {
	border:					none;
}

/* Container
----------------------------------------------- */
#container {
	background:				url("img/greyish_sidebar_back.jpg") no-repeat;
	position:				relative;
	width:					696px;
	height:					600px;
	min-height:				600px;
	background-color:		#ebe9dc;
	margin:					auto;
}

/* Logotype
----------------------------------------------- */
#logotype {
	background:				url("img/greyish_logo.gif") no-repeat;
	position:				absolute;
	top:					0px;
	left:					0px;
	float:					left;
	width:					175px;
	height:					89px;	
}

#logotype2 {   /* used only for pages w/out sidebar */
	float:					left;
	width:					175px;
	background:				url(img/greyish_logo.gif) no-repeat;
}	

#logotype a {
	display:				block; 
	height:					89px; 
	background:				url(img/greyish_logo.gif) no-repeat;
}	

#logotype2 a {
	display:				block; 
	height:					89px; 
	border-bottom:			0 !important;
	background:				url(img/greyish_logo.gif) no-repeat !important;
}

#logotype2 a:hover {
	margin:					0 !important;
	border:					0 !important; 
}

#logotype h1, #logotype2 h1 {
	margin:					0;
}

/* TruckHead
----------------------------------------------- */
#truckhead {
	position:				absolute;
	top:					0px;
	left:					209px;
	float:					left;
	width:					456px;
	height:					89px;	
}

/* Samarbetspartner
----------------------------------------------- */
#dinSamarbetspartner {
	position:				absolute;
	z-index:				10;
	top:					118px;
	left:					209px;
	float:					left;
	width:					449px;
	height:					35px;	
}

/* Sverigekarta
----------------------------------------------- */
#sverigeKarta {
	background:				url("img/sverigekarta.gif") no-repeat;
	position:				absolute;
	z-index:				9;
	top:					138px;
	left:					530px;
	float:					left;
	width:					136px;
	height:					315px;	
}

/* Habokarta
----------------------------------------------- */
#haboKarta {
	background:				url("img/habokarta.gif") no-repeat;
	position:				absolute;
	z-index:				9;
	top:					148px;
	left:					445px;
	float:					left;
	width:					224px;
	height:					294px;	
}

/* InfoTexten
----------------------------------------------- */
#infotext {
	position:				absolute;
	z-index:				10;
	top:					160px;
	left:					209px;
	float:					left;
	width:					400px;	
	height:					auto;	
}

/* Gallery
----------------------------------------------- */
#gallery {
	position:				absolute;
	z-index:				10;
	left:					18px;
	float:					left;
	width:					420px;	
	height:					auto;	
}

/* Gallery Footer
--------------------------------------------- */	
#galleryfooter {
	background:				url("img/foot_logo.gif") no-repeat;
	float:					left;
	font-weight:			bold;
	font-size:				85%;
	position:				absolute;
	margin:					0 auto;
	padding-top:			0.5em;
	padding-bottom:			0.5em;
	width:					450px;
	height:					60px;
	left:					-18px;
	border-top:				1px solid #dfddd1;
}

/* Footer
--------------------------------------------- */	
#footer {
	background:				url("img/foot_logo.gif") no-repeat;
	float:					left;
	font-weight:			bold;
	font-size:				85%;
	position:				absolute;
	margin:					0 auto;
	padding-top:			0.5em;
	padding-bottom:			0.5em;
	width:					450px;
	height:					60px;
	border-top:				1px solid #dfddd1;
}

/* labfunk
--------------------------------------------- */
#labfunk, #labfunk li{
	margin:					0;
	padding:				0;
}
#labfunk{
	position:				relative;
	top:					1px;
	left:					105px;
	height:					24px;
	width:					39px;
}
#labfunk li{
	float:					left;
	height:					24px;
	line-height:			24px;
}
#labfunk li a,.labfunk li a:visited {
	display:				block;
	height:					24px;
	background-position:	0 0;
	background-repeat:		no-repeat;	
}
#labfunk li a:hover, #labfunk li a.selected{background-position:0 -24px;}
#labfunk li#labfunk1{width:39px;}#labfunk li#labfunk1 a{background-image:url(img/labfunk_logo.gif)}