#set($cl = $templateLogic.componentLogic)
#set($componentContentId = $cl.infoGlueComponent.contentId)

body {
	font: 62.5% "trebuchet ms", arial, verdana, sans-serif;
	padding: 0;
	margin: 0 auto;
	background-color: white;
}

#wrapper {
	width:100%;
	border-top: solid 4px #ff891e;
	background:url("$cl.getAssetUrl($componentContentId, "header-tile3-bg")") bottom repeat-x;
	margin:0;
	padding:0;
}
h1 {
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding-top: 10px;
	padding:0;
}
h2 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding:0;
}
h3 {
	font-size:14px;
	margin:0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding:0;
}
p {
	font-size:13px;
	line-height:22px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
}
@media screen {
	#header {
		width:76.4em;
		height:90px;
		margin:auto;
	}
}
@media print {
	#header {
	    display: none;
		width:76.4em;
		height:90px;
		margin:auto;
	}
}

.toppIcons {
	background:url("$cl.getAssetUrl($componentContentId, "ig-logga")") left top no-repeat;
	height:3em;
	width:76.4em;
}
.toppIcons ul  {
	list-style-type: none;	
	padding: 0;
	margin:0;
	clear: both;
	float: right;
}
.toppIcons ul li {
	float: left;
}
.toppIcons ul li a{
	color:#5c5c5c;
	display: block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
.English {
	background:url("$cl.getAssetUrl($componentContentId, "english-flag")") left no-repeat;
	padding-left:2.4em;
	padding-top:1em;
}
.Svenska{
	background:url("$cl.getAssetUrl($componentContentId, "swedish-flag")") left no-repeat;
	padding-left:2.4em;
	padding-top:1em;
}
.sitemap {
	background:url("$cl.getAssetUrl($componentContentId, "sitemap-icon")") left no-repeat;
	padding-left:2.8em;
	padding-top:1em;
}
.logIn {
	display:block;
	background:url("$cl.getAssetUrl($componentContentId, "login-icon")") left no-repeat;
	padding-left:2.8em;
	padding-top:1em;
}

/****  TOPPMENY NIVÿ 1  ****/
#menucontainer {
	width:76.4em;
	height:2.4em;
	margin-top:3.5em;
	margin-bottom:-1px;
}

#menucontainer ul {
	list-style-type: none;	
	padding: 0;
	margin:0;
	clear: both;
}
#menucontainer ul li {
	float: left;	
}

#menucontainer ul li a {
	color: #333333;
	padding: 0.4em 0.9em 0.2em 1.1em;
	display: block;
	border-left: 0.1em solid #cbcbcb;
	margin-bottom:0.1em;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
}
#menucontainer ul li a:hover{
	padding: 0.4em 0.9em 0.2em 1.1em;
	display: block;	
	text-decoration:underline;
}
#menucontainer ul li a.selected {
	background:url("$cl.getAssetUrl($componentContentId, "marked-link-bg")") repeat-x;
	background-color:#fff;
	text-decoration: none;
	border-bottom:solid 1px #fff;
	padding: 0.4em 0.9em 0.2em 1.1em;
	text-decoration: none;
	overflow:hidden;
	color:#ff891e;
}

.searchField {
	float:right;
	display:block;
	}
.topSearch {
	float:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #333333;
	border:solid 0.1em #cbcbcb;
	margin-top:0.2em;
	}
.searchbutton{
	width:3.5em;
	border:none;
	background:url("$cl.getAssetUrl($componentContentId, "search-button")") no-repeat left;
	font-size:1.1em;
	height:2em;
	margin-left:0.4em;
	cursor:pointer;
	outline:none;
	}

#container {
	margin:auto;
	width:76.4em;
	margin-top:3.5em;
}


/******************* LEFT COLUMN ***************************/

@media screen {
	#leftCol {
		float: left;
		width: 19em;
	}
}
@media print {
	#leftCol {
		display: none;
	}
}

.leftColInside {
	background:url("$cl.getAssetUrl($componentContentId, "bg-leftright-col")") left top no-repeat;
	min-height:24em;
	width:18em;
}
.leftColInside ul{
	list-style-type: none;	
	padding: 0;
	margin:0.8em 0 0 0;
	clear: both;
}
.leftColInside ul li a{
	color: #333333;
	padding: 0.2em 0.5em 0.2em 1em;
	margin-left:1em;
	display: block;
	background:url("$cl.getAssetUrl($componentContentId, "arrow_orange")") left center no-repeat;
	margin-bottom:0.1em;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
.leftColInside ul li .selected{
	font-weight:bold;
	margin-bottom:0;
	color:#ff891e;
}
.leftColInside ul li ul li .selected{
	font-weight:normal;
	margin-bottom:0;
	color:#ff891e;
}
* html .leftColInside ul li a{  			/***** IE 6 ******/
	display:inline-block;
}

.leftColInside ul li a:hover{
	text-decoration:underline;

}

           /***************NIVÅ 2 *****************/
		   
		   
.leftColInside li ul {
	list-style-type: none;	
	padding: 0;
	margin:0;
	clear: both;
}

* html .leftColInside li ul {    /***** IE 6 ******/
	display:inline-block;
}

*:first-child+html .leftColInside li ul {    /***** IE 7 ******/
	display:inline;
}


.leftColInside li ul li a{
	color:#333;
	padding: 0.2em 0.5em 0.2em 2em;
	display: block;
	background:none;
	margin-bottom:0.1em;
	margin-top:0em;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

.leftColInside li ul li .selected {}

                         /******************* CENTER COLUMN ***************************/


#centerCol {
	float:left;
	width:38em;
}
.centerColInside {
	width:35em;
	margin-left:2em;
}
.centerColInside ul {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "dot")");
	padding: 0px;
	margin:0px;
	font-size:1.3em;
	margin-left:2.2em;
}
.centerColInside ul li ul {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "line")");
	padding: 0;
	margin:0;
	font-size:0.9em;
	margin-left:2.2em;
}
#centerColWide {
	float:left;
	width:57em;
}
.centerColInsideWide {
	width:52em;
	margin-left:2em;
}
.centerColInsideWide ul {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "dot")");
	padding: 0px;
	margin:0px;
	font-size:1.3em;
	margin-left:2.2em;
}
.centerColInsideWide ul li ul {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "line")");
	padding: 0;
	margin:0;
	font-size:0.9em;
	margin-left:2.2em;
}

a {
	color:#2d0df7;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.selected {
	color:#2d0df7;
}

/******************* PRINTFIELD *******************/
@media print {
	.printField ul{
		display: none;
	}
}		   
@media screen {
	#printField {
		padding-left: 0;
		margin-left: 0;
	}
	
	#printField ul{
		list-style-type: none;
		display:block;
		width:28em;
		background:#eee;
		border-top:solid 1px #d2d2d2;
		border-bottom:solid 1px #d2d2d2;
		height: 1.7em;
		padding-left:2em;
		font-size:1.2em;	
		margin:2em 0 1.0em 0em ;
		clear: both;
	}
}

#printField ul li {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "dot")");
	float: left;
}
#printField ul li a {
	color:#5c5c5c;
	display: block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.print {
	background:url("$cl.getAssetUrl($componentContentId, "print")") left no-repeat;
	padding-left:1.5em;
	padding-top:0.2em;
}
.tellaFriend {
	background:url("$cl.getAssetUrl($componentContentId, "tipsa")") left no-repeat;
	margin-left:2em;
	padding-left:2em;
	padding-top:0.2em;
}
.comment {
	background:url("$cl.getAssetUrl($componentContentId, "comment")") left no-repeat;
	margin-left:1.5em;
	padding-left:1.5em;
	padding-top:0.2em;
}


/******************* RIGHT COLUMN ***************************/
@media print {
	#rightCol {
		display: none;
	}
}
@media screen {
	#rightCol {
		float:right;
		width:18.4em;
	}
}

.rightColInside {
	background:url("$cl.getAssetUrl($componentContentId, "bg-leftright-col")") left top no-repeat;
	min-height:25em;
}
.rightColInside img {
        text-align: center;
}
.rightColInside p {
	padding:0 0.8em 0 0.8em;
	margin:0;
}
.rightColInside ul {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "dot")");
	padding: 0;
	margin:0;
	font-size:1.3em;
	margin-left:2.2em;
}
.rightColInside ul li ul {
	list-style-image:url("$cl.getAssetUrl($componentContentId, "line")");
	padding: 0;
	margin:0;
	font-size:0.9em;
	margin-left:2.2em;
}

.colHeader {
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#6c6c6c;
	padding:0.7em 0 0 0.9em;
	margin:0;
	width:11em;
}
.rssIcon {
	margin-top:0.6em; 
	margin-right:1.3em; 
	float:right; border:0;
	background:url("$cl.getAssetUrl($componentContentId, "rss-icon")") right top no-repeat;
}
.miniPuff {
	float:left;
	margin-top:1.5em;
}
.miniArticle {
	float:left;
	margin-top:1.5em;
	margin-left: 0.2em;
}
.puffImg {
	border: solid 1px #cdcdcd;
	float:left;
	margin-left:1em;
}
.miniPuff p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	width:9em;
	line-height:14px;
}
.miniPuff p a{
	color:#666;
	text-decoration:none;
}
.miniPuff p a:hover{
	text-decoration:underline;
}


/************* FOOTER  *************/
@media print {
	#footer {
		display: none;
	}
}
@media screen {
	#footer {
		width:100%;
		background:url("$cl.getAssetUrl($componentContentId, "fotter-tile")") top repeat-x;
		height:6em;
		margin-top:1em;
	}
}
.footerText {
	width:69.8em;
	margin:auto;
	font-size:11px;
	padding-top:0.4em;
	color:#757575;
}
.footerText a{
	text-decoration:none;
	color:#757575;
}

/********** TEXT STYLES *******/
.code {
	padding: 10px;
	font-size:10px;
	font-family:Courier New, Arial;
	background-color:#efefef;
	border: 1px solid #929292;
}
.Code {
	padding: 10px;
	font-size:10px;
	font-family:Courier New, Arial;
	background-color:#efefef;
	border: 1px solid #929292;
}
.img_full {
	width:500px;
	border: 1px solid #929292;
}
.img_right_small {
	float: right;
	border: 1px solid #929292;
}

/******* STYLES FOR THE NEW COMPONENT LIST COMPONENT 2007-12-03 ******/
#centerColWide {
	float:left;
	width:57em;
}
.centerColInsideWide {
	width:52em;
	margin-left:2em;
}
.centerColInsideWide ul {
	list-style-type:none;
	/*list-style-image:url(../img/bullet.gif);*/
	padding: 0;
	margin:0;
	font-size:1.3em;
	margin-left:2.2em;
}

.listItem {
	background:url("$cl.getAssetUrl($componentContentId, "list-tile-bg")") repeat-x top left;
	padding:5px;
	width:520px;
	/*background:#f1f1f1;*/
	margin-bottom:20px;
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	overflow:hidden;
	min-height:50px;
	}
.listItem a{
	color:#333;
	text-decoration:none;
	}
.listItem a:hover{
	text-decoration:underline;
	}	
.listRub {
	font-weight:bold;
	margin-bottom:2px;
	margin-top:0px;
	}

.listText {
	display:table;
	margin-top:2px;
	margin-bottom:0px;
	line-height:18px;
	width:455px;
	}
.listImg {
	display:block;
	border: solid 1px #cdcdcd;
	float:left;
	margin-right:10px;
	width:50px;
	height:50px;
	}
.componentImg {
	width:157px;
	border:solid 1px #ccc;
	margin-left:10px;
	margin-top:8px;
	}
.htmlTextField {
	display:block;
	padding:10px;
	background:#f1f1f1;
	border:solid 1px #cdcdcd;
	width:325px;
	height:auto;
	}
.htmlTextField p{
	font-size:11px;
	}
.download a{
	font-size:12px;
	font-weight:bold;
	background:url("$cl.getAssetUrl($componentContentId, "orange-bg-no-tile")") no-repeat center;/* OBS! Detta är en fast bakgrundsbild, lika stor som knappen. Justeras efter textbredd */
	color:#fff;
	text-decoration:none;
	padding :1px 10px 1px 10px;
	border:solid 1px #cdcdcd;
	outline:none;
	}
.download a:hover{
	background:url("$cl.getAssetUrl($componentContentId, "orange-bg-no-tile_2")") no-repeat center;
	}
	
.cssbox { 
	float: left;
	margin: 0 0 6px 6px; 
	width: 180px; 
	overflow: hidden;
}
.cssboxwide { 
	float: left;
	margin: 0 0 6px 6px; 
	width: 360px; 
	overflow: hidden;
}
.cssbox h2.cssbox_head { 
	background: url("$cl.getAssetUrl($componentContentId, "bg_module_header")") no-repeat; 
}
h2.cssbox_head { 
	font-weight: normal; 
	color: #fff; 
	font-size: 13px; 
	line-height: 16px; 
	padding: 3px 10px 3px; 
	margin: 0px;
	text-align: left;
}
.cssbox_body { 
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 8px;
	background: white; 
	border: 1px solid #e7e7e7;
	border-bottom: 0px solid #e7e7e7;
	text-align: left;
	height: 150px;
}
.cssbox_body p { 
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	clear: both;
}
.cssbox_footer { 
	background: url("$cl.getAssetUrl($componentContentId, "bg_module_footer")") no-repeat; 
	height: 17px;
}
.cssbox_white_footer { 
	background: url("$cl.getAssetUrl($componentContentId, "bg_white_module_footer")") no-repeat; 
	height: 17px;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 20px;
}
.cssbox_blue_footer { 
	background: url("$cl.getAssetUrl($componentContentId, "bg_blue_module_footer")") no-repeat; 
	height: 17px;
	color: white;
	text-align: right;
	padding-right: 20px;
	padding-top: 1px;
	border: 0px;
	margin: 0px;
}
.cssbox_blue_footer a, .cssbox_blue_footer a:hover , .cssbox_blue_footer a:visited { 
	color: white;
	text-decoration:none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	border: 0px;
	margin: 0px;
}
.cssbox_body ul {
	list-style-type: none;	
	padding: 0;
	margin:0;
	clear: both;
}
.cssbox_body ul li {
	float: left;
	padding-left: 2px;
	clear: both;
	width: 160px;
}

.cssbox_body ul li a {
	background:url("$cl.getAssetUrl($componentContentId, "arrow_orange")") left top no-repeat;
	background-position: 0px 5px;
	color: #333333;
	padding: 0em 0.9em 0.4em 1.1em;
	display: block;
	margin-bottom:0.1em;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.cssbox_body ul li a:hover{
	padding: 0em 0.9em 0.4em 1.1em;
	display: block;	
	text-decoration:underline;
}

.number {
	font-size: 14px;
}


/* FORM STyles */
fieldset
{
	border: 1px solid #cecbce;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: white;
}
legend
{
	color: #5a5d5a;
	font-family: Arial, Verdana, San serif;
	font-size:11px;
	line-height: 14px;
	background-color: #efefef;
	border: 1px solid #cecbce;
	padding: 2px 6px;
}
fieldset p
{
	line-height: 12px;
	margin: 0px;
	padding-bottom: 4px;
	clear: both;
}
fieldset label
{
	width: 150px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}
fieldset select
{
	background: white;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, San serif;
	font-size: 8pt;
	width: 300px;
}
fieldset input
{
	background: white;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, San serif;
	font-size: 8pt;
	width: 300px;
}
fieldset textarea
{
	background: white;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, San serif;
	font-size: 8pt;
	width: 300px;
	height: 50px;
}
.submitButton
{
	background: #efebef;
	font-family: Arial, Helvetica, San serif;
	font-size:11px;
	line-height: 14px;
	border: 1px solid #cecbce;
	width: 100px;
	height: 20px;
	clear: none;
	color: #333;
}
.checkbox
{
	background: #efebef;
	font-family: Arial, Helvetica, San serif;
	font-size:11px;
	line-height: 14px;
	border: 1px solid #cecbce;
	width: 20px;
}