body {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	background: url(../img/mainbg.jpg) 0px 0px repeat-y;
	background-color: #000;
}


/*--- Case ---*/
h2.trigger {
	padding: 0 0 0 0px;
	margin: 0px 0px 0px 0px;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
 	font: 1.2em/1.2em "Lucida Bright", Georgia, serif;
	letter-spacing:0em;
	text-align:left;
	float: left;
}
h2.trigger a {
	margin: 0px 0px 0px 40px;
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}

.container {
	width: 450;
	margin: 0 auto;
}

h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 0px;
	margin: 0 50 5px 0;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #01ddfe;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 0px;
	border-top: 1px solid #01ddfe;
	padding: 0;
	background: #fff;
	overflow: hidden;
	font-size: 1.2em;
	width: 450px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	/*--- background: url(../img/toggle_block_btm.gif) no-repeat left bottom;--*/
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 1.8em/1.4em "Lucida Bright", Georgia, serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 90%;
	font-size: 18pt;
	margin: 0 0 0px 0px;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #999;
}
.toggle_container img {
	float: left;
	margin: 15px 15px 15px 0;
	padding: 10px;
	background: #000;
	
}



/*--- GENERELL LAYOUT --- */
.logoBlack {
	position: fixed;
	left: 70px;
	top: 30px;
	width: 160px;
	height: 60px;
	background: url(../img/logoBlack.gif);
	z-index:28;
}
.offer {
	position: fixed;
	left: 500px;
	top: 0px;
	width: 400px;
	height: 560px;
	color: #fff;
	z-index:100;
}
.Hem {
	position: fixed;
	left: 106px;
	top: 120px;
	width: 200px;
	height: 100px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:23;
}
.mainNav {
	position: fixed;
	left: 110px;
	top: 150px;
	width: 200px;
	height: 50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:24;
}
.metaNav {
	position: fixed;
	left: 106px;
	top: 250px;
	width: 200px;
	height: 100px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:25;
}
.headline {
	position: absolute;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	left: 400px;
	top: 155px;
	width: 450px;
}
.content {
	position: absolute;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	left: 400px;
	top: 205px;
	width: 450px;
	/*border-bottom: 1px dashed #666;*/
}
.quote {
	position: absolute;
	left: 890px;
	top: 90px;
	width: 250px;
	height: 60px; 
	z-index:27;
}
.splash {
	position: absolute;
	left: 270px;
	top: 300px;
	width: 150px;
	height: 150px; 
	z-index:1500;
}
.splashKontakt {
	position: absolute;
	left: 780px;
	top: 350px;
	width: 150px;
	height: 150px; 
	z-index:1500;
}
.notis {
	position: fixed;
	left: 890px;
	top: 465px;
	width: 250px;
	height: 60px; 
	z-index:27;
	border-left:solid 1px #01ddfe;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;	
}
.footer {
    bottom:0;
    position:fixed;
	height:50px;
	left: 890px;
	width: 300px;
	border-left:solid 1px #01ddfe;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 10px;	
}


/*--- TYPOGRAFI --- */
h1 {
	color: #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    font: 1.8em/1.4em "Lucida Bright", Georgia, serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 90%;
	font-size: 24pt;
	}
h2 {
	color: #fff;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0.1em;
	text-align:left;
	line-height: 95%;
	font-size: 14pt;
 	font-weight: bold;
	font-variant: small-caps;
}

.brod {
	color: #ccc;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	}
.brodBlk {
	color: #000;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	}
.brodHighlight {
	color: #fff;
	background-color: #01ddfe;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 170%;
	font-size: 10pt;
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;	
	}
.Highlight {
	color: #fff;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
	}
.quoteTxt {
	color: #ccc;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	text-align:left;
	line-height: 115%;
	font-size: 9pt; 
}
.smallGrey {
	color: #ccc;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 9pt;
}
.smallGreyHighlight {
	color: #01ddfe;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
}
.smallGreyDark {
	color: #222222;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
}
.smallGreyLight {
	color: #666;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
}
/*--- HEM --- */

#navcontainer1 ul
{
margin: .2em .2em .0em .2em;
padding: .2em .2em .0em .2em;
list-style-type: none;
}

#navcontainer1 li {
color: #000;
font-family: arial;
letter-spacing:0em;
text-align:right;
text-transform: uppercase;
font-size: 8pt;
font-variant: small-caps;
margin: .2em .2em .0em .2em;
padding: .2em .2em .0em .2em;
width:auto;
}
#navcontainer1 a
{
color: #000;
background-color: #fff;
width: 9em;
padding: .2em .2em .0em .2em;
text-decoration: none;
}

#navcontainer1 a:hover
{
background-color: #01ddfe;
color: #FFF;
}
#navcontainer1 .active a
{  
color: #FFF !important;  
background-color: #01ddfe !important;  
width: 9em;  
padding: .2em .2em .0em .2em;  
text-decoration: none;  
}  


/*--- HUVUDMENY --- */

#navcontainer ul
{
margin: .2em .2em .0em .2em;
padding: .2em .2em .0em .2em;
list-style-type: none;
}

#navcontainer li {
color: #000;
font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
letter-spacing:0em;
text-align:right;
text-transform: uppercase;
font-size: 12pt;
font-weight:bold;
font-variant: small-caps;
margin: .2em .2em .0em .2em;
padding: .2em .2em .0em .2em;
width:auto;
}
#navcontainer a
{
color: #000;
background-color: #fff;
width: 9em;
padding: .2em .2em .0em .2em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #01ddfe;
color: #FFF;
}
#active a
{  
color: #FFF !important;  
background-color: #01ddfe !important;  
width: 9em;  
padding: .2em .2em .0em .2em;  
text-decoration: none;  
}  

/*#active a
{
color: #FFF;
background-color: #01ddfe;
width: 9em;
padding: .2em .2em .0em .2em;
text-decoration: none;
}
*/

/*--- METANAV --- */

#navcontainer2 ul
{
margin: .2em .2em .0em .2em;
padding: .2em .2em .0em .2em;
list-style-type: none;
}

#navcontainer2 li {
color: #000;
font-family: arial;
letter-spacing:0em;
text-align:right;
text-transform: uppercase;
font-size: 8pt;
font-variant: small-caps;
margin: .2em .2em .0em .2em;
padding: .2em .2em .0em .2em;
width:auto;
}
#navcontainer2 a
{
color: #000;
background-color: #fff;
width: 9em;
padding: .2em .2em .0em .2em;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #01ddfe;
color: #FFF;
}
#navcontainer2 .active a
{  
color: #FFF !important;  
background-color: #01ddfe !important;  
width: 9em;  
padding: .2em .2em .0em .2em;  
text-decoration: none;  
} 

/*Textlänkar */
a.txtLink:link {
	color: #ccc;
	font-family: arial;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
	text-decoration:underline;
        }
a.txtLink:visited {
	color: #ccc;
	font-family: arial;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
	text-decoration:underline;
        }
a.txtLink:active {
	color: #ccc;
	font-family: arial;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
	text-decoration:underline;
        }
a.txtLink:hover {
	color: #01ddfe;
	font-family: arial;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 8pt;
	text-decoration:underline;

        }
a.txtLinkBody:link {
	color: #ccc;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:underline;
        }
a.txtLinkBody:visited {
	color: #ccc;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:underline;
        }
a.txtLinkBody:active {
	color: #ccc;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:underline;
        }
a.txtLinkBody:hover {
	color: #01ddfe;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:underline;

        }
a.txtLinkBodyBlk:link {
	color: #000;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:none;
        }
a.txtLinkBodyBlk:visited {
	color: #000;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:none;
        }
a.txtLinkBodyBlk:active {
	color: #01ddfe;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:none;
        }
a.txtLinkBodyBlk:hover {
	color: #01ddfe;
	font-family: arial, verdana;
	letter-spacing:0em;
	text-align:left;
	line-height: 120%;
	font-size: 10pt;
	text-decoration:underline;

        }
		
/*Externa länkar*/
.linkDiv {
}
.linkDiv ul {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
  }
.linkDiv li {
  list-style-image: none;
   background-image: url(../img/bullet.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left : 20px;
   color: #ccc;
   }		


/*formulär*/
form#two p {font-size:.8em; color:#fff; text-align:left; padding:15px 5px 5px 0; margin:0;}
form#two fieldset#current p {padding:4px; margin:0;}

form#two fieldset {width:420px; display:block; border:1px dotted #01ddfe; padding:5px 5px 5px 5px; font-family:arial, sans-serif; margin-bottom:0.5em; line-height:1.5em; font-size:1em; }
form#two fieldset:hover {border:1px solid #01ddfe;}
form#two fieldset#opt:hover {border:1px solid #01ddfe;}

form#two legend {
	color: #fff;
	font: 1.8em/1.4em "Lucida Bright", Georgia, "Times New Roman", serif;
	letter-spacing:0.1em;
	text-align:left;
	line-height: 95%;
	font-size: 10pt;
	font-variant: small-caps;}
* html form#two legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#two label {clear:left; display:block; float:left; width:200px; text-align:left; padding-right:10px; padding-left:10px; color:#fff; margin-bottom:0.5em;}

form#two input {border:1px solid #ccc; padding-left:0.5em; margin-bottom:0.6em; width:180px; background:#fff;}
form#two input:hover { background:#01ddfe; border:1px solid #fff; color:#fff;}
form#two input:focus {background:#fff; border:1px solid #01ddfe; color:#000;}

form#two select {margin:0 0 1em 0.5em;}
form#two textarea {margin:0.5em 0.5em 0.5em 0.5em; width:394px; height:6em; border:1px solid #fff; padding-left:0.5em; overflow:auto; background:#fff;}
form#two textarea:hover { background:#01ddfe; border:1px solid #fff; color:#fff;}
form#two textarea:focus {background:#fff; border:1px solid #01ddfe; color:#000;}

form#two option {background:#fff; color:#01ddfe;}
form#two optgroup {background:#fff; color:#000; font-style:normal;}
form#two optgroup option {background:#fff; color:#01ddfe;}

form#two #button1, form#two #button2 {color:#fff; padding-right:0.5em; cursor:pointer;cursor:hand; width:100px; margin-right:17px; background:#666; border:1px solid; border-color:#fff #fff #fff #fff; float:right;}
form#two #button1:hover, form#two #button2:hover {color:#fff; background:#01ddfe; border:1px solid; border-color:#fff #fff #fff #fff; }


.demo{clear:both; position:relative; margin:2em 0 1.5em; padding-bottom:.25em; overflow:hidden}

.js .demo{visibility:hidden}

.expand{clear:both; margin:0; padding-bottom:.75em}

.collapsible {
  padding-bottom:1em;
  overflow:hidden;
}
.collapsible p {
  margin:0 4px;
}
#wrapper .expand a {
  display:block;
  padding:3px
}
#wrapper .expand a:link, #wrapper .expand a:visited {
  display:block;
  border-width:1px;
  background-image:url(../img/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
#wrapper .expand a:hover, #wrapper .expand a:active, #wrapper .expand a:focus {
  outline-color:#dedede
}
#wrapper .expand.open a:link, #wrapper .expand.open a:visited {
  border-style:solid;
  background:#eee url(../img/arrow-up.gif) no-repeat 98% 50%
}