body
{
  font-family: georgia, trebuchet, times-new-roman, sans-serif;
  line-height: 120%;
  /*text-align: center;*/
  background-image: url("Bilder/SykkelguttaBakgrunn.jpg");
  margin-bottom: 3em;
  margin-top: 3em;
  background-attachment: fixed;
   
}
#container ul li{
list-style: none;
/*text-align:center;*/
}

h1
{
  text-align:center;
  letter-spacing: 5px;
  color:#485e49;
  text-shadow:2px 2px 2px black;
  font-family: "Comic Sans MS";

  
}

h2
{
  text-align:center;
  letter-spacing: 2px;
  color: grey;
  text-shadow:2px 2px 2px black;
  font-family: "Comic Sans MS";

}

h3
{
  text-align:center;
  color: grey;
}
p, legend, td, th, ul,li {
    color:black;
}
a
{
  font-weight: bold;
  color: teal;
}
#container{
padding: 2em;
/*margin-left:7em;
margin-top:4em;*/
width: 50%;
margin-bottom: 4em;
border-style: double;
border-color: black;
height:auto;
width: auto;
/*width:61em;*/
background-color: white;
-moz-border-radius: 9px;
border-radius: 9px;
-moz-box-shadow: 12px 12px 6px black;
-webkit-box-shadow: 12px 12px 6px black;
box-shadow: 12px 12px 6px black;
opacity:0.75;
filter:alpha(opacity=75);
}

a
    {
        text-decoration:none;
    }

a:link
    {
        color:black;
    }

a:visited
    {
        color:teal;
    }

a:hover
    {
        color:blue;
    }

/* MENY-LINJE */
ul#menylinje
    {
            list-style:none;
	            padding:0.5em;
		            text-align:center;
			        }
				
				ul#menylinje li
				    {
				            display:inline;
					            text-align: center;
						    
						        }
							
							ul#menylinje li a
							    {
							            text-decoration:none;

   padding:4px 0;
           width: 7em;
	           background:#485e49;
		           color:#eee;
			           float:left;
				           text-align:center;
					           border-left:1px
solid #fff;
       
           }
	   
	   ul#menylinje li a:hover
	       {
	               background:#a2b3a1;
		               color:#000
			           }
				   
				   ul#menylinje li a
				       {
				               list-style: none;
					           }
						   
						   ul#menylinje2
						       {
						               list-style:none;
							           }
								   
								   #Meny
								       {

     position: relative;
            margin-bottom: 3em;
	                }
			
			#Meny li ul
			    {
			        
				    right: 0em;
				        /*top: 3.2em;*/
					    /*har satt denne slik for
å få kompatibilitet med Webkit og opera*/
    display: none;
            -moz-box-shadow: 10px 10px 5px black;
	            -webkit-box-shadow: 10px 10px 5px black;
		            box-shadow: 10px 10px 5px black;
			    
			    }
			    
			    #Meny ul li a
			        {
				        display: block;
					    text-decoration: none;
					        padding: 8px;
						    border-bottom: 0;
						    }
						    
						    #Meny ul
						        {
							        margin: 0;
								    padding:
0;
    list-style: none;
    }
    
    #Meny li:hover ul
        {
	        display: block;
		    }
.sykkel_link {
    width: 20%;
    min-width: 130px;
    max-width: 130px;
    height: 8em;
    float: left;
    margin: 0.7em;
    border: 0.2em solid black;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-top-left-radius: 0.5em;
    background-color:  #a2b3a1;
    
}

    .sykkel_header {
        width: 50%;
        height: 3em;
        -moz-border-radius-topleft: 0.5em;
        -moz-border-radius-topright: 0.5em;
        -webkit-border-top-left-radius: 0.5em;
        -webkit-border-top-right-radius: 0.5em;
        border-top-left-radius: 0.5em;
        border-top-right-radius: 0.5em;
    }

        .sykkel_header a {
            color: white;
            text-decoration: none;
             text-shadow:3px 3px 3px #000;
        }
/*Her kan man justere bredde på bildeslide ved å forandre verdier på width og height, samt verdiene for margin */
#bildeslide 
    {
        width: 50%;
        height: 300px;
        min-width: 300px;
        margin-left: 20%;
        margin-top: 2em;
        position: relative;
        clear:both;
	margin-bottom: 2em;
    }
#bildeslide img 
    {
        position: absolute;
        height: 300px;
        width: 50%;
        left: 0px;
        top: 0px;
        border-color:silver;
        border-style: double;
        float: left;
        -moz-border-radius: 9px;
        border-radius: 9px;
        -moz-box-shadow: 10px 10px 5px black;
        -webkit-box-shadow: 10px 10px 5px black;
        box-shadow: 10px 10px 5px black;
    }
    
#status
    {
        padding:0.1em;
    }
#handlekurv
    {
        padding:0.1em;
    }
#footer
    {
        text-align:center;
    }

#varetabell
    {
        border: 1px solid black;

    }
#varetabell td
    {
        border-bottom: 1px solid #DCDCDC;
        border-left: 1px solid #DCDCDC;    
    }
    
#banner img
    {
       width:50%; 
       height:95px;
       margin-top:1em;
       /*margin-right:25em;*/
       margin-left:3em;
    }
   #bunn{
   text-align: center;
   }