/*-------------------font---------------------*/

h1						{
						color: #88a825;
						font-size: 24px;
						font-weight: normal;
						letter-spacing: 8px;
						margin: 0px;
						line-height: 30px;
						text-transform: lowercase;
						}

h2						{
						font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 21px;
						font-style: italic;
						line-height: 26px;
						font-weight: normal;
						color: #88a825;
						margin: 0px;
						}

h3						{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						line-height: 22px;
						font-weight: normal;
						color: #999;
						margin: 0px;
						text-transform: uppercase;
						letter-spacing: 2px;
						}
						
p 						{ margin: 2px 0 12px; }

.s-bar-text				{
						color:#ED8C2B;
						display:inline;
						font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 20px;
						font-style: italic;
						font-weight: normal;
						line-height: 30px;
						padding: 1px 0px;
						}

.expanded-small 			{ font-size: 12px; letter-spacing: 2px;line-height: 16px; }

/*------------------end font-------------------*/

/*-------------------links---------------------*/
a:link ,
a:visited										{ color: #aa255c;	text-decoration: none; }
a:hover, 
a:active 										{ text-decoration: none; color: #e5e5e5; }


div#page-wrap div#inner-wrap div#container a:link, 
div#page-wrap div#inner-wrap div#container a:visited
												{ text-decoration: none; padding: 1px 2px;}

div#page-wrap div#inner-wrap div#container a:hover, 
div#page-wrap div#inner-wrap div#container a:active
												{ color: #e5e5e5; text-decoration: none; background-color: #333; }

body div#page-wrap div#inner-wrap div#container div.maincontent div.lightboxgallery div.frame a:link, 
body div#page-wrap div#inner-wrap div#container div.maincontent div.lightboxgallery div.frame a:visited
												{ border: 0; background: none; }

body div#page-wrap div#inner-wrap div#container div.maincontent div.lightboxgallery div.frame a:hover, 
body div#page-wrap div#inner-wrap div#container div.maincontent div.lightboxgallery div.frame a:active
												{ border: 0; background: none; }

/*------------------end links-------------------*/

/*------------------toolbox---------------------*/
.floatleft 										{ float: left; }
.floatright 										{ float: right; }
.clearfloat 										{ clear: both; }
.clear 											{ clear: both; margin: 0.00; padding: 0.00; } /*--lightbox element--*/

.align-left 										{ text-align: left;}
.align-center 									{ text-align: center;}
.align-right 									{ text-align: right;}

.margin-15 										{ margin: 15px;}
.margin-b-l-15 									{ margin-bottom: 15px; margin-left: 15px; }
.margin-top-15 									{ margin-top: 15px; }

/*------------------end toolbox-----------------*/

/*------------------color-classes---------------*/
.purple 											{color: #35203b;}
.middlegreen 									{color: #3c815f;}
.lightgreen 										{color: #9eb58a;}
.lightgray 										{color: #e5e5e5;}
.green 											{color: #88a825;}
.lightpurple 									{color: #aa255c;}
.gray5 											{color: #555555;}
/*----------------end clolor-classes------------*/

/*-----------------LIGHTBOX-----------------------*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox								{ position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img 							{ border: none; }
#lightbox-container-image-box					{ position: relative; background-color: transparent; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image 						{ padding: 20px; }
#lightbox-loading								{ position: absolute; top: 40%;	left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav 	{ left: 0; }
#lightbox-nav a 									{ outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext	{ width: 50%; height: 100%;	/* zoom: 1; <--vet inte vad det är för, validierar inte */	display: block; }
#lightbox-nav-btnPrev							{ left: 0; float: left; }
#lightbox-nav-btnNext 							{ right: 0; float: right; }
#lightbox-container-image-data-box				{ font: 10px Verdana, Helvetica, sans-serif; background-color: transparent;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data 					{ padding: 0 10px; color: #fff; }
#lightbox-container-image-data #lightbox-image-details
												{ width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption 					{ font-weight: bold; }
#lightbox-image-details-currentNumber 			{ display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose 						{ width: 66px; float: right; padding-bottom: 0.7em;	}

/*-----------------END LIGHTBOX----------------*/

html, body 										{ height: 100%; }

body											{
												background: #222 url(/bilder/backgrounds/fade-bg.jpg) no-repeat scroll top left;
												color: #FFFFFF;
												font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
												font-size: 13px;
												line-height: 19px;
												}
a												{ outline-style: none; text-decoration: none; }

#IE6-message									{
												background-color: #ffffff;
												padding: 2px 5px 1px;
												text-align: center;
												color: #ff0000;
												height: 25px;
												position: relative;
												z-index: 1;
												}
div#IE6-message a 								{ color: #FF0000; }
	
div#IE6-message a:hover, 
div#IE6-message a:active 						{ color: #000000; }

#page-wrap										{
												background: transparent url(/bilder/backgrounds/shadow.png) no-repeat 50% 136px scroll;
												bottom: 0px;
												margin: 0;
												min-height: 100%;
												padding: 0;
												position: relative;
												width: 100%;
												}	

/*---------------MAIN NAVIGATION------------- */

#navbar 											{ position: absolute; left: 0px; top: 20px; margin: 0px; padding: 0px; z-index: 5; }
	
#navbar li 										{ display: inline;}

#navbar li a										{
												background: #ed8c2b url(bilder/knappar_mm/navbar-btns-sprite.png);
												border: none;
												display: block;
												left: -10px;
												margin-bottom: 10px;
												padding: 0px;
												position: relative;
												text-indent: -9999px;
												width: 50px;
												}
			
#navbar .nav-hem a								{ background-position: 0px 0px; height: 58px; }   
#navbar .nav-portfolio a 						{ background-position: -52px 0px; height: 112px; }
#navbar .nav-om a 								{ background-position: -104px 0px; height: 46px; }  
#navbar .nav-kontakt a							{ background-position: -156px 0px; height: 99px; }
#navbar .nav-blogg a 							{ background-position: -208px 0px; height: 76px; }  

#navbar .nav-hem a:hover							{ background-position: 0px 100%; }   
#navbar .nav-portfolio a:hover					{ background-position: -52px 100%; }
#navbar .nav-om a:hover 							{ background-position: -104px 100%; }  
#navbar .nav-kontakt a:hover						{ background-position: -156px 100%; }
#navbar .nav-blogg a:hover						{ background-position: -208px 100%; } 

#hem #page-wrap #navbar .nav-hem a,
#portfolio #page-wrap #navbar .nav-portfolio a,
#om #page-wrap #navbar .nav-om a,
#blogg #page-wrap #navbar .nav-blogg a,
#kontakt #page-wrap #navbar .nav-kontakt a 		{ background-color: #88a825; }

#kontakt #page-wrap #navbar li a:active 			{ background-color: #ddd; } 

/*----------- END MAIN NAVIGATION -------------*/				

#inner-wrap 										{ width: 862px; margin: 0px auto; padding: 30px 0 45px; }

#header 											{
												margin: 0 51px 0;
												padding: 0px;
												position: relative;
												display: block;
												border: none;
												background: url(bilder/headers/header-4.png) transparent center center no-repeat; 
												width: 760px;
												height: 94px;
												text-indent: -9999px;
												}

#container 										{ overflow: hidden; padding: 21px 30px 10px; width: 100%;}

#heading 										{
												height: 34px;
												margin: 0 15px 0;
												width: 475px;
												padding: 10px 0px 0;
												text-align: left;
												vertical-align: middle;					
												}

#home-heading 									{ color: #88a825; letter-spacing: normal; font-size: 30px; line-height: 50px; }

#sidebar 										{ width: 250px; margin: 40px 75px 20px 10px; }

#blog-img 										{ display: block; padding: 1px; width: 220px; height: 170px; background: #171717 url(bilder/blogg_scr-prnt_216.jpg) no-repeat center center; }

#sidebar a 										{ border: none; margin: 5px 0 10px; border: 0px; }

#sidebar a.linkbox								{
												display: block;
												text-align: center;
												margin: 10px 0px 5px;
												color: #e5e5e5;
												text-decoration: none;
												border: 0px;
												background-color: #171717;
												padding: 2px 10px 3px;
												}		

.home-extrabars 									{ color: #bbbbbb; width: 246px; margin: 15px 5px 20px 16px; }

#topbar 											{ padding: 0; margin: 10px 75px 10px 15px;}

#gallery-topbar 									{ 
												background: transparent url(bilder/backgrounds/1x1_3procent_vit.png) repeat; 
												margin: 15px 75px 15px 15px; 
												padding: 15px 15px 5px; 
												color: #eee; 
												}

#home-img  										{ border: 5px solid #333;  margin: 5px 0px 5px 15px; min-height: 250px; width: 760px; }

.maincontent 									{ float: left; overflow: hidden; padding: 15px; width: 100%;}
#om .maincontent 								{ width: 370px; }
#kontakt .maincontent,
#blogg .maincontent								{ width: 497px; }

#page-wrap #inner-wrap #container .maincontent .p-galleryimg 					{
																			display: block;
																			width: 230px;
																			height: 150px;
																			padding: 5px;
																			border-width: 0;
																			float: left;
																			margin: 0 25px 25px 0;
																			background: #171717;
																			}
#page-wrap #inner-wrap #container .maincontent a.p-galleryimg:hover,
#page-wrap #inner-wrap #container .maincontent a.p-galleryimg:active 			{ background-color: #333; }

h3#p-om-click 																{ margin-top: 10px;}
h3#p-om-click  a.visa 														{ color: #AA255C; cursor: pointer; }

/*---------------------------- P-NAVBAR ----------------------------------*/
#p-navbar 																	{ display: block; margin: 5px auto; overflow: hidden; padding: 5px 0 0 3px; width: 100%;}
#page-wrap #inner-wrap #container #p-navbar li  								{ display:inline; }
#page-wrap #inner-wrap #container #p-navbar li a 								{ display: block; height: 22px; margin: 0 7px; text-align: center; }
#page-wrap #inner-wrap #container #p-navbar li.p-nav a 							{
																			float: left;
																			padding: 4px 15px 0;
																			border: 0 solid #333;
																			border-bottom-width: 4px;
																			vertical-align: middle;
																			font-size: 110%;
																			cursor: pointer;
																			}   
#page-wrap #inner-wrap #container #p-navbar li.p-nav a:hover, 
#page-wrap #inner-wrap #container #p-navbar li.p-nav a:active 					{ border: 0 solid #333; border-bottom-width: 4px; }

.spindlar #page-wrap #inner-wrap #container #p-navbar li.p-nav-spindlar a,
.droppar #page-wrap #inner-wrap #container #p-navbar li.p-nav-droppar a,
.fejk-hdr #page-wrap #inner-wrap #container #p-navbar li.p-nav-fejk-hdr a,																
.smoke #page-wrap #inner-wrap #container #p-navbar li.p-nav-smoke a 			{ color: white; }

#page-wrap #inner-wrap #container #p-navbar li.p-nav-back a 					{ background: none; border: 0; padding: 4px 4px 4px 8px; color: #888; }
#page-wrap #inner-wrap #container #p-navbar li.p-nav-back a:hover, 
#page-wrap #inner-wrap #container #p-navbar li.p-nav-back a:active 				{ border: none; color: #fff; } 
/*--------------------------- END P-NAVBAR --------------------------------*/

/*------------------------------- GALLERY --------------------------------*/
.p-gallery-box 																{ margin: 5px -39px 0; overflow: hidden; padding: 0; width: 100%;}

.frame																		{
																			background: transparent;
																			border: none;
																			float: left;
																			margin:0 0 30px 40px;
																			text-align: center;
																			overflow: hidden;
																			border-color: #999;
																			}
																			
#page-wrap #inner-wrap #container .maincontent .p-gallery-box .frame a			{ background: transparent; padding: 0;}	

.gallerythumb																{ border: 1px solid #1a1a1a; margin: 0; }
#inner-wrap #container .maincontent .p-gallery-box .frame a:hover img, 
#inner-wrap #container .maincontent .p-gallery-box .frame a:active img 		{ border-color: #bbb; }	

/*------------------------------ END GALLERY -----------------------------*/

/*--------------------CONTACT FORM ------------------------------------------------------ */				

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container 					{ margin: auto; overflow: hidden; position: relative; }

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p textarea 			{
																							background-color: #333;
																							border: 1px #171717 solid;
																							color: #fff;
																							padding: 4px;
																							font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
																							font-size: 13px; 
																							width: 487px;
																							}

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p input 			{
																							background-color: #333;
																							border: 1px #171717 solid;
																							color: #fff;
																							padding: 4px;
																							font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
																							font-size: 13px; 
																							width: 225px;
																							}

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container ul 				{
																							color: red;
																							padding: 0;
																							position: absolute;
																							right: 0;
																							text-align: left;
																							top: 3px;
																							width: 245px;
																							}

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container ul li.success 		{ color: #999; }

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p small 			{ display: block; color: #999; }

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p#send_load 		{ display: block; position: relative; }

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container img.loaderIcon 	{ margin: 5px 10px; position: absolute; left: 82px; top: -5px; }

#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p #submit 			{
																							background-color: #333;
																							color: #999;
																							padding: 3px 7px;
																							margin: 3px 0;
																							cursor: pointer;
																							width: 80px;
																							}
#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p #submit:hover 	{ background-color: #444; color: white; }
#kontakt #page-wrap #inner-wrap #container .maincontent form #form-container p #submit:active 	{ background-color: #1d1d1d; }

/*---------------------- END CONTACTFORM ---------------------------------------------------*/		


/*----------------FOOTER -------------------*/			

#footer-shadow  						{
									background: transparent url(/bilder/backgrounds/shadow-footer.png) no-repeat top center scroll;
									padding-top: 8px;
									width: 100%;
									position: absolute;
									bottom: 0px;
									left: 0px;
									right: 0px;
									}

#footer-wrap 						{ background-color: #333; border-top: 1px solid #171717; }

#footer								{ margin: 0px auto; overflow: hidden; padding: 12px 15px 15px; width: 800px; }

#footer p 							{ margin: 0; color: black; }

#footer p.floatleft a  				{ background: none; border: none; color: black; }
#footer p.floatleft a:link,
#footer p.floatleft a:visited  		{ color: black; letter-spacing: 2px; text-decoration: none; }
#footer p.floatleft a:hover, 
#footer p.floatleft a:active 		{ color: #88a825; text-decoration: none; }