body {
background-color:black;
font-family: verdana, arial, sans-serif; font-size: 0.8em;
margin:0;
margin-left: -20px;
padding:0;
z-index: -1000;
overflow: auto;
}

#bg_img
{
    position: relative;
    background-position: center;
    background-repeat: repeat-y;
    background-image: url(../res/bgfade2.jpg);
    z-index: -100;
    overflow: visible;
}
    
#contents {
position:relative;
z-index:1;
overflow: auto;
margin-top: 0px;
}


#logga {
width:320px;
height:49px;
background-image:url("../Res/logga.jpg");
background-repeat:no-repeat;
background-position:top;
position:relative;
float: right;
margin: 0px 20px 10px 0px;
cursor: pointer;
}


#meny_container {
background-color:#000;
border-bottom:solid 2px #00615e;
position:fixed;
width:1160px;
height:90px;
z-index:1000;
margin: 0 0 5px -30px;
top:0;
padding-top: 50px;

}

#bg_container
{
    z-index: -10;
    margin: auto;
    width: 1300px;
}


#container {
width:1100px;
height:auto;
background-color: black;
position:relative;
z-index:1;
color:#FFF;
padding-left:30px;
padding-right:30px;
margin:auto;
top: 0;
border: 2px solid #00615e;
border-bottom: 0;
overflow: hidden;
}

#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	   #container { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      #container { display: block; }
      /* End hide from IE-mac */

#spacecontainer 
{
    margin-top: 160px;
  
}

.lankar {
width:300px;
height:150px;
cursor:pointer;
margin-left: 45px;
}

.bott
{
    margin-left: 8px;
    margin-top: 10px;
    
}

.nyheter {
background-color:#101010;
width:100%;
height:15%;
text-align:left;
color:#fff;
border:solid 1px #202020;
border-top: solid 1px #404040;
padding:5px;
-moz-border-radius: 7px 7px 7px 7x;
border-radius: 7px 7px 7px 7px;
}
.nyheter a:link{color: #cccccc;}


#movie {
width:600px;
height:auto;
margin-top:20px;
margin-left: 50px;
float:left;
}

* html #movie {
width:400px;
}


.h1 {
font-size:1.5em;
}

.h2 {
font-size:2.0em;
color:#FFF;
padding-right: 10px;
padding-left: 30px;
border-bottom: 5px solid #00615e;
}

.h3
{
font-size:1.5em;
color:#FFF;
position: absolute;
text-decoration: none;
}

.h3:visited {color:#cccccc;}
.h3:hover{font-size:1.65em; color: white;}


.link A:link {text-decoration: underline; color: #008e8a;}
.link A:visited {text-decoration: none; color: #008e8a;}
.link A:active {text-decoration: none; color: #008e8a;}
.link A:hover {text-decoration: underline; color: #008e8a;}


.per1 {
height:160px;
width:200px;
float:left;
margin-bottom:150px;
margin-left: 70px;
}

.per2 {
height:160px;
width:250px;
float:right;
margin-bottom:120px;
margin-right:-50px;
}

* html #per1 {
margin-bottom:50px;
}


.news_button {
float:right;
margin-top:40px;
margin-right:6px;
}



/*Meny*/
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style:none; margin-left: -40px; padding-top: 5px;}
ul.dropdown li                      { font-weight: bold; float: left;background: black; list-style:none;}
ul.dropdown a:hover		            { color: white; }
ul.dropdown a:active                { color: white; }
ul.dropdown li a                    { display: block; padding: 10px 0px 10px 0px;text-indent: 10px;font-size: 1.0em;
	 								  color: #d6d6d6; width: 105px; text-decoration: none; background-color: black;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: black; color: white; position: relative;padding-top: 10px;font-size: 1.2em;}
ul.dropdown li.hover a              { color: white;}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 290px; visibility: hidden; position: absolute; top: 100%; left: 0;margin-left: -40px;font-size: smaller }
ul.dropdown ul li 					{ font-weight: normal; background: black; color: black; 
									  border-bottom: 1px solid #333333; float: none;font-size: 1.0em }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#prod_t
{
    margin-left: -30px;
    width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px
}


.prod_bv
{
    width: 50%;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    float: left;

}
.prod_bh
{
    width: 46%;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    float: right;
}


.prod_bm
{
    width: 1%;
    display: inline-block;
    border-left: solid 1px gray;
    margin-bottom: 10px;
    padding: 5px;
    float: left;
  
}


#prod_v
{
    float: left;
    height: 455px;
    width: 345px;
    background-image:url(../res/prod_bgv.jpg);
    margin-bottom: 10px;
}
.prod_v
{
    height: 315px;
    width: 310px;
    margin-top: 40px;
    font-size: 20px;
    font-variant: small-caps;
}

#prod_vinfo
{
    float: left;
    height: 455px;
    width: 750px;
    margin-top: 30px;
    margin-bottom: 10px;
}

#prod_h
{
    float: right;
    height: 455px;
    width: 345px;
    background-image:url(../res/prod_bgh.jpg);
    margin-bottom: 10px;
    
    
}
.prod_h
{
    height: 315px;
    width: 304px;
    margin-top: 40px;
    margin-left: 40px;
    font-size: 20px;
    font-variant: small-caps;
    margin-bottom: 10px;
   
}
#prod_hinfo
{
    float: right;
    height: 455px;
    width: 750px;
    margin-top: 30px;
}

#start_img
{
    margin: 10px;
    margin-left: -0.2em;
    position: relative;
    width: 100%;
    height: 300px;
    border: none;
}

.start_img { height: 300px; width: 1100px; padding:0; margin: auto; overflow: hidden }
.start_img img { height: 300px; width: 1100px; background-color: black; top:0; left:0 }


.vol_ex
{
    width: 120px;
    margin-left: -120px;
    height: 30px;
    float: left;
    position: absolute;
    font-size:0.8em;  
    background: rgba(0,0,0,0.7);  /* 50% transparent */
    background: hsla(0,0,0,0.7);  /* 50% transparent */
}