@charset 'utf-8';

@import url("layout.css");
@import url("styles.css");

/* ----------------------------------------------------- All browsers */




/* ----------------------------------------------------- JS enabled browsers */



.js div { }



/* ----------------------------------------------------- IE7 and below */



.ie #sponsorlist li { margin-right:10px !important;}



/* ----------------------------------------------------- IE6 and below */



.ie7 #topNavi { padding-left:150px; width:810px !important; background:url('../gfx/sandnesulf_bg_topnavi.gif') top right no-repeat !important; z-index:999 !important; }
.ie7 #topNavi li {width:auto; !important; z-index:9999 !important; }
.ie7 #topNavi .tn1 {width:94px; }
.ie7 #topNavi .tn2 {width:88px; }
.ie7 #topNavi .tn3 {width:100px; }
.ie7 #topNavi .tn4 {width:96px; }
.ie7 #topNavi .tn5 {width:97px; }
.ie7 #topNavi .tn6 {width:113px; }
.ie7 #topNavi .tn7 {width:86px; }
.ie7 #topNavi .tn8 {width:95px; }
.ie7 #topNavi li ul.tn_level_2, .ie7 #topNavi li ul.tn_level_2 li, .ie7 #topNavi li ul.tn_level_2 li a{ width:175px !important; z-index:999 !important; }



@media screen and (max-width: 1024px) {  
 /* for screens smaller than --> ads moves to the right column; */
  #add_skyscraper { position:relative !important; margin:10px 22px;  }
}



@media screen and (max-width: 1280px) {
  #page { left:-90px;}
  #add_skyscraper { position:absolute; top:80px; left:50%; margin-left:505px; }
}


/*
@media screen and (max-width: 1440px) {

  #page { left:-90px;}
  #add_skyscraper { position:absolute; top:80px; left:50%; margin-left:505px; }

}
*/

@media screen and (min-width: 1280px) {
  #add_skyscraper { position:absolute; top:80px; left:50%; margin-left:505px; }
}


@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
  #add_skyscraper { display:none !important; }
  #page { left:0px !important;}
  
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* iPhone, Android rules here */
  
	body {font-size:100%;}
	#page { left:0px !important;}
	#add_skyscraper, .add_webbuttons, .add_netboard {display:none;}
	.newsbox.c6 {clear:left !important; width:100%; padding:10px 0px; border-bottom: 1px dotted #c2cdd9;}
	.newsbox div.teaserImg {float:left !important; width:340px; margin-right:20px !important;}
	.newsbox a.readmore { font-size:1.2em !important; }
}