@charset "utf-8";
/*
Theme Name: Theme Helsjon
Theme URI: http://www.helsjon.fhsk.se
Description: The customized Helsjon layout by Christer Brosche.
Version: 1.1
Author: Christer Brosche
*/

/*	TOC
	1. Body
	2. Container
	3. Topsection (header)
	4. Breadcrumbs (menubar)
	5. Leftside menus
	6. Sidebars
	7. Main content
	8. Front
	9. Bottom section (footer)
	10. Misc content	
	11. Topmenu tabs
	12. Rutor
	13. Listor
	14. Forms
	15. Plugins
*/

/*------ 1. Body ------------------------------------------------------------------------------------- */
body  {
/*	font: 100% Verdana, Arial, Helvetica, sans-serif; */
/*	background: #E0E0E0; */
	background: #EBECEC; 
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
/*	background: url(http://www.helsjon.fhsk.se/bilder/winterback.gif);  */
}

/* ------ 2. Container ------------------------------------------------------------------------------- */

.thrColFixHdr #wrapper {
/*	width: 1060px;  Border width 3px x 2. Content width blir 800px */
/*	margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
/*	text-align: left; this overrides the text-align: center on the body element. */ 
}
.thrColFixHdr #wrapper2 {
/*	width: 806px;  Border width 3px x 2. Content width blir 800px */
/*	margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
/*	text-align: left;  this overrides the text-align: center on the body element. */
}
.thrColFixHdr #column { /* ------ kolumn ------ */
	 border:1px solid #727A83;
   	 margin-top: 80px; /* bc addition */
 	 margin-bottom: 5px; /* bc addition */
 	 background: #FFF; 
   	 float:right;
	 width:235px;
}
.thrColFixHdr #column p{ /* ------ kolumn ------ */
	padding:0 5px 5px 5px;
	margin:0;
	}
.thrColFixHdr #column p :link, .thrColFixHdr #column p :visited, .thrColFixHdr #column p :active {
	color: #669900;
	text-decoration: none;
}
.thrColFixHdr #column h2 :link, .thrColFixHdr #column h2 :visited, .thrColFixHdr #column h2 :active {
	color: #fff;
	text-decoration: none;}
	
.thrColFixHdr #column li :link, .thrColFixHdr #column li :visited, .thrColFixHdr #column li :active {
	color: #669900;
	text-decoration: none;
	}
.thrColFixHdr #column li{
	list-style-type: none;
	margin:0;	margin-left: 5px;
	}
.thrColFixHdr #container {
	width: 806px; /* Border width 3px x 2. Content width blir 800px */
	background: #FFFFFF;
	margin: 10px auto;
	margin-bottom:50px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: transparent url(/bilder/bg_border3.gif) left top repeat-y; /* bc addition */
}
.thrColFixHdr #container h1 {
	font-size: 1.5em;
	color: #6D7F4D;
	font-family: Arial, Helvetica, sans-serif;
}
.thrColFixHdr #container h2 {
	font-size: 1.2em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------ 3. Topsection (header) --------------------------------------------------------------------- */
.thrColFixHdr #header {
	background: #FFFFFF;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(/bilder/bg_top3.gif);
	background-repeat: no-repeat; /* bc addition */
}
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #header p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	display:inline;
}

.thrColFixHdr #header p :link, .thrColFixHdr #header p :visited, .thrColFixHdr #header p :active {
	color: #333333;
	text-decoration: none;
}
.thrColFixHdr #header p :hover {
	color:#000;
	text-decoration: none;
	border-bottom:1px solid #CC0000;
}
.thrColFixHdr #header .punkter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF9966;
}

/* ------ 4. Bread crumb trial in navigation bar (menubar) ------------------------------------------- */
.thrColFixHdr #menubar {
	background-image: url(/bilder/bg_bar3.gif);
	background-repeat: no-repeat; /* bc addition */
}

.thrColFixHdr #menubar p {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-indent: 20px;
	font-weight: bold;
	border-collapse: collapse;
	margin:0px;
	height:17px;
	padding-top:2px;
	padding-bottom:18px;
}
.thrColFixHdr #menubar p :link, .thrColFixHdr #menubar p :visited, .thrColFixHdr #menubar p :active {
	color: #FFFFFF;
	text-decoration: none;
}
.thrColFixHdr #menubar p A:hover {
	color:#EFEFEF;
	text-decoration: none;
	border-bottom:1px solid #CC0000;
}

/* ------ 5. Leftside Menus -------------------------------------------------------------------------- */
.menurubrik {
	color: #669900;
	font-size: 10px; /* bc addition */
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* bc addition */
}
.parrent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background-image: url(/bilder/meny_dot2.gif);
	background-repeat: repeat-x;
	text-indent: 6px;
	background-position: top;
	line-height: 20px;
	font-weight: normal;
}
.parrent :link, .parrent :visited, .parrent :active {
	text-decoration: none;
	color: #000000;
}
.parrent a:hover {
	color:#000;
	text-decoration: none;
	border-bottom:1px solid #CC0000;
}
.child {
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
/*	vertical-align: top; */
}
.child :link, .child :visited {
	text-decoration: none;
	color: #333333;
}
.child :hover, .child :active {
	color:#000;
	text-decoration: none;
	border-bottom:1px solid #CC0000;
}

/* ------ 6. Sidebars ------------------------------------------------------------------------------- */

.thrColFixHdr #sidebar1 { /* ------ 3col setup ------ */
	float: left; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 20px 0 23px; /* padding keeps the content of the div away from the edges */
	/*Vrden fr konsistenta mellanrum */
	background: url(/bilder/border_left.gif) repeat-y;
	margin:0;
}

.thrColFixHdr #sidebar2 { /* ------ 3col setup ------ */
	float: right; 
	width: 175px; 
	background: #FFFFFF; 
	padding: 0 23px 0 20px; 
	background: url(/bilder/wspace.gif) repeat-y;
}

.thrColFixHdr #widebar2 {
	background:#F7F7F7;
	width:227px;
	float:right;
	background:#F1F1F1;
	overflow:hidden;
	padding: 0 40px 0 20px; 
	background: url(/bilder/wspace.gif) repeat-y;  
}

.thrColFixHdr #sidebar1 h2 {
	color: #669900;
	font-size: 10px; 
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top:0;
}
.thrColFixHdr #sidebar1 h3 {
	color: #DD8328;
	font-size: 10px; 
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top:0;
}
.thrColFixHdr #sidebar1 li.page_item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background-image: url(/bilder/meny_dot2.gif);
	background-repeat: repeat-x;
	text-indent: 6px;
	background-position: top;
	line-height: 23px;
	font-weight: normal;
}
.thrColFixHdr #sidebar1 ul li ul li ul li.page_item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat-x;
	text-indent: 26px;
	background-position: top;
	line-height: 23px;
	font-weight: normal;
}

.thrColFixHdr #sidebar1 li.page_item  :link, .thrColFixHdr #sidebar1 li.page_item  :visited, .thrColFixHdr #sidebar1 li.page_item  :active {
	text-decoration: none;
	color: #000000;
}

.thrColFixHdr #sidebar1 li.page_item  a:hover {
	color:#000;
	text-decoration: none;
	border-bottom:1px solid #CC0000;
}

.thrColFixHdr #sidebar1 li.current_page_item { background-color: #F0F0F0; }
/* .thrColFixHdr #sidebar1 ul li ul li.current_page_ancestor { background-color: #00FFFF; } */

/* Rtt mellanrum mellan blocken i Sidomeny */
.thrColFixHdr #sidemenucont, .thrColFixHdr #sidemenucont2, .thrColFixHdr #sidemenuabout, .thrColFixHdr #sidemenukat {margin-bottom:10px;}
.thrColFixHdr #sidemenucont ul, .thrColFixHdr #sidemenucont2 ul, .thrColFixHdr #sidemenuabout ul, .thrColFixHdr #sidemenukat ul {list-style-type: none; padding: 0; margin: 0; }
.thrColFixHdr #sidemenucont li {background-image: url(/bilder/kalender.gif); background-repeat: no-repeat; padding-left: 15px;}
.thrColFixHdr #sidemenucont2 li {background-image: url(/bilder/arkiv.jpg); background-repeat: no-repeat; padding-left: 15px;}
.thrColFixHdr #sidemenuabout li {background-image: url(/bilder/about_b.png); background-repeat: no-repeat; padding-left: 15px;}
.thrColFixHdr #sidemenukat li {background-image: url(/bilder/notebook.jpg); background-repeat: no-repeat; padding-left: 15px;}

/* ------ 7. Main content --------------------------------------------------------------------------- */
.thrColFixHdr #mainContent { /* ------ mainContent, for 3 cols ------ */
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 15px 20px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:100%;
}
.thrColFixHdr #wainContent { /* ------ wainContent, for 2 cols ------ */
	margin: 0 287px 0 0;
	padding:  0 60px 0 40px; 
	min-height: 400px;
}
.thrColFixHdr #wideContent { /* ------ wideContent, for 2 cols with tex carousel------ */
	width: 552px; margin: 0; padding:0 5px 15px 0; float:left;}

.thrColFixHdr #mainContent,
.thrColFixHdr #wainContent p, .thrColFixHdr #wideContent,
.thrColFixHdr #sidebar2 p,
.thrColFixHdr #sidebar1 p,
.thrColFixHdr #widebar2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;line-height:1.4;
}
.thrColFixHdr #mainContent a:visited, .thrColFixHdr #wainContent a:visited, .thrColFixHdr #sidebar2 p a:visited, .thrColFixHdr #sidebar1 p a:visited, .thrColFixHdr #widebar2 a:visited, .thrColFixHdr #wideContent a:visited{
	color: #669900;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF
}

.thrColFixHdr #mainContent a:link,
.thrColFixHdr #mainContent a:active,
.thrColFixHdr #wainContent a:link,
.thrColFixHdr #wainContent a:active,
.thrColFixHdr #wideContent a:link,
.thrColFixHdr #wideContent a:active,
.thrColFixHdr #sidebar2 p a:link,
.thrColFixHdr #sidebar1 p a:link,
.thrColFixHdr #widebar2 a:link {
	border-bottom-width: 0px;
	color: #669900;
	text-decoration: none;
}
.thrColFixHdr #mainContent a:hover,
.thrColFixHdr #wainContent a:hover,
.thrColFixHdr #wideContent a:hover,
.thrColFixHdr #sidebar2 p a:hover,
.thrColFixHdr #sidebar1 p a:hover,
.thrColFixHdr #widebar2 a:hover{
	color: #669900;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom: 1px solid #CC0000;
}
.thrColFixHdr #mainContent h1,
.thrColFixHdr #wainContent h1,
.thrColFixHdr #wideContent h1 {
	margin-top:0px;
	padding-bottom: 4px;
	font-size: 1.5em;
	color: #6D7F4D;
	font-family: Arial, Helvetica, sans-serif;
}
.thrColFixHdr #mainContent h1 a:hover,
.thrColFixHdr #wainContent h1 a:hover,
.thrColFixHdr #wideContent h1 a:hover {
	color: #669900;
	text-decoration: none;
}
.thrColFixHdr #mainContent h2,
.thrColFixHdr #wainContent h2,
.thrColFixHdr #wideContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #6D7F4D;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	}

.thrColFixHdr #widebar2 h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	margin: 0px;
	padding-bottom: 4px; 
	}
.thrColFixHdr #widebar h3, .thrColFixHdr #sidebar2 h3 {font-size: 1.0em;margin-top:0px;color:#fff;text-align:left;padding-left:5px;background:url(/bilder/bgw_green.jpg);}
	
.thrColFixHdr #mainContent h2 a,
.thrColFixHdr #wainContent h2 a,
.thrColFixHdr #wideContent h2 a,
.thrColFixHdr #widebar2 h2 a  {
	color: #6D7F4D;
	text-decoration: none;
	}
.thrColFixHdr #mainContent h2 a:hover,
.thrColFixHdr #wainContent h2 a:hover,
.thrColFixHdr #wideContent h2 a:hover,
.thrColFixHdr #widebar2 h2 a:hover {
	text-decoration: none;
	border-bottom: 1px solid #CC0000;
	}
.thrColFixHdr .bildtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	font-style: none; */
	color: #999999;
}
.thrColFixHdr .bildtext A:link {
	color: #669900;
	text-decoration: none;
}
.thrColFixHdr .bildtext A:visited,
.thrColFixHdr .bildtext A:active {
	color: #6D7F4D;
	text-decoration: none;
}
.thrColFixHdr .bildtext A:hover {
	color: #669900;
	text-decoration: none;
	border-bottom: 1px solid #CC0000;
}

h3 {font-size: 1.2em;}

.thrColFixHdr #print-cont {}
.thrColFixHdr #skriv-ut{ float:left;}
.thrColFixHdr #uppdaterad{ float:right;}

/* ------ 8. Front ----------------------------------------------------------------------------- */
.thrColFixHdr #frontmainContent { /* ------ frontmainContent, for 2 cols ------ */
	margin: 0 0 0 214px; /* vnstermarginalen p detta div-element skapar kolumnen nedt till vnster p sidan. Oavsett hur mycket innehll sidebar1 div innehller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna marginal om du vill att texten i #mainContent div ska fylla #sidebar1-utrymmet nr innehllet i #sidebar1 tar slut. */
	padding: 0 20px; /* kom ihg att utfyllnaden r utrymmet inuti div-rutan och marginalen r utrymmet utanfr div-rutan */
	font-size: 11px;
}
.thrColFixHdr #frontImage { float:left;width:552px;}

.thrColFixHdr .panel-text A:link, .thrColFixHdr #frontImage A:visited, .thrColFixHdr #frontImage A:active  {
	color: #669900;
	text-decoration: none;
}
.thrColFixHdr .panel-text A:hover {	
	color: #669900;
	text-decoration: none;
	border-bottom: 1px solid #CC0000;}

.thrColFixHdr #frontbyImage { 
 float:right;
 background: #f0f0f0;
 padding:5px;
 text-align:left;
 width:100%;
 }
.thrColFixHdr #frontsidebar { /* ------ 2col setup ------ */
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*	background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px 19px;
}
.thrColFixHdr .sidetexture { /* ------ texture in frontsidebar ------ */
/*	background: url(http://www.helsjon.fhsk.se/bilder/boxes.jpg) repeat-x scroll left top; */
	 border:1px solid #727A83;
	 background: #f0f0f0;
}

.thrColFixHdr #sidevote { /* ------ for WP-Polls ------ */
	 border:1px solid #727A83;
	 background: #f0f0f0;
}

.thrColFixHdr #sidevote a:link, .thrColFixHdr #sidevote a:visited, .thrColFixHdr #sidevote a:active, .thrColFixHdr #sidevote a:hover {
	color: #000;
	text-decoration: none;
}

.thrColFixHdr #sidevote h2 {font-size:12px;margin:0;padding-bottom:4px;}

.thrColFixHdr .texture { /* ------ texture in boxes frontpage ------ */
}
.thrColFixHdr #frontsidebar h3, .thrColFixHdr #sidebar2 h3 {font-size: 1.0em;margin-bottom:5px;color:#fff;text-align:left;padding-left:5px;margin-top:0px;background:url(/bilder/bgw_green.jpg);}

.thrColFixHdr #column h2 {font-size: 1.0em;margin-bottom:5px;color:#fff;text-align:left;margin-top:0px;padding:2px 0 2px 5px;
/* background:url(/bilder/bgw_green.jpg); */
background:url(/bilder/bg_bar3.gif);
}
.thrColFixHdr #boxes {width:100%;float:left; }
.thrColFixHdr #topbox {clear:both;overflow:hidden;width:100%;padding-top:1px;padding-bottom:15px;}
.thrColFixHdr #bottombox {clear:both;overflow:hidden;width:100%;padding-bottom:20px;}
.thrColFixHdr #box1, #box4{width:174px; float:left;display:inline;padding-right:15px;} /* Left */
.thrColFixHdr #box2, #box5{width:174px; float:left;display:inline;padding-right:15px;} /* Middle */
.thrColFixHdr #box3, #box6{width:174px; float:left;display:inline;} /* Right */ 

.thrColFixHdr #boxes h3 {font-size: 1.0em;margin:0px;padding-top:0px;color:#fff;text-align:right;padding-right:15px;background:url(/bilder/bg_news.jpg) no-repeat;}
.thrColFixHdr #boxes p { padding:0px;display:inline;}

.thrColFixHdr #boxes h2 { font-size:12px;margin:0;padding-top:5px; }

.thrColFixHdr #boxes h2 A:hover, .thrColFixHdr #boxes p A:hover {
	text-decoration: underline;
	color: #666666;
}
.thrColFixHdr #boxes h2 A:link, .thrColFixHdr #boxes p A:link,
.thrColFixHdr #boxes h2 A:visited, .thrColFixHdr #boxes p A:visited,
.thrColFixHdr #boxes h2 A:active, .thrColFixHdr #boxes p A:active {
	text-decoration: none;
	color: #669900;
}

/* ------ 9. Bottom section (footer) ---------------------------------------------------------------- */

.thrColFixHdr #footer {
	padding: 0 10px 0 20px; 
	background-image: url(/bilder/bg_bot3.gif); /* bc addition */
	background-repeat: no-repeat; /* bc addition */
}
.thrColFixHdr #footer p {
	margin: 0; 
	padding: 9px 0 8px 0; 
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

.thrColFixHdr #footer p  A:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.thrColFixHdr #footer p A:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.thrColFixHdr #footer p A:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.thrColFixHdr #footer p A:hover {
	color:#EFEFEF;
	text-decoration: none;
	border-bottom:1px solid #CC0000;
}

div#footerwrap {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	background-color:#666666;  
	height:420px; 
/*	border-top:1px solid #333333; */
	border-top:4px solid #A3D175;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.4;
}
.clear {clear:both;}

div#footerwrap ul {text-align:left;list-style-type: none; padding: 0; margin: 0; }
div#footerwrap ul :link {text-decoration: none;color: #66CC00;}        
div#footerwrap ul :active {text-decoration: none;color: #66CC00;}        
div#footerwrap ul :hover {color:#66CC00; text-decoration: none; border-bottom:1px solid #CC0000;}
div#footerwrap ul :visited {text-decoration: none;color: #66CC00;}        

.thrColFixHdr #inside{
	display:block;
	margin:0 auto;
	padding:0;
	width:960px;
	}
div#inside h4 {
	margin: 7px 0 3px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #66CC00; 
	text-align:left;
}

div#inside h4 a { color: #1a77a7; }

div#inside div.container {
	border-right:1px solid #C9CFCF;
	float:left;
	margin:0 30px 0 0;
	min-height:71px;
	padding:0;
	position:relative;
	width:216px;
}
div#inside div.container.last {
	float: right;
	margin: 0;
	width: 217px;
	border: none;
}

div#inside div.container p {
/*	width: 190px; */
	text-align:left;
}
div#inside div.container p :link {text-decoration: none;color: #66CC00;}        
div#inside div.container p :active {text-decoration: none;color: #66CC00;}        
div#inside div.container p :hover {	color:#66CC00; text-decoration: none; border-bottom:1px solid #CC0000;}
div#inside div.container p :visited {text-decoration: none;color: #66CC00;}        

/* ------ 10. Misc Content --------------------------------------------------------------------------- */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#photoalign {
	position:relative;
	top:167px;
}

#textalign {
	position:relative;
	top:192px;}

.imgfront {
	border: 0px;
 }
 
.imgmain {
	border: 0px;
	padding-bottom: 22px;
 }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.frontleft {padding-left:15px;}
img.rss {padding-left:5px;padding-bottom:5px;}
.alignright {float: right;}
.alignleft {float: left	}

.navigation {
	display: block;
	text-align: center;
	padding-bottom: 30px;
	}

.navigation-gallery {
	display: block;
/*	text-align: center; */
	padding: 3px 5px 3px 5px;
	background-color:#f1f1f1;
	}


img.wp-smiley {border: 0;}

.myicons {border: 0px; padding-right: 3px;}

.commentlist li { background: #fff; padding: 5px;}
.commentlist li.alt { background: #f1f1f1; padding: 5px;}

p.gra {background-color:#f1f1f1;}
	
table.kursgard {padding-top: 10px;}

.wp-caption {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	margin:10px;
	padding-top:4px; 
	text-align:center;
}
img.attachment-full, img.attachment-medium{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	margin:10px;
	padding-top:4px; 
	text-align:center;
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:4px 4px 5px;
}
img.attachment-full, img.attachment-medium{
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:4px 4px 5px;
}

/* ------ 11. Menu Tabs ------------------------------------------------------------------------------ */

/* ------ Tabs common properties  ------ */
.maintab1, .maintab2, .maintab3, .maintab4, .maintab5, .maintab6, .maintab7{
	background-repeat: no-repeat;
	background-position:bottom;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.subtab1, .subtab2, .subtab3, .subtab4, .subtab5, .subtab6, .subtab7{
	background-repeat: no-repeat;
	background-position:bottom;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.subtab1 :link, .subtab1 :visited, .subtab1 :active{color:#000; text-decoration: none; }
.subtab1 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000; }
.subtab2 :link, .subtab2 A:visited, .subtab2 :active{color:#000; text-decoration: none; }
.subtab2 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000;}
.subtab3 :link, .subtab3 A:visited, .subtab3 :active{color:#000; text-decoration: none; }
.subtab3 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000;}
.subtab4 :link, .subtab4 :visited, .subtab4 :active{color:#000; text-decoration: none; }
.subtab4 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000;}
.subtab5 :link, .subtab5 :visited, .subtab5 :active{color:#000; text-decoration: none; }
.subtab5 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000;}
.subtab6 :link, .subtab6 :visited, .subtab6 :active{color:#000; text-decoration: none; }
.subtab6 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000;}
.subtab7 :link, .subtab7 :visited, .subtab7 :active{color:#000; text-decoration: none; }
.subtab7 :hover{color:#000; text-decoration: none; border-bottom:1px solid #CC0000;}

/* ------ Tabs uniqe properties  ------ */

.maintab1 {	background-image:url(/bilder/headtab1.jpg);	width: 51px; }
.maintab2 {	background-image:url(/bilder/headtab2.jpg);	width: 93px;}
.maintab3 {	background-image:url(/bilder/headtab3.jpg);	width: 78px;}
.maintab4 {	background-image:url(/bilder/headtab4.jpg);	width: 99px;}
.maintab5 {	background-image:url(/bilder/headtab5.jpg);	width: 51px;}
.maintab6  {	background-image:url(/bilder/headtab6.jpg);	width: 73px;}
.maintab7 {	background-image:url(/bilder/headtab7.jpg);	width: 51px;}

.subtab1 { 	background-image:url(/bilder/subtab1.jpg); width:51px; 	}
.subtab2 { 	background-image:url(/bilder/subtab2.jpg); width:93px; 	}
.subtab3 { 	background-image:url(/bilder/subtab3.jpg);	width:78px;	}
.subtab4 { 	background-image:url(/bilder/subtab4.jpg);	width:99px;	}
.subtab5 { 	background-image:url(/bilder/subtab5.jpg);	width:51px;	}
.subtab6 { 	background-image:url(/bilder/subtab6.jpg);	width:73px;	}
.subtab7 { 	background-image:url(/bilder/subtab7.jpg);	width:51px;	}

/* ------ 12. Rutor ----------------------------------------------------------------------------------- */
/*  .position {position: relative; top:270px; left:0;}  */
.t {
	background: url(/bilder/dot2.gif) 0 0 repeat-x;
	width: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.t-pos {margin-bottom:20px;}
.t a:link {color: #669900; text-decoration: none;}
.t a:visited {text-decoration: none; color: #669900;}
.t a:hover {color: #669900; text-decoration: none; border-bottom: 1px solid #CC0000;}
.t a:active {text-decoration: none; color: #669900;}
.b {background: url(/bilder/dot2.gif) 0 100% repeat-x;}
.l {background: url(/bilder/dot2.gif) 0 0 repeat-y; }
.r {background: url(/bilder/dot2.gif) 100% 0 repeat-y;}
.bl {background: url(/bilder/bl2.gif) 0 100% no-repeat;}
.br {background: url(/bilder/br2.gif) 100% 100% no-repeat;}
.tl {background: url(/bilder/tl2.gif) 0 0 no-repeat;}
.tr {background: url(/bilder/tr2.gif) 100% 0 no-repeat; /* padding-bottom:3px; */ padding:10px;}
.tr h1 {font-size: 1.2em; color: #000000; font-family: Arial, Helvetica, sans-serif; margin-top:0px;}
.tr h2 {font-size: 1.2em; color: #669900; font-family: Arial, Helvetica, sans-serif; margin-top:0px; }

.tr h2 a:visited {
	color: #669900;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF
}

.tr h2 a:link, .tr h2 a:active {
	border-bottom-width: 0px;
	border-bottom-color: #FFFFFF;
	color: #669900;
	text-decoration: none;
}

.tr h2 a:hover {
	color: #669900;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom: 1px solid #CC0000;
}

/* ------ 13. Listor ---------------------------------------------------------------------------------- */

ul {list-style-type: none; padding: 0; margin: 0; }
li.blog {background-image: url(/blog/wp-content/uploads/icons/monster_sm.jpg); background-repeat: no-repeat; padding-left: 15px; padding-bottom: 5px;}
li.newsfront {background-image: url(/blog/wp-content/uploads/icons/date_sm.jpg); background-repeat: no-repeat; padding-left: 15px; padding-bottom: 5px;}
li.arkiv {background-image: url(/bilder/kalender.gif); background-repeat: no-repeat; padding-left: 15px;  padding-left: 15px; padding-bottom: 5px;}
li.inline {display: inline; padding-left: 3px; padding-right: 7px; }
#archive ul li {background-image: url(/bilder/mini-archive.gif); background-repeat: no-repeat; /* padding-left: */}
li.categories { background-repeat: no-repeat;  padding-bottom: 5px;}

#listor ul, #listor li {list-style-type:disc;margin-left: 15px;}

div.hr { color: #cccccc; border-top: 1px solid #cccccc; margin: 15px 0px;}
div.hr2 { color: #cccccc; border-top: 1px solid #cccccc; margin: 7px 0px;}
div.hr3 { color: #cccccc; border-top: 1px solid #cccccc; margin: 7px 0 15px 0;}
div.hr4 { color: #cccccc; border-top: 1px solid #cccccc; margin: 15px 0 7px 0;}
div.hr hr {display: none;}

#front ul{list-style-type: none; padding: 0; margin: 0; }

#frontsidebar ul, #sidebar2 ul {list-style-type: none; padding: 0; margin: 0; }
#frontsidebar ul li, #sidebar2 ul li {list-style-type: none; margin:0;	margin-bottom: 15px;}
#frontsidebar ul li li, #sidebar2 ul li li {list-style-type: none; padding:0; margin-bottom: 0px;} 
/* #frontsidebar ul li ul li{margin-right:5px;} */

/* -----  Sidmenu ----- */
.thrColFixHdr #sidebarmenu p a:hover{border-bottom:none;text-decoration:none; }
#sidebarmenu ul li {	list-style-type: none;	list-style-image: none;	margin-bottom: 15px;	}
#sidebarmenu ul, #sidebarmenu ul ol {margin: 0;	padding: 0;	}
#sidebarmenu ul ul ul, #sidebarmenu ul ol {	margin: 0 0 0 10px;}
ol li, #sidebarmenu ul ol li {	list-style: decimal outside;}
#sidebarmenu ul ul li, #sidebarmenu ul ol li {	margin: 3px 0 0;padding: 0;	}
#sidebarmenu h3 {font-size: 1.0em;margin-bottom:5px;color:#fff;text-align:left;padding-left:5px;margin-top:0px;background:url(/bilder/bg_green_bar.jpg);}

/* ------ 14. Forms Dropdowns Buttons ----------------------------------------------------------------------- */
input.nyhetsbrev { margin-top:5px; height:18px; width:85%; }
.knapp {margin-top:10px;margin-bottom:5px;font-size: 11px;font-family: Arial, Verdana, Helvetica, sans-serif;}
select {width: 185px;}
form#kurs {padding:5px;margin:0; padding-top:0;} 
form.drop {padding:5px;margin:0; padding-top:0;} 
form#catform5, form#catform9, form#catform10, form#catform75 {padding:5px;margin:0; padding-top:0;} 
form#search {padding:5px;margin:0; padding-top:0;} 
form#cse-search-box {padding:5px;margin:0; padding-top:0;}
form.cse-search-box {padding:5px;margin:0; padding-top:0;}
form#nyhetsbrev {padding-left:5px;margin:0; padding-top:0;}
form.wp-polls-form{padding-bottom:5px;margin:0;}
.Buttons {padding-top:5px;}

/* ------ 15. Plugins ----------------------------------------------------------------------- */
/* ------ Mailpress --------------------------------- */
.MailPressFormSubmit {margin:0;padding:0;margin-top:10px;margin-bottom:5px;font-size: 11px;font-family: Arial, Verdana, Helvetica, sans-serif;}
.MailPressFormEmail {margin:0 0 5px 0; padding:0;} /* not consistent ie - firfox  */
.MailPressFormName {margin:0; padding:0;}
.mp-form {margin:0; padding-top:0;}
div.mp-container {margin:0; padding:0;padding-left:5px;}
div.mp-formdiv {margin:0; padding:0;} 
div.MailPress div.mp-container, div.MailPress div.mp-formdiv { 	position:relative; } 
div.MailPress div.mp-loading, div.MailPress div.mp-message  {position:absolute;	opacity:0; }
/* ---------------------------------------------------------------------------------------------- */