/* =================================================================================================
		
		main.css
		Miljöresurs Linné
		CSS skriven av Jimmy Oh - http://www.jimmyoh.com
				
================================================================================================= */

	body { }
	* { margin: 0 auto; padding: 0; border: none; 
	    font-size: 12px; 
	        line-height: 19px;
	        font-family: arial, helvetica, sans-serif; list-style-type: none; list-style: none; text-decoration: none; }
	:focus { outline: none; }
	
	
		p {
		font-size: 12px;
		color: #666666;
		margin: 0 0 10px 0;
		line-height: 19px;
		display: block; }
		
		
	a:link, a:visited, a:active { text-decoration: underline; color: #2365c2; }
	a:hover { text-decoration: none; color: #2365c2; }
	/*#666, #333*/
						
						
/* ====== TOTALCONTAINER ========================================================================== */
		
	#totalcontainer {
	width: 973px;
	display: block;
	position: relative;
	margin: 0 auto 10px auto; }

		
/* ===== HEADER =============================================================================== */
	
	#header {
	background: no-repeat #fff top left url('../gfx/bkg_header.png');
	width: 973px;
	height: 146px;
	position: relative;
	margin: 20px auto 0 auto;
	display: block; }
	
		#header .logo {
		width: 105px;
		height: 70px;
		display: inline;
		top: 42px;
		left: 60px;
		position: absolute;
		z-index: 99; }
		
		#header .slogan {
		width: 621px;
		height: 82px;
		display: inline;
		top: 37px;
		left: 269px;
		position: absolute;
		z-index: 99; }
		
			#header .imgcontainer {
			display: inline;
			width: 953px;
			height: 137px; 
			position: absolute;
			bottom: 0;
			left: 10px;
			overflow: visible;
			z-index: 1; }

				
/* ===== TOP NAVIGATION ================================================================================== */
	
	.topnavigation_container {
	float: left;
	margin: 1px auto;
	display: block; }
	
	ul#topnavigation {
	background: repeat-x #fff top left url('../gfx/bkg_topnavigation.gif');
	width: 953px;
	float: left;
	height: 41px;
	display: block;
	overflow: visible;
	margin: 0 0 0 6px;
	padding: 0;
	list-style-type: none; }
	
		ul#topnavigation li {
		float: left;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
		display: block;
		list-style-type: none; }
		
			ul#topnavigation li a:link, ul#topnavigation li a:visited, ul#topnavigation li a:active {
			display: block;
			padding: 15px 15px 12px 15px;
			text-decoration: none;
			color: #e9edd9; }
			
				ul#topnavigation li a:hover {
				background: repeat-x #fff top left url('../gfx/bkg_topnavigation_hover.gif');
				display: block;
				padding: 15px 15px 12px 15px;
				text-decoration: none;
				color: #fff; }
				
				ul#topnavigation li a.active {
				background: repeat-x #fff top left url('../gfx/bkg_topnavigation_hover.gif');
				display: block;
				padding: 15px 15px 12px 15px;
				text-decoration: none;
				color: #fff; }
				
	ul#topnavigation .leftcorner {
	width: 6px;
	height: 41px;
	float: left; }
	
		ul#topnavigation li.rightcorner {
		width: 6px;
		height: 41px;
		float: right; }
		
	
/* ===== CONTAINER ================================================================================== */
		
	#container {
	background: repeat-y #fff top left url('../gfx/bkg_container.gif');
	width: 965px;
	display: block;
	position: relative;
	overflow: visible;
	float: left;
	margin: 0 auto;
	padding: 0 4px; }
		
		
/* ===== LEFT COLUMN ============================================================================ */
		
	#leftcol {
	background: #fff;
	float: left;
	width: 200px;
	margin: 5px 5px 20px 6px;
	padding: 0;
	display: block;
	overflow: visible;
	position: relative; }
	
		#leftcol p 
		{
		    font-size: 11px;
		}
		
		#leftcol .banner {
		display: block;
		width: 200px;
		margin: 15px 0 0 0; }
	
/* ===== LEFT NAVGIATION ============================================================================ */

	ul#leftnavigation {
	display: block;
	padding: 0;
	margin: 0; }
	
		ul#leftnavigation li {
		height: 24px;
		font-size: 11px;
		color: #666;
		display: block;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
		padding: 0 0 0 10px; }
		
			ul#leftnavigation li .arrow {
			font-size: 16px;
			line-height: 14px;
			float: left;
			margin: 0 3px 0 0;
			position: relative;
			display: block;
			top: -2px; }
			
	ul#leftnavigation li.active {
	background: no-repeat #fff top left url('../gfx/bkg_leftnavigation_active.gif');
	height: 24px;
	color: #869c1c;
	text-decoration: none;
	margin: 0; }
	
		ul#leftnavigation li a:link, ul#leftnavigation li a:visited, ul#leftnavigation li a:active {
		color: #666;
		width: 180px;
		padding: 5px 0;
		text-decoration: none;
		display: block; }
		
			ul#leftnavigation li a:hover {
			color: #869c1c;
			text-decoration: none;
			display: block; }
			
	ul#leftnavigation li.active a:link, ul#leftnavigation li.active a:visited, ul#leftnavigation li.active a:active{
	color: #869c1c;
	text-decoration: none; }

	
/* ===== CONTENT (MIDDLE COLUMN)  =============================================================== */
		
	#content {
	background: no-repeat #fff top left url('../gfx/bkg_content.gif');
	min-height: 261px;
	float: left;
	width: 480px;
	margin: 5px 0 20px 0;
	padding: 20px;
	display: block;
	overflow: visible;
	position: relative; }

		#content p {
		font-size: 12px;
		color: #666666;
		margin: 0 0 10px 0;
		line-height: 19px;
		display: block; }
		
		#content p.bigger {
		font-size: 16px;
		line-height: 22px;
		margin: 5px 0 10px 0;
		color: #7c855c; }
		
	#content .container {
	display: block;
	float: left; }
	
	#content .container .puff1,  #content .container .puff2 {
	margin: 5px 5px 0 0; 
	float: left;
	width: 156px;
	}
	
	#content .container .puff3 {
		float: left;
	width: 156px;
	margin: 5px 0px 0 0; 
	}	
	
	
		#content .container .puff1 h3,  #content .container .puff2 h3, #content .container .puff3 h3 
		{
		    font-size: 14px;
		    text-align: center;
		    margin-bottom: 5px;
		    margin-top: 5px;
		}
		

	h1 {
	font-size: 30px;
	line-height: 35px;
	letter-spacing: -2px;
	font-weight: normal;
	display: block;
	margin: 0 0 5px 0;
	color: #869c1c; }
			
	h2 {
	font-size: 22px;
	line-height: 25px;
	letter-spacing: -1px;
	font-weight: normal;
	display: block;
	margin: 5px 0 10px 0;
	color: #869c1c; }
	
	h3 {
	font-size: 14px;
	line-height: 16px;
	letter-spacing:  0px;
	font-weight: normal;
	display: block;
	margin: 0;
	color: #869c1c; }
				
		
/* ===== RIGHT COLUMN =========================================================================== */	

	#rightcol {
	float: right;
	width: 223px;
	margin: 5px 6px 20px 0;
	display: block;
	text-align: left;
	overflow: visible;
	position: relative; }
			
		#rightcol .rightcol_top {
		background: no-repeat #fff bottom left url('../gfx/rightcol_top.gif');
		display: block;
		margin: 0;
		width: 223px;
		float: left;
		height: 12px; }

			#rightcol .rightcol_foot {
			background: no-repeat #fff top left url('../gfx/rightcol_foot.gif');
			display: block;
			margin: 0;
			width: 223px;
			height: 12px; 
			margin-bottom: 10px;
			}

				#rightcol .content {
				padding: 10px; 
					background: #e8ecd7;}
			
			
			
					#rightcol h3 
		{
		    font-size: 14px;
		    margin-bottom: 5px;
		    margin-top: 5px;
		}
				
			
		#rightcol p {
		font-size: 11px;
		color: #666;
		margin: 0 0 10px 0;
		line-height: 16px;
		display: block; }
		
			#rightcol p b {
			display: block;
			margin: 0;
			color: #4b4b4b; }
			
	#rightcol .datum {
	background: #e8ecd7;
	display: block;
	float: left;
	margin: 0 0 8px 0;
	width: 100%; }
	
		#rightcol .datum .left {
		background: no-repeat top left url('../gfx/bkg_datum_left.gif');
		width: 40px;
		height: 20px;
		float: left; }
		
			#rightcol .datum .left h4 {
			font-size: 12px;
			font-weight: bold;
			padding-top: 2px;
			color: #fff;
			text-align: center; }
			
				#rightcol .datum .right {
				background: no-repeat #e8ecd7 center left url('../gfx/bkg_datum_right.gif');
				width: 140px;
				height: 20px;
				margin-left: 1px;
				float: left; }
				
					#rightcol .datum .right h4 {
					font-size: 12px;
					font-weight: bold;
					padding: 2px 0 0 10px;
					color: #666666;
					text-align: left; }
					
						#rightcol .datum .right h4 .year {
						color: #999; }
				
				#rightcol .content h3
				{
				    font-size: 12px;
				    
				}
				

/* ===== KALENDER ================================================================================ */
				
#CalendarItem
{
    width: 500px;
    margin-left: 0px;
}

	#CalendarItem .datum {
	background: #e8ecd7;
	display: block;
	float: left;
	margin: 0 0 8px 0;
	width: 100%; }
	
		#CalendarItem .datum .left {
		background: no-repeat top left url('../gfx/bkg_datum_left.gif');
		width: 40px;
		height: 28px;
		float: left; }
		
			#CalendarItem .datum .left h4 {
			font-size: 12px;
			font-weight: bold;
			padding-top: 6px;
			color: #fff;
			text-align: center; }
			
				#CalendarItem .datum .right {
				background: no-repeat #e8ecd7 top left url('../gfx/bkg_datum_right.gif');
				width: 140px;
				height: 26px;
				margin-left: 1px;
				float: left; }
				
					#CalendarItem .datum .right h4 {
					font-size: 12px;
					font-weight: bold;
					padding: 6px 0 0 10px;
					color: #666666;
					text-align: left; }
					
						#CalendarItem .datum .right h4 .year {
						color: #999; }
						
						
						#CalendarItem .SubHeader
						{
						    text-transform: uppercase;
						    font-size: 11px;
						    font-weight: bold;
						    border-bottom: solid 1px #99a07f;
						    margin-bottom: 10px;
						    color: #99a07f;
						}
						
						
						
						
						
						
#CalendarArchive
{
    width: 500px;
    margin-left: 0px;
}

	
			#CalendarArchive h4 {
			font-size: 12px;
			font-weight: bold;
			padding-top: 7px; }
			

					
						#CalendarArchive h4 .year {
						color: #999; }
												
								
		
/* ===== FOOTER ================================================================================ */

	#footer {
	background: no-repeat #fff top left url('../gfx/bkg_footer.gif');
	display: block;
	width: 973px;
	height: 15px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	position: relative;
	overflow: visible; 

	}
	
	.bottom_footer
{
    	padding-top: 10px;
    	font-size: 11px;
    	padding-left: 10px;
    	font-weight: normal;
    	color: #666666;
}

	#totalcontainer .bottom_footer p a
{
    text-decoration: underline;
}

	#totalcontainer.bottom_footer a:link
{
    text-decoration: underline;
}

	#totalcontainer.bottom_footer a:hover
{
    text-decoration: none;
}
	
	
.image_text
{
    color: #bbbbbb;
}
	
	
	.div_login_button
{
    text-align: right;
    margin-top: 40px;
    width: 973px;
	margin: 0 auto;
	padding: 0px;
	margin: 0 auto;
}


#leftcol h3 a
{
    text-decoration: none;
}

#content h3 a
{
    text-decoration: none;
}

#leftcol img
{
    padding-bottom: 6px;
}


/*================== TINY MCE STILAR =======================*/

.Text
{
    font-size: 12px;
    line-height: 19px;
}

.Ingress
{
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
}


.Rubrik1
{
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    color: #6c7e16;   
}

.Rubrik2
{
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    color: #6c7e16; 
}

.Rubrik3
{
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #6c7e16;
}

.Rubrik4
{
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #666666;
}