/* CSS Document */

body {
background: #FAFAFA;
margin: 10px 0 0 20px;
padding: 0;
font-size: 1em;
}
h1 {font: 2em Arial, sans-serif; font-weight: normal; margin: 0em;}
h2 {font: 1.75em Arial, sans-serif; font-weight: normal; margin: 0em;}
h3 {font: 1.5em Arial, sans-serif; font-style: normal; margin: 0em;}
h4 {font: 1.25em Arial, sans-serif; font-style: normal; margin: 0em;}
table {background: #FFFFFF;}
td {text-align: right; font: 1em/2em Verdana, sans-serif;}
th {text-align: center; font: 1.1em/2em helvetika, sans-serif; font-weight: bold;}


/* sidlayout */
#layout {
	width: 905px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-right: auto;
	margin-left: auto;
	background: #000000;
	height: 526px;
}

#sidhuvud {background-image: url(../bilder/top.png); width:900px; height:140px; float: right; padding: 0; margin: 0;}

#kolumncontainer { float: left; margin: 0; padding: 0; background: #f8f8f8;}

#kolumn1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 179px;
	height: 390px;
	border-right: 1px solid #666666;
	background: #EAEAEA;
	font: italic 1em Georgia, serif;
}

#kolumn2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 724px;
	height: 390px;
	background: #fff;
	background-image: url(../bilder/welding.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right: 1px solid #666666;
	font: 0.6em/2em Verdana, sans-serif;
	overflow: auto;
}

#kolumn3 {
float: left;
margin: 0;
padding: 0;
width: 724px;
height: 390px;
background: #fff;
background-image: url(../bilder/welding.png);
background-repeat: no-repeat;
background-position: bottom right;
font: 0.6em/2em Verdana, sans-serif;
}

#sidfot {
clear: both;
padding: 10px;
border-bottom: 1px solid #666666;
border-top: 1px solid #000000;
background: #FFFFFF;
background-image: url(../bilder/fot.png);
background-repeat: no-repeat;
background-position: center right;
}

#info {float: left; width: 400px; height: 10em; padding: 0.5em;}

#txtarea {float: left; padding: 0.5em;}
#txtarea2 {margin: 35px 0 0 0;}
#txt {margin: 1px 0 0 20px; width: 400px;}

img.g900140 {/* scalable em size class 900 x 140 graphics */
width: 57em;
height: 9em;
}


/* meny */
#menycontainer{
	margin: 5px;
	width: 165px;
	font: 70% Verdana, Helvetica, sans-serif;
	background: #dadada;
	border: 2px solid #ffffff;
	height: 215px;
}
	
#meny{
	margin: 0.1em;
	list-style-type: none;
	padding-left: 1px;
}
      
#meny a{
	margin: 0px;
	display: block;
	padding: 0em;
	padding: 0px;
	text-decoration: none;
	height: 12px;
}

#meny ul{list-style-type: none;} 
#meny ul a{margin-left: -2em;	padding: 0em;}	
#meny ul ul a{margin-left: -4em;	padding: 0em;}
#meny ul ul ul a{margin-left: -6em;	padding: 0em;}
#meny ul ul ul ul a{margin-left: -8em;	padding: 0em;}
#meny ul ul ul ul ul a{margin-left: -10em;	padding: 10em;}

#meny a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{color: #000080; font-weight: bold; font-style:italic;}
#meny a.current{font-weight: bold; color: #000000;}
#meny a.subcurrent{color: #000080;}


/*--------------bildermeny-------------*/
#bild {position:relative; top:15px; left:60px;  width:150px;}
#bild a.p1, #bild a.p1:visited {border:0; text-decoration: none}
#bild a.p2, #bild a.p2:visited {border:0; text-decoration: none}
#bild a.p3, #bild a.p3:visited {border:0; text-decoration: none}
#bild ul {margin:0; padding:0;}
#bild li {list-style-type:none; margin: 0px; display:inline; width:60px; height:90px;}
#bild a img {border:0; text-decoration: none}
#bild a.p1:hover {text-decoration:none; background-color:#fff; color:#000; text-decoration: none}
#bild a.p2:hover {text-decoration:none; background-color:#fff; color:#000; text-decoration: none}
#bild a.p3:hover {text-decoration:none; background-color:#fff; color:#000; text-decoration: none}
#bild a .large {position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px; text-decoration: none}
#bild a.p1:hover .large {position:absolute; top:0px; left:160px; width:200px; height:300px; border:0px solid #fff; text-decoration: none}
#bild a.p2:hover .large {position:absolute; top:0px; left:160px; width:200px; height:300px; border:0px solid #fff; text-decoration: none}
#bild a.p3:hover .large {position:absolute; top:0px; left:160px; width:400px; height:300px; border:0px solid #fff; text-decoration: none}

#bild2 {position:relative; top:15px; left:60px;  width:200px;}
#bild2 a.p4, #bild2 a.p4:visited {border:0; text-decoration: none}
#bild2 ul {margin:0; padding:0;}
#bild2 li {list-style-type:none; margin: 0px; display:inline; width:60px; height:90px;}
#bild2 a img {border:0; text-decoration: none}
#bild2 a.p4:hover {text-decoration:none; background-color:#fff; color:#000; text-decoration: none}
#bild2 a .large {position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px; text-decoration: none}
#bild2 a.p4:hover .large {position:absolute; top:0px; left:252px; width:400px; height:300px; border:0px solid #fff; text-decoration: none}


/*--------------masnkinhalls meny----------------*/

#kolumn01 {
position:relative;
top: 0px;
right: 0px;
margin: 0;
padding: 10px;
width: 310px;
height: 33px;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background: #EAEAEA;
font: italic 1em Georgia, serif;
}

#menycontainer2{
	margin: 0px;
	width: 305px;
	font: 80% Verdana, Helvetica, sans-serif;
	background: #dadada;
	border: 2px solid #ffffff;}
	
#meny2{margin: 0.1em;
      padding: 0; 
      list-style-type: none;}
      
#meny2 a{
	margin: 0;
	padding: 0em;
	padding: 0em;
	text-decoration: none;
	height: 100%;
  font: 2.2em/2em Verdana, sans-serif;
}
	
#meny2 a:link{color: #000000;}
#meny2 a:visited{color: #000000;}
#meny2 a:hover{background: #FFFFFF;}
#meny2 a#current{font-weight: bold; color: #000000;}

#scroll {height: 270px; width: 290px; overflow: auto; border: 1px solid #bababa; background: #bababa;}




/*////////////////////\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<Bild Meny>>>>>>>>>>>>>>>>
\\\\\\\\\\\\\\\\\\\\\\///////////////////*/



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/
.menu3 {
font-family: verdana, arial, sans-serif; 
width:725px;
height:30px;
margin:0 auto 0 auto; 
position:relative;
z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu3 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu3 ul li {
float:left; 
}
/* style the links to be 233px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu3 ul li a, .menu3 ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:241.5px; 
height:30px; 
color:#000; 
background-image: url(../bilder/transparent01.png);
line-height:25px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu3 ul li ul {
display: none;
}
/* clear the link floats at the end of each line so that IE gets it right */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:1px;}



/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu3 ul li:hover a{
color:#fff; 
background-image: url(../bilder/transparent01.png);
width:241.5px;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu3 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:30px; 
left:0; 
}
/* make the sub menu ul li the full width with padding and border. */
.menu3 ul li:hover ul li {
width:726px;
height:360px;
color:#000;
position:relative;
cursor:pointer;
}


/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu3 ul li:hover ul li a img {
width:100px; height:75px;
border:0; margin:5px;
z-index:600;
}

/* style the size, background color, border and margin of the submenu links */
.menu3 ul li:hover ul li a {
float:left;
width:110px;
height:85px;
background:#eee;
margin:10px;
position:relative;
left:100px; top:100px;
z-index:300;
}
/* style position of the links on hover */
.menu3 ul li:hover ul li a:hover {
position:relative;
z-index:500;
}
/* keep the large image hidden with a position absolute to take it out of the page flow */
.menu3 ul li:hover ul li a img.bigger {
visibility:hidden; position:absolute; z-index:200;}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.menu3 ul li:hover li a:hover img {
width:300px; height:225px;
position:absolute;
left:-100px; top:-50px;
padding:5px;
background:#dadada;
z-index:400;
}