/* 	Grundinställningar för webbsidan. 
	Relativa måttenheter för att ge möjlighet att göra texten större med hjälp av webbläsaren. */

body {font-family:verdana,arial,sans-serif; line-height:1.2em; text-align:center; background-color:#fff; }



/* 	Rubriker angivna med relativ storlek med undantag för h1 som har absolut storlek. */

h1 {
color: black; 
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
margin:20px 5px 15px 0;
}

h2 {
color: black; 
font-size: .8em;
font-family: verdana, arial, sans-serif;
margin:10px 5px 0 0;
}

h3 {
color: white; 
font-size: .8em;
font-family: verdana, arial, sans-serif;
line-height: 1.7em;
background-color:#060;
text-align:center;
margin: 0px; 
}


/* 	Formatering av länkar i text	 */

a:link 		{color:blue; text-decoration:underline;}
a:visited 	{color:purple; text-decoration:underline;}
a:hover 	{color:blue; text-decoration:underline;}
a:active 	{color:purple; text-decoration:underline;}
a img {border:0 solid white; }




/* 	Webbplatsen har fast bredd men med möjlighet att med webbläsaren göra texten större. 	 */

/* 	Sidramen omsluter hela sidan som är 760px bred.   */
div#sidram {width:760px; margin-left:auto; margin-right:auto;  text-align:left; border:0px solid #69c;}


/* 	Sidhuvud innehåller logotype och navigering. 	 */
div#sidhuvud { width:760px;  background-color: #fff; text-align:left; margin:0px; padding:0px;}

div#logotype p {padding:0px; margin:0px 0 2px 0;}

/* 	Horisontal meny för navigering.   */
div#meny {width:760px; height:15px; font-weight:bold; background-color:#6c6; padding:0px; margin:0px; }
div#meny ul {padding:0px; margin:0;}
div#meny li {font-family:verdana, arial, sans-serif; font-size:11px; line-height:31px; display:inline; list-style-type:none; padding:8px 10px; font-weight:bold; border-right:3px solid white; margin:0px 0px;}
div#meny img { padding:0px 0px; border:1px solid red; margin:0px 0px;  }
div#meny p { padding:0px 0px; border:1px solid red; margin:0px 0px;  }

div#meny a:link   {color: #000; text-decoration: underline;}
div#meny a:visited{color: #000; text-decoration: underline;}
div#meny a:hover  {color: #000; text-decoration: underline;}
div#meny a:active {color: #000; text-decoration: underline;}

.menyaktiv {background-color:#9f9; padding:0; margin:0px; }




/* 	Sidans innehåll med tre spalter. Bakgrundsbilden fyller ut spalterna.	 */
div#innehall {width:760px; background-image:url(images/bakgrundsbild-gron-rand.gif); background-repeat: repeat-y;}


/* 	Kolumn 1. Avgränsar sidan till vänster. Innehåller menyn för respektive skola.*/
div#kolumn1 {width:180px; margin:0px; padding:0; float:left;}

div#kolumn1 p {border-left:4px solid #030; border-right:4px solid #030; color:#030; font-size:.8em; font-family: verdana, arial, sans-serif; background-color:#fff; text-align:center; margin:20px 10px; padding:4px 5px; width:120px; font-weight:bold;}

div#kolumn1 p a:link   {color: #030; text-decoration: underline;}
div#kolumn1 p a:visited{color: #030; text-decoration: underline;}
div#kolumn1 p a:hover  {color: #030; text-decoration: underline;}
div#kolumn1 p a:active {color: #030; text-decoration: underline;}

/* 	Kolumn 2. Webbplatsens huvudinnehåll.  	 */
div#kolumn2 {width:420px; background-color:#fff; float:left;}
div#kolumn2 p {font-size:.7em; margin:0 10px 5px 0; line-height:1.3em;}

div#kolumn2 ul {padding:0px; margin: 5px 10px 0px 20px;}
div#kolumn2 li {font-size:.7em; margin:0 10px 8px 0; padding:0px; list-style-type:disc;line-height:1.1em; }

div#kolumn2 p img {margin:2px 2px 2px 2px; float:left;}
div#kolumn2 img {margin:2px 7px 2px 0px; float:right;}

.kontakt {width:200px; border:0px solid blue; float:left;}



/* 	Kolumn 3. Innehåller uppgifter som kompletterar huvudinnehållet för varje sida. 	 */
div#kolumn3 {width:160px;  float:left; background-color:white;}
div#kolumn3 p {font-size:.65em; line-height:1.2em; margin:5px 5px 5px 5px; background-color:white; }
div#kolumn3 img {margin:0px; padding:0;}
div#kolumn3 p img {margin:0px 5px; padding:0; float:right;}

.ruta {background-color:white; border:1px solid #060; margin:10px 0 0 0; }


/* 	Sidfoten avslutar webbsidan 	 */
div#sidfot {width:760px; text-align:center; padding:0; margin:0;  background-color:#E3E6E3; border-top:1px solid #030; border-bottom:2px solid #060;  }
div#sidfot p {font-size:.6em; line-height:1.2em; font-weight:bold; color:#030; margin:5px 0;}



/* Aslett-metoden för friläggning hämtat ur boken Stylin with CSS */
.clearfix:after {
    content: ".";              
    display: block;          
    height: 0;                  
    clear: both;               
    visibility: hidden;}
.clearfix {display:inline-table;}


/* 	Fet text. 	 */
span {font-weight:bold; }


/* 	Centrerad text. För tex bildtexter  */	 
.center {text-align:center; margin:0 10px 0px 10px; padding:0; }