@charset "UTF-8";

/*
* 	Upphovsrätt och alla övriga rättigheter är reserverade och förbehållna de som skapat denna webbsite och webbsidor
*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul 					{list-style: none;
								margin: 0;
								padding: 0;}

ul.dropdown 						{position: relative;
								z-index: 597;
								float: left;}

ul.dropdown li 					{float: left;
								line-height: 0.8em;
								vertical-align: middle;zoom: 1;}

/* ul.dropdown li.hover, */
ul.dropdown li.hover,
ul.dropdown li:hover 				{position: relative;
								z-index: 599;
								cursor: default;}

ul.dropdown ul 					{visibility: hidden;
								position: absolute;
								top: 100%;
								left: 0;
								z-index: 598;
								width: 100%;}

ul.dropdown ul li 					{float: none;}

ul.dropdown ul ul 					{top: 1px;left: 99%;}

ul.dropdown li:hover > ul 			{visibility: visible;}

#kolumn1.brodtext #kolumn2.brodtext {font-size: 12px;
									color: #666666;
									color: #000000;		/* Black */
}
#kolumn1.brodtext #kolumn2.brodtext {font-size: 10px;
									font-size: 12px;
									color: #666666;
									color: #000000;		/* Black */
}

p .brodtext a 					{font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navigationDiv2 p .underrubrik 	{font-size: 12px;
								font-size: 10px;
								color: #666666;
/*								font-weight: bold;	*/
								}
								
p .brodtext 						{font-size: 12px;}
p 								{font-size: 12px;}
p .brodtext 						{font-size: 10px;
								font-size: 12px;
								color: #666666;		/* Black */
								color: #000000;
}
p 								{font-size: 10px;
								font-size: 12px;
								color: #666666;
								color: #000000;		/* Black */
}

#apDiv4 #apDiv9 #kkv_i_header 	{font-size: 36px;}

/*------------------------------------------------------------------------------------------------------/
@section	Style Framework  */
/* First-level expected directory tag - li */

ul.dropdown li 					{padding: 5px;}

															/*Main  Menu alternatives*/
ul.dropdown *.dir 				{padding-right: 30px;
								background-position: 100% 50%;
								background-image:none;
								background-repeat: no-repeat;}

/* Non-first level */
ul.dropdown ul *.dir 				{padding-right: 15px;
								padding-right: 8px;		/* test 1515 */
/*								background-image: url(images/nav-arrow-right.png); */
								background-position: 100% 50%;
								background-repeat: no-repeat;}
								
ul.dropdown ul ul *.dir 			{
/*								background-image: url(images/nav-arrow-right2.png); */
								}

/* Components override */
ul.dropdown-vertical *.dir 		{
/*								background-image: url(images/nav-arrow-right.png); */
}

ul.dropdown-vertical-rtl *.dir 	{padding-right: 15px;
								padding-right: 8px;		/* test 1515 */
/*								background-image: url(images/nav-arrow-left.png); */
								background-position: 0 50%;}
/*------------------------------------------------------------------------------------------------------/
@section	Base Drop-Down Styling  */

	/* ALL LEVELS (incl. first) */
/*Navigation Menu text Properties*/
/* ul.dropdown 						{font: bold 17px/normal Arial, Helvetica, sans-serif;}	*/
/*New*/
/* ul.dropdown 						{font: 10px/normal Arial, Helvetica, sans-serif;}
ul.dropdown 						{font: 1em/normal Arial, Helvetica, sans-serif;}	*/
ul.dropdown 						{font: 12px/normal Verdana, Arial, Helvetica, sans-serif;}
ul.dropdown 						{font: 10px/normal Verdana, Arial, Helvetica, sans-serif;}

/* Navigeringsmeny bakgrungs färg KKV Blue */
/*
ul.dropdown li 					{background-color: #2526a9; /* KKV Blue*/ /*color: #fff;}	*/
ul.dropdown li 					{background-color:  #666666; /* Navigering Nivå 1 KKV grey*/ color: #fff;}

ul.dropdown li.hover,
ul.dropdown li:hover 				{}

/* Links */
ul.dropdown a:link,

ul.dropdown a:visited 			{ color: #fff;				/* White text in main menu */; 
								text-decoration: none;}
ul.dropdown a:hover 				{							/*Border color vid hover*/
								border-top-color: #1a1a1a; 	/*Blue*/ /*!important; */ /*border-left-color: #5db1e0;*/
								border-top-color: #ffffff; 	/*White border*/ /*!important; */ /*border-left-color: #5db1e0;*/
								border-left-color: #702b00;	/* KKV BrownRed - Error ??? */
								border-left-color: #ffffff;	/* White border */
/*								background-color: #e00034;	/* KKV Red */
		 						background-color: #702b00;	/* KKV BrownRed*/
								color: #fff;}	/* White */

ul.dropdown ul a.dir:hover 		{background-color: #702b00;	/* KKV BrownRed*/
/*								background-image: url(images/comnav-arrowon.png); */
		 						color: #fff;}				/* White */

li#Inloggning a:hover 		{
								background-color: #702b00;	/* KKV BrownRed*/
		 						color: #fff;				/* White */
}				
#navInloggning:hover 		{
								background-color: #702b00;	/* KKV BrownRed*/
		 						color: #fff;				/* White */
}											
								
ul.dropdown a:active 				{background: #702b00; url(images/nav-sub-press.png) 0 0 repeat-x !important;	/* KKV BrownRed*/									 
								color: #34b233;	 			/* KKV green */
								color:  #909090;			/* KKV 50% grey*/
								}	
								
/* NON-FIRST LEVEL */
/*ul.dropdown ul 					{left: auto;
								right: 0;
								width: 118px;				/*Storlek dropdown meny Om KKV, Ansökan*/
/*								width: 118px;				/*Storlek dropdown meny Om KKV, Ansökan*/
								/*width: 118pxpx;	*/
/*								margin-top: -1px;
								border-top: 1px solid #1a1a1a;	/* Dark grey */
/*								border-top: 1px solid #ffffff;	/* White border */								
/*		 						border-left: solid 1px #4c4c4c;	/* Grey */	
/*								border-left: solid 1px #ffffff;	/* White border */								
/*								font: bold 11px/1em Verdana, Arial, Helvetica, sans-serif;
								font: bold 10px/1em Verdana, Arial, Helvetica, sans-serif;
								}
/* NON-FIRST LEVEL */
ul.dropdown ul 					{left: auto;
								right: 0;
/*								width: 118px;				/*Storlek dropdown meny Om KKV, Ansökan*/
								width: 95px;				/*Storlek dropdown meny Om KKV, Ansökan*/
								margin-top: -1px;
								border-top: 1px solid #1a1a1a;	/* Dark grey */			
		 						border-left: solid 1px #4c4c4c;	/* Grey*/				
								border-top: 1px solid #ffffff;	/* White border */			
		 						border-left: solid 1px #ffffff;	/* White border */												
								font: 12px/1em Verdana, Arial, Helvetica, sans-serif;
								font: 10px/1em Verdana, Arial, Helvetica, sans-serif;
								}
								
/* KKV under Meny nivå1 */
/* ul.dropdown ul li 					{background-color: #34b233;	/* KKV green */ /* } */
ul.dropdown ul li 					{background-color: #909090;	/* KKV 50% grey*/}

ul.dropdown ul ul 					{top: 0;
								right: auto;
								left: 100%;
								margin-top: 0;
								border-top: none;
								border-left: none;
								font-weight: normal;}

/* KKV under-under Meny nivå2*/
/* ul.dropdown ul ul li 					{background-color: #34b233;	/* KKV green */ /* } */
ul.dropdown ul ul li 					{background-color: #666666;	/* KKV 60% grey*/}

/* KKV under-under-under Meny nivå3*/
/* ul.dropdown ul ul ul li 				{background-color: #34b233;	/* KKV green */ /* } */
ul.dropdown ul ul ul li 				{background-color: #909090;	/* KKV 50% grey*/}

/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir 				{border-style: solid;
								border-width: 1px;
								border-color: #404040 #1a1a1a #1a1a1a #505050;
												/* Grey       Dark grey                      Grey       */
								border-color: #ffffff #ffffff #ffffff #ffffff;
												/* White border */
								}
												/* Grey       Dark grey                      Grey       */
ul.dropdown ul li a,
ul.dropdown ul *.dir 				{
								border-color: #4a4a4a #242424 #242424; 
												/* Grey       Dark grey                             */
								border-color: #ffffff #ffffff #ffffff; 
												/* White border */								
								border-left: none;}

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir 			{border-color: #595959 #333 #333;} 
ul.dropdown ul ul *.dir 			{border-color: #ffffff #ffffff #ffffff;}

											 /* Grey              dark blue */
ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir 			{border-color: #767676 #404040 #404040; }
											/*     light grey                          dark grey*/   
ul.dropdown ul ul ul *.dir 			{border-color: #ffffff #ffffff #ffffff; }
												/* White border */
												
/* Custom elements */
/* #navVerkstader */
#navVerkstader 					{
/*								width: 150px; */
								width: 120px;
								text-align: center; }
#navVerkstader ul 				{ right: auto; 
								left: 0; 
/*								width: 149px;	*/
								width: 119px;								
								text-align: left; }
#navVerkstader ul ul 				{
/*								left: 149px;	*/
								left: 119px;	
/*								width: 140px;	*/
								width: 115px;
}	/*Verkstad andra dropdown storlek*/
#navVerkstader ul a 				{width: 122px; }

/* #navVerkstader ul a.dir 			{ width: 115px; }	/*Verkstad forsta dropdown storlek lank*/
#navVerkstader ul a.dir 			{ width: 86px; }	/*Verkstad forsta dropdown storlek lank*/
#navVerkstader ul ul a 				{ 
								width: 123px; 
								width: 106px;
}	/*Verkstad andra dropdown storlek lank*/
#navVerkstader ul ul a.dir 			{ width: 111px; }
#navVerkstader ul ul ul 			{ left: 100%; }

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension*/
ul.dropdown a,
ul.dropdown span 					{display: block;
								padding: 5px 24px;
								padding: 4px 24px;
								}			/*Home Navigation*/

/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override*/
ul.dropdown li 					{padding: 0;}

ul.dropdown ul a,
ul.dropdown ul span 				{ /* POI, proposal: override abstract a, span */
								padding: 8px;
								padding: 4px;
								}
/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities*/
/*Main Menu*/
ul.dropdown *.dir 				{ /* POI */
								padding: 5px 24px;
								padding: 4px 24px;
								/*padding: 5px 30px;*/
								color: #FFF;} 				/* White */

ul.dropdown ul *.dir 				{padding: 8px 24px 8px 8px;}
ul.dropdown ul *.dir 				{padding: 4px 24px 4px 8px;}
								/*{padding: 8px 30px 8px 8px;}*/
/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles*/
ul.dropdown ul a 					{width: 100px;}				/* Dropdown level 1*/
ul.dropdown ul a 					{width: 86px;}				/* Dropdown level 1*/ /* Om KKV, Ansökan a link*/
ul.dropdown ul a.dir 				{width: 111px;}				/* Dropdown level 2*/
ul.dropdown ul a.dir 				{width: 111px;}				/* Dropdown level 2*/

/* #navMedlemmar > ul   > li > a		{width: 120px;  background-color: #34b233; 	/* KKV green */ /*}								/* Dropdown level 1*/
/* #navMedlemmar > ul   > li 			{width: 120px; background-color: #34b233; 	/* KKV green */ /*}								/* Dropdown level 1*/
/* #navMedlemmar > ul  				{left: 0px; width: 120px; background-color: #34b233; /* KKV green */  /*}							/* Dropdown level 1*/

#navMedlemmar > ul   > li > a		{
								width: 106px;  
								background-color: #909090;	/* KKV 60% grey*/ 
								}				/* Dropdown level 1*/
#navMedlemmar > ul   > li 			{
								width: 106px; 
								background-color: #909090;	/* KKV 60% grey*/ 
								}				/* Dropdown level 1*/
#navMedlemmar > ul  				{
								left: 0px; 
								width: 106px; 
								background-color: #909090; /* KKV 60% grey*/  
								}	/* Dropdown level 1*/

/* #navHandelser > ul   > li > a		{width: 90px;  background-color: #34b233; 	/* KKV green */ /* }									/* Dropdown level 1*/
/* #navHandelser > ul   > li 			{width: 90px; background-color: #34b233; 	/* KKV green */ /* }								/* Dropdown level 1*/
/* #navHandelser > ul    				{left: 0px; width: 90px; background-color: #34b233;	/* KKV green */ /*}							/* Dropdown level 1*/

/*New 20090424*/

#navHandelser > ul   > li > a		{
								width: 90px; 
								width: 83px;
								background-color: #909090;			/* KKV 60% grey*/}		/* Dropdown level 1*/
#navHandelser > ul   > li 			{
								width: 90px; 
								width: 83px;
								background-color: #909090;			/* KKV 60% grey*/}		/* Dropdown level 1*/
#navHandelser > ul    				{left: 0px; 
								width: 90px;
								width: 83px;
								background-color: #909090;	/* KKV 60% grey*/}		/* Dropdown level 1*/
/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial*/
ul.dropdown *.open 				{background-color: #3d3d3d;} /*darker grey*/

ul.dropdown ul *.open 				{background-color: #4c4c4c;	/*dark grey*/
/*								background-image: url(images/comnav-arrowover.png); */
 								color: #fff;}				/* White */
ul.dropdown ul ul *.open 			{background-color: #595959;	/*a little less dark grey*/
/*								background-image: url(images/comnav-arrowover2.png); */
 								color: #fff;}				/* White */
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover 			{background-color: #702b00;	/* KKV BrownRed */
								color: #fff;}				/* White */

ul.dropdown ul a.open:hover 		{
/*								background-image: url(images/comnav-arrowon.png); */
								color: #fff;}				/* White */

/* Clone in CSS 2 */

/* Verkstader Hover Red color*/
ul.dropdown li:hover > *.dir 		{background-color: #702b00;	/* KKV BrownRed #833726*/}

ul.dropdown ul li:hover > *.dir 		{background-color: #702b00;	/* KKV BrownRed */
/*								background-image: url(images/comnav-arrowover.png); */
								}

ul.dropdown ul ul li:hover > *.dir 	{background-color: #595959;	/*a little less dark grey*/
/*								background-image: url(images/comnav-arrowover2.png); */
 								color: #fff;				/* White */
								}				
/* Override UPPER TWO definitions */

ul.dropdown li:hover > a.dir:hover 	{background-color: #702b00;	/* KKV BrownRed*/
								color: #fff;}				/* White */
ul.dropdown ul li:hover > a.dir:hover {
/*								background-image: url(images/comnav-arrowon.png); */
								color: #fff;				/* White */
}

#navMedlemmar > ul   > li > a:hover 	{background-color: #702b00;	/* KKV BrownRed*/
								color: #fff;}				/* White */

li#navInloggning  .first > a:hover 	{background-color: #702b00;	/* KKV BrownRed*/
								color: #fff;}				/* White */
								
#navHandelser > ul   > li > a:hover 	{background-color: #702b00;	/* KKV BrownRed*/
								color: #fff;}				/* White */

* 								{ margin: 0; 
								padding: 0; }

body 							{padding: 50px; 
								font: 12px normal Verdana, Arial, Helvetica, sans-serif;
								height: auto;
								width: 940px;
								margin-right: auto;
								margin-left: auto;
								position: relative;}


h1 								{margin-bottom: .5em;
								border-bottom: solid 1px #d9d9d9;
								font-size: medium;
								text-indent: 5px;
								letter-spacing: -1px;
}
cite 								{float: right;}

ul.classic 						{list-style: disc; 
								margin-bottom: 1em;
								padding-left: 2em;}

div.section 						{clear: both;
								padding-top: 50px;}

.table1 							{ float: right; 
								margin-bottom: 2em; 
								border: solid 1px #eee; }
.table1 caption 					{ color: #fff;				/* White */ 
								text-align: center; 
								padding-bottom: 5px; }
.table1 th, .table1 td 			{ padding: 7px; }
.table1 th, .table1 thead td 		{ background-color: lightyellow; 
								color: #000; }				/* Black */
.table1 tbody td 					{ background-color: #fff; 	/* White */
								color: #000; }				/* Black */
.table1 tbody th 					{ text-align: right; }

/*index.css*/

#header {
/*	border:1px solid black;	*/
	position:absolute;
	left:20px;
	top:10px;
	width:950px;
	height:50px;
	z-index:4;
}
#sidfot {
/*	border:1px solid black;	*/
	position:absolute;
	left:20px;
	top:1115px;
	width:890px;
	height:68px;
	z-index:5;
}
#newSidfot {
/*	border:1px solid black;	*/
	position:absolute;
	left:20px;
	top:1000px;
	width:890px;
	height:68px;
	z-index:5;
}
#sidfot p{
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	color: #000000;		/* Black */
}
#kkvLogga {
/*	border:1px solid black;	*/
	position:absolute;
	left:621px;
	top:16px;
	width:290px;
	height:74px;
	z-index:6;
}
#navigeringsMeny {
/*	border:1px solid black;	*/
	position:absolute;
	left:20px;
	top:120px;
	width:950px;
	height:17px;
	z-index:17;
	background-color: #666666;	/* KKV 60% grey*/
}


#KKV {
	position:absolute;
	left:922px;
	top:41px;
	width:90px;
	height:41px;
	z-index:9;
}
#header #KKV #kkv_i_header {
	font-size: 36px;
}
#kolumn1 p {
	font-size: 10px;
	font-size: 12px;
/*	color: #666666;	*/
	color: #000000;		/* Black */
}
#kolumn1 .brodtext {
	font-weight: normal;
/*	color: #666666;	*/
	color: #000000;		/* Black */
}
#kolumn1 p .brodtext {
	font-size: 10px;
	font-size: 12px;
/*	color: #666666;	*/
	color: #000000;		/* Black */
}
#kolumn2 .brodtext {
	font-size: 10px;
	font-size: 12px;
/*	color: #666666;	*/
	color: #000000;		/* Black */
}
#navigationWrapper {
	height: auto;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#mainKkvLogga {
	position:absolute;
	left:5px;
	top:8px;
	width:168px;
	height:65px;
	z-index:19;
}
#sidhuvudKkvLogga{
	position:absolute;
	left:0px;
	top:8px;
	width:950px;
	height:65px;
	z-index:19;
}
/*
#apDiv1 {
	position:absolute;
	left:0px;
	top:0px;
	width:21px;
	height:12px;
	z-index:18;
}
*/
 
/* Test */
/* Not Allowed navigation choices for web visitors*/ 
/* Not logged in: web visitors, KKV member*/
#navMedlemmar > ul   > li.notLoggedIn > a		{background-color: #CCCCCC;	/* grey */}				/* Dropdown level 1*/
/* KKV under-under Meny nivå2, Verkstad bokningar*/
ul.dropdown ul ul li.notLoggedIn#booking 					{background-color: #CCCCCC;	/* grey*/
} 

/*Login always possible*/
/* #navMedlemmar > ul   > li#navInloggning	 > a		{background-color: #34b233;	/* KKV green */ /* }							/* Dropdown level 1*/
#navMedlemmar > ul   > li#navInloggning	 > a		{background-color: #909090;	/* KKV 60% grey*/}	/* Dropdown level 1*/

/* News Letter Writer not logged in */
/*
#navHandelser > ul   > li#navNyhetsBrev.notLoggedIn > a		{background-color: #CCCCCC;							/* KKV grey Not allowed*/
/* } */
#navHandelser > ul   > li#navNyhetsBrev.notLoggedIn > a		{background-color: #CCCCCC;							/* KKV grey Not allowed*/
/*											visibility: hidden;		
/*											display: none;			*/
}				/* Dropdown level 1*/

/* Admin not logged in */
ul.dropdown ul ul li.notLoggedIn#admin 			{background-color: #CCCCCC;	/* grey  Not allowed*/
} 


/* Logged in Users */
/* KKV Member logged in */
/*#navMedlemmar > ul   > li.kkvLoggedIn  > a					{background-color: #34b233;	/* KKV green */ /* }				/* Dropdown level 1*/
#navMedlemmar > ul   > li.kkvLoggedIn  > a		{background-color: #909090;	/* KKV 60% grey*/}	/* Dropdown level 1*/
#navMedlemmar > ul   > li.kkvLoggedIn  > a		{
											background-color: #909090;	/* KKV 60% grey*/
/*											background-color: #702b00;	/* KKV BrownRed #833726*/
}	/* Dropdown level 1*/

/*#navMedlemmar > ul   > li > a:hover 	{background-color: #702b00;	/* KKV BrownRed*/
/*								color: #fff;}				/* White */
								
/* KKV under-under Meny nivå2, Verkstad bokningar*/
/*
ul.dropdown ul ul li.kkvLoggedIn 		{background-color: #34b233;	/* KKV green */
/* } */
ul.dropdown ul ul li.kkvLoggedIn 		{background-color: #909090;	/* KKV 60% grey*/
} 

/* News Letter Writer logged in */
/*
#navHandelser > ul   > li#navNyhetsBrev.newsLetterWriter > a		{background-color: #34b233;	/* grey */	
/*											visibility: visible;
}				/* Dropdown level 1*/
#navHandelser > ul   > li#navNyhetsBrev.newsLetterWriter > a		{background-color: #34b233;	/* grey */	
											visibility: visible;
}				/* Dropdown level 1*/

/* Admin logged in */
/* KKV under-under Meny nivå2, Verkstad bokningar*/
/*
ul.dropdown ul ul li.admin#admin		{background-color: #34b233;	/* KKV green */
} */
ul.dropdown ul ul li.admin#admin		{background-color: #909090;	/* KKV 60%  grey*/
} 

/* Test */
/* Not needed */
.notLoggedIn {
/* 			Dummy properties - Only display property is valid in final version */
/*			display: none;		/*Activate after login is ready to deliver correct userlevel values*/
			background-color: #CCCCCC;						/* KKV grey Not allowed*/		
		} 
*/
/*
.kkvLoggedIn {
/* 			Dummy properties - Only visibility property is valid in final version */
/*			background-color: #34b233;	
		} */

.kkvLoggedIn {
/* 			Dummy properties - Only visibility property is valid in final version */
			background-color: #909090;	/* KKV 60 % grey*/	
		}

li#navInloggning  .first > a:hover 	{background-color: #702b00;	/* KKV BrownRed*/
								color: #fff;}				/* White */
								
#contacts {
	font-size: 12px;
}

p#creators {
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	color: #000000;		/* Black */
}