/* GENERAL STYLES */
/*  Den Lille Skole i København  */
/*  Basis stylesheet. Inkluder denne (og lignende) i HTML koden. Husk at inkluder de relevante css-import statements i alle disse */
/*  copyright 2006 Torleik Ravn  */

@import url(lskglobal.css); 
@import url(lskboxes.css); 
@import url(lsklayout.css);
@import url(lsknav.css);
 
 .readmorelink
 {
  background: transparent url(img/RRarrows_red.gif)  top left no-repeat;	
	padding-left:14px;	
 }
 
 /* Expandlink og collapselink benyttes til at sætte op expand - collapse områder med expandlink/collapselink som kontrol blok classes.  */
 .expandlink, .collapselink
 {
    background: transparent url(img/expandarrowred.gif)  top left no-repeat;
		background-position: 0% 0%;
		padding-left:14px;		
		margin-bottom:0px;
		margin-top:4px;
	    color:#445a88;
		cursor:hand;
		cursor:pointer;
 }
 /* Expandlinks i adpanelbox området skal p.t. benytte en anden pile-grafik.*/
 .adpanelbox .expandlink
 {
    background: transparent url(img/expandarrowred.gif)  top left no-repeat;
 }
 
 /* OBSOLETE   Vi benytter aligevel ikke a tags...  Der er jo ikke tale om links. Kun visuel effekt. */
 .expandlink a, .expandlink a:visited
 {
 	text-decoration: none;
	color:#445a88;	
 }

  .expandlink a:hover 
	{
	 text-decoration: underline;
	}
	
	/* Shifter positionen af baggrundsbilledet for at vise den anden pil. Brug "expanded" som ekstra class. */ 
  .expanded
	{
	    background-position: 0% -15px;
	}
	
  .linetext, .linetexthidden	
  {
	  display:block;
	  margin-top: -6px;
		margin-left:3px;
		border-left: 2px solid #ced8d2;
		padding-left:9px;
		padding-bottom:0px;
		padding-right:8px;
		padding-top:0px;
  }	
		
	/*  This class starts a text out as hidden. jQuery hides them, so they ARE shown if no js exists, thus reveals text for unsupportive browsers.*/	
  .texthidden	
  {
  }

/* better implementation - not relying on the id */
 /* Expandlink og collapselink benyttes til at sætte op expand - collapse områder med expandlink/collapselink som kontrol blok classes.  */
 .expandable, .collapsable
 {
 }
 
 .expandable .expander, .expandable .collapser, .expandit 
 {
   background: transparent url(img/expandarrowred.gif)  top left  no-repeat;		
		padding-left:14px;		
		margin-bottom:0px;
		margin-top:4px;
	    color:#445a88;
		cursor:hand;
		cursor:pointer;    
 }
 
 /* Expandlinks i adpanelbox området skal p.t. benytte en anden pile-grafik.*/
 .adpanelbox .expandable .expander,  .adpanelbox .expandable .collapser  
 {
    background: transparent url(img/expandarrowred.gif)  top left no-repeat;
 }
 
 /* OBSOLETE   Vi benytter aligevel ikke a tags...  Der er jo ikke tale om links. Kun visuel effekt. */
  .expandable .expander a,  .expandable .expander a:visited
 {

 	text-decoration: none;
	color:#445a88;	
 }

  .expandable .expander a:hover 
	{
	 text-decoration: underline;
	}
	
	/* Shifter positionen af baggrundsbilledet for at vise den anden pil, når top class er collapsable. */ 		
   .expandable .expander, .expandit
	{
	    background-position: 0px 0px;	    
	}
   .expandable .collapser, .collapseit
	{
	    background-position: 0px -15px;
	}
	
.adpanelbox .expandable .expander
{
	    background-position: 0px 0px;
}
.adpanelbox .expandable .collapser
{
	    background-position: 0px -15px;
}
	
  .expandee, .expandittarget
  {
	    margin-top: 5px;
		margin-left:3px;
		border-left: 2px solid #ced8d2;
		padding-left:9px;
		padding-bottom:5px;
		padding-right:8px;
		padding-top:0px;
  }	
  
  
 .adpanelbox     .expandee	,  .adpanelbox .expandittarget
  {
		border-left: 0px solid #ced8d2;
		padding-left:0px;
  }	
  
 .expandable .expanded	
  {
	  display:block;	  
  }	
 .expandable .collapsed	
  {
	  display:none;
  }	
  
/*
<div class="expandable" id="broberg2" >
<div class="expander" id="broberg2" >En ekstern vurdering</div>
<div class="expandee" id="broberg2_block" >
<p>Nogle gange er det godt at lytte til hvad eksterne folk mener.</p>

<b>Uddrag af tilsynsrapport 2003:</b><br />
<div class="quote">"Principper som undervisningsdifferentiering, elevorientering,
faglighed og sociale relationer går naturligt hånd i hånd med den
undervisning der praktiseres."
</div>
<div class="textfootnote">(tilsynsrapport 2003 af pæd.psyk. Kirsten Borberg, konsulent for kbh. kommune)</div>
					</div>
</div>
*/	
	.clear{
	   clear:both;
	}
		
	/* Ændring af standard link udseende for footerboksen. */	
	.footerbox a, .footerbox a:visited
	{
	 	text-decoration: none;
		color:#9f4f4d;
	}
	.footerbox a:hover
	{
	 	text-decoration: underline;
	}
	.empty 
	{
  	height:350px;
	}
	
	.shadowlogo
	{
	 position:absolute;
	 clip:rect(1px,1px,240px,180px);
 	 margin-left:34px;
	 margin-top:25px;
	 margin-bottom:45px;
	 height:300px;
	 width:194px;
	 overflow:hidden;
	}

.linkliste {
   list-style: none; 
   margin-left:0px;
   padding-left:0px;
   /*margin-top:10px;
   list-style-position:inside;   
   display:block;*/
}

.linkliste li  
{
	padding-top:4px;
	padding-bottom:7px;
}
.linkliste li  .eventblock
{
 position: relative;
}
.linkliste li div.textblock
{
	margin-left:90px;	
}

.linkliste  a{
    font-size:140%;
    font-weight:bold;
	color:#70768c;
	text-decoration:none;
	position:relative;
}
.linkliste  a:hover{
	color:#9f4f4d;
	text-decoration:underline;
}

.linkliste  li.alt
{
	background-color:#EFEFED;
}


.linkliste  .byline{
	position:absolute;
	float:left;
    text-align:left;
	width:89px;
	margin-top:3px;
}

.linkliste  p
{	
	position:relative;
	margin:0;
	padding:0;
	padding-top:2px;
	padding-bottom:2px;
}



.liste
{
   list-style: none; 
   margin-left:0px;
   padding-left:0px;
   margin-top:10px;
   list-style-position:inside;   
   display:block;
}

.liste li
{
display:block;
float:none;
padding-left:5px;
padding-top:8px;
padding-bottom:6px;
margin-bottom:1px;
margin-top:1px;
}
.liste li div.container
{
 position: relative;
display:block;
}
.liste li
{
   background-color:#fff;
   _height: 0; 
}

.liste li.alt
{
   background-color:#efefed;
 _height: 0; 
}

.liste .nyhed a, .liste .nyhed  a:visited
{
	margin-left:0px;
	padding-left:0px;
    font-size:140%;
    font-weight:bold;
	color:#70768c;	
}
.liste .nyhed  a:hover {
   text-decoration:underline;
   color:#9f4f4d;  
}

.liste li.nyhed  {
padding-bottom:1px;
margin-bottom:1px;
}

.liste .byline
{
    float:left;
    margin-right:8px;
    text-align:left;
    margin-bottom:6px;
	display:block;
}

.liste p
{
	margin-bottom:0px;
    margin-top:4px;
    padding:0;	
	clear:both;
}

.liste a,  a:visited
{ 
    text-decoration:none;
}

.liste .begivenhed .date
{
    /* font-family: georgia, times, serif;*/
	font-size:100%;
	/*margin-left:-38px;*/
	font-weight:normal;
	width:75px;
	float:left;	
	height:30px;
	position:absolute;
}
.liste .eventinfo
{
	float:left;
	margin-left:74px;	
}
.liste .eventinfo div
{
   display:block;   
}

.liste .begivenhed a, .liste .begivenhed a:visited, .liste .begivenhed a:hover
{   
    color:#70768c;
	font-size:140%;
	font-weight:bold;
	float:none;
	clear:both;
}

.liste .gl_begivenhed 
{
	display:none;
}
#hideold
{
	display:none;
}
    
.liste .gl_begivenhed .date 
{
    /*font-family: georgia, times, serif;*/
	font-size:100%;
	/*margin-left:-38px;*/
	font-weight:lighter;    
    color: Silver;
	width:75px;
	float:left;
	height:30px;
	/*display:inline;*/
}    
.liste .gl_begivenhed p 
{  
    color: Silver;
}   
.liste .gl_begivenhed a, .liste .gl_begivenhed a:visited, .liste .gl_begivenhed a:hover
{
    color:#70768c;
	font-size:140%;
	font-weight:bold;    
    color: Silver;
} 
.liste .gl_begivenhed  .byline 
{  
    color: Silver;
}    

/* gallery thumb styles */
.liste .thumbwrapper{
	width: 216px; 
	/*height:166px;*/
	overflow:hidden;
	text-align:center;
	float:left;
	padding-bottom:5px;	
	padding-top:6px;	
	background-color: #eee;
	margin-right:10px;
	margin-bottom:10px;
}

.liste .thumbwrapper a img.gallerythumb {
	border-color:#eee;	
	display:block;
	margin-left:31px;
} 

.liste .thumbwrapper a{
	font-size:80%;
	color: #333;
}
.liste .thumbwrapper a:hover{
	color: #9f4f4d;
	text-decoration:none;	
}

.liste .thumbwrapper a:hover img.gallerythumb {
	border-color:#9f4f4d;
} 

/* Adpanel gallery thumb styles */
.adpanelbox .thumbwrapper{
	width: 75px; 
	/*height:166px;*/
	overflow:hidden;
	text-align:left;
	float:left;
	padding-bottom:0px;	
	padding-top:1px;	
	
	margin-right:6px;
	margin-bottom:0px;
}

.adpanelbox .thumbwrapper a img.gallerythumb {
	border-color:#E9E2CB;	
	display:block;
	margin-left:0px;	
} 

.adpanelbox .thumbwrapper a{
	font-size:80%;
	color: #333;
}
.adpanelbox .thumbwrapper a:hover{
	color: #9f4f4d;
	text-decoration:none;	
}

.adpanelbox .thumbwrapper a:hover img.gallerythumb {
	border-color:#9f4f4d;
	margin-bottom:2px;
} 
html>body .adpanelbox .thumbwrapper a:hover img.gallerythumb    { 
	margin-bottom:0px;
}

.adpanelbox      .gallerylinkbox {
	float:right;
	position:relative;
	width:128px;
	height:89px;	
}

.adpanelbox      .gallerylinkbox div{
	position:absolute;
	top:1px;
}

#showhidetoggler
{
    position:absolute;
	top:10px;
	right:1px;
	color: #9f4f4d;
	cursor:pointer;
}
#hideold
{
  background: transparent url(img/expandarrowred.gif)  top left no-repeat;
     background-position: 0px -15px;
	 padding-left:14px;		
    position:absolute;
	top:10px;
	right:1px;
	color: #9f4f4d;
	cursor:pointer;
}
#showold
{
  background: transparent url(img/expandarrowred.gif)  top left no-repeat;
    position:absolute;
	padding-left:14px;		
	top:10px;
	right:1px;
	color: #9f4f4d;
	cursor:pointer;
}