/* CSS Document */

/*
****** Grundsaker ******
*/
body {
	background-color: #777777;
}

img {
	border-style:	none;
}

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

a:visited {
color:				#222222;
}
/*
****** Textstilar ******
*/
.text {
	font-family:	"Times New Roman", Times, serif;
	font-size:		1em;
	text-align: 	left;
	color:			#002200;
	padding-top:	.1em;
	margin-top:		.2em;
	margin-bottom:	.1em;
}

.toprubrik {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		1.8em;
	color: 			#000000;
	text-align:		center;
	float:			none;
	padding-top:	.1em;
	margin-top:		.3em;
	margin-bottom:	.1em;
}


.rubrik1 {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		1.2em;
	color: 			#000000;
	text-align:		left;
	float:			none;
	padding-top:	.1em;
	margin-top:		.3em;
	margin-bottom:	.1em;
	margin-left:	3em;
}

.rubrik2 {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.9em;
	font-style:		oblique;
	font-weight:	bold;
	color: 			#000066;
	text-align:		left;
	margin-left:	1em;
	margin-bottom:	.1em;
}

/*** Rubriker f�r de olika t�vlingarna. I stil mellan rubrik1 och rubrik2 ***/
.tavlingsrubriker {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		1.15em;
	color: 			#222222;
	text-align:		left;
	float:			none;
	padding-top:	.1em;
	margin-top:		1em;
	margin-bottom:	.1em;
	border-top:		#666666 thin dotted;
}

/******* Sidstilar *******/
/**** F�r styrelsesidan ****/
.presentationsbilder {
	padding: 	2em;
	float:		left;
	text-align:	center;
	height:		9em;
	width:		8em;
}

	.presentationsbilder p {
		text-align: center;
		padding: .1em .1em;
		margin:	.1em;
	}
	
	.presentationsbilder img{
		max-width: 115 px;
		max-height: 150 px;
		}

/**** F�r de olika presentationssidorna ****/
#presentation img {
	padding:		2em;
	margin-left:	auto;
	margin-right:	auto;
	max-height:		14em;
	max-width:		14em;
}

.presentationssidan_col1 {
	width: 20%;
	float: left; 
	padding-right: 1em;
	padding-left: 1em;
	font-style:italic;
}

.presentationssidan_col2 {
	width: auto;
	float: none; 
	padding-right: 1em; 
	padding-left: 1em;
}

.textrutor {
	width:	20em;
	float:	left;
	background:#CCCCCC;
}

/******* Placeringen av de olika div:arna *******/

#top{
	margin-right: 	auto; 
	margin-left: 	auto;
	width: 			50em;
	top:			4em;
	height:			9em;
	background:		#EEEEEE url(../bilder/pages/toplogo.jpg) no-repeat center;
}

	#topleft {
		width:		2em;
		height:		9em;
		background:	url(../bilder/pages/roundedcornr_tl.gif) no-repeat top left;
		float:		left;
	}

	#topright {
		text-align:	center;
		margin:		auto;
		padding:	1em;
		background:	url(../bilder/pages/roundedcornr_tr.gif) no-repeat top right;
	}

#bottom{
	margin-right: 	auto; 
	margin-left: 	auto;
	width:			50em;
	background:		#dedede url(../bilder/pages/roundedcornr_bl.gif) bottom left no-repeat;
}

	#main {
		float: 			right;
		width:			38em;
		padding:		1em;
		background: 	#eeeeee url(../bilder/pages/mainback.png) center no-repeat fixed;
		height:			auto;
	}
	
	#kommande {
		background:		#dedede;
		width:			8.8em;
		padding: 		0.5em;
		margin-top: 	1em;
		margin-right: 	.1em;
		border:			.1em;
	}
		
		#kommande p {
			margin:			0em;
			padding:		0em;

		}
	#sprak {
		background:		#dedede;
		width:			8.8em;
		padding:		0.5em;
		margin-top:		1em;
		margin-right:		.1em;
		border:			.1em;
	}
	
		#sprak p {
			margin:		0em;
			padding:	0em;
		}
	
	#bottomnote {
		margin:			0em;
		padding:		.5em 0em;
		background:		#eeeeee url(../bilder/pages/roundedcornr_br.gif) bottom right no-repeat;
		text-align:		center;
		border-top:		thin solid #777777 ;
		float:			right;
		width:			40em;
	}
		
		#bottomnote p {
			text-transform:	capitalize;
			text-align:		center;
			font-size:		.5em;
			margin:			0em;
			padding:		0em;
		}
	
	

/******* L�nkmenyn *******/
#menu {
	width:			10em;
	z-index:		10;
	float:			left;
	background:		#dedede /*url(../bilder/pages/roundedcornr_bl.png) bottom left no-repeat;*/
	}
	
#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 10em; /* Width of Menu Items */ 
	border-bottom: .1em solid #aaa;
} 

#menu ul li { 
	position: relative;  
} 

#menu li ul { 
	position: absolute; 
	left: 9.92em; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up styles */ 

#menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a{ 
	display: block; 
	text-decoration: none; 
	color: #444; 
	background: #eee; /* IE6 Bug */ 
	padding: .3em; 
	border: .1em solid #ccc; 
	border-bottom: 0;
	width: 9.1em;  /* Set to .9em less then ul width */
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #E2144A; 
	background: #fff; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #444; 
	background: #eee; /* IE6 Bug */ 
	padding: .3em; 
	border: .1em solid #ccc; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #E2144A; 
	background: #fff; 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#eee url(" ../bilder/pages/r_arrow.gif") no-repeat right; } 
#menu ul a.submenu:hover {background:#fff url("../bilder/pages/r_arrow.gif") no-repeat right;}