/* Frontpage STYLES */
/*  Den Lille Skole i København  */
/*  Layout definitioner og Navigation styling  */
/*  copyright 2006 Torleik Ravn  */

/* Main content band with left nav, breadcrumb, content and right-side ad-panel */
#mainfront {
	
	background-color:#ffffff;
	vertical-align:top;
	margin-top: 10px;  /* IE require this*/
}

/* The left side box - with submenu. */
.leftadbox {
  float:left;
	width: 222px;
	padding: 0;
	margin-right:0px;
	font-size: 100%; 
    font-weight:normal; 
	 background-color:#fff; 
	/*height:100%;*/			
}
html>body .leftadbox   {  /* Hack to align IE and FF to same width */  /* debug   NOT ON OLD!*/ 
	width: 222px;
}
/* Submenu layout and styling */
.submenubox {
	width: 205px;
	padding: 0;
	margin-right:0px;
	font-size: 100%; 
  font-weight:normal; 
	background-color: #cbd5c7;
	color: white;

}

.clear
{
	clear:both;
	float:none;
	position:relative;	
}

/* Special leftside links styling */
#mainfront .leftpagelink{	
	width: 218px;	
	background-color: #fff;
	height:90px;	
}
#mainfront .leftpagelink img {
  float:left;
}
#mainfront .lbox{
	float:left;
	height:80px;
	width:134px;
	background-color: #e9e2cb;
	position:relative;
	margin-left:4px;		
}
#mainfront .lbox div {
	position:absolute;
	bottom:3px;
	right:0;
	padding: 5px;	 	
}

#mainfront .lbox  h3 {
		margin-top:0px;	
		font-size:140%;
		line-height:110%;	
}	
	
#mainfront .leftadbox div a {
	font-size:120%;	 	
	color:#333;
	text-decoration:none;
	font-weight:bold;
} 	
#mainfront .leftadbox div a:hover {
	font-size:120%;	 	
	color:#666;
	text-decoration:underline;
	font-weight:bold;
} 		 	

#mainfront .rightpagelink{	
	width: 218px;	
	background-color: #fff;		
	height:90px;		
}

#mainfront .rightpagelink img {
  float:right;
}
#mainfront .rbox{
	float:left;
	height:80px;
	width:134px;
	background-color: #e9e2cb;
	position:relative;
	margin-right:4px;			
}
#mainfront .rbox div {
	position:absolute;
	bottom:3px;
	left:0;
	padding: 5px;	
}

html>body .submenubox   {  /* Hack to align IE and FF to same width */  /* debug   NOT ON OLD!*/ 
	width: 222px;
}
/* Main content box. With breadcrumb and article */
.contentbox {
  /* col 2 */
    float:left;
	width:452px;		
	background-color:#fff;
	padding-left:10px;
	margin-right:0px; /* no effect*/
	padding-right:0px;/* no effect*/
	margin-bottom:2px;
}

html>body .contentbox   {  /* Hack to align IE and FF to same width */
		width: 452px;
		margin-bottom:12px;
}

#mainfront .articlebox {
   /* clear:both; */
	border-top:0px solid #9f4f4d;
	padding-top:6px;
	margin-right:0px; /* no effect*/
	padding-right:0px;/* no effect*/
	padding-bottom:6px;
}
#mainfront .horizborder {
border-bottom:4px solid #9f4f4d;	
margin-bottom:10px;
}


#mainfront .articlebox .mainarticle {
	border-bottom:1px solid #9f4f4d;
}

#mainfront .articlebox h1 {
		font-size:220%;		
		z-index:0;
		top:10px;
		margin:0px;
		margin-top:0px;
		margin-bottom:5px;	
}

#mainfront .articlebox .byline{
 	font-size:82%;
	color:#9f4f4d;
	float:none;
	text-align:left;
	font-family: arial, verdana, sans-serif;
	margin-bottom:0px;	
}

#mainfront .articlelink
{
	margin-top:10px;	
}

#mainfront .articlelink a
{
	font-size:120%;	 	
	color:#70768C;
	text-decoration:none;
	font-weight:bold;
} 	

#mainfront .articlelink a:hover {
	font-size:120%;	 	
	color:#666;
	text-decoration:underline;
	font-weight:bold;		
}

#mainfront  .textfootnote {
	margin-top:0px;	
}
#mainfront  .textfootnote a {
	color:#9f4f4d;
	text-decoration:none;
}
#mainfront  .textfootnote a:hover {
	color:#9f4f4d;
	text-decoration:underline;
}

#mainfront .col1 {
float:left;
width:220px;
}
#mainfront .col2 {
float:left;
margin-left:8px;
width:220px;
}

#mainfront  .contentbox   .lbox , #mainfront  .adpanelbox   .lbox{
    float:left;
	background-color:#fff;
	padding-left:1px;
	width:133px;
	padding-right:0px;
	margin-right:0px;
}
#mainfront  .adpanelbox   .lbox{
width:128px;
}

#mainfront  .contentbox   img {
	float:left;
}

#mainfront  .contentbox  .thumbwrapper  a  img.gallerythumb {
	border-width: 2px; 
	border-color:#fff;
}
#mainfront  .contentbox  .thumbwrapper  a:hover img.gallerythumb {
	border-color:#9f4f4d;
}

/* Rightside panel */
#mainfront .adpanelbox {
  /* col 3 */
    overflow: hidden; /* debug   NOT ON OLD!*/ 
    float:right;
	width:215px; 
    background-color:#fff;
	padding-left:0px;
	padding-top:0px;
    padding-bottom:10px;	
	padding-right:5px;	
	margin-left:0px;
	margin-top:0px; /* Old: 12px - Works in IE to push kalendar all up. But not in FF /TORK!*/ 
	margin-bottom:10px;	
	border-bottom:1px solid #9f4f4d;	
}

#mainfront  .thick
{
border-bottom:4px solid #9f4f4d;
}

html>body #mainfront .adpanelbox   {  /* Hack to align IE and FF to same width */
	margin-top:1px;	
	width:215px; 
}	

#mainfront .adpanelbox ul{
	float:none;
	clear:both;
	margin-top:-12px;	
}

#mainfront .adpanelbox  div h2 {	
	margin-top:0px;	
	padding-top:0px;
}	
	
#mainfront .adpanelbox div img {
float:left;
margin-right:5px;
	margin-top:0px;	
	padding-top:0px;
}

#mainfront .adpanelbox li {
	height:18px;	
	margin-left:0px;	
	padding-left:4px;	
display:block;
float:none;
padding-top:2px;
padding-bottom:2px;
margin-bottom:0px;
margin-top:0px;
}

html>body #mainfront .adpanelbox li   {  /* Hack to align IE and FF to same width */
	height:24px;
	padding-top:6px;
	padding-bottom:6px;
}	

#mainfront .board {
    float:right;
	width:205px; 
	padding-left:10px;
	padding-top:10px;
    padding-bottom:10px;	
	padding-right:5px;	
	
	margin-left:2px;	
	margin-bottom:10px;	
	
	background-color:#514d4c;
	background-image:url(/img/boardtop.gif);
	background-position: top left;
    background-repeat:no-repeat;    
		
	border-bottom:0px solid #9f4f4d;	
	border-left:0px solid #9f4f4d;	
	border-right:0px solid #9f4f4d;		
	font-family: "Comic Sans MS",cursive;
	color:#fff;
	}	
	
#mainfront .board  img {
	display: block;
    margin-left: auto;
    margin-right: auto; 	
	padding-right:5px;
}
	
#mainfront .board  h2 {
	text-align:center;
	padding-right:5px;
}
/* Special narrow calendar links styling */
#mainfront .listblock{	
	width: 218px;	
	background-color: #eee;
	height:40px;	
}

#mainfront .alt{		
	background-color: #fff;	
}

#mainfront .listblock .listdatebox {
  float:left;
  height:40px;
  width:54px;
  font-size:84%;   
}

#mainfront .listblock .listdatebox  div{
padding: 3px;	
}

#mainfront .listtextbox{
	float:left;
	height:40px;
	width:160px;	
	position:relative;
	margin-left:4px;		
}
#mainfront .listtextbox div {
	position:absolute;
	top:0px;
	left:0;
	padding: 3px;	 	
}

#mainfront .listtextbox div a {
font-size:100%;	
color:#70768c;
font-weight:bold;
text-decoration:none;
}
#mainfront .listtextbox div a:hover {
font-size:100%;	
text-decoration:underline;
}

#mainfront  .contentbox   .gallerylinkbox {
	position:relative;
    float:right;
	width:133px;
	height:70px;	
}


#mainfront  .contentbox   .gallerylinkbox div{
	position:absolute;
	top:12px;
}