/*  STYLING  */
body {
    margin:0;
    font-family: 'Source Sans Pro', sans-serif;
    background-color:#ccc;
}

a {
text-decoration:  none;
}

body.bBlack {
	background-color: #000;}

nav {
    height: 50px; width: 100%; background-color:#000;
}

.innhold {
width: 100%;
}



    .logo {
        width:85px; height:10px;
        position:relative; margin: 0 auto;
    }
    .logo img {
        margin-top:19px

    }
    .dpx85 {
        margin-top:66px

    }
  
  img.center  {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  	.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
	}

	.ir:before {
   	content: "";
   	display: block;
   	width: 0;
    height: 150%;
	}

  a.back {
  padding: 10px 13px 10px 13px;
  color:#fff;
  background-color: #CC3333;
  font-size: 1em;
  position: fixed;
  top: 100px;
  left: 10%;
  }
  
  a.back:hover {
  background-color: #000;
  
  }
  

/* TEKST */

h2 {
	position:absolute;
    font-weight:700;
    padding: 20px 40px 20px 20px;   
}

a.hoved {
color:#fff;
}

a.white {
color:#fff;
}

a:hover {
color: #993366;
}

.hovedtekst {
		
        margin:60px auto 90px auto;
        font-size:30px;
        color:#fff;
        text-align:center;
        width: 70%;
    }
        
p {
font-size: 16px;
    font-weight:normal;
    line-height: normal;
    -webkit-margin-before:0;
   
    
}

.small {
font-size: .8em;
margin-bottom: 100px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0;
	}

	.col img {
		width:100%;
    	width:auto;
    	height: 90%;
	}



hr {
margin:50px auto 40px auto;
    width: 50px;
    border: 0; border-top: 1px solid #e96d63;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}

	.group:after { clear:both; }
	
	
	
		.set_width {
			width: 33.333%;
    		position:relative;
		}
        
		.set_width:hover {
			-webkit-filter: grayscale(100%) brightness(140%); 
    		filter: gray;  /* For IE 6 - 9 */
    		-webkit-transition: all .9s ease;  /* Transition for Webkit browsers */
		}

        

	



/*  GO FULL WIDTH AT LESS THAN 1430 PIXELS */

@media only screen and (min-width: 1600px) {
	.col { 
		margin: 0;
	}
	
	[class*="img_"] {height:700px;}

	

		.img_toyota {
        background: url("img_toyota.jpg") no-repeat 60% 30%;    
        width:100%; width:auto;
        }     
        
		.img_federer {
		background: url("img_federer.jpg") no-repeat 80% 30%;
		width:100%; width:auto; 
		}

		.img_tannim {
		background: url("tannim.jpg") no-repeat 25% 30%;
		width:100%; width:auto;
		}
    
    	.img_midtby {
		background: url("img_midtby.jpg") no-repeat 0% 25%;
		width:100%; width:auto;
		} 
 
    	.img_vorkinn {
		background: url("img_10.jpg") no-repeat 20% 100%;
		width:100%; width:auto; 
		}
   
    	.img_test {
		background: url("img_11.jpg") no-repeat 20% 10%;
		width:100%; width:auto;
		}

	
	 
	h2 {
	font-size:3em;
    line-height: 0.9;
    
    
            top:10%;
            left:6%;
            
 
	}

	p.undertekst {margin-left:3px;}
	
	.up_1 {padding-top:10px;}
	.up_2 {padding-top:20px;}
	.up_3 {padding-top:30px;}
	
}

@media only screen and (max-width: 1600px) { 
	.col { 
		margin: 0;
	}

	[class*="img_"] {height:600px;}
	
		.img_toyota {
        background: url("img_toyota.jpg") no-repeat 60% 30%;    
        width:100%; width:auto;
        }     
        
		.img_federer {
		background: url("img_federer.jpg") no-repeat 80% 30%;
		width:100%; width:auto; 
		}

		.img_tannim {
		background: url("tannim.jpg") no-repeat 25% 30%;
		width:100%; width:auto;
		}
    
    	.img_midtby {
		background: url("img_midtby.jpg") no-repeat 0% 25%;
		width:100%; width:auto;
		} 

    	.img_vorkinn {
		background: url("img_10.jpg") no-repeat 20% 100%;
		width:100%; width:auto; 
		}
   
    	.img_test {
		background: url("img_11.jpg") no-repeat 20% 0%;
		width:100%; width:auto;
		}
	
	h2 {
	font-size:2em;
    line-height: 0.9;
    
    
            top:10%;
            left:6%;
            
 
	}
	
	.up_1 {padding-top:10px;}
	.up_2 {padding-top:20px;}
	.up_3 {padding-top:30px;}

}

@media only screen and (max-width: 1230px) {
	
	.set_width {
		width: 100%;
	}

	[class*="img_"] {height:30%;}
	
		.img_toyota {
        background: url("img_toyota.jpg") no-repeat 0% 50%;    
        width:100%; width:auto;
        }     
        
		.img_federer {
		background: url("img_federer.jpg") no-repeat 0% 30%;
		width:100%; width:auto; 
		}

		.img_tannim {
		background: url("tannim.jpg") no-repeat 25% 36%;
		width:100%; width:auto;
		}
    
    	.img_midtby {
		background: url("img_midtby.jpg") no-repeat 70% 30%;
		width:100%; width:auto;
		} 

    	.img_vorkinn {
		background: url("img_10.jpg") no-repeat 20% 100%;
		width:100%; width:auto; 
		}
   
    	.img_test {
		background: url("img_11.jpg") no-repeat 40% 0%;
		width:100%; width:auto;
		}


	h2 {
	    font-size:2em; text-align: center;
	    
            top:20%;
            left:0;
            right:0;
            
	}
	.up_1 {padding:0;}
	.up_2 {padding:0;}
	.up_3 {padding:0;}
	
}