/**************************************************/
/* Filename: layout.css														*/
/* Webmaster: M.Erlandsson												*/
/* (C)2007 Landskapet JO- Landskapet.se						*/
/*																								*/
/* Sidlayout, body mm															*/
/**************************************************/

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding:127px 0 0 140px;
	
	scrollbar-face-color:		#CEFFCE;
	scrollbar-highlight-color:	#B6D196;
	scrollbar-3dlight-color:	#009933;
	scrollbar-darkshadow-color:	#009933;
	scrollbar-shadow-color:		#3AC267;
	scrollbar-arrow-color:		#636563;
	scrollbar-track-color:		#FFFFFF;
	z-index:-1000;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

div#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:128px;
	z-index:3;
}

div#left-sidebar{
	position:absolute;
	background:#FFFF00;
	top:128px;
	left:0;
	width:140px;
	height:100%;
	/*Ändra Nyhets divens i z-index*/
	z-index: 0;
	/*Kant*/
	border-left: 1px solid #009933;
	border-right: 1px solid #009933;
}

@media screen{
	body>div#header{
		position:fixed;
	}
	
	body>div#left-sidebar{
	position:fixed;
	}
}

* html body{
	overflow:hidden;
} 

* html div#content{
	height:100%;
	overflow:auto;
	z-index: 1;
}

#pagecell{
	position:absolute;
	width:750px;
	top: 0px;
	bottom:0px;
	background-color: #852258;
	z-index: 1;
}
#content_spacer{
	position:absolute;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	z-index: 2;
}

#pagetop{
	position:relative;
	width:750px;
	height:101px;
	top: 0px;
	background:#FFFFFF;
	z-index: 3;
}

#top_text_placeholder{
	position: absolute;
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
	width:450px;
	top: 0px;
	left: 71px;
	z-index: 3;
}

#logo_placeholder{
	position: absolute;
	width:71px;
	height:101px;
	top: 0px;
	left: 0px;
	z-index: 3;
}

#top_banners{
	position: absolute;
	padding: 4px;
	top: 0px;
	right: 15px;
	max-height:100px;
	z-index: 3;
}

#pagecontent{
	position:absolute;
	width:750px;
	top:100px;
	background:#00CC33;
	overflow:scroll;
	height:100%;
	z-index:1;
}



#nyheter_text{
	letter-spacing:1.2px;
	font-size:13px;
	font-weight:700;
	padding:5px;
}

#nyheter_border{
	position:absolute;
	border-top: 1px solid #000000;
	width:140px;
	height:1px;
	z-index: 400;
}

/*Länkinställningar till allt i nyheter/pågång*/
#left-sidebar A:link {text-decoration: underline; color:#0000FF;}
#left-sidebar A:visited {text-decoration: underline; color:#0000FF;}
#left-sidebar A:active {text-decoration: underline; color:#FFFFFF;}
#left-sidebar A:hover {text-decoration: underline; color:#000000;}

/***************** Divar till sidfoten*******************/

#sidfot{
	position:absolute;
	width:748px;
	height:29px;
	top: 0px;
	left:0px;
	background:#FFFF00;
	border-left: 1px solid #009933;
	border-right: 1px solid #009933;
	border-bottom: 1px solid #009933;
	z-index: 400;
}

#sidfot_topborder{
	position:absolute;
	border-top: 1px solid #009933;
	right:0px;
	float:right;
	top:0px;
	width:608px;
	height:1px;
	z-index: 401;
}

#sidfot_cornerimg{
	position:absolute;
	background: #FFFFFF url(../img/layout/page_corner.gif) no-repeat;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	z-index: 401;
}

#sidfot_text {
	position:absolute;
	
	top:7px;
	left:140px;
	color: 009A31;
	letter-spacing:1.5px;
	font-size:12px;
}
#sidfot_text  A:link {text-decoration: none; color: 009A31;}
#sidfot_text  A:visited {text-decoration: none; color: 009A31;}
#sidfot_text  A:active {text-decoration: none; color: 009A31;}
#sidfot_text  A:hover {text-decoration: none; color: 009A31;}

/**********************************************************/
/* Divar listor mm som har med "Drop down"-menyn att göra */
/**********************************************************/

/*Undre strecket*/
#navunderline	{
	position:absolute;
	background-color:#FFFFFF;
	height:26px;
	width: 600px;
	bottom:0px;
	/*Egenskaper för undre block-sträcket(från #nav, #nav ul)*/
	border-bottom: 1px solid #009933;
	z-index: 3;
}

/*Div som kapslar menyn- högerpositionering*/
#navcontainer {
	position:absolute;
	background:#FFFFFF;
	right:0px;
	z-index: 500;
}

/**Listegenskaper UL **/
#nav, #nav ul {
	/*Distans till undre block-border*/
	padding-bottom: 25px;
	padding-left:0px;
	padding-right:0px;
	padding-top:1px;
	/*Distans t.ex ovanför menyn*/
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	/*För att "listprickar" inte ska visas*/
	list-style: none;
	/*Lite textegenskaper*/
	line-height: 0.0;
	font: bold 11px verdana, arial, sans-serif;
	/*Egenskaper för undre block-sträcket(från #nav, #nav ul)*/
	border-bottom: 1px solid #009933;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}

/**Blockegenskaper-Länk**/
#nav a {

	display: block;
	/*Bakgrundsfärg vid orört block*/
	background-color: #CEFFCE;
	/*Textegenskaper*/
	font-weight: bold;
	font-size: 10px;
	color: #636563;
	text-decoration: none;
	/*BlockPositioner*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}
	
/**Muspekaren över listan**/
#nav a:hover {
	display: block;
	/*Bakgrundsfärg vid aktiv*/
	background-color: #FFFFFF;
	/*Textfärg när musen är över*/
	color:#000000;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}

/**Listegenskaper LI **/
#nav li { 
	/*Gör menyn till en horisontell lista med början vänster till höger*/
	float: left;
	/*höjd på blocket, vid stor kommer block bygga i nederkant*/
	/*Blockhöjd borttagen, blocket formar sig själv istället*/
	background-color: #cfc;
	margin: 2px 2px 0 2px;
	border: 1px solid #009933;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}

/**Drop down listegenskaper LI- komma upp när muspekaren är över**/
#nav li ul {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:1px;
	padding-left:5px;
	padding-right:5px;
	position: absolute;
	/*Färg mm på bakgrundsblocket*/
	background-color: #93EEE4;
	border-left: 1px solid #009933;
	border-right: 1px solid #009933;
	border-bottom: 1px solid #009933;
	/*Storlek på bakgrundsblocket-(större än listblocket)*/
	width: 206px;
	/*Gömm lista när den inte är aktiv*/
	left: -999em;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}
	
/*Listegenskaper bredd på drop down lista mm*/
#nav li ul li a {
	padding-top: 1px;
	padding-bottom: 1px;
	/*Storlek på listblocket*/
	width: 180px;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
	/*Hög z-index för menyn då den ska vara överst*/
	z-index: 500;
}

/**********************************************************/
/* Bildegenskaper om man vill ha lite avstånd, t.exflaggor*/
/**********************************************************/
img.border{
	margin-bottom: 2px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 10px;
}

/********************* END **********************/