/*

Created:  01.10.2009, http://www.edbtotalpartner.no
Contact:  support@edbtotalpartner.no

*/

body{ 
  font-size: 10pt;
  font-family: Verdana; 
  text-align: center; 
  background: #6baa3d url(images/bg-gras-tiles.gif) 0 0 repeat; }


/* Overskrifter ***************************************/
h1, h2, h3, h4, h5, h6 { color: #f7991d; margin-bottom: 10px; }
h1{ font-size: 18pt; margin-bottom: 40px; }
h2{ font-size: 12pt; }


/* Lenker *********************************************/
a{ color: #2888c2; text-decoration: none; }
a:hover{ text-decoration: underline;}

/* Tekst *********************************************/
p{ margin-bottom: 25px;}
p.teaser{ margin-bottom: 5px;}



#container{height: 100%;}

  .kveld{ background: url(images/bg-day.gif) 50% 0 repeat-x; }
  .morgen{ background: url(images/bg-day.gif) 50% 0 repeat-x; }
  .dag{ background: url(images/bg-day.gif) 50% 0 repeat-x; }


.wrapper{ margin: 0 auto; width: 954px; text-align: left; }
  
.header{ height: 175px; height: 137px; overflow: hidden;}
  
  .logo{ float: left; width: 400px;}  
  
  .logo a{ display:inline; float: left; width: 100%; height: 120px; line-height: 120px; text-decoration: none; color: #fff; background: url(images/logo.gif) 0 0 no-repeat; }
  .logo a:hover{ background-position: 0 -130px;}

  .doll{ float: left; width: 300px;  /*background: url(images/doll.gif) 0 0 no-repeat;*/}
    .doll img{ position: absolute; top: -15px; }
  .topmenu{ float: left; width: 200px;}
  
.placeholder{ 
  background: url(images/huset.gif) 100% 0 no-repeat; 
  height:auto !important;
  min-height:660px; 
  height:660px;} 

.lc{ 
  float: left;
  clear: left;
  width: 200px;
  padding-top: 50px;
  overflow: hidden;}

.mc{
  float: left;
  clear: right;
  width: 754px; 
  height:auto !important;
  min-height:610px; 
  height:610px;
  padding-top: 50px;
}
  
  
.mc .pad{ 
  height:auto !important; 
  min-height:600px; 
  height:600px; 
  padding: 40px 15px 60px 15px; 
  background-color: #fff;
  background-position: 100% 0;
  background-repeat: no-repeat;}

#home .mc .pad{ background: none; /*background: url(images/house-default.gif) 100% 0 no-repeat; */ }  


.mc .pad .mc-col1, .mc .pad .mc-col2, .tekst{ width: 50%; }  
.mc .pad .mc-col1, .mc .pad .mc-col2{ float: left;}

/* Forsiden *********************************************/
.forside-content{ position: relative; height:auto !important; min-height:600px; height:600px;}
  .forside-content div{ position: absolute;  border: 0px solid red; }
    .forside-content div a{ display: block; line-height: 100%; height: 100%; text-decoration: none; }

  .forside-content .anlegg{ top: 110px; left: 80px; height: 170px; width: 200px;}
  .forside-content .stol{ top: 120px; left: 290px; height: 150px; width: 120px;}
  .forside-content .bilder{ top: 125px; left: 440px; height: 120px; width: 100px;}
  .forside-content .kjoleskap{ top: 140px; left: 542px; height: 130px; width: 55px;}
  .forside-content .spill{ top: 140px; left: 598px; height: 130px; width: 120px;}
  .forside-content .papirfly{ top: 440px; left: 250px; height: 30px; width: 100px;}
  .forside-content .telefon{ top: 295px; left: 698px; height: 60px; width: 30px;}
  .forside-content .sofa{ top: 315px; left: 355px; height: 150px; width: 95px;} 
  .forside-content .tv{ top: 287px; left: 80px; height: 150px; width: 275px;}
  .forside-content .bil{ top: 310px; left: 460px; height: 120px; width: 240px;}


  .forside-content .anlegg-hover{ background: url(images/anlegg-hover.gif) 0 0 no-repeat; }
  .forside-content .stol-hover{ background: url(images/stol-hover.gif) 0 0 no-repeat; }
  .forside-content .bilder-hover{ background: url(images/bilder-hover.gif) 0 0 no-repeat; }
  .forside-content .kjoleskap-hover{ background: url(images/kjoleskap-hover.gif) 0 0 no-repeat; }
  .forside-content .spill-hover{ background: url(images/kjoleskap-hover.gif) 135% 0 no-repeat; }
  .forside-content .papirfly-hover{ background: url(images/papirfly-hover.gif) 100% 0 no-repeat; }
  .forside-content .telefon-hover{ background: url(images/telefon-hover.gif) 0 0 no-repeat; }
  .forside-content .tv-hover{ background: url(images/tv-hover.gif) 0 0 no-repeat; }
  .forside-content .sofa-hover{ background: url(images/sofa-hover.gif) 0 0 no-repeat; }
  .forside-content .bil-hover{ background: url(images/bil-hover.gif) 0 0 no-repeat; }



/* Lister *********************************************/
.mc ul{ 
  list-style: disc outside;
  margin: 0 1.5em 1em 1.5em; }

.mc dl.list-dt-left{ width: 293px; }
  dl.list-dt-left dt{ float: left; clear: left; width: 45%;}
  dl.list-dt-left dd{ float: left; width: 55%;}

  dl.list-dt-left h2,  dl.list-dt-left h2 a { font-size: 1em;}

/* Kalender ****************************************/
.calendar{}
  .calendar h3, .calendar table td{ padding: 4px 8px;} 

  .calendar table td{ border-bottom: 1px solid #e9f2fb; }
  .td-dato{ border-right: 1px solid #e9f2fb; }
  
  .calendar h2{} /* år */
  .calendar h3{
    color: #92b1c5;
    text-transform: capitalize;
    font-weight: 700; 
    background: #e9f2fb url(images/bg-month.gif) 0 100% repeat-x; } /* mnd */
  
  .calendar p{ margin: 0; }  
  
  .calendar .dato{}
    .dato .ukedag{ text-transform: capitalize; }
    .dato .dag{}
    .dato .maned{ display: none;}
      
  .calendar .hendelse{}



/* Navigering ****************************************/

/* top menu */
.topmenu{ padding-top: 25px;}
  .topmenu li a { display: block; line-height: 25px;}
  .topmenu li a { font-weight: 700; color: #2888c2; text-decoration: none; }
  .topmenu li a:hover{ text-decoration: underline; }

    .topmenu .cd{ padding-left: 30px; background: url(images/ico-cd.gif) 0 50% no-repeat;}
    .topmenu .parents{ padding-left: 30px; background: url(images/ico-parents.gif) 0 50% no-repeat;}

/* main menu - level 1 */
.nav-container{}

ul.navigation{ width: 200px; list-style: none; }
  .navigation li{ background: url(images/bg-left-menu.gif) 100% 0 repeat-x; border: 0px solid #b2daf3; display: block;} /* #b2daf3 */
  
  .navigation a{
    display: block; 
    line-height: 67px;
    padding: 0 80px 0 18px;
    font-weight: 700;
    font-size: 14pt;
    text-align: right;
    color: #fff; 
    text-decoration: none;
    background-position: 84% 50%;
    background-repeat: no-repeat;  }
    
  .navigation a:hover,
  .navigation li.active a{ color: red; }
  
  .navigation li.active{ background-position: 100% 100%;}

  .navigation .forside a,
  .navigation .forsiden a,
  .navigation .fremside a,
  .navigation .fremsiden a,
  .navigation .home a,
  .navigation .hjem a,
  .navigation .heim a{ 
    background-image: url(images/meny-ikon-kamera.gif);}
    
   .navigation .blogg a{ background-image: url(images/pencil.gif); }
   .navigation .gjestebok a{ background-image: url(images/book.gif); }
  
  .navigation .filmklipp a{ background-image: url(images/meny-ikon-film.gif); }
  .navigation .musikk a{ background-image: url(images/meny-ikon-gitar.gif); }
  .navigation .favoritter a{ background-image: url(images/meny-ikon-sommerfugl.gif); }
  .navigation .stjerner a{ background-image: url(images/meny-ikon-stjerne.gif); }
  .navigation .gulrot a{ background-image: url(images/meny-ikon-gullerot.gif); }
  .navigation .biltur a{ background-image: url(images/meny-ikon-bil.gif); }
  
  .navigation .kontakt_meg a,
  .navigation .kontakt a{ background-image: url(images/meny-ikon-konvolutt.gif); }


/* sub menu - below level 1 */
.box-category{ 
  width: 293px;
  margin-bottom: 1em;
  overflow: hidden;
  background: url(images/bg-submenu-repeat.gif) 0 0 repeat-y; }

.box-category .bottom{ background: url(images/bg-submenu-bottom.gif) 0 100% no-repeat; } 


ul.sub-menu{ 
  margin: 0;
  padding: 18px;
  list-style: none;
  background: url(images/bg-submenu-top.gif) 0 0 no-repeat;}
  
  .sub-menu li{ display: block;}
  .sub-menu a{
    display: block; 
    line-height: 35px;
    font-weight: 700;
    font-size: 16pt;
    color: #fff; 
    text-decoration: none;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
    
    

.etpGallery a{ 
  display: block;
  clear: both; } 

.etpGallery a img{ 	border:1px solid #666;  } 

 
/* the active thumbnail */
.etpGallery a.active img { 
  outline: 1px solid #000;
	z-index:9999;
	position:relative; }

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000; }

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px; }
	
/* the large image. we use a gray border around it */
#img { border:1px solid #666; }

.next, .prev {
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; }

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0; }

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000; }

/* when there is no next or previous link available this class is added */
.disabled { visibility:hidden; }

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666; }

.info strong { display:block; }

/* progress indicator (animated gif). should be initially hidden */
.progress {	position:absolute; top:45%; left:50%; display:none; }

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(images/h80.png) repeat-x;		
}