/* CSS Document */
/*	1px = 0.075em */
/* PAGE __________________________ */

html, body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	height: 100%;
	background:Whitesmoke;
}

/* Sidans bredd med bakgrund. */
#pageWidth
{
	margin:0 auto;
	width: 74em;
}
/* width = 1000px eller 75em för bildskärm 1024 */

#pageBody
{
	margin:0;
	padding:0;
	width: 100%;
	border-bottom: solid #cc0000 2px; 
	background:#ffffff;
}

/* Start Hack för att... ? */ 
#pageBody:after
{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	content: ".";
}
/* End Hack */  

#content
{
	margin:2px 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	min-height:600px;
	height:auto !important;
	height:100%;
	background-image: url(../images/bg_toning_500.gif);
	background-repeat:repeat-x;
	/*background:#ffffff;*/
}

#contentLeft
{
	width:16em;
	float:left;
	min-height:600px;
	height:auto !important;
	height:100%;
	/*background-image: url(../images/gb_cirkel.gif);*/
	/*background-repeat:no-repeat;*/
}

#contentLeftNoBg
{
	width:16em;
	float:left;
	min-height:600px;
	height:auto !important;
	height:100%;
}

#mainContent
{
	width:57.5em;
	float:right;
	background-color: Transparent;
}

#mainContentFirst
{
	width:41em;
	float:left;
	background-color: Transparent;
}

#mainContentSecond
{
	float:right;
	width:16em;
	background-color: Transparent;
}

/* __________________________ PAGE */

/* PAGE HEADER __________________________ */

#pageHeader
{
	float:left;
	width: 100%;
	height: 100px;
	background:#e2e2e2;
}	

#pageHeaderLeft
{
	float:left;
	width:50em;
	height:100px;
	margin-left:2px;
	margin-top:2px;
}

#pageHeaderRight
{
	float:right;
	width:23.5em;
	text-align:left;
	background:#e2e2e2;
 }
 
 #headerInfo
 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0;
	font: bold 0.8em Verdana, sans-serif;
	padding-top: 20px;
	color:Black;
 }
 
 #pageHeaderNav
 {
	float:left;
	width: 100%;
	height: 28px;
	background:#e2e2e2;
	border-bottom:solid 1px #cc0000;
	z-index: 100;
 }


/* __________________________ PAGE HEADER*/

/* PAGE FOOTER __________________________ */

#pageFooter
{
	clear:both;
	width: 100%;
	height: auto;
}	

/* __________________________ PAGE FOOTER */


/* LEFT NAVIGATION ______________________ */

#leftNavlistContainer
{
	margin: 0em 0.2em 0px 0px;
	/*border-right: solid 1px #cc0000;*/
	background:#b9c4d2;
	min-height:600px;
}

.nodeStyle
{
	font: bold 12px Verdana, sans-serif;
	color:#003399;
	padding:2px;
}

.subNodeStyle
{
	font: normal 12px Verdana, sans-serif;
	color:#003399;
	padding:2px;
}

.selectedNodeStyle
{
	/*background-color:#cc0000;*/
	/*border: solid 1px Gainsboro;*/
	color:#cc0000;
	padding:2px;
}

.hoverNodeStyle
{
	/*background:#CC0000;
	color:White;*/
}

.hoverNodeStyle a
{
	/*background: #cc0000;*/
	/*color: white;*/
	text-decoration:underline;
}

.hoverNodeStyle a:hover
{
	/*background: #cc0000;*/
	/*color: white;*/
	text-decoration:underline;
}

/* __________________________ LEFT NAVIAGTION */

/* TABLE ______________________ */

.table
{
	border-right: #909090 1px solid;
	border-top: #909090 1px solid;
	border-left: #909090 1px solid;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
	width:55em;
	margin:10px 0 0 10px;
}

/* Tabellrader */
tr
{
	vertical-align: top;
}

/* Alternativa tabellrader. */
.tableRowAlt
{
	background-color: #efefef;
}

/* Kolumnrubriker */
.tableHeader
{
	background: Gainsboro;
}

th.thBorder
{
	border-right: #909090 1px solid;
	padding-right: 0.3em;
	border-top: #909090 1px solid;
	padding-left: 0.3em;
	padding-bottom: 0.3em;
	border-left: #909090 1px solid;
	padding-top: 0.3em;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
}


/* Tabellceller med ram */
td.tdBorder
{
	border-right: #909090 1px solid;
	padding-right: 0.3em;
	border-top: #909090 1px solid;
	padding-left: 0.3em;
	padding-bottom: 0.3em;
	border-left: #909090 1px solid;
	padding-top: 0.3em;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
}

/* __________________________ TABLE */

/* LOGIN BOX ______________________ */
#login
{
	
	border: solid 1px Gainsboro; 
	background:Whitesmoke;
	margin:5em auto 0 auto;
	padding:0;
	width:30em;
}

/* __________________________ LOGIN BOX */

/* FIELDSET TEST ______________________ */
fieldset
{
	border: solid 1px Gainsboro; 
	background:Whitesmoke;
	margin:10px;
	padding:0;
}
legend
{
	font-weight: bold;
	font-size: small;
	color: #404040;
	line-height: 1.33;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* __________________________ FIELDSET TEST */

/* CONTAINER ______________________ */

.leftLinkContainer
{
	margin:0 0 0 5px;
	padding:0;
}

.sectionContainer
{
	margin:10px;
	padding:0;
}

.sectionContainerRight
{
	margin:10px;
	padding:0;
	text-align:right;
	width:40em;
}
/* __________________________ CONTAINER */

/* CUSTOM ELEMENT WIDTH ______________________ */

.small
{
	width:10em;
}

.medium
{
	width:15em;
}

.large
{
	width:39em;
}

/* ______________________ CUSTOM ELEMENT WIDTH */

/* SNAZZY MENY TEST ______________________ */

#outer ul {margin:0; list-style-type:none; background:#e2e2e2; height:28px;}
#outer li {display:block; float:left; margin:0px 1px 0 1px;}
#outer li.currentli {display:block; float:left; margin:0px 1px 0 1px; border-bottom:solid 2px #ffffff;}
#outer {display:block; position:relative; background:#ffffff; padding:0 0 0 0; margin:0px  0px 0px 4.5em; z-index:10}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:bold; padding-bottom:0.5em;}

.xsnazzycurrent {background:transparent;}
.xsnazzycurrent span {text-align:center; color:#000; margin:0; font-weight:bold; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xtopc {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb1c, .xb2c, .xb3c, .xb4c {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#cc0000; border-left:1px solid #cc0000; border-right:1px solid #cc0000;}
.xb1 {margin:0 5px; background:#cc0000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xb1c, .xb2c, .xb3c {height:1px;}
.xb2c, .xb3c, .xb4c {background:#white; border-left:1px solid #cc0000; border-right:1px solid #cc0000;}
.xb1c {margin:0 5px; background:#cc0000; border-top:1px solid #e2e2e2;}
.xb2c {margin:0 3px; border-width:0 2px; background:#ffffff;}
.xb3c {margin:0 2px; background:#ffffff;}
.xb4c {height:2px; margin:0 1px; background:#ffffff;}


.xboxcontent {display:block; background:#cc0000; border-left:1px solid #cc0000; border-right:1px solid #cc0000; border-bottom:1px solid #cc0000;}
.xboxcontentcurrent {display:block; background:#ffffff; border-left:1px solid #cc0000; border-right:1px solid #cc0000; border-bottom:1px solid #white;}

a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:10em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer; text-decoration:underline; color:White;}
a.xmenu2:hover span {color:#fff;}
a.xmenu2:hover .xboxcontent {display:block; background:#cc0000; border-left:1px solid #cc0000; border-right:1px solid #cc0000; border-bottom:1px solid #cc0000;}
a.xmenu2:hover .xb1 {background:#cc0000;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#cc0000; border-color:#cc0000;}

a.current, a.current:visited {display:block; text-decoration:none; width:10em; font-size:0.9em;}
a.current:hover {background:transparent; text-decoration:none; color:#404040;}
a.current:hover span {color:#000000;}
a.current:hover .xboxcontentcurrent {display:block; background:#white; border-left:1px solid #cc0000; border-right:1px solid #cc0000; border-bottom:1px solid #white;}
a.current:hover .xb1c {background:#white;}
a.current:hover .xb2c, a.current:hover .xb3c, a.current:hover .xb4c {background:#white; border-color:#cc0000;}


/* __________________________ SNAZZY MENY TEST */

/* SNAZZY MENY TEST  ORIGINAL______________________ */

/*#outer ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:3em;}
#outer li {display:block; float:left;}
#outer {display:block; position:relative; background:#eee; padding:2em; margin:20px 15px;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block;*/ 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
/*overflow: hidden; */
/* */ 
/*}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#dd7; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#cc6; border:0 solid #fff; border-width:0 1px 1px 1px;}

a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}*/

/* __________________________ SNAZZY MENY TEST ORIGINAL */