/* @override http://asanesenter.tibe:8888/css/tibe-aasane.css */

/*

	Åsane Storsenter
	Versjon 3
	25. april 2010
	victor.nystad@tibe.no

*/


body { background: #323235; margin: 0; padding: 0; }

* { font: normal normal 12px/1.5 "sommet-rounded-1","sommet-rounded-2", Arial, 'Helvetica Neue', Helvetica, sans-serif; /*color: rgb(20%,20%,20%);*/ }

a { color: gray; }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }


h2 { background: transparent; }


em { font-style: italic; }

/* @group header */

#header { background: transparent url(/images/gui/headerBg.png) repeat 0 0; position: relative; z-index: 1; }

#header .content { width: 100%;  background: black; height: 30px; }

#header .content ul { width: 854px; padding-left: 170px; margin: 0 auto; }

#header .content li ul { width: auto; padding-left: 0; }

#header a { color: white; text-decoration: none; }

/* @group brand */

#brand { width: 1024px; margin: 0 auto; position: relative; }

#brand img#logo { position: absolute; top: 0; left: 20px; border: none; } /*utgår, legger logo inn som bg på h1 istedet*/

#brand a#logo { background:transparent url(/images/gui/logo.png) 0 0 no-repeat; position:absolute; left: -154px; top:-6px; width: 129px; height: 135px; text-indent:-9000px; }

#brand h1 { margin: 0 174px; color: white; padding: .5em 0; position: relative; top: 6px;  }

#brand h1 em { font-style: normal;  }

#brand h1, #brand h1 * { font-size: 24px; line-height: 1.0; }

/*h1 { width: 90px; height: 96px; background: red; margin: 0; margin-bottom: 5px; }*/

#brand p { line-height: 1.3; margin: 0; }



/* @end */

#header ul { margin: 0 0 0 174px; padding: 0; list-style-type: none; position: relative; }

#header ul * { text-transform: uppercase; }
#keywords {text-transform: none !important;}
#header > .content > ul > li > a { font-weight: bold; font-size: 12px; position: relative; top: 2px; }



body#forsiden li.look > a,
body#butikker li.butikker > a,
body#nyheter li.nyheter > a,
body#tjenester li.tjenester > a, 
body#om-oss li.om-oss > a { background: transparent url(/images/gui/arrow-grey.png) no-repeat 0 8px; padding-left: 10px; }



/*#header ul ul * { font-style: italic;  }*/

/*#header li ul { display: none; }*/

/*#header .content > ul > li:hover ul { display: block; }*/

#header .content > ul > li { float: left; display: inline; margin-right: 6px; }

#header li a { display: block; padding: 0.5em 1em; width: 8em; /*line-height: 2.5em;*/ }

#header li ul li { float: none; }

#header li ul { background: url(/images/gui/liBg.png); margin: 0; padding: .5em 0; }


/*pos*/


#header .content > ul > li { position: relative; }

#header .content li ul { position: absolute; left: -900em; }

#header .content li:hover ul { left: auto; }

#header .content li ul li a:hover { background: url(/images/gui/liBg.png) }


/* @end */

/* @group header search */

#header #search { position: absolute; left: 796px; top: 2px; }

#header form input.text { width: 150px; line-height: 1.4; }

#header form input.button { font-weight: bold; background: gray; color: white; line-height: 1.0; text-transform: uppercase; }

/* @end */

/* @group main */

#main { clear: both; background: white; overflow: hidden;  }

body#forsiden #main, body#look #main { background: #757575 url(/images/gui/lookBg.png) repeat-x 0 0; }

#main { padding-top: 30px; }

body#forsiden #main, body#look #main { padding-top: 0; }

#main .content { width: 1024px; margin: 0 auto; position:  relative; }

/* @group content */

/* @group slideshow */

#slideshow { height: 573px; } /*sex and the city

#slideshow { height: 724px; }

body#look #slideshow { height: auto; }

/* @group nav */

#nav { position: absolute; width: 100%; z-index: 100; }

#leftbtn { position: absolute; left: 20px; top: 300px; }

#rightbtn { position: absolute; right: 20px; top: 300px; }



/* @end */

#slides {  }

.slide { width: 1024px; height: 724px; position: absolute; }

#forsiden .slide { display: none; }

#forsiden .slide#s1 { display: block; }


/*#s1 { display: block; }

#s2 { left: 100px; }*/



/* @end */



/* @end */



/* @end */

/* @group footer */


#footer {  z-index: 2; opacity: .99; overflow: hidden; padding-bottom: 50px; }

#footer .content { width: 1024px; margin: 0 auto; position: relative;  }

#footer img { border: none; }

#footer .content .nyhetsoversikt { width: 660px; position: absolute; margin-top: -10px; left: 182px; }

#footer .nyhet a { display: block; float: left; width: 200px; margin-left: 15px; padding-top: 88px; text-decoration: none;  }


#footer .nyhet a:hover * { color: #a1cfe6; }

#footer .nyhet span, #footer #magasin span { position: relative; top: 22px; background: transparent url(/images/gui/arrow-blue.png) no-repeat 0 50%; padding-left: 10px; }

#footer * { font: 13px "athelas-1","athelas-2", Palatino, 'Times New Roman', Times, serif; font-weight: bold; color: white; text-decoration: none; text-transform: uppercase; }


#footer #magasin a { float: left; margin: 0; margin-left: 15px; width: 118px;  background: url(/images/gui/magasinForside.jpg) no-repeat 50% 0; display: block; padding-top: 88px; text-decoration: none; }

#footer a#steen-strom-logo { position: absolute; right: 15px; top: 66px; }





#footer nyhetsoversikten .nyhet a { display: inline; float: left; width: 200px; margin-left: 15px; padding-top: 88px; text-decoration: none;  }


#footer .nyhetsoversikten a:hover * { color: #a1cfe6; }


#footer .content .nyhetsoversikten { width: 660px; position: absolute; margin-top: 0; left: 166px; }

#footer .nyhetsoversikten .nyhet { width: 200px; float: left; margin-left: 10px; padding: 0; }

#footer .nyhetsoversikten .nyhet img { clear: both; display: block; float: none; position: static; left: 0; top: 0; margin: 0; padding: 0; margin-bottom: 8px; }

#footer .nyhetsoversikten .nyhet p { margin-left: 0; }

#footer .nyhetsoversikten .nyhet a { padding: 0; }

#footer .nyhetsoversikten .nyhet p a { background: red; padding-top: 0; position: static; top: 22px; background: transparent url(/images/gui/arrow-blue.png) no-repeat 0 3px; padding-left: 10px; }



/*
#footer a { color: white; text-transform: uppercase; }

body#forsiden #footer {  }

#footer .content { width: 1024px; margin: 0 auto; height: 150px;  line-height: 1; position: relative; }


#footer h2#magasin { float: left; margin: 0; margin-left: 15px; text-align: center; margin-top: 10px; }

#footer h2#magasin a { width: 118px; height: 102px; background: url(/images/gui/magasinForside.png) no-repeat 50% 0; display: block; padding-top: 100px; text-decoration: none; }

#footer h2#magasin a span { position: relative; top: 20px; }

#footer .content .nyhetsoversikt { padding-top: 1px; margin-left: 180px; }

#footer .content .nyhetsoversikt .nyhet {  }

#footer .content .nyhetsoversikt .nyhet a { display: block; float: left; width: 200px; margin-left: 15px; padding-top: 100px; text-decoration: none; }

#footer .content .nyhetsoversikt .nyhet a span { }





#footer a#steen-strom-logo img { border: none; }*/


/* @end */

/* @group butikker */

body#butikker-detalj #main .content { padding-left: 174px; padding-right: 315px; width: 535px; }

body#butikker-detalj #main .content h2 { font-size: 24px; font-style: normal; font-weight: normal !important; }


body#butikker-detalj #main .content img { position: absolute; right: 0; }


body#butikker-detalj #main .content p { font: 14px/1.5 Palatino, 'Times New Roman', Times, serif; margin: 0; padding-bottom: 1em; }


body#butikker-detalj #main .content { overflow: hidden; }


/*body#butikker-detalj #main .content { overflow: hidden; }*/



body#butikker {  }

body#butikker #main .content #col1 {  }


body#butikker #main #col1 h2, body#butikker #main #col2 h2 { font-size: 24px; font-style: normal; font-weight: normal !important; }

body#butikker #main .content h2, body#butikker #main .content h3 { margin: 0 0 0 174px; text-transform: uppercase; }

body#butikker #main .content h3 { margin-top: 2em; text-transform: uppercase; }

body#butikker #main .content #aside h2 { margin: 0; text-transform: uppercase; }

body#butikker #main .content dl, body#butikker #main .content dd { position: relative; margin-left: 174px; }


body#butikker #main .content dd { background: url(/images/gui/popupBg.png); }


body#butikker #col1, body#butikker #col2 { width: 389px; float: left;  }

body#butikker #col1 a, body#butikker #col2 a { text-decoration: none; color: gray; }


/*popup bredde 159*/




/* @end */

/* @group stilling ledig */

body#om-oss.stilling-ledig {  }


body#om-oss.stilling-ledig hr { clear: both; background: transparent; border: none; border-top: 2px dotted black; margin: 20px 0; }


body#om-oss.stilling-ledig .stilling { clear: both; background: transparent; overflow: hidden; position: relative; padding-right: 295px; }

body#om-oss.stilling-ledig .stilling img { position: absolute; right: 0; }

body#om-oss.stilling-ledig .stilling img#bilde { position: relative; right: auto; float: right; }

body#om-oss.stilling-ledig .stilling .more { display: none; }

body#om-oss.stilling-ledig .stilling h2 { font: normal normal 24px/1.2 "sommet-rounded-1","sommet-rounded-2", Arial, sans-serif;  text-transform: uppercase; }

body#om-oss.stilling-ledig .stilling p { font: 14px/1.5 "athelas-1","athelas-2", Palatino, 'Times New Roman', Times, serif; margin: 0; padding-bottom: 1em; }


/* @end */

/* @group nyheter */

body#nyheter {  }

body#nyheter #main .content, body#nyheter-detalj #main .content { overflow: hidden; }

#nyhetsoversikt { width: 605px; margin-left: 174px; float: left; background: transparent;  }

#nyhetsoversikt .nyhet { clear: both; background: transparent; overflow: hidden; position: relative; }


/*body#nyheter #nyhetsoversikt .nyhet * { margin: 0; padding: 0; }*/

#nyhetsoversikt hr { clear: both; background: transparent; border: none; border-top: 2px dotted black; margin: 20px 0; }

#nyhetsoversikt .nyhet { }

#nyhetsoversikt .nyhet h2 { font: normal normal 24px/1.2 "sommet-rounded-1","sommet-rounded-2", Arial, sans-serif;  text-transform: uppercase; }

#nyhetsoversikt .nyhet p { font: 14px/1.5 "athelas-1","athelas-2", Palatino, 'Times New Roman', Times, serif; margin: 0; padding-bottom: 1em; }

body#nyheter #nyhetsoversikt .nyhet .more { display: none; }

#nyhetsoversikt .nyhet img { position: relative; float: right; }

#nyhet_left{ width: 310px; float: left; position: relative; }
#nyhet_right{ width: 295px; right: 0px; position: absolute; }
#nyhet_right img{ padding-bottom: 15px; }

/*body#nyheter #nyhetsoversikt .nyhet img { float: right; margin-right: -295px; }*/

body#nyheter-detalj #nyhetsoversikt .les-mer { display: none;  }

body#nyheter-detalj #nyhetsoversikt .les-mer a { text-transform: uppercase !important; }


body#nyheter #aside { width: 228px; float: right;  }

body#forsiden #aside { position: relative; z-index: 1000; margin-top: 30px; }

body#forsiden #aside * { color: black !important; font: normal bold 14px/1.2 "sommet-rounded-1","sommet-rounded-2", Arial, sans-serif !important; text-decoration: none;  }



/* @end */

/* @group slideshow */

#slideshow #s1 { padding: 68px 488px 0 106px; width: 430px; }

#slideshow #s2 { padding: 20px 607px 0 30px; width: 387px; }

#slideshow #s3 { padding: 17px 562px 0 64px; width: 398px; }

#slideshow #s4 { padding: 143px 638px 0 98px; width: 288px; }

#slideshow #s5 { padding: 75px 544px 0 230px; width: 250px; }









#slideshow #s1 h2 { width: 435px; height: 183px; background: transparent url(/images/look/asane_web_sommer1_txt.png) no-repeat 0 0; text-indent: -9000px; }

#slideshow #s2 h2 { width: 387px; height: 221px; background: transparent url(/images/look/asane_web_sommer2_txt.png) no-repeat 0 0; text-indent: -9000px; }

#slideshow #s3 h2 { width: 397px; height: 366px; background: transparent url(/images/look/asane_web_sommer3_txt.png) no-repeat 0 0; text-indent: -9000px; }

#slideshow #s4 h2 { width: 320px; height: 118px; background: transparent url(/images/look/asane_web_sommer4_txt.png) no-repeat 0 0; text-indent: -9000px; }

#slideshow #s5 h2 { width: 250px; height: 300px; background: transparent url(/images/look/asane_web_sommer5_txt.png) no-repeat 0 0; text-indent: -9000px; }



#slideshow p { font: 14px/1.5 "athelas-1","athelas-2", Palatino, 'Times New Roman', Times, serif; color: white; }

#slideshow #s1 p { color: black; padding: 0 0 0 140px; }

#slideshow #s2 p { color: black; padding: 0 0 0 162px; }

#slideshow #s3 p { color: white; padding: 0 150px 0 60px; margin-top: -50px; margin-bottom: 60px; }

#slideshow #s4 p { color: black; padding: 0 0 0 26px; }

#slideshow #s5 p { color: black; padding: 0 0 0 95px; }


#slideshow #leftbtn, #slideshow #rightbtn { text-indent: -9000px; background: url(/images/gui/prevBtnBg.png) no-repeat 0 0; width: 62px; height: 86px; border: none; outline: none; cursor: pointer; }

#slideshow #rightbtn { background-image: url(/images/gui/nextBtnBg.png); }



/*#slideshow #s3 #leftbtn { background-image: url(/images/gui/prevBtnDarkBg.png); }
#slideshow #s3 #rightbtn { background-image: url(/images/gui/nextBtnDarkBg.png); }*/



/* @end */

/* @group lightbox */

#colorbox img { float: right; margin: 0 0 15px 15px; }

#colorbox h2 { font-size: 18px; font-weight: normal; text-transform: uppercase; }

#colorbox ul { margin: 0; padding: 0; list-style-type: none; }

/* @end */

/* @group kontakt */

body#tjenester .content h2, body#om-oss .content h2, body#result .content h2 { font: normal normal 24px/1.2 "sommet-rounded-1","sommet-rounded-2", Arial, sans-serif; text-transform: uppercase; }

body#tjenester #main #col1, body#om-oss #main #col1, body#result #main #col1 { width: 605px; margin-left: 174px; float: left; font-family: ; }

body#om-oss .ansatt { width: 190px; background: transparent; float: left; margin-left: 15px; }

body#om-oss .ansatt.first { margin-left: 0; background: transparent; }

body#tjenester hr, body#om-oss hr { border: none; height: 0; clear: both; margin: 0; margin-bottom: 15px; }

body#tjenester h3, body#om-oss h3, body#result h3 { font-weight: normal; font-size: 16px; }

body#tjenester .ansatt ul, body#om-oss .ansatt ul { margin: 0; padding: 0; list-style-type: none; }

body#tjenester #main .content p, body#tjenester #main .content p *, body#om-oss #main .content p, body#om-oss #main .content p * { font: 14px/1.5 Palatino, 'Times New Roman', Times, serif !important; margin: 0; padding-bottom: 1em; }


/* @end */

/* @group åpningstider */


body #main .content #aside h2 { margin: 0 !important; padding-bottom: 1em; font: normal bold 13px/1.5 "sommet-rounded-1","sommet-rounded-2", Arial, sans-serif; text-transform: uppercase; }

body #main .content #aside p { margin: 0; padding: 0; font: normal bold 13px/1.5 "sommet-rounded-1","sommet-rounded-2", Arial, sans-serif !important; text-transform: uppercase; }


#aside table { width: 160px; }

#aside table tr td { width: 100px; }

#aside table tr td + td { width: 60px; }

#aside table td + td { text-align: right; }

#aside th { text-align: left; font-weight: bold; padding-top: 1em; }

#aside { width: 228px; float: right;  }

#aside * { font-size: 10px }



/* @end */

/* @group Misc */



body#tjenester.standleie .content img, body#tjenester.personlig-shopper .content img, body#om-oss.standleie .content img, body#om-oss.personlig-shopper .content img { float: left; margin-right: 15px; margin-bottom: 15px; }

#aside h2, #aside p { /*text-align: right;*/ }

body#look .slide-content img { visibility: none; width: 0; height: 0; }

/* @end */

/* @group ansatte */

body.ansatte #main h3 { margin: 1em 0 .5em 0; }

body.ansatte #main h4 { margin: .5em 0; }

/* @end */

/* @group look */

body#forsiden .slide button { border: 1px solid rgb(31,50,107); border-bottom-color: rgb(21,38,91); background: rgb(80,100,155) url(/images/gui/facebook-ikon.png) 0 0 no-repeat; padding: 1px 2px 1px 18px; line-height: 20px; display: block; font: bold 10px/1.0 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: white; height: 18px; }


/* @end */


