/* ============ Start of SpryTabbedPanels.css ============ */
@charset "UTF-8";

.TabbedPanels {
	margin: 10px 0px 0 0;
	padding: 0px;
	float: left;
	clear: none;
	width: 250px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 1.2em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#000;
}


.TabbedPanelsTabHover {
	background-color: #CCC; color:#666; text-decoration: underline;
}

.TabbedPanelsTabSelected {
	background-color: #1A181D;
	border-bottom: 1px solid #1A181D;
	color:#FFF;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border: solid 1px #CCC;
	background-color: #FFF;
	margin-bottom:10px;
	line-height:1.9em;
	font-size:1.0em;
}
.TabbedPanelsContentGroup h1 { margin:2px 0; font-size:1.3em; font-weight:bold; padding:0; color:#666; }

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/*
     FILE ARCHIVED ON 02:31:54 Nov 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:27:23 Nov 24, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of SpryTabbedPanels.css ============ */

/* ============ Start of blog.css ============ */
  /*
 *	@author	Roberth Björk
 *  @company idocode.se
 *	@date		2010-12-26
 *  @description stylesheet for cBlog
 */
body { 
	background-color:#fff; 
	font-family: Verdana, Sans , Tahoma;
}

.cke_editor { width:670px; }

.colPost { text-transform: capitalize; }

.blogAltMenuBox { position:absolute; left: 745px; width:200px; margin-top:18px; }
.blogMenuSpacer { margin:42px 0; padding:10px 20px; border-top:1px solid #ccc; }
.icon_blog { background: url("https://images.staticjw.com/gal/3509/blog_note_2.png") no-repeat scroll left top transparent; }
.icon_blog  {padding:40px 0 15px 140px; margin-left:5px;}
h1.icon_blog { margin:0px; }

.blogTaskDone { height: 50px; margin:0px 10px 200px 10px; }
.blogTaskDone p { margin:15px 130px; }
.blogTaskDone p a { font-size:14px; color:#fff; }
.blogData {
margin:0 0 30px 0;
border-bottom:1px groove #cccccc;
}
.blogData img { max-width:450px; }
h2.blogArchiveTitle { padding:20px 0 0 0; }
h3.blogDateTitle {color: #999999;
    font: 78%/1.4em Verdana,Sans,Tahoma;
    letter-spacing: 0.2em;
    margin: 1.5em 0 0.75em;
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
    }

p.postedByOnTime {  color: #999999; margin: -0.25em 0 0; }    

.blogTitle 		{
    color: #999999;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.4em;
    margin-bottom: 10px;
    padding: 5px 0 5px 0;
    letter-spacing: 0.2em;
    margin: 1.5em 0 0.75em;
    /*text-transform: uppercase;*/
}
#information_text h2.blogTitle { font-size: 1.7em; color:#444444; }

h2.blogTitle a { text-decoration: none; } 

.blogDate 		{
	font-size: 10px;
	padding:10px 0 0;
}

.blogContent 	{
	font-size: 12px;
	width:488px;
}

.blogPostList , .blogUList { list-style:none;  }
.blogUList li { margin:5px 0; }

.blogPostList li { margin:10px 0;display:block; padding:10px 0 10px 10px; width:300px; border-bottom:1px dashed #333; }
.blogPostList li a { text-decoration:none; }
.blogPostList li p { padding:5px 0; }
.blogPostList li p.readMore { padding:5px 0; text-decoration:underline; }
.addThisToolbox { padding:10px 0 20px 20px; }

.field { display:block; margin:20px 25px; }
.field label { font-size:13px; line-height:23px; }
.contentfield { width: 508px; }
.tTitle { width:300px; height:20px; }
.right { float:right; }
.dateformat { font-size:9px; }
.button input { background-color:#fff; border:1px solid #333; }

ul.list { margin:20px; list-style:none; border:1px double #333; padding:5px 10px; width:500px; }
ul.list li { display:inline; margin:0 5px 0 0 ;  }

/*
      BLOG 
 */
 input.tTitle { width:400px; }
 input#tStart,input#tStop { width:80px; }
#selected_result { border:2px solid #FFFEF3; }
.selected_catbox { border:2px solid #FFFEF3; } 
 
 
/*
      COMMENTS
 */
#comments {  }
.commentBox {
  width:300px;
  margin:0 20px;
}
.commentTable {
  background-color:#ccc;
}
td.commentDate {
  font-size:8px;
}
td.commentName {
  font-size:10px;
}
.commentText {
  font-size:12px;
  margin:0px 25px;
}
.close-win { float:right; }
.frmAddComment { padding:10px 0 20px 20px; }
#frmAddComment { background: transparent url('https://images.staticjw.com/gal/4666/cmntfrmbg.png') top left no-repeat; padding:5px 0; }
.comment { border-bottom:1px solid #cccccc; padding:10px 0; margin:0 0 10px 0; }
dt.commentName, dt.commentDate { float:left; width:250px; }
div.commentName, div.commentDate { float:left; }
div.commentDate { clear:right; }
div.commentText { clear:both; }
.cornerDisclaimer { 
    display: block;
    float: right;
    left: 220px;
    position: relative;
    width: 200px;
}

label.error { float:left; position:relative; }

.actions {
  height:10px;
  padding:10px 20px;
  margin-bottom:20px;
  clear:both;
  background-color:#EFECCA;
}
.cmtleftCol, .cmtrightCol { float:left; }
.cmtrightCol { width:200px; padding:5px; }
.cmtrightCol h3 { padding:5px 0;}
.clear { clear:both; line-height: 0px; }
ul.blogsFrontPageList {
  line-height: 1.3em;
}
ul.blogsFrontPageList li, ul.blogsFrontPageList li h3 {
   margin:4px 0 5px 0;
}
ul.blogsFrontPageList li h3 { line-height: 16px;}

ul.blogsFrontPageList li h3 a.topicUrl { font-size:13px; color:#000000; text-decoration: none; }
ul.blogsFrontPageList li p.readMore {
  margin:10px 0;
}

ul.blogsFrontPageList li p.readMore a {
  text-decoration: none;
  color:#3B5998;
}
ul.blogsFrontPageList li a.plink {
  text-decoration:none;
  color:#222222;
}
ul.blogsFrontPageList li a.plink:hover {
  text-decoration:none;
  color:#3B5998;
}

ul.blogsFrontPageList li a.readMore {
  display:inline;
  text-decoration: none;
  color:#3B5998;
  font-style:italic;
}

.tabbedPanelBlog {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    clear: both;
    font-size: 1em;
    line-height: 1.9em;
    margin-bottom: 10px; 
}
.tabbedPanelsTabSelectedBlog {
    background-color: #1A181D;
    border-bottom: 1px solid #1A181D;
    color: #FFFFFF;
}
.tabbedPanelsTabSelectedBlog a { text-decoration: none; color:#111111; }
.tabbedPanelsTabSelectedBlog a:hover { text-decoration: underline; color:#444444; }
.tabbedPanelsContentBlog {
    padding: 4px;
}
.tabbedPanelsTabGroupBlog {
    margin: 0;
    padding: 0;
}
.tabbedPanelsBlog {
    clear: none;
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    width: 250px;
}
.tabbedPanelsBlogTab {
    -moz-user-select: none;
    background-color: #DDDDDD;
    border: 1px solid #CCCCCC;
    color: #000000;
    cursor:text;
    float: left;
    font: bold 1.2em sans-serif;
    list-style: none outside none;
    margin: 0;
    /*padding: 4px 64px;*/
     padding: 4px 20px 4px 10px;
     width:218px;
    position: relative;
    top: 1px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.tabbedPanelsContentGroupBlog {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    clear: both;
    font-size: 1.1em;
    line-height: 1.9em;
    margin-bottom: 10px;
}
.tabbedPanelsContentBlog img { max-width:240px; padding:0 0 10px 0; }
  input.error { border: 1px solid red; }
  label.error {
    background: url('') no-repeat;
    padding-left: 16px;
    margin-left: .3em;
  }
  label.valid {
    background: url('') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
  }

/*
   IDOCODE.se
 */
/*
     FILE ARCHIVED ON 04:22:28 Nov 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:27:25 Nov 24, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of blog.css ============ */

/* ============ Start of SpryMenuBarVertical.css ============ */
@charset "UTF-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin:0; 
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 8em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: https://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 18.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 18.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	/*border: 1px solid #CCC;*/
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;*/
}
ul.MenuBarVertical ul a
{
background-color: #FFF;
	padding: 0.2em 0.75em;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #6196D1;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #6196D1;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(https://images.staticjw.com/gal/3757/sprymenubarright.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(https://images.staticjw.com/gal/8241/sprymenubarrighthover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}



/*
     FILE ARCHIVED ON 00:04:51 Nov 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:27:29 Nov 24, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of SpryMenuBarVertical.css ============ */

/* ============ Start of SpryMenuBarVerticalArticle.css ============ */
@charset "UTF-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVerticalArticle
{
	margin:0; 
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 130px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: https://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActiveArticle
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVerticalArticle li
{
	margin: 0;
	padding: 8px 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 130px;
	font-weight:bold;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVerticalArticle ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 20.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVerticalArticle ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVerticalArticle ul li
	{
	padding: 0;
	width: 20.2em;
	font-weight:normal;
	}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVerticalArticle
{
	/*border: 1px solid #CCC;*/
}
/* Submenu containers have borders on all sides */
ul.MenuBarVerticalArticle ul
{
	border: 1px solid #CCC;
}

.catgroup {color:#6196D1; font-weight:bold;	padding: 5px 0.75em 1px;display: block;background-color: #fff;}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVerticalArticle a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;*/
}
ul.MenuBarVerticalArticle ul a
{
background-color: #FFF;
	padding: 1px 0.75em;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVerticalArticle a:hover, ul.MenuBarVerticalArticle a:focus
{
	background-color: #6196D1;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVerticalArticle a.MenuBarItemHover, ul.MenuBarVerticalArticle a.MenuBarItemSubmenuHover, ul.MenuBarVerticalArticle a.MenuBarSubmenuVisible
{
	background-color: #6196D1;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenuArticle and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVerticalArticle a.MenuBarItemSubmenuArticle
{
	background-image: url(https://images.staticjw.com/gal/8201/sprymenubarright.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVerticalArticle a.MenuBarItemSubmenuHover
{
	background-image: url(https://images.staticjw.com/gal/4960/sprymenubarrighthover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVerticalArticle iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVerticalArticle li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}



/*
     FILE ARCHIVED ON 02:54:35 Nov 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:27:31 Nov 24, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of SpryMenuBarVerticalArticle.css ============ */

/* ============ Start of Inline Styles ============ */

	@import "20170604120229cs_/https://galleria180.se/css/icon_screen.css";


/* ============ End of all screen ============ */
.icon_1{background: url(https://images.staticjw.com/gal/9353/icon_1.gif) no-repeat left 0px; }
.icon_2{background: url(https://images.staticjw.com/gal/8675/icon_2.gif) no-repeat left 0px; }
.icon_3{background: url(https://images.staticjw.com/gal/7309/icon_3.gif) no-repeat left 0px; }
.icon_4{background: url(https://images.staticjw.com/gal/1741/icon_4.gif) no-repeat left 0px; }
.icon_5{background: url(https://images.staticjw.com/gal/4149/icon_5.gif) no-repeat left 0px; }
.icon_6{background: url(https://images.staticjw.com/gal/5023/icon_6.gif) no-repeat left 0px; }
.icon_7{background: url(https://images.staticjw.com/gal/9164/icon_7.gif) no-repeat left 0px; }
.icon_8{background: url(https://images.staticjw.com/gal/8114/icon_8.gif) no-repeat left 0px; }
.icon_9{background: url(https://images.staticjw.com/gal/6112/icon_9.gif) no-repeat left 0px; }
.icon_10{background: url(https://images.staticjw.com/gal/5009/icon_10.gif) no-repeat left 0px; }
.icon_11{background: url(https://images.staticjw.com/gal/5013/icon_11.gif) no-repeat left 0px; }
.icon_12{background: url(https://images.staticjw.com/gal/7987/icon_12.gif) no-repeat left 0px; }
.icon_13{background: url(https://images.staticjw.com/gal/9017/icon_13.gif) no-repeat left 0px; }
.icon_14{background: url(https://images.staticjw.com/gal/5065/icon_14.gif) no-repeat left 0px; }
.icon_15{background: url(https://images.staticjw.com/gal/7525/icon_15.gif) no-repeat left 0px; }
.icon_16{background: url(https://images.staticjw.com/gal/6424/icon_16.gif) no-repeat left 0px; }
.icon_17{background: url(https://images.staticjw.com/gal/3894/icon_17.gif) no-repeat left 0px; }
.icon_18{background: url(https://images.staticjw.com/gal/1129/icon_18.gif) no-repeat left 0px; }
.icon_19{background: url(https://images.staticjw.com/gal/7081/icon_19.gif) no-repeat left 0px; }
.icon_20{background: url(https://images.staticjw.com/gal/6553/icon_20.gif) no-repeat left 0px; }
.icon_21{background: url(https://images.staticjw.com/gal/8814/icon_21.gif) no-repeat left 0px; }
.icon_22{background: url(https://images.staticjw.com/gal/2031/icon_22.gif) no-repeat left 0px; }
.icon_23{background: url(https://images.staticjw.com/gal/2324/icon_23.gif) no-repeat left 0px; }
.icon_24{background: url(https://images.staticjw.com/gal/3675/icon_24.gif) no-repeat left 0px; }
.icon_25{background: url(https://images.staticjw.com/gal/4134/icon_25.gif) no-repeat left 0px; }
.icon_26{background: url(https://images.staticjw.com/gal/9869/icon_26.gif) no-repeat left 0px; }
.icon_27{background: url(https://images.staticjw.com/gal/3585/icon_27.gif) no-repeat left 0px; }
.icon_28{background: url(https://images.staticjw.com/gal/6296/icon_28.gif) no-repeat left 0px; }
.icon_29{background: url() no-repeat left 0px; }
.icon_30{background: url() no-repeat left 0px; }
.icon_31{background: url() no-repeat left 0px; }
.icon_32{background: url() no-repeat left 0px; }
.icon_33{background: url() no-repeat left 0px; }
.icon_34{background: url() no-repeat left 0px; }
.icon_35{background: url() no-repeat left 0px; }
.icon_36{background: url() no-repeat left 0px; }
.icon_37{background: url() no-repeat left 0px; }
.icon_38{background: url() no-repeat left 0px; }
.icon_39{background: url() no-repeat left 0px; }
.icon_40{background: url() no-repeat left 0px; }
.icon_41{background: url() no-repeat left 0px; }
.icon_42{background: url() no-repeat left 0px; }
.icon_96{background: url(https://images.staticjw.com/gal/2511/icon_96.gif) no-repeat left 0px; }
.icon_97{background: url(https://images.staticjw.com/gal/4303/icon_97.gif) no-repeat left 0px; }
.icon_98{background: url(https://images.staticjw.com/gal/9518/icon_98.gif) no-repeat left 0px; }
.icon_99{background: url(https://images.staticjw.com/gal/8300/icon_star.jpg) no-repeat left 0px; }
/* --------Icons --------------*/
.icon_create{background: url(https://images.staticjw.com/gal/8562/admin_create.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_logout{background: url(https://images.staticjw.com/gal/3615/admin_logout.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_page{background: url(https://images.staticjw.com/gal/3927/admin_page.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_sprak{background: url(https://images.staticjw.com/gal/3027/admin_sprak.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_nosprak{background: url(https://images.staticjw.com/gal/7306/admin_nosprak.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_sort{background: url(https://images.staticjw.com/gal/8923/admin_sort.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_delete{background: url(https://images.staticjw.com/gal/4512/admin_delete.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_edit{background: url(https://images.staticjw.com/gal/2959/admin_edit.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_publish{background: url(https://images.staticjw.com/gal/4598/admin_publish.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_nopublish{background: url(https://images.staticjw.com/gal/4585/admin_nopublish.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_detail_2{background: url(https://images.staticjw.com/gal/3953/admin_detail.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_detail_1{background: url(https://images.staticjw.com/gal/4567/admin_nodetail.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_flag_sv{background: url(https://images.staticjw.com/gal/5343/admin_flag_sv.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_flag_en{background: url(https://images.staticjw.com/gal/5644/admin_flag_en.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_flag_fr{background: url(https://images.staticjw.com/gal/9642/admin_flag_fr.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_doc{background: url(https://images.staticjw.com/gal/2064/icon_doc.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_excel{background: url(https://images.staticjw.com/gal/3536/icon_excel.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_image{background: url(https://images.staticjw.com/gal/5648/icon_image.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_movie{background: url(https://images.staticjw.com/gal/8629/icon_movie.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_pdf{background: url(https://images.staticjw.com/gal/3286/icon_pdf.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_word{background: url(https://images.staticjw.com/gal/2397/icon_word.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_network{background: url(https://images.staticjw.com/gal/7272/icon_network.jpg) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_preview{background: url(https://images.staticjw.com/gal/6557/icon_preview.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_arrow_green{background: url(https://images.staticjw.com/gal/9364/arrow_green_small.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_headmenu{background: url(https://images.staticjw.com/gal/3953/admin_detail.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_home{background: url(https://images.staticjw.com/gal/5765/icon_home.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_menu{background: url(https://images.staticjw.com/gal/2702/icon_menu.png) no-repeat left 0px; padding-left:1.5em; height:16px; margin-bottom:0.5em;}
.icon_users{background: url(https://images.staticjw.com/gal/9365/icon_members.png) no-repeat left 0px; padding-left:1.6em; height:16px; margin-bottom:0.5em;}
.icon_refs{background: url(https://images.staticjw.com/gal/4721/icon_refs.png) no-repeat left 0px; padding-left:1.6em; height:16px; margin-bottom:0.5em;}
.icon_rels{background: url(https://images.staticjw.com/gal/9196/icon_boka.png) no-repeat left 0px; padding-left:1.8em; height:18px; margin-bottom:0.5em;}
.icon_back{background: url(https://images.staticjw.com/gal/9940/icon_back.png) no-repeat left 0px; padding-left:5em; padding-top:1em; height:52px; margin-bottom:0.5em;}
.icon_p, .icon_p_small, .icon_v, .icon_v_small, .icon_f, .icon_f_small{padding:0px 0 0px 1.4em; margin:5px 0 7px 0; list-style-type:none; line-height:1.5em;}
.icon_p{background: url(https://images.staticjw.com/gal/4029/icon_p.gif) no-repeat left 0px; }
.icon_v{background: url(https://images.staticjw.com/gal/5501/icon_v.gif) no-repeat left 0px; }
.icon_f{background: url(https://images.staticjw.com/gal/4962/icon_f.gif) no-repeat left 0px; }
.icon_p_small{background: url(https://images.staticjw.com/gal/2870/icon_p_small.gif) no-repeat 4px 5px; }
.icon_v_small{background: url(https://images.staticjw.com/gal/6154/icon_v_small.gif) no-repeat 4px 5px; }
.icon_f_small{background: url(https://images.staticjw.com/gal/1212/icon_f_small.gif) no-repeat 4px 5px; }
.icon_ny{background: url(https://images.staticjw.com/gal/1835/icon_ny.gif) no-repeat left 5px; padding:0 0 0 3px; margin:0 0 0 10px; list-style-type:none;}
.icon_ny2{background: url(https://images.staticjw.com/gal/1835/icon_ny.gif) no-repeat left 2px; padding:0 0 0 18px; margin:0;}

/************************************************spry validation**********************************************************/
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
/**********************************************************************************************************/
@charset "utf-8";

/* CSS Ecoshopping All Screen */

/* -------------------------------------------------------------*/
/* Copyright 2008 - Ecoshopping        		   					*/
/*																*/
/* Produced by Vinces Media AB									*/
/*																*/
/* Domains:														*/
/* www.vincesmedia.com 											*/
/* www.vincesmedia.se 											*/
/* www.vincesmedia.net 											*/
/* www.vincesmedia.org 											*/
/* www.vincesmedia.eu 											*/
/* -------------------------------------------------------------*/


/* Standards ---------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, ul, p, form, input, li { margin:0;padding:0;}

body {
	font-size:62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	}

img { border:none;}

a { color:#444;}
a:hover { color:#6196D1;}

.clear { clear:both;}

.red { color:#FF0000;}

/* Start Topfield ---------------------------------------------------*/



#top {
	height:240px;
	width: 1240px;
	background: url(https://images.staticjw.com/gal/8821/gal_logo_temp.jpg) no-repeat 0px 121px #FFF;
	border-bottom:1px solid #000;
	}

#top h1 { display:none; }

#toprightbox{ position:absolute; top:5px; left:1000px; width:210px; height:181px; overflow:hidden; }
#toprightbox {
	padding:5px 5px 15px 5px;
	background-color:#FFF;
	/*border:#e3e3e4 2px solid;*/
	border:#ccc 1px solid;
	color:#333;
	font-size:1.1em;
	letter-spacing:.05em;
	line-height:1.4em;
	}
#toprightbox ul, li, h4 { margin: 0; padding: 0;  }
#toprightbox h4 { letter-spacing:0em; border-bottom:1px solid #CCC; font-weight:bold; color:#000; margin:-5px -5px 4px; padding:4px 10px; font-size:1em; background-color:#EDEFF4;}/*Grey*/
#toprightbox h5 { letter-spacing:0em; border-bottom:1px solid #CCC; font-weight:bold; color:#fff; margin:-5px -5px 4px; padding:4px 10px; font-size:1em; background-color:#1A181D;}/*Black*/
#toprightbox h6 { letter-spacing:0em; border-bottom:1px solid #CCC; font-weight:bold; color:#FFF; margin:-5px -5px 4px; padding:4px 10px; font-size:1em; background-color:#009EE0;}/*BLUE*/
#toprightbox ul li { margin:6px 0; padding:0 0 6px 0; border-bottom:1px dotted #CCC;list-style-type:none;  font-weight:bold;}


#howmany {
	position: absolute;
	left: 15px;
	top: 85px;
	color: #72b43e;
	font-weight:bold;
	font-style: italic;
	}

#howmany2 {
	margin-bottom:10px;
	color: #333;
	font-weight:bold;
	font-style: italic;
	font-size:11px;
	text-align:center;
	}

/* Huvud meny ---------------------------------------------------*/
#menu_top {
	float:left;
	position: absolute;
	left: 10px;
	top: 215px;
	}

#menu_top li {
	display:inline;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	float: left;
	}

#menu_top a,#menu_top span{
	display:block;
	padding: 0.2em 0.3em;
	margin-left:1em;
	text-decoration:none;
	color:#BA2C85;
	}
#menu_top a:hover,#menu_top span:hover{ text-decoration:underline;}

/* Artiklar roll ---------------------------------------------------*/
#article_roll {
	float:left;
	position: absolute;
	left: 720px;
	top: 130px;
	width:260px;
	height:50px;
	
	font-size:12px;
	/*background-color:#FFC;*/
	}

#article_roll .headline {border-bottom:1px solid #CCC; font-weight:bold; color:#555; margin-bottom:4px; font-size:0.9em}

#article_roll ul,#article_roll li,#article_roll h4 { margin: 0; padding: 0; list-style: none; }
#article_roll a,#article_roll span { text-decoration: none; color: #292929; border:none; }
#article_roll a:hover,#article_roll span:hover { text-decoration: underline;color:#6196D1; }

#article_roll #article_widget {
overflow: hidden;
position: relative;
float: left;
padding: 0px;
background: #fff;
border: none;
height: 32px; /* You should adjust this height for your project. */
min-width: 260px;
margin-bottom:10px;
}

#article_roll #article_widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 10px;
height: 30px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

.icon_rss {
	background-image: url(https://images.staticjw.com/gal/5533/icon_rss.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}

/* Sponsor top -------------------------------------------------*/
#sponsor_top {
	height:120px;
	width: 980px;
	background-color:#1A181D;
	position: absolute;
	left: 0px;
	top: 0px;
	
	}

#page {
	position:relative;
	top: 0px;
	width: 1229px;/*969px*/
	padding:0 5px;
	background-color:#FFF;/*e3e3e4*/
	border-right:1px solid #CCC;
	float:left;
	}

/* Searchbox -------------------------------------------------*/

#searchbox {
	position: absolute;
	left: 730px;
	top: 201px;
	}

#searchbox input {
	width:130px;
	padding:1px 3px;
	font-size:14px;
	background: url(https://images.staticjw.com/gal/3983/bg_form_field.jpg) repeat-x center center;
	border: #CCC 1px solid;
	margin-top:13px;
	margin-left:45px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

#livesearch {
	margin:0px;
	width:1239px; /*979px*/
	z-index:1000;
	position: relative;
	top:0px;
	left:0px;
	display:none;
	background-image: url(https://images.staticjw.com/gal/6360/bg_search_drop.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

#livesearch a{ display:block; padding:2px; text-decoration:underline; margin-bottom:2px; color:#0066FF;}
#livesearch a:hover{color:#003482;}
#livesearch h2 { font-size:1.2em; font-weight:bold; margin-bottom:4px; padding:4px 0 2px 2px; color:#6196D1; border-bottom:1px solid #6196D1;}
#livesearch .resulttable { width:580px; margin:0 10px; float:left; }
#livesearch .resulttable2 { width:300px; margin:0 10px; float:left; }
#livesearch .company { font-size:1.2em; font-weight:bold;}

#searchresult { height:255px; overflow:auto; padding:4px; margin:0 5px 5px 5px; border:2px #6196D1 solid; background: url(https://images.staticjw.com/gal/3983/bg_form_field.jpg) repeat-x center -35px #FFFFFF;}

#searchbox_submit { 
	position:absolute; 
	left:-5px; 
	top:0; 
	text-align:center; 
	font-size:16px; 
	font-weight:bold; 
	z-index:1;
	display:block;
	height:35px;
	width:50px;
	color:#000;
	padding-top:14px;
	/*background: url(https://images.staticjw.com/gal/8475/bg_form_submit.gif) no-repeat left top;*/
	}

#searchclosebutton input{ width:125px; padding:1px; text-align:center;}

/* End Topfield ---------------------------------------------------*/

/* Left column ---------------------------------------------------*/
#start_leftcol{ 
	width:250px;
	float:left;
	margin:5px 5px 10px 2px;
	background-color:#FFF;
	overflow:hidden;
}

/* Left column news---------------------------------------------------*/


.left_column_box {
	margin:10px 0;
	padding:5px 5px 15px 5px;
	background-color:#FFF;
	/*border:#e3e3e4 2px solid;*/
	border:#ccc 1px solid;
	color:#333;
	font-size:1.1em;
	letter-spacing:.05em;
	line-height:1.4em;
	}
.left_column_box ul, li, h4 { margin: 0; padding: 0;  }
.left_column_box h4 {border-bottom:1px solid #CCC; font-weight:bold; color:#333; margin:-5px -5px 4px; padding:8px 5px; font-size:1.2em; background-color:#EDEFF4;}
.left_column_box h4 a{ color:#333;}
.left_column_box h4.blue {  color:#fff;background-color:#1A4D9C;}
.left_column_box h4.blue a { color:#FFF;}
.left_column_box ul li, .newslist li { margin:6px 0; padding:0 0 6px 0; border-bottom:1px dotted #CCC;list-style-type:none;  font-weight:bold;}
.left_column_box a, .newslist a  {
	text-decoration: none;
	color: #3B5998;
	border:none;
}
.newslist { line-height:1.3em;}
.left_column_box a:hover, .newslist a:hover { text-decoration: underline;color:#6196D1; }
.artdate{color: #555; font-size:0.8em; font-weight:normal; }

/* Right column ---------------------------------------------------*/
#sponsor_right{
	width:250px;
	float:right;
	margin:16px 5px 10px 0px;
	}

.annons { padding:2px; text-align:left;}

/* Welcome text ------------------------------------------------*/

#text_welcome {
	font-size:1.1em;
	line-height:1.4em;
	color:#fff;
	text-align: justify;
	padding: 15px;
	background-color:#6196D1;
	border:3px solid #4475B7;
	}

#text_welcome h2 { font-size:1.6em; line-height:1.2em; text-align:left; margin-bottom:5px;}

/* Tävla text ------------------------------------------------*/

#competition {
	font-size:1.1em;
	line-height:1.4em;
	color:#fff;
	text-align: left;
	padding: 10px;
	background-color:#6196d1;
	border:3px solid #4475b7;
	}

#competition h1 { font-size:1.3em; line-height:1.0em; text-align:left; margin-bottom:5px;}
#competition #c_submit {margin-left:55px; padding:2px;}
#competition p { margin:2px 0; clear: both; }
#competition #compete_here{ text-decoration:underline; font-size:12px; font-weight:bold; cursor:pointer; float:right;}
#competition #compete_close{ display:none; text-decoration:underline; font-size:12px; font-weight:bold; cursor:pointer; float:right;}

#comp_form { display:none; overflow:hidden; }
#competition label { width: 50px; float: left; font-weight:bold; font-size:1.2em; text-align:right; margin-right:5px; }
#comp_form label.error { margin-left:50px; float: none; color: white; padding-left: .5em; vertical-align: top; font-size:0.9em; }
.comp_box {padding-bottom:10px;}

#comp_form input, textarea { width:120px;}

textarea#message {width:210px;}


/* Tipsa text ------------------------------------------------*/

#tipsa {
	font-size:1.1em;
	line-height:1.4em;
	color:#fff;
	padding: 15px;
	background-color:#6196D1;
	border:3px solid #4475B7;
	margin-top:10px;
	}

#tipsa h2 { font-size:1.2em; line-height:1.2em; text-align:left; margin-bottom:5px;}


/* Catboxes ----------------------------------------------------*/
#subpage { float:left; width:691px; background-color:#fff; margin:5px; padding:10px 0 0 10px; display:inline;}/*f0f3ed*/

/* Boxes */
.catcolumn { float:left; display:inline;}
.catbox { border:#fff 2px solid; margin:0 5px 5px 0; padding: 2px 5px 10px 5px; width:210px; background-color:#FFFFFF;}/*e3e3e4*/
.catbox h2 { font-size:1.2em;  margin-bottom:0px; padding:5px 0 0px 0px; border-bottom:1px solid #CCCCCC; }

.catbox h2 a { color:#444;}
.catbox h2 a:hover { color:#333;}
.catbox ul {margin-left:0px; }
.catbox li { margin-left:53px; color:#333; }
.catbox li a,.catbox li span { text-decoration:none; display:block; padding:2px; }
.catbox li a:hover, .catbox li .current,.catbox li span:hover { color:#6196D1; background-color:#FFF;  }
.catbox .nodot {margin-left:38px; list-style-type:none;}
/* Selected cat */
.selected_catcolumn { float:left; width:190px; margin-bottom:10px; display:inline;}
.selected_catbox { border:#e3e3e4 2px solid; margin:0 0 5px 0; padding: 2px 5px 10px 5px; background-color:#FFFFFF;}/*e3e3e4*/
.selected_catbox h2 { font-size:1.2em;  margin-bottom:0px; padding:5px 0 0px 0px; border-bottom:1px solid #CCCCCC; color:#444;}
.selected_catbox h2 a { color:#77b24b;}
.selected_catbox h2 a:hover { color:#333;}
.selected_catbox ul {margin-left:0px;  }
.selected_catbox li {  margin-left:53px; color:#333;}
.selected_catbox li a,.selected_catbox li span { text-decoration:none; display:block; padding:2px;}
.selected_catbox li a:hover, .selected_catbox li .current,.selected_catbox li span:hover{ color:#6196D1; background-color:#FFF;  }
.selected_catbox .nodot {margin-left:38px; list-style-type:none;}

#selected_result {float:left; width:475px; border:#e3e3e4 2px solid; margin:0 5px 10px 5px; padding: 2px 5px 10px 5px; background-color:#FFFFFF; display:inline;}/*e3e3e4*/
#selected_result h2 {
	font-size:2em;
	margin-bottom:5px;
	padding:4px 0 3px 0;
	color:#6196D1;
	font-weight: normal;
	letter-spacing: -0.05em;
}

 
#selected_logo { padding:5px 5px 8px 5px; float:left; width:120px; text-align:center; margin-left:2px; color:#666666; display:inline;}
#selected_text { padding:0px 5px 8px 5px; background-color:#FFFFFF; float:left; width:296px; margin-left:5px; color:#666666; font-size:1.2em; line-height:1.4em; display:inline;}
#selected_text h3,#selected_logo h3{ margin-bottom:3px; font-size:1.1em; border-bottom:1px solid #CCCCCC;}
#selected_text ul {margin:8px 0;  }
#selected_text li { list-style-type:none;}
#selected_text li a { color:#0066CC}
#selected_text li a:hover { color:#77b24b}

.table_logo,.table_link { border-top:1px solid #CCCCCC; }
.table_company {border-top:1px solid #CCCCCC; }
.table_company a{ font-size:1.3em;  font-weight:bold; color:#0066FF; }
.table_link li { list-style-type:none; margin-bottom:3px;}

/*Artiklar headlines left*/
#articles_headlines {}
#articles_headlines .headline {border-bottom:1px solid #CCC; font-weight:bold; color:#333; margin:4px 0; font-size:1.2em}

#articles_headlines ul, li, h4 { margin: 0; padding: 0;  }
#articles_headlines ul li { margin:4px 0; padding:0 0 4px 0; border-bottom:1px dotted #CCC;list-style-type:none; font-weight:bold;}
#articles_headlines a { text-decoration: none; color: #292929; border:none; }
#articles_headlines a:hover { text-decoration: underline;color:#6196D1; }


/* Information ---------*/
#information_text { padding:0px 5px 8px 5px; background-color:#FFFFFF; float:left; margin-left:5px; color:#666666; font-size:1.2em; line-height:1.4em; text-align:justify; display:inline;}
#information_text h2{
	font-size:2em;
	line-height:1em;
	margin:10px 0;
	padding:4px 0 3px 0;
	color:#6196D1;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#information_text h4{
	font-size:1.7em;
	line-height:1em;
	margin:10px 0;
	padding:4px 0 3px 0;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#information_text h3{ margin-bottom:3px; font-size:1.1em; }
#information_text p{ margin-bottom:15px; }
.msgsent { 	font-size:1.1em;
	line-height:1.4em;
	color:#fff;
	text-align: center;
	font-weight:bold;
	padding: 15px;
	background-color:#88BF64;
	border:3px solid #77b24b;
	margin-top:15px;}
	
/* Blackbox ----------------------------------------------------*/
.blackbox { float:left; background-color:#1A181D; width:100%; height:150px;}

/* Artiklar ----------------------------------------------------*/
.artcolumn { float:left; display:inline;}
#all_article { float:left; width:691px; background-color:#f0f3ed; margin:5px; padding:10px 0 0 10px; display:inline; color:#72B43E; font-size:1.3em; line-height:1.4em;}
.artdesc { width:669px; border:#e3e3e4 2px solid; margin:0 5px 5px 0; padding: 2px 5px 10px 5px; background-color:#FFFFFF; }
.artdesc h1 { font-size:12px;margin:10px 25px 10px  0; font-weight:normal; color:#666; float:left;}
.darkergrey { color:#6191D1;}

.artdesc ul {margin-left:0px;  }
.artdesc li {  margin-left:53px;  color:#444;}
.artdesc li a { text-decoration:none; display:block; padding:2px;}
.artdesc li a:hover, .selected_catbox li .current { color:#6196D1; background-color:#FFF;  }
.artdesc .nodot {margin-left:38px; list-style-type:none;}

.artbox { border:#e3e3e4 2px solid; margin:0 5px 5px 0; padding: 2px 5px 10px 5px; width:325px; background-color:#FFFFFF; float:left;}
.artbox h1 {
margin-bottom:10px;
}
.artbox h2 {
	font-size:1.3em;
	line-height:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:0px;
	padding:5px 0 5px 0px;
	border-bottom:1px solid #CCCCCC;
	letter-spacing: -0.00em;
	font-weight:normal;
	margin-bottom:10px;
}

.artbox h2 a { color:#444;}
.artbox h2 a:hover { color:#333;}

.artbox ul {margin-left:0px; }
.artbox li {  color:#333;  list-style-type:none; margin-left:5px;}
.artbox li a { text-decoration:none; display:block; }
.artbox li a:hover, .artbox li .current { color:#6196D1; background-color:#FFF;  }
.artbox .source { margin-top:10px; font-style:italic; font-size:0.8em;}
.artbox .readmore { margin:15px 10px 15px 0;  padding-right:10px; ; font-weight:bold; float:right;}

#all_text_start { float:left;   margin:10px 0 0 0;  display:inline; color:#72B43E; font-size:1.0em; line-height:1.4em;}/*background-color:#f0f3ed;padding:10px 0 0 10px;*/
.all_text_start_desc { border:#e3e3e4 1px solid; margin:0 5px 5px 0; padding: 2px 5px 10px 5px; background-color:#FFFFFF; color:#333; }
.all_text_start_desc p { margin-bottom:5px;}
.all_text_start_desc h1 { font-size:12px;margin:10px 25px 10px  0; font-weight:normal; color:#666; float:left;}


/* Bottommenu -------------------------------------------------*/

#bottom_menu { border-top:1px solid #CCC; width: 950px; float:left; padding:15px;}
.bottom_menu_col { float:left; width:225px;}
.bottom_menu_col li{ list-style-type:none; margin-bottom:3px;}
.bottom_menu_col a { font-size:1.1em; color:#999; text-decoration:none; font-weight:bold; }
.bottom_menu_col a:hover { text-decoration:underline; color:#6196D1;}

#footer { color:#999999; padding:15px; width:950px; margin-top:15px;}


/*CAPTCHA*/

p.error_message{
	color:red;
	padding:20px 0;
}



/*CAPTCHA*/
/*
     FILE ARCHIVED ON 21:37:39 Nov 12, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:10:14 Nov 24, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
#footer span {
    color: #444;text-decoration:underline;
}
#footer span:hover {
    color: #6196D1;
}