/*Sätter innehållsramen på rätt position samt bakgrundsbilden*/
body {
	margin:0 0;
	padding:0px;
	background-color:#b9a37d;
	/*background-image:url(../img/bgSnow2.gif);*/
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:0.8em;
	color:#4e4e2d;
	}

a:visited{ text-decoration: underline; font-weight:normal;  color:#4e4e2d;}	
a:link{ text-decoration:underline; font-weight: normal; color:#4e4e2d;}
a:hover{text-decoration:none; font-weight:normal; color:#000000; background-color: #cecbc7;}

/*Osynlig linje som håller content på plats i mitten*/
#horizon {
	color: white;
	background-color:lime;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: hidden;
	display: block
	}
	
#position{
	
	margin-left: -450px;
	position: absolute;
	top: -290px;
	left: 50%;
	width: 900px;
	height: 580px;
	visibility: visible;
	background-color: #fffff0;
	border:#948264 1px solid; 	
}

	
h1
{
    margin-top:0em;
	font-size: 1.3em;
	font-weight: bold;
	color: #534938;
	/*color: #5a4139;*/
	letter-spacing:2px;
	font-family: Papyrus, Verdana, Geneva, Arial, sans-serif;
	color:#4e4e2d;
	/*font-family:Papyrus;
	border-bottom:#534938 1px solid;*/
}
h2{
	font-size: 1em;
	font-weight:normal;
	color: #534938;
	letter-spacing:1px;
	border-bottom:#bbc4c3 1px inset;
}

h3{
	font-size: 1em;
	font-weight: normal;
	/*color: #cc3333;*/
	color:#534938;
	letter-spacing:1px;
	border-top:#534938 1px solid;	
}

.rubrik3{
	font-style: italic;
	font-weight:bold;
	color:#000000;
	padding:0px 0px 0px 0px;
}

/*klass som tar bort ram på Headerbilden*/
.log { 
border-style:none; 
margin:0px 0px 0px 2px;
background-color:#fffff0;}
.cal a:hover {color: lime;}
.log a:hover {color: lime;}


.imgtext{color:#4e4e2d;
       font-style:italic; 
       margin:0px 0px 0px 0px;
        font-size:0.8em;
        letter-spacing:1px;
        }
/*
   font: 9px Verdana; 
*/


/* Kolumn 1 - menyn */

#menucontainer {
	width: 900px;
	height: auto;
	background-color: transparent;
	font-size:0.75em; 
		
}

	div#nav { height:30px; background-image:url(../img/menuback.gif); }

	div#nav ul {margin: 0; padding: 0; background: white; margin-top:0px;}
	div#nav li {position: relative; list-style: none; margin: 0; float: left;    }
	div#nav li a:hover { color: #ab0d1c; background-color: #eeeeee;}
	div#nav li a {display: block;  padding: 3px 3px 3px 30px; text-decoration: none; color:#534938;}
	
/*Innehållsdelen*/
#content
{
	height:auto;
	width: 900px;
	padding-top:10px;
	
}

/*klass på bodyn som används på alla sidor*/
.frame { line-height: 1.5em;
	padding: 5px 5px 5px 5px;
	background-color:#fffff0;
	background-image:none;
	/*scrollbar-face-color: #fffff0;
	scrollbar-highlight-color: #fffff0;
	scrollbar-shadow-color: #fffff0;
	scrollbar-3dlight-color: #bbc4c3;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #bbc4c3;*/
}

/*text till vänster i content*/
/*tidigare leftText*/
#leftContent{
 	margin-left: 0px;
	width: 69%;
	height:auto;
	float: left; 
	

	
	}

	/*Innehållet i leftcontent*/
#leftText{
	padding: 10px 10px 10px 20px;

	
}
#link{text-align:right;

     
      }


#leftText .back{

	float:right;

}
	
/*tidigare pictRight*/
#rightContent
{
text-align:center;
width: 30%;
height:auto;
float:right;
}

/* tidigare bildText*/
#rightText
{
 padding: 20px 10px 10px 20px;
 text-align: left;

}





/*------------------------------------------------------
S P E C I A L S I D O R
------------------------------------------------------*/

/*------------------------------------------------------
Startsidan
------------------------------------------------------*/
/*uppdateringsdiven på startsidan*/
#rightContentHome{
text-align:left;
margin-left: 1em;
margin-top: 1em;
width: 29%;
height:auto;
float:right;

/*border-left:2px #aabbcc dotted;*/
}


#update{
	font-size:0.75em;
	 text-align: left;
	 margin-left: 1em;
	
	 
}

#update a {
	color:#4e4e2d;
	font-weight:normal;
	text-decoration: none;
}


#headNews{ height:50%;
	
}
#headNewsPhoto{
 
 float:left;
 
	
}
#headNewsText{
width: 70%;
/*float:right;*/
text-align: center;
font-size: 1em;
margin-top:2em;
padding-left:3em;


}
.headNewsTitle{
 font-weight: bold; 

	}
#news{ width: 85%;


	}
	
.altLink{
	font-size:0.8em;
 font-style: italic;
}

.newsBlock{
          padding-bottom:1em;
          font-size:0.90em;
          border-bottom:solid 3px #ebe7d5; }
 
 .newsDate
 {
     
         
          font-size:0.8em;
          /*line-height:4em; */
          
          font-weight:bold;
          
           }
  .newsHeader
    
 {
          font-weight:bold;
          
           }
   
   .pictRight{ text-align:right;}
   .not{font-size:0.8em;
          font-style:italic; }
  
  .web{ font-size:0.85em;}

div#kalenderSida{margin-left:20px; }
div#kalender{font-family:Times New roman;
background-color:#fffff0;
width:50%;
border:solid 1px #d5d5d5;
 }

div#kalender table{  font-size:0.75em;  
cellspacing:10px;
width:100%; 
margin:5px 5px 5px 5px; 
}


.son{color:red;}
.sonLinje{border-bottom:solid 1px red;}
.datum{font-size:24px; padding-left:10px;  width:10%; }
.dag{font-size:14px; font-weight:normal; padding-left:10px;  width:30%; }
.namn{font-size:12px; padding-left:10px;}
.kal{font-size:13px; font-family:Tempus Sans ITC; width:auto;}

.linje{border-bottom:solid 1px #d5d5d5;}


/*
#menucontainerKal {
	width: 900px;
	height: auto;
	background-color: lime; 
	font-size:0.75em; 
		
}

	div#navkal { height:30px; background-image:url(../img/menuback.gif); }

	div#navkal ul {margin: 0; padding: 0; background: white; margin-top:0px;}
	div#navkal li {position: relative; list-style: none; margin: 0; float: left;    }
	div#navkal li a:hover { color: #ab0d1c; background-color: #eeeeee;}
	div#navkal li a {display: block;  padding: 3px 3px 3px 30px; text-decoration: none; color:#534938;}
	*/
#menucontainerKal
{
	width:auto;
	
	background-color:#fffff0;
	font-size:0.8em;
}

div#navkal {padding:0px 0px 0px 0px;   text-align:right;}
div#navkal li{display:inline;  text-decoration:none; /*padding:20px 10px 20px 20px;*/ padding:10px 20px 10px 10px;  }
div#navkal li a {text-decoration:none; color:#000000;  }/*color:#a41203;*/
/*div#navkal a:visited{color: #000000;}*/
div#navkal a:hover{color:#a41203; background-color:#fffff0; text-decoration:underline;}
div#navkal a:active{color:#lime; background-color:#fffff0; text-decoration:underline;}

.aktiv{background-color:#fffff0; 
padding:15px 15px 15px 15px;
background: transparent url(../img/menuActive.gif) no-repeat center; 
   }



/*------------------------------------------------------
VEM GÖR VAD
------------------------------------------------------*/


div#tabVem table{ width:720px; padding:10px 10px 100px 10px; font-size:1em;}

div#tabVem table th{ text-align: left;}
div#tabVem table td{padding:1px 0px 1px 1px;}

div#tabVem table .Title{ 
	color: #534938;
	letter-spacing:1px;
	border-bottom:#bbc4c3 1px inset;
	padding-bottom:2px;

}

div#tabVem table .radTitle {
 font-style: italic;
}

/*------------------------------------------------------
AKTIVITETER
------------------------------------------------------*/
div#tabAkt table{ width:70%; color:#4e4e2d; font-size:0.85em;  padding:10px 10px 100px 10px; }

div#tabAkt table th{ text-align: left;}
div#tabAkt table td{padding:2px 2px 2px 2px;}

div#tabAkttable .radTitle{ font-family:"verdana";
	font-size: 11px;
	font-weight:bold;
	color: #534938;
	letter-spacing:1px;
	
}


.akt {color:Lime;}


/*------------------------------------------------------
KURSER
------------------------------------------------------*/

#rightContentCourse{
text-align:center;
width: 29%;
height:auto;
float:right;
border-left:2px #aabbcc dotted;
}
div#old{color:#c8c8c8; }

.old{color:#c8c8c8; }

/*------------------------------------------------------
TÄVLING, AKTIVITETER
------------------------------------------------------*/
#leftContentComp{
 	margin-left: 0px;
	width: 75%;
	height:auto;
	float: left;  

}

#rightContentComp{
text-align:center;
width: 24%;
height:auto;
float:right;
border-left:2px #aabbcc dotted;
}



div#tabTav table{ width:100%; color:#4e4e2d; font-size:0.85em;  padding:10px 10px 100px 10px; }

div#tabTav table th{ text-align: left;}
div#tabTav table td{padding:2px 2px 2px 2px;}

div#tabTav table .radTitle{ font-family:"verdana";
	font-size: 11px;
	font-weight:bold;
	color: #534938;
	letter-spacing:1px;
	
}

div#godkand{
font-size: 1em;
line-height: 22px;
width:220px;
height:auto;
margin-top:3em;
border-left:2px #aabbcc dotted;
float:right;

}

div#godkand table{ width:85%; font-size:0.85em;  
margin-left:10px; padding:10px 10px 100px 10px}
div#godkand table th{
	text-align: left;
}
.titel{font-size:1em;}
.dog{padding-bottom:0px;}
.man{padding-bottom:7px;}

.link{
font-size: 0.8em;
text-align:right;	

}
.linkvald{
font-size: 0.8em;
text-align:right;
background-color:lime;	

}

div#tabVan table{ width:55%; color:#4e4e2d; font-size:0.85em;  padding:10px 10px 100px 10px; }

div#tabVan table th{ width:40%; text-align: left;}
div#tabVan table td{padding:2px 2px 2px 2px;}

div#tabVan table .radTitle{ font-family:"verdana";
	font-size: 11px;
	font-weight:bold;
	color: #534938;
	letter-spacing:1px;
	
}

/*------------------------------------------------------
L Ã N K S I D A N
------------------------------------------------------*/
/*textHel*/

#linkLeft{
float:left;
width:65%
}

#linkRight{ 
float:right;
width:30%
}

#linkLeft a, #linkRight a {
	color:#4e4e2d;
	font-weight:normal;
	text-decoration: none;
}

.linkTitle{
   font-weight:bold;
   color:#4e4e2d;
   text-decoration: none;
 }


/*Länkutssende, tar bort listprickar...*/

#linkLeft a:hover, #linkRight a:hover{ text-decoration: underline;}
#linkLeft ul.nav li, #linkRight ul.nav li {list-style-type:none; padding-bottom:0.4em; }


/*------------------------------------------------------
FOTOSIDAN
------------------------------------------------------*/
/*sidan bildstart*/

div#photoIntro {
	width: 620px;
	height: auto;
background-color: #EEEEEE;
	float:left;
}

div#photos
{ 
	float:right;
	width:250px;
}

.photoTitle
{
    margin-left:0px;
    font-weight:bold;
   color:#4e4e2d;
	}
	
/*Länkutssende, tar bort listprickar...*/
#photos a:hover{text-decoration: none;}
#photos ul li{list-style-type: none;}

	/*Slut bildstart*/


  
#photos a{
	color:#4e4e2d;
	font-weight:normal;
	text-decoration: none;
	margin-left:5px; 
}

#bildsida
{
margin-left: 0px;
line-height: 22px;
width: 500px;
height:auto;
float: left;  
padding: 10px 10px 10px 20px;
 
	}
.bildtext {
margin:0px 0px 0px 5px; 
color: #4e4e2d; 
letter-spacing: 1px; 
font: 9px Verdana; 
font-style:italic; 
}

/*------------------------------------------------------
T K - S I D A N
------------------------------------------------------*/
div#tk{
	
	margin-left: 0px;
	width: 69%;
	height:auto;
	float: left;  
	background-color:aqua;
}