/*
 * Filename: ridsport.css
 * 
 * Description:
 * Main stylesheet for ridsport.se.
 * 
 * Change history:
 * Created  2008-02-05  Liselotte Lindahl, Drumedar
 * Changed	2008-08-04	Liselotte					Changed line-heigt in table
 * Changed	2008-08-13	Liselotte					Added a backgroundimage to the topbanner
 * Changed	2008-09-08	Liselotte					Added classes for district workrooms ungdom section
 * Changed	2008-11-12	Liselotte					Added classes for Hästkunskap
 * Changed	2008-11-25	Liselotte					Added class for imagetext	
 * Changed	2009-01-15	Liselotte					Added readmore class for article
 * 
*/
/*----------------------------------------*/
/*---------- Reset & Groundrules -----------*/
/*----------------------------------------*/
* {margin: 0; padding: 0;}
html,body {height: 100%;}
html {background: #FFF;}
body {font-family: Arial, Verdana, Tahoma, sans-serif;color: #4f504f;text-align: center;line-height:1.4;font-style: normal; font-size: 62.5%;}

ul {padding: 0;}

p{margin: 0px 0 10px 0; line-height: 1.3em;}
ul {margin: 0px 0 10px 20px; line-height: 1.3em;}
ol {margin: 0px 0 10px 32px; line-height: 1.3em;}

h1 {font-size: 2.6em; line-height: 3.2em; margin-bottom: 8px;}
h2 {font-size: 1.667em; line-height: 1em; margin-bottom: 8px; /*letter-spacing: -1px;*/}
h3 {font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px;margin-top:14px;}
h4 {font-size: 1em;line-height: 1.3em;font-weight:bold;}

table{font-size: 1em; line-height:1.4em; font-family: Arial, Verdana, Tahoma, sans-serif;}

img {display: block;}
a img {border: none;}

img.topleftfloatingimage{margin-right: 1em;margin-bottom: 1em;EditMenuName: Topp vänster;float: left;}
img.toprightfloatingimage{float: right;margin-left: 1em;margin-bottom: 1em;EditMenuName: Topp höger;}

a:link {text-decoration: none; color: #465F8C;}
a:visited {text-decoration: none; color: #2457b9;}	
a:hover {text-decoration: underline; color: #2457b9;}	
a:active {text-decoration: none; color: #2457b9;}

:focus {outline: 0;}
	
input {font-size: 1em;}
select {font-size: 1em;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

.clearer {clear:both; height:1px; overflow:hidden; line-height:1%; font-size:0;	margin-bottom:-1px;}
.clear {clear:both;display:block;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.ingress{font-weight: bold;}
.raised{font-size:0.7em;vertical-align:top;}
.imagetext{font-size:0.9em;line-height:1.35em;}


/*--- Cascading categories for body ---*/
.forbundet {}
.utbildning{}
.ridskola {}
.tavling {}
.kunskap {}
.hast_och_ryttare {}
.ungdom {}

/*----------------------------------------*/
/*---------------- Layout ----------------*/
/*----------------------------------------*/
	
#totalwrapper {width: 990px; padding: 8px 0; text-align: left; font-size: 1.2em; margin: 0 auto;}

	div#topbanner {margin-bottom:12px;overflow:auto;width:990px;background: #FFF url(../images/bg_topbanner.jpg) no-repeat scroll 6px bottom; text-align: right;}
	div#topbanner img {display: block;float:right;}
	div#topbanner_empty {padding-bottom:12px;}
	
	#header {/*height: 156px;*/ width: 100%;}
	#headerTopImage {width: 100%; position: relative; margin: 0 0 6px;}
	
	#header h1 {position: absolute; left: 8px; top: 50%; margin-top:-85px;}
	#header h1 a {display: block; margin: 0 0 0 0;}
	#header h1 a span {display: none;}
	#header .sponsor {height:100%;position: absolute; right: 35px; top: 0;}
	
	#header .sponsor img {display: inline-block; vertical-align: middle;}
    #header .sponsor span {display: inline-block; vertical-align: middle; height: 100%;}

	/*#header ul {height: 156px; float: right; list-style: none; padding: 0; margin: 0;}
		#header ul li {height: 156px; width: 162px; float: left; display: block; margin: 0 3px 0 0;}
		#header ul li.hast_och_ryttare {margin: 0 0 0 3px;} 
		#header ul li.kunskap {margin: 0 0 0 0;} 
			#header ul li a {color: #FFF; font-weight: bold; text-transform: uppercase; float: left; display: block; height: 156px; width: 162px; position: relative; z-index: 10; background: #FFF; }
			#header ul li.forbundet a {background: #09C url(../images/bg_tmenu_forbundet.jpg) no-repeat top left;}
			#header ul li.ridskola a {background: #94ba38 url(../images/bg_tmenu_ridskola.jpg) no-repeat top left;}
			#header ul li.tavling a {background: #FC3 url(../images/bg_tmenu_tavling.jpg) no-repeat top left;}
			#header ul li.kunskap a {background: #960 url(../images/bg_tmenu_kunskap.jpg) no-repeat top left;}
			#header ul li.hast_och_ryttare a {background: #F90 url(../images/bg_tmenu_hast_och_ryttare.jpg) no-repeat top left;}
			#header ul li.ungdom a {background: #963156 url(../images/bg_tmenu_ungdom.jpg) no-repeat top left;}
				#header ul li a span {display: block; position: absolute; bottom: 8px; right: 8px; cursor: pointer; letter-spacing: 1px;}*/
				
	#header ul {width: 996px; list-style: none; padding: 0; margin: 0 0 6px;z-index: 100;}
	#header ul li {float: left; width: 160px; margin: 0 6px 0 0; background: #015a9e; text-align: center; text-transform: uppercase; position: relative;}
	#header ul.topmenualt-5 li {width: 194px; margin: 0 5px 0 0;}
	#header ul.topmenualt-5 ul li {width: auto; margin: 0;}
	#header ul li a {display: block; color: #FFF; text-shadow: 0 1px 0 rgba(0,0,0,.4);}
	#header ul li a * {cursor:pointer;}
	#header ul li.forbundet > a {background: #015a9e;}
	#header ul li.utbildning > a {background: #5c693c;}
	#header ul li.ridskola > a {background: #58a4b7;}
	#header ul li.tavling > a {background: #ffa91e;}
	#header ul li.ungdom > a {background: #ad4e5a;}
	#header ul li.kunskap > a {background: #7a5f49;}
	#header ul li a:hover, #header ul li:hover a {text-decoration: none; text-shadow: 0 1px 0 #000;}
	#header ul li a span {display: block; color: #FFF; height: 30px; font: normal 14px/30px Arial, Helvetica, sans-serif;}
	
	#header ul ul {position: absolute; top: 30px; left: -3px; display: none; width: 142px;  padding: 4px 12px 6px; background: url(../images/dropdown-bg.png) no-repeat 0 100%;}
	#header ul.topmenualt-5 ul {width: 176px; background: url(../images/dropdown-alt5-bg.png) no-repeat 0 100%;}
	#header ul li:hover ul {display: block;} 
	#header ul li.kunskap ul {display:none;}
	#header ul ul li {float: none; display: block; /*border-top: 1px solid #FFF; width: auto; min-width: 160px; max-width: 240px;*/ background: none; width: auto; margin: 0;}
	#header ul ul li a {background: url(../images/dropdown-divider.png) repeat-x 0 0; text-transform: none; color: #303030; text-shadow: none;}
	#header ul ul li:first-child a {background: none;}
	#header ul ul li a span {color: #303030; text-shadow: none;}
	/*#header ul li.forbundet li a {background: #015a9e;}
	#header ul li.utbildning li a {background: #5c693c;}
	#header ul li.ridskola li a {background: #58a4b7;}
	#header ul li.tavling li a {background: #ffa91e;}
	#header ul li.ungdom li a {background: #ad4e5a;}
	#header ul li.kunskap li a {background: #7a5f49;}*/
	#header ul ul li.hidden{display: none;}
	#header ul.topmenualt-5 ul li {/*min-width: 194px; max-width: 240px;*/}
	#header ul ul li a span {padding: 8px 0 6px; font: normal 13px/16px Arial, Helvetica, sans-serif; height: auto; text-align: left;}
	#header ul ul li a:hover span {background: url(../images/alpha_white_10.png); color: #111;}
				
	#submenu {clear: both; width: 100%; overflow: hidden; background: url(../images/bg_submenu.png) no-repeat left bottom;}
	#hksimple #submenu {clear: both; height: 3em; background: none;}
	
		span.breadcrumb {float: left; display: block; color: #6b6b73; font-size: 0.917em; height: 3em; line-height: 3em; padding: 0 0 0 10px; width: 600px; overflow: hidden; text-shadow: 0 1px 0 #FFF;}
		span.breadcrumb a {color: #6b6b73;}
			/*span.breadcrumb.forbundet, span.breadcrumb.forbundet a, span.breadcrumb.forbundet a:visited {color: #09C;}
			span.breadcrumb.ridskola, span.breadcrumb.ridskola a, span.breadcrumb.ridskola a:visited {color: #94ba38;}
			span.breadcrumb.tavling, span.breadcrumb.tavling a, span.breadcrumb.tavling a:visited {color: #FC3;}
			span.breadcrumb.kunskap, span.breadcrumb.kunskap a, span.breadcrumb.kunskap a:visited {color: #960;}
			span.breadcrumb.hast_och_ryttare, span.breadcrumb.hast_och_ryttare a, span.breadcrumb.hast_och_ryttare a:visited {color: #F90;}
			span.breadcrumb.ungdom, span.breadcrumb.ungdom a, span.breadcrumb.ungdom a:visited {color: #963156;}
		
			.forbundet span.breadcrumb, .forbundet span.breadcrumb a, .forbundet span.breadcrumb a:visited {color: #09C;}
			.ridskola span.breadcrumb, .ridskola span.breadcrumb a, .ridskola span.breadcrumb a:visited {color: #94ba38;}
			.tavling span.breadcrumb, .tavling span.breadcrumb a, .tavling span.breadcrumb a:visited  {color: #FC3;}
			.kunskap span.breadcrumb, .kunskap span.breadcrumb a, .kunskap span.breadcrumb a:visited {color: #960;}
			.hast_och_ryttare span.breadcrumb, .hast_och_ryttare span.breadcrumb a, .hast_och_ryttare span.breadcrumb a:visited {color: #F90;}
			.ungdom span.breadcrumb, .ungdom span.breadcrumb a, .ungdom span.breadcrumb a:visited {color: #963156;}*/
			
		#submenu ul {float: right; margin: 0 12px 0 0; over-flow: auto; /*background: url(../images/bg_submenuDivider.gif) no-repeat bottom left;*/list-style:none;}
		#submenu ul li {float: left; display: block; /*background: url(../images/bg_submenuDivider.gif) no-repeat bottom right;*/}
		#submenu ul li a, #submenu ul li a:visited {color: #787878; font-size: 0.917em; font-weight: bold; float: left; display: block; line-height: 3em; height: 3em; padding: 0 8px;}
		#submenu ul li a img {padding: 10px 0 0 0;}
		#submenu ul li a img.rss {padding: 9px 0 0 0;}
		
		#submenu ul li.loginBox{color: #787878; font-size: 0.917em; font-weight: bold; float: left; display: block; line-height: 3em; height: 3em; padding: 0 8px;}
		#submenu ul li.loginBox a, #submenu ul li a:visited {color: #787878; font-size: 0.917em; font-weight: bold; float: left; line-height: 3em; height: 3em; padding: 0 8px;}
		#submenu ul li.loginBox img {padding: 8px 0 0 0;}
		
		#submenu .subNav {width: 100%; overflow: hidden; border-bottom: 1px solid #e2e2e2; float: none; margin: 0; padding: 0; background: url(../images/subNavBG1.png) repeat-x 0 100%;}
		#submenu .subNav .label {height: 23px; font: bold 11px/23px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ffb806; text-shadow: 0 1px 0 rgba(255,255,255,.8); padding: 0 7px 0 10px;background:none;}
		/*.forbundet #submenu .subNav .label {color: #015a9e;}
		.utbildning #submenu .subNav .label {color: #5c693c;}
		.ridskola #submenu .subNav .label {color: #58a4b7;}
		.tavling #submenu .subNav .label {color: #ffa91e;}
		.ungdom #submenu .subNav .label {color: #ad4e5a;}
		.kunskap #submenu .subNav .label {color: #7a5f49;}*/

		#submenu .subNav li a, #submenu .subNav li a:visited {background: url(../images/subNavDivider.png) no-repeat 100% 100%; height: 23px; font: normal 11px/23px Arial, Helvetica, sans-serif; color: #4e4e4e; padding: 0 15px 0 13px; text-shadow: 0 1px 0 rgba(255,255,255,.6);}
		#submenu .subNav li.selected a{font-weight:bold;}
		
		#submenu ul li.loginBox a.helpdesklink, #submenu ul li.loginBox a.helpdesklink:visited{float:none; display:inline; padding:0; line-height:1em; font-size:1em;}
	
	#columnswrapper {}
		
		#col1 {width: 158px; float: left; margin: 0 11px 0 0;}
		
			div.leftmenuContainer {background: #dbd7d1 url(../images/bg_leftmenuContainer.jpg) repeat-x; padding: 8px 8px 0 8px; margin: 0 0 10px 0;}
			div.leftmenuContainer ul {list-style: none; margin:0 0 10px 0;}
			div.leftmenuContainer ul li {background: url(../images/bg_leftmenudivider.gif) repeat-x left top; padding: 0 0 2px 0;}
			div.leftmenuContainer ul li h2 {font-size: 1.1667em; line-height: 1em; font-weight: bold; margin: 0 0 6px 0; padding: 0;}
			div.leftmenuContainer ul li a, div.leftmenuContainer ul li a:visited {display: block; padding: 8px 3px; color: #4f504f;}
			div.leftmenuContainer ul li.selected a {font-weight: bold;color: #4f504f;padding: 8px 3px; }
			div.leftmenuContainer ul li.selected li a {font-weight: normal;color: #4f504f;padding: 8px 3px; }
			/*div.leftmenuContainer ul li ul {margin: 0 0 7px 0;}
			div.leftmenuContainer ul li ul.closed {display: none;}
			div.leftmenuContainer ul li ul.open {display: block;}
			div.leftmenuContainer ul li ul li {background: none; padding: 2px 0 0 10px; margin: 0;}
			div.leftmenuContainer ul li ul li a, div.leftmenuContainer ul li ul li a:visited {padding: 1px 2px;}
			
			* html div.leftmenuContainer ul li ul li a {height: 1%;}*/
			div.leftmenuContainer .clearer {height: 1px; background: #dbd7d1 url(../images/bg_leftmenuContainer_cleare.jpg) no-repeat left bottom; margin: -6px -8px;}
			div.leftmenuContainer ul li.formrow {padding: 6px 0px;}
			div.leftmenuContainer ul li.formrow input.string, div.leftmenuContainer ul li.formrow select.choose {width: 96px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; padding: 1px; background: #efefef url(../images/bg_input1.gif) repeat-x top left;}
			div.leftmenuContainer ul li.formrow input.button {margin: 0 0 0 4px;}
		#col1 a img.leftImage{margin:12px 0 12px 0;}
			
		#col2 {width: 560px; float: left; margin: 0 11px 0 0; padding: 12px 0 0 0; }
				
			#col2 .subcol1 {float: left; display: block; width: 394px; margin: 0 11px 0 0;}
		
			#col2 .subcol2 {float: left; display: block; width: 155px; margin: 0;}
			
			#col2 div.loginContainer {margin: 0 0 10px 0;}
				#col2 div.loginContainer h2 {font-size: 1.2em; line-height: 1em; margin: 0 0 8px 0; letter-spacing: -1px;}
				#col2 div.loginContainer select.choose {width: 114px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; padding: 1px; background: #efefef url(../images/bg_input1.gif) repeat-x top left;}
				#col2 div.loginContainer input.button {float: right;margin-top:-17px;}
			
			div.sc2_teaser {margin: 0 0 10px 0; padding: 1px 0 0 0; border-top: 4px solid #dad7d1;}
				div.sc2_teaser.forbundet {border-top: 4px solid #015a9e;}
				div.sc2_teaser.utbildning {border-top: 4px solid #5c693c;}
				div.sc2_teaser.ridskola {border-top: 4px solid #58a4b7;}
				div.sc2_teaser.tavling {border-top: 4px solid #ffa91e;}
				div.sc2_teaser.kunskap {border-top: 4px solid #960;}
				div.sc2_teaser.hast_och_ryttare {border-top: 4px solid #F90;}
				div.sc2_teaser.ungdom {border-top: 4px solid #ad4e5a;}
				
				div.sc2_teaser div.content {background: #efedea url(../images/bg_teaserContent.jpg) no-repeat bottom left; padding: 8px;}
					div.sc2_teaser div.content h3 {font-size: 1.25em; line-height: 1em; margin: 0 0 4px 0;}
					div.sc2_teaser div.content p {margin: 0 0 6px 0;}
					div.sc2_teaser div.content a.readMore {background: url(../images/bg_blueArrows_small.gif) no-repeat center left; padding: 0 0 0 10px;}
				
		
		#col3 {width: 250px; float: right; padding: 12px 0 0 0;}
		
	#footer {width:100%; clear: both; background: url(../images/bg_footerbg.jpg) no-repeat top left; padding: 36px 0 32px 0; color: #646464; font-size: 0.917em;}
	#footer ul {padding: 0 40px;list-style: none; margin: 0 0 10px 0;}
	#footer ul li {float: left; display: block; margin: 0 80px 0 0;}
	#footer ul li.lastitem {float: left; display: block; margin: 0 0 0 0;}
	#footer ul li strong {padding: 0 8px 0 0;}
	#footer ul li em {font-style: normal;}
	
/*----- General Classes ------*/
	input.string {border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; padding: 1px; background: #efefef url(../images/bg_input1.gif) repeat-x top left;}
	input.button {text-align: center; border: 1px solid #999; border-top-color: #CCC; border-left-color: #CCC; padding: 0 0.25em; background: #FFF url(../images/bg_genButton.gif) repeat-x bottom left; color: #333; font-size: 75%; font-family: Verdana, Helvetica, Arial, sans-serif; cursor: pointer;}
	textarea.genText{border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; padding: 1px; background: #efefef url(../images/bg_input1.gif) repeat-x top left; overflow:auto;}

	div.article {margin: 0 0 10px 0; padding: 1px 0 0 0; border-top: 4px solid #dad7d1;}
		.forbundet div.article {border-top: 4px solid #015a9e;}
		.utbildning div.article{border-top: 4px solid #5c693c;}
		.ridskola div.article {border-top: 4px solid #58a4b7;}
		.tavling div.article {border-top: 4px solid #ffa91e;}
		.kunskap div.article {border-top: none;}
		.hast_och_ryttare div.article {border-top: 4px solid #F90;}
		.ungdom div.article {border-top: 4px solid #ad4e5a;}

		div.article.forbundet {border-top: 4px solid #015a9e;float:left;width:100%;}
		div.article.utbildning {border-top: 4px solid #5c693c;float:left;width:100%;}
		div.article.ridskola {border-top: 4px solid #58a4b7;float:left;width:100%;}
		div.article.tavling {border-top: 4px solid #ffa91e;float:left;width:100%;}
		div.article.kunskap {border-top: 4px solid #996600;float:left;width:100%;}
		div.article.hast_och_ryttare {border-top: 4px solid #F90;float:left;width:100%;}
		div.article.ungdom {border-top: 4px solid #ad4e5a;float:left;width:100%;}
		
		div.article a.readMore {float: left; display: block; background: url(../images/bg_blueArrows_small.gif) no-repeat left center; padding: 0 0 0 10px;}
		div.article a.imgContainer {display: block;}
		div.article a.imgContainer.left {float: left; margin: 0 10px 8px 0;}
		div.article a.imgContainer.leftphotographer {float: left; margin: 0 10px 0 0;}
		div.article a.imgContainer.right {float: right; margin: 0 0 8px 10px;}
		div.article a.imgContainer span, div.article a.imgContainer:visited, div.article a.imgContainer:hover {color: #646464; text-decoration: none; font-size: 0.916em;}
		/*div.article img {margin: 0;}*/
		div.article h2 {font-size: 1.833em; line-height: 1em; margin: 4px 0;}
		div.article p.ingress {font-weight: bold;}
		div.article .functions {margin: 0 0 6px 0; padding: 0; clear: both; width: 100%; overflow: auto;}
		div.article .functions a {line-height: 1.333em; padding: 0 0 0 20px; }
		div.article .functions a.readMore {float: left; display: block; background: url(../images/bg_blueArrows_small.gif) no-repeat left center; padding: 0 0 0 10px;}
		div.article .functions a.comments {float: right; display: block; background: url(../images/bg_writeComment.gif) no-repeat left center;}
		div.article .functions a.tipAFriend {float: left; display: block; background: url(../images/bg_tipAFriend.gif) no-repeat left center;}
		div.article .functions a.writeComment {float: left; display: block; background: url(../images/bg_writeComment.gif) no-repeat left center;}
		div.article .functions a.readComments {float: left; display: block; background: url(../images/bg_comments.gif) no-repeat left center;}
		div.article .functions a.print {float: right; display: block; background: url(../images/bg_print.gif) no-repeat left center;}
		
		div.article ol.comments {margin: 0 0 16px 0; list-style: none; width: 100%; clear: both;}
		div.article ol.comments li {padding: 8px;}
		div.article ol.comments li.odd {background: #f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;}
		div.article ol.comments li.even {background: #FFF url(../images/bg_calender_even.gif) repeat-x top left;}
		div.article ol.comments li div.person {width: 100%; overflow: auto;}
		div.article ol.comments li div.person em {display: block; float: left;}
		div.article ol.comments li div.person a {display: block; float: right;}

		fieldset.genFields {border: none; margin: 0 0 16px 0; clear: both;}
		fieldset.genFields label {display: block; width: 100%; overflow: auto; margin: 0 0 4px 0;}
		fieldset.genFields label span {float: left; display: block; font-weight: bold; width: 28%; padding: 0 1% 0 0;}
		fieldset.genFields label span em {display: block; font-weight: normal; font-size: 0.909em;}
		fieldset.genFields label textarea {width: 69%; float: right;}
		fieldset.genFields label input.string {width: 69%; float: right;}
		fieldset.genFields label input.button {float: right;}
		
	div.adContainer {margin: 0;clear:both;}
		div.adContainer h4 {margin: 0 0 3px 0; padding: 0; font-size: 0.833em; color: #f6f5f3; border-bottom: 1px solid #aca7a0; width: 100%; overflow: auto;}
		div.adContainer h4 span {background: #aca7a0 url(../images/bg_adLabelcorner.gif) no-repeat top right; padding: 0 5px; float: left; display: block;}
		div.adContainer img {margin: 0 auto 8px 0;}
		div.adContainer object {margin: 0 auto 10px 0;}
		div.adContainer embed {margin: 0 auto 10px 0;}
		
	div.adContainerLast {margin: 0 0 8px 0;border-bottom: 1px solid #aca7a0;}
		div.adContainerLast h4 {margin: 0 0 3px 0; padding: 0; font-size: 0.833em; color: #f6f5f3; border-bottom: 1px solid #aca7a0; width: 100%; overflow: auto;}
		div.adContainerLast h4 span {background: #aca7a0 url(../images/bg_adLabelcorner.gif) no-repeat top right; padding: 0 5px; float: left; display: block;}
		div.adContainerLast img {margin: 0 auto 10px 0;}
		
	div.calendar {margin: 0 0 10px 0; padding: 1px 0 0 0; border-top: 4px solid #015a9e;overflow:hidden;width:155px;}
		div.calendar h3 {padding: 0 0 0 5px; margin: 0; letter-spacing: -1px; font-size: 1.333em;}
		div.calendar ol {margin: 0; list-style: none;}
		div.calendar ol li {padding: 5px;}
		div.calendar ol li.odd {background: #f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;overflow:hidden;}
		div.calendar ol li.even {background: #FFF url(../images/bg_calender_even.gif) repeat-x top left;overflow:hidden;}
		div.calendar ol li span {display: block;}
		div.calendar ol li em {display: block; font-style: normal;}
		div.calendar a.seeMore {background: url(../images/bg_blueArrows_small.gif) no-repeat center left; padding: 0 0 0 10px; margin: 0 0 0 2px;}
	
	div.loadInfo {margin: 0 0 10px 0; padding: 1px 0 0 0; border-top: 4px solid #DAD7D1;overflow:hidden;/*width:155px;*/}
		div.loadInfo h3 {padding: 0 0 0 5px; margin: 0; letter-spacing: -1px; font-size: 1.333em;}
		div.loadInfo ol {margin: 0; list-style: none;}
		div.loadInfo ol li {padding: 5px;}
		div.loadInfo ol li.odd {background: #f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;overflow:hidden;}
		div.loadInfo ol li.even {background: #FFF url(../images/bg_calender_even.gif) repeat-x top left;overflow:hidden;}
		div.loadInfo ol li a {display: block; color: #2457b9; min-height: 22px; height: auto; padding: 0;} 
		div.loadInfo ol li a.pdf {background: url(../images/bg_pdfIcon.gif) no-repeat; padding: 0 0 0 24px;} 
		div.loadInfo ol li a.excel {background: url(../images/bg_excelIcon.gif) no-repeat; padding: 0 0 0 24px;} 
		div.loadInfo ol li a.word {background: url(../images/bg_wordIcon.gif) no-repeat; padding: 0 0 0 24px;}
		* html div.loadInfo ol li a {height: 22px;}
		div.loadInfo a.seeMore {background: url(../images/bg_blueArrows_small.gif) no-repeat center left; padding: 0 0 0 10px; margin: 0 0 0 2px;}

		.forbundet div.loadInfo {border-top: 4px solid #015a9e;}
		.utbildning div.loadInfo {border-top: 4px solid #5c693c;}
		.ridskola div.loadInfo {border-top: 4px solid #58a4b7;}
		.tavling div.loadInfo {border-top: 4px solid #ffa91e;}
		.kunskap div.loadInfo {border-top: 4px solid #960;}
		.hast_och_ryttare div.loadInfo {border-top: 4px solid #F90;}
		.ungdom div.loadInfo {border-top: 4px solid #ad4e5a;}

	div.newsFeed {margin: 0 0 10px 0; padding: 1px 0 0 0; border-top: 4px solid #015a9e;}
		div.newsFeed h3 {padding: 0 0 0 5px; margin: 0; letter-spacing: -1px; font-size: 1.333em;}
		div.newsFeed ol {margin: 0;list-style: none;overflow:hidden;}
		div.newsFeed ol li {padding: 5px;}
		div.newsFeed ol li.odd {background: #f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;}
		div.newsFeed ol li.even {background: #FFF url(../images/bg_calender_even.gif) repeat-x top left;overflow:hidden;}
		div.newsFeed ol li span {display: block;}
		div.newsFeed ol li span em {font-style: normal; font-weight: bold;}
		div.newsFeed ol li a {display: block;}
		div.newsFeed a.readMore {background: url(../images/bg_blueArrows_small.gif) no-repeat center left; padding: 0 0 0 10px; margin: 0 0 0 2px;}
		div.newsFeed p {padding: 0 0 0 5px;}
	div.newsFeedWorkroom{border-top:4px solid #dad7d1;}
		
	div.relatedArticles {margin: 16px 0 10px 0; padding: 1px 0 0 0; border-top: 4px solid #DAD7D1;overflow:hidden;/*width:155px;*/}
		div.relatedArticles h3 {padding: 0 0 0 5px; margin: 0; letter-spacing: -1px; font-size: 1.333em;}
		div.relatedArticles ol {margin: 0; list-style: none;}
		div.relatedArticles ol li {padding: 5px;font-weight:bold;}
		div.relatedArticles ol li.odd {background: #f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;overflow:hidden;}
		div.relatedArticles ol li.even {background: #FFF url(../images/bg_calender_even.gif) repeat-x top left;overflow:hidden;}
		div.relatedArticles ol li span {}
		div.relatedArticles ol li span em {font-style: normal; font-weight: bold;}
		div.relatedArticles ol li a {}
		div.relatedArticles a.readMore {background: url(../images/bg_blueArrows_small.gif) no-repeat center left; padding: 0 0 0 10px; margin: 0 0 0 2px;}

		.forbundet div.relatedArticles {border-top: 4px solid #015a9e;}
		.utbildning div.relatedArticles{border-top: 4px solid #5c693c;}
		.ridskola div.relatedArticles {border-top: 4px solid #58a4b7;}
		.tavling div.relatedArticles {border-top: 4px solid #ffa91e;}
		.kunskap div.relatedArticles {border-top: 4px solid #960;}
		.hast_och_ryttare div.relatedArticles {border-top: 4px solid #F90;}
		.ungdom div.relatedArticles {border-top: 4px solid #ad4e5a;}
		
	div.newsletter {margin: 0 0 10px 0; padding: 1px 5px 0 5px; border-top: 4px solid #015a9e;}
		div.newsletter h3 {padding: 0; margin: 0; letter-spacing: -1px; font-size: 1.333em;}
		div.newsletter p {}
		div.newsletter input.string {width: 212px; margin: 0 0 10px 0;}
		div.newsletter div.options {float: left; display: block; font-size: 0.917em; margin: 0 12px 0 0;}
		div.newsletter div.options label {display: block;}
		div.newsletter div.options label input {margin: 0; padding: 0; width: 14px; height: 16px;}
		div.newsletter div.options label span {margin: 0 0 0 4px;}
		div.newsletter div.send {float: left;}
		div.newsletter div.send input.button {width: 85px; padding: 0; margin: 0 0 4px 0; display: block;}
		

/* left menu */
	div.leftmenuContainer ul li.itemTemplateTrue a.leftMenuItemTemplate {display: block; padding: 0 0 1px 8px;color: #4f504f;}
	div.leftmenuContainer ul li.itemTemplateTrue a.leftMenuItemTemplate:hover {display: block;padding: 0 0 1px 8px;color: #4f504f;}
	div.leftmenuContainer ul li.itemTemplateTrue a.leftMenuItemTemplate:selected {display: block;padding: 0 0 1px 8px;color: #4f504f;}
	div.leftmenuContainer ul li.selectedItemTemplate a.leftMenuItemSelected {font-weight: bold;display: block; padding: 0 0 1px 8px;color: #4f504f;}
	div.leftmenuContainer ul li.selectedItemTemplate a.leftMenuItemSelected:hover {font-weight: bold;display: block;padding: 0 0 1px 8px;color: #4f504f;}
	div.leftmenuContainer ul li.selectedItemTemplate a.leftMenuItemSelected:selected {font-weight: bold;display: block;padding: 0 0 1px 8px;color: #4f504f;}
	div.leftmenuContainer ul li.itemTemplateTrue{background:none;}
	div.leftmenuContainer ul li.itemTemplateFalse{background:none;display:none;}
	div.leftmenuContainer ul li.selectedItemTemplate{background:none;}
	div.leftmenuContainer ul li.footerItem{height:0px;}
	div.leftmenuContainer ul li a.leftMenuTopTemplate {color: #4f504f;padding: 10px 2px 8px 2px;}
	div.leftmenuContainer ul li a.leftMenuTopTemplate:hover {color: #4f504f;padding: 10px 2px 8px 2px;}
	div.leftmenuContainer ul li a.leftMenuTopTemplate:visited {color: #4f504f;padding: 10px 2px 8px 2px;}
	div.leftmenuContainer ul li a.leftMenuSelectedTopTemplate {font-weight: bold;color: #4f504f;padding: 10px 2px 6px 2px; }
	div.leftmenuContainer ul li a.leftMenuSelectedTopTemplate:hover {font-weight: bold;color: #4f504f;padding: 10px 2px 6px 2px; }
	div.leftmenuContainer ul li a.leftMenuSelectedTopTemplate:visited {font-weight: bold;color: #4f504f;padding: 10px 2px 6px 2px; }
	
	/* Banners */
	div.container_top_banner { width:980px; overflow:hidden;float:right;}
	div.container_right_banner { width:250px; overflow:hidden;margin-bottom:7px;}
	/*div.container_right_banner embed{margin: 0 auto 10px 0;}
	div.container_right_banner object{margin: 0 auto 10px 0;}*/
	div.container_news_banner { width:394px; overflow:hidden;}
	div.container_sponsors { width:158px; overflow:hidden;margin-top:5px;}

	/*option*/
	.optionpage select{width: 150px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; background: #efefef url(../images/bg_input1.gif) repeat-x top left;}
	.optionpage .selectHeading{font-weight:bold;}
	.optionpage div.optionLabel{font-weight:bold; margin: 15px 0 4px 0;}
	
	/* search */
	.hidden{display:none;}
	.searchHelp{width:90%;}
	div#PeriodSearchArea{margin: 12px 0;}
	div#PeriodSearchArea .periodheading{font-weight:bold;margin-top:18px;}
	div#PeriodSearchArea label{display:block;}
	div#PeriodSearchArea div.perioddate{float:left; margin: 2px 12px 18px 0;}
	div#PeriodSearchArea div.perioddate input{width:80px;margin-right:2px;}
	div#PeriodSearchArea div.perioddate img{display:inline;}
	
	/* --- Kalender ---*/	
	/*.calendar{width:100%;background-color:#f0f0f0;border-width:0;background-color:#ffffff;}*/
	.calendar{width:100%;border-width:0;}
	.monthHeading{text-transform:capitalize;font-size: 1em;line-height: 1.9em;background: #f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;}
	td.calendaritem, tr.calendaritem{height:1.8em;background: url("../images/calendar_item.gif") no-repeat right center;border: 0;}
	td.selecteddatecell {background-color: #dedede;background-image:none;}
	td.datecellothermonth {visibility:visible;background-image:none;}
	td.weekendcell{/*background-color: #DADADA;*/}
	td.datecellactive{background-color: #bababa;background-image:none;}
	td.datecellactive a{font-weight: bold;}
	td.datecellactive a:hover{text-decoration: underline;font-weight: bold;}	
	td.dayweekheader{border-style: none;text-transform: capitalize;}
	
	.calendarlistingarea em  {font-size: 1em; line-height: 1.455em; font-weight: normal; font-style: italic; margin: 0 0 0 0; display: block;}
	.calendarlistingarea h3 {background:#f2f1ef url(../images/bg_calender_odd.gif) repeat-x bottom left;width:95%;padding:3px 3px 3px 2px;}
	.calendarlistingarea .calendarEventEven{padding:0 0 13px 0;float:left;width:95%;}	
	.calendarlistingarea .calendarEventOdd{padding:0 0 13px 0;float:left;width:95%;}
	.calendarlistingarea .calendarEventEven a.readMore {/*float: left;*/ display: block; line-height: 1.333em; background: url(../images/bg_blueArrows_small.gif) no-repeat left center; padding: 0 0 0 10px;}
	.calendarlistingarea .calendarEventOdd a.readMore {/*float: left;*/ display: block; line-height: 1.333em; background: url(../images/bg_blueArrows_small.gif) no-repeat left center; padding: 0 0 0 10px;}
	#calendarOptions input.string {width: 150px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; padding: 1px; background: #efefef url(../images/bg_input1.gif) repeat-x top left;}
	#calendarOptions select.choose {width: 152px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; background: #efefef url(../images/bg_input1.gif) repeat-x top left;font-size: 0.917em;}
	#calendarOptions select.chooseYear {width: 60px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; background: #efefef url(../images/bg_input1.gif) repeat-x top left;font-size: 0.917em;}
	#calendarOptions select.chooseMonth {width: 40px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; background: #efefef url(../images/bg_input1.gif) repeat-x top left;font-size: 0.917em;}
	#calendarOptions select.chooseDay {width: 40px; border: 1px solid #b2b2b2; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #d1d1d1; background: #efefef url(../images/bg_input1.gif) repeat-x top left;font-size: 0.917em;}
	#calendarOptions input.button {margin: 0 0 0 4px;}
	#calendarOptions div.calendarLabel{font-weight:bold; margin: 6px 0 4px 0;}
	#calendarOptions input.calendarButton{float:right;margin-top:10px;}
	.messageText{color:#CC0000;}
	/* --- Organisation ---*/	
	.orgLabel{font-weight:bold;display:block;padding-bottom:5px;}
	.orgLabelSearch{font-weight:bold;padding-right:10px;display:block;}
	#searchIF{padding-top:20px;}
	.searchResultOrgEven{padding:8px 8px 8px 8px;background-color:#dcdcdc;}
	.searchResultOrgOdd{padding:8px 8px 8px 8px;}
	
	iframe.container_article { margin-bottom:16px; padding: 0px 0px 0px 0px; width:100%;height:1500px;}
	iframe.container_article_wide { margin-bottom:16px; padding: 0px 0px 0px 0px; width:821px;height:1500px;}
	
	/* --- Klasser som styr loginboxen som visas då man klickar på låsikonen --- */
	/*div.LoginBox{position:absolute; z-index:100;border: solid 1px #bbbbbb;color: #000000;width: 156px;height: auto;padding: 10px 12px 10px 12px;font-family: Arial;font-size: 10px;line-height: 14px;text-align: left;color: #242424;background: #dbd7d1 url(../images/bg_leftmenuContainer.jpg) repeat-x;}
	div.LogoutTitle{height: 30px;}
	div.LogoutTitle h2{font-size:11px;margin:0;margin-bottom:5px;}
	.LoginBoxTextBox{float:left;width: 174px;margin-bottom: 5px;font-family: Verdana;font-size: 11px;color: #242424;}
	.LoginMessage{float:left;color: #990000;	}
	#LoginButtonDiv{text-align:right;padding-top:7px;}
	#ForgotPasswordDiv{float:left;}
	.LogoutToolItemDiv{margin-top:5px;padding-top:5px;border-top:solid 1px #999999;margin-bottom:5px;padding-bottom:5px;border-bottom:solid 1px #999999;}
	a.LogoutToolLink{position:relative;bottom:5px;}
	a.LogoutToolIcon{text-decoration:none;}
	input.loginButton{font-size:9px;}*/
	div.LoginBox{position:absolute; z-index:30;border: solid 1px #bbbbbb;color: #4f504f;width: 156px;height: auto;font-family: Arial;font-size: 11px;line-height: 14px;text-align: left;background:#dbd7d1 url(../images/bg_leftmenuContainer.jpg) repeat-x;}
	div.LogoutTitle{height: 30px;margin-bottom:5px;}
	div.LogoutTitle h2{letter-spacing:0.1px; font-family:Verdana;font-size:12px;margin:0;margin-bottom:8px;}
	.LoginBoxTextBox{float:left;width: 174px;margin-bottom: 5px;font-family: Verdana;font-size: 11px;color: #4f504f;/*background: url("../images/search_input_bg1.gif") repeat-x;*/background: url("../images/search_input_bg1.gif") repeat-x;}
	.LoginMessage{float:left;color: #990000;	}
	#LoginButtonDiv{float:right;text-align:right;padding-top:10px;}
	#ForgotPasswordDiv{float:left;}
	#ForgotPasswordDiv a, #ForgotPasswordDiv a:hover, #ForgotPasswordDiv a:active, #ForgotPasswordDiv a:visited{color: #4f504f;}
	.LoginInputTitle{float:left;line-height:14px;}
	#LoginFailedMessageDiv{float:left;}
	.loginButton{text-align: center; border: 1px solid #999; border-top-color: #CCC; border-left-color: #CCC; padding: 0 0.25em; background: #FFF url(../images/bg_genButton.gif) repeat-x bottom left; color: #333; font-size: 9px; font-family: Verdana, Helvetica, Arial, sans-serif; cursor: pointer;}
	#LogoutButtonDiv{margin-bottom:2px;}
	
	.LogoutToolItemDiv{margin-top:5px;padding-top:3px;border-top:solid 1px #bbbbbb;margin-bottom:5px;padding-bottom:3px;border-bottom:solid 1px #bbbbbb;float:left;width:96%;}
	a.LogoutToolLink{position:relative;}
	a.LogoutToolIcon{text-decoration:none;}
	
	
	
	div.LoginBoxTop{float:left;width: 204px;height: 15px;}
	div.LoginBoxCloseIcon{float: right;margin:2px;margin-top:-5px;}
	div.LoginBoxContent{float:left;width: 180px;height: auto;padding: 0px 12px 10px 12px;}

	.failedMessage{color:red;}
	
	/* -- A-Ö lista --*/
	.alphanumericChars{margin-top:20px;}
	.alphanumericMainChar{font-weight:bold;}
	div.alphanumericSection{display:block;background: url(../images/bg_leftmenudivider.gif) repeat-x left bottom;margin-top:25px;padding-bottom:2px;width:70%;}
	
	/* -- Nyhetslista --*/
	div.NewsListSourceDiv{color: #646464;font-style: italic;}
	div.NewsListTitleDiv a{color:#000;}
	div.NewsListSimpleLinkDiv{float:left;width: 475px;overflow: hidden;}
	div.NewsListReadMoreDiv{margin-top: 5px;text-align:right;}
	#NewsListingDiv h3{margin-bottom:2px;display:inline;}
	.StartPageBoxContent h3{margin-bottom:2px;margin-top:2px; }
	#NewsListingDiv h3 a:link, #NewsListingDiv h3 a:hover, #NewsListingDiv h3 a:visited, #NewsListingDiv h3 a:active{color: #4f504f;}
	div.NewsListSeparator{clear:both;display:block;/*border-top:solid 1px #4f504f;*/height:12px;margin-top:0px;}
	#NewsListingDiv a.readMore{float: left; display:block;background: url(../images/bg_blueArrows_small.gif) no-repeat left center; padding: 0 0 0 10px;}
	
	
	/*-- Kontakta oss --*/
	img.employee{float:left; margin: 0px 15px 0 0;}
	.rightfloating{float:right;}
	.backLink{margin: 15px 5px 0 0;}
	
	/* Hastkunskap theme */

	.kunskap #hk div.leftmenuContainer{background:#bc8f4e url(/images/HK/bg_leftmenuContainerBrown.jpg) repeat-x scroll 0 bottom;color:#fff;margin-top:12px;}
	.kunskap #hk div.leftmenuContainer ul li {background:transparent url(/images/HK/bg_leftmenudividerBrown.gif) repeat-x scroll left top;}
	/*.kunskap div.leftmenuContainer ul li a, .hastkunskap div.leftmenuContainer ul li a:visited{color:#fff;}
	*/.kunskap #hk div.leftmenuContainer .clearer{background:transparent url(/images/HK/bg_leftmenuContainer_cleareBrown.jpg) no-repeat scroll left bottom;}

	.kunskap #col3 div.leftmenuContainer ul{margin:0 0 0 15px;}
	.kunskap #col3 div.leftmenuContainer ul li a span{font-size:1.4em;background:transparent url(/images/HK/list_arrow.png) no-repeat scroll 0 center;padding:0 0 0 22px;}	
	.kunskap #col3 div.leftmenuContainer .clearer{background:#DBD7D1 url(/images/HK/bg_leftmenuContainer_cleareBrownCol3.jpg) no-repeat scroll left bottom;}
	
	.kunskap #hk div.leftmenuContainer ul li.itemTemplateTrue {background:transparent none repeat scroll 0%;}
	.kunskap #hk div.leftmenuContainer ul li.itemTemplateTrue a.leftMenuItemTemplate {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.itemTemplateTrue a.leftMenuItemTemplate:hover {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.itemTemplateTrue a.leftMenuItemTemplate:selected {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.selectedItemTemplate a.leftMenuItemSelected {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.selectedItemTemplate a.leftMenuItemSelected:hover {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.selectedItemTemplate a.leftMenuItemSelected:selected {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.footerItem{height:0px;}
	.kunskap #hk div.leftmenuContainer ul li a.leftMenuTopTemplate {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li a.leftMenuTopTemplate:hover {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li a.leftMenuTopTemplate:visited {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li a.leftMenuSelectedTopTemplate {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li a.leftMenuSelectedTopTemplate:hover {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li a.leftMenuSelectedTopTemplate:visited {color: #fff;}
	.kunskap #hk div.leftmenuContainer ul li.itemTemplateFalse{background:none;display:none;}
	.kunskap #hk div.leftmenuContainer ul li.selectedItemTemplate{background:transparent none repeat scroll 0%;}
		
		
	.kunskap #hk #submenu {background:transparent url(/images/HK/bg_submenuBrown.png) no-repeat scroll left bottom;}
	.kunskap #hk #submenu ul {/*background:transparent url(/images/HK/bg_submenuDividerBrown.gif) no-repeat scroll left bottom;*/}
	.kunskap #hk #submenu ul li {/*background:transparent url(/images/HK/bg_submenuDividerBrown.gif) no-repeat scroll right bottom;*/}
	.kunskap #hk #submenu ul li a, 	.hastkunskap #submenu ul li a:visited {color:#925915;}
	
	.kunskap #col3 .loginContainer{background:#F7ECE1 url(/images/HK/bg_teaserContentBrown.jpg) no-repeat scroll left bottom;height:119px;padding:10px 9px 0 10px;margin:0 0 5px 0;color:#54361C;}
	.kunskap #col3 .loginContainer h2{font-size:1.2em;margin:0 0 16px;}
	.kunskap #col3 .loginContainer .field{margin:0 0 6px 0;}
	.kunskap #col3 .loginContainer label{float:left;width:74px;font-size:0.95em;text-align:right;padding:0 7px 0 0;}
	.kunskap #col3 .loginContainer input{width:140px;display:block;}
	.kunskap #col3 .loginContainer input.button{width:auto;float:right;margin-right:6px !important;_margin-right:1px;}
		
	.kunskap div.gameContainer{background:#bc8f4e url(/images/HK/bg_leftmenuContainerBrown.jpg) repeat-x scroll 0 bottom;color:#fff;padding: 8px 8px 0 8px; margin: 0 0 10px 0;}
	.kunskap div.gameContainer ul li {background:transparent url(/images/HK/bg_leftmenudividerBrown.gif) repeat-x scroll left bottom;padding-bottom:4px;padding-top:2px;}
	.kunskap div.gameContainer ul li.last {background:transparent;padding-bottom:0px;}
	.kunskap div.gameContainer ul li a, .hastkunskap div.leftmenuContainer ul li a:visited{color:#fff;}
	.kunskap div.gameContainer .clearer{background:transparent url(/images/HK/bg_leftmenuContainer_cleareBrown.jpg) no-repeat scroll left bottom;}
	.kunskap #col3 div.gameContainer ul{margin:0 0 4px 0px;}
	.kunskap #col3 div.gameContainer ul li a span{font-size:1.4em;background:transparent url(/images/HK/list_arrow.png) no-repeat scroll 0 center;padding:0 0 0 22px;}	
	
	.kunskap #col3 div.gameContainer ul li a:hover{text-decoration:none;}
	.kunskap #col3 div.gameContainer .clearer{background:#DBD7D1 url(/images/HK/bg_leftmenuContainer_cleareBrownCol3.jpg) no-repeat scroll left bottom;height:4px;margin:0 -8px;}
	div.gameContainer ul li a, div.gameContainer ul li a:visited{display:block;padding:8px 2px;}
	* html div.gameContainer ul li ul li a {height: 1%;}
		
	/* hastoteket */
	div.hastoteket{padding:5px 5px 0;background:#F1E5D5 url(/images/HK/bg_hastoteketContent.jpg) repeat-x scroll 0 bottom;margin:0 0 10px;color:#564025;}		
	div.hastoteket .clearer{background:transparent url(/images/HK/bg_hastoteketContent_cleare.jpg) no-repeat scroll left bottom;height:4px;margin:0 -5px;}
	div.hastoteket input.string{width:140px;}
	div.hastoteket input.button{float:right;margin:5px 1px 10px;}
	div.hastoteket a, div.hastoteket a:active{color:#6a543b;}
	div.hastoteket h3{margin:2px 0 6px 0;}			
	div.hastoteket .noResult{color:#492a06;float:none;clear:both;background:transparent url(/images/HK/bg_hastoteket_divider.gif) repeat-x scroll 0 top;padding:10px 0 10px 0;height:1%;zoom:1;}
	div.hastoteket dl{color:#492a06;float:none;clear:both;background:transparent url(/images/HK/bg_hastoteket_divider.gif) repeat-x scroll 0 top;padding:10px 0 0 0;height:1%;zoom:1;}
	div.hastoteket dl dt{float:left;padding-right:26px;background:transparent url(/images/HK/hastoteketBubble.png) no-repeat scroll right center;}
	div.hastoteket dl dd{font-style:italic;font-size:0.9em;padding:2px 0 10px 0;clear:both;}
	div.hastoteket p.more{background:transparent url(/images/HK/bg_hastoteket_divider.gif) repeat-x scroll 0 top;margin:0px 0 0;padding:10px 0 10px;}
	div.hastoteket p.more a{font-size:0.9em;color:#6A543B;}
	div.hastoteket .searchCol{height:50px;background:transparent url(../images/bg_hastoteket_divider.gif) repeat-x scroll 0 bottom;}
	
	div.sc2_teaser.kunskap div.content {background: #F1E5D5 url(/images/HK/bg_teaserContentBrown.jpg) repeat-x scroll 0 bottom; padding: 8px;}
	
	div.specialfield { display: none } 
	
	div.panel_topImage_float_center {clear: both; padding: 0px;}
	div.imgSmallLeft{float:left;margin-right:7px;margin-bottom:3px;width:155px;display:block;clear:both;}
	.foto{}
	
	.exportlabels{font-weight:bold;margin-top:8px;}
	.exportbutton{margin-top:8px;display:block;}
	
	/*-- sitemap --*/
	.SiteMap{margin-top:10px;}
	ul.sitemaplist{padding: 0;margin-left: 0.5em;}
	ul.sitemaplist li{margin: 0 0 0.5em 0;padding: 0;list-style: none;font-size: 1em;}
	ul.sitemaplist li a{text-decoration: none;border:0;}
	ul.sitemaplist li a:visited{text-decoration: none;border:0;}
	ul.sitemaplist li li{margin: 0;padding-left: 2.5em;background: url(/images/design/sitemap/elementLine.gif) no-repeat;font-weight:normal;}
	ul.sitemaplist li li.LineEnd{background: url(/images/design/sitemap/elementLineEnd.gif) no-repeat;}
	ul.sitemaplist li li a{text-decoration: none;border:0;font-weight:normal;}
	ul.sitemaplist li li a:visited{text-decoration: none;border:0;font-weight:normal;}
	ul.sitemaplist li li li{}
	
	/*--newstabs--*/
	#tabbed_box_1 {margin: 4px auto; width: 100%; overflow: hidden;}
	.tabbed_area {background:#e3e2de; padding:0;}
	ul.tabs {margin:0; padding:0; margin: 0; width: 100%; overflow: hidden;}
	ul.tabs li {display: block; float: left;}
	ul.tabs li a,ul.tabs li a:visited  {display: block; float: left; color:#FFF; padding:8px 10px; text-decoration:none; font: bold 1.2em/1em Arial, Helvetica, sans-serif;border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
	ul.tabs li.tab1 a {background: #0099cc;}
	ul.tabs li.tab2 a {background: #94ba38;}
	ul.tabs li.tab3 a {background: #ffcc33;}
	ul.tabs li a:hover {background:#2f343a;}
	ul.tabs li a.active, ul.tabs li a.active:visited {background:#e3e2de; color:#4e4e4e; border-bottom: 1px solid #e3e2de;}
	.contentnews {padding:6px 10px 10px; font-family:Arial, Helvetica, sans-serif;}
	/*#content_2, #content_1 {display:none;}*/
	.contentnews ul {margin:0; padding:0;}
	.contentnews ul li {list-style:none; border-bottom:1px solid #d6dde0; padding: 4px 0; width: 100%; overflow: hidden;}
	.contentnews ul li:last-child {border-bottom:none;}
	.contentnews ul li a {text-decoration:none;	color: #49453a; display: block; overflow: hidden;}
	.contentnews ul li span.date {font-weight: bold; margin: 0 8px 0 0; display: block; float: left; color: #1e1c1d;}
	.contentnews ul li a:hover {color:#111;}
	
	/* --- FAQ --- */
	.FAQCategoryHeading1{font-size: 1.3em;font-weight: bold;margin: 8px 0 0 0;}
	.FAQCategoryHeading2{font-style: normal;font-size: 1.1em;font-weight: bold;margin: 8px 0 0 0;}
	.FAQquestion{font-weight: bold;margin: 6px 0 -5px 0;}
	.faq{cursor: pointer;margin: -7px 0 -10px 0;}
	.faqFact{margin: -10px 0 10px 0;}
	
    /* --- QuickLink --- */
    div.QuickLink{margin:15px 0;}
    div.QuickLink a{margin-right:5px;}
    div.QuickLink img{width: 16px; height: 16px; border: 0px;display:inline;}
    
    /* -- Question Of The Day --*/
    .questionBox { margin:0 0 8px;color:#4F504F;}
        .questionBox .inner {height:auto !important;height:1%;min-height:1%;overflow:auto;/*padding:4px 0 12px;*/}
	    .questionBox p {margin:0;font-weight:bold;color:#000;}
	    .questionBox span {display:block; padding-left:2px;margin: 10px 0 12px;}
	    .questionBox a {}
	    .questionBox div.field{margin:0 7px 2px;}
	    .questionBox div input{margin:2px 4px 0 0;}
	    .questionBox div label{}
	    .questionBox div.voteContainer{height:auto !important;height:1%;min-height:1%;overflow:auto;}
	    .questionBox a.viewResults{/*background:#2a2a2a;color:#e3e5e6;display:block;float:left;padding:5px 30px;margin:0 1px 0 0;*/margin-right:10px;}
	    .questionBox a.vote{/*background:#2a2a2a;color:#e3e5e6;display:block;float:left;padding:5px 13px;*/}
								
	    .questionBox div.result{margin-bottom: 4px;}
	    .questionBox div.result div.graph{border:1px solid #E0E2DF;}
        .questionBox div.result div.graph div.bar{position:absolute;}
        .questionBox div.result div.graph div.votes{width:40px;/*color:#A2A2A2;*/font-weight:bold;left:39px;text-align:right;position:relative;}
        div.sc2_teaser div.content p.summary{margin-top: 16px;}
        
        
    /*mediearkiv*/
    /* Show item */
    div.GalleryShowItemContainerDiv{width:392px;float:left;border: solid 1px #cccccc;table-layout: fixed;}
    div.GalleryShowItemDiv{padding: 5px;height: auto;overflow:hidden;text-align: center;}
    div.GalleryShowItemTextDiv{background-color:#EEEEEE;width: 382px;padding:5px;overflow: hidden;white-space: nowrap;}
    div.GalleryItemPrevDiv{text-align:right;float:left;width:78%;}
    div.GalleryItemCountDiv{text-align:center;float:left;width:10%;}
    div.GalleryItemNextDiv{text-align: right;float:left;width:12%;}
				
	/* Navigation tabs */
    div.NavigationTabLeftDiv{width:12px;height:27px;float:left;background-image: url(/images/design/tabs/left.gif);}
    div.NavigationTabCenterDiv{height:27px;line-height:27px;float:left;background-image: url(/images/design/tabs/middle.gif);background-repeat: repeat-x;}
    div.NavigationTabRightDiv{width:12px;height:27px;float:left;background-image: url(/images/design/tabs/right.gif);}
    div.NavigationTabContainer{float:left;}
    .mainrollerdiv {}
    .rollernavigate{display:block;height:20px;width:392px;}
    
    /*contributionform*/
    div.userForm {padding: 0 0 10px 0;}
    div.userForm fieldset {border: none; width: 95%;}
    div.userForm label {display: block; margin: 0 0 8px 0;}
    div.userForm label span {display: block; font: normal 1.5em/1em; margin: 0 0 4px 0;}
    div.userForm label input {width: 100%; border: none; background: url(../images/HR/bg_inputborder.gif) repeat-x left bottom; font: normal 1.2em/1em Arial, sans-serif; padding: 2px;}
    div.userForm label textarea {width: 100%; border: none; background: url(../images/HR/bg_textarea.gif) no-repeat right bottom; border: 1px solid #cfcfcf; border-top: 1px solid #949494; font: normal 1.2em/1em Arial, sans-serif; padding: 2px;overflow:auto;}
    div.userForm input.sendButton {float: right; background: url(../images/bg_genButton.gif) repeat-x scroll left bottom #ffffff; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:solid; font: normal 1.5em/1em; color: #333333; cursor: pointer; padding: 2px 5px 0; border-width: 1px;}
    
    div.userForm .error {color:#cc0000;}
    
    /* cycle */
    .slideshow {width: 158px; height: 129px; overflow: hidden;}
    .slideshow a {display: block; width: 158px; height: 129px; line-height: 129px; white-space: nowrap;}
    .slideshow a:after {content: ""; display: inline-block; height: 129px; width: 1px; vertical-align: middle; margin-right: -1px;}
    .slideshow img {max-width: 100%; height: auto; display: inline-block; vertical-align: middle;}