/* Global

================================================*/

* {

	margin:0;

	padding:0;

	}



body, html {

	background:#ffffff url(bilder/background.gif) repeat-x

}



body {

	padding: 0 15px 15px;

	color: #222;

	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;

	}



img {

  border: 0;

	display: block;

}



#main img {

  float: left;

  border: 1px solid #eee;

  padding: 5px;

  margin: 0 0 10px 0;
  
  width: 300px;
  
  height: 300px;

}



#info img, #tranare img {

  border: none;

  float: right;

  margin-right: -5px;

}

#nyheter img {


 border: 1px solid #eee;

  padding: 5px;

  margin: 0 0 10px 0;
  
  width: 300px;
  
  height: 300px;


}

.to_top {

  text-align: right;

  color: #009;

}





/* Main layout

================================================*/

#wrap {

  padding: 0;

	margin: 0 auto;

	max-width: 900px;

	background: #FDFEFD; 

	border: 0px solid #000;

	position: relative;

}

#content {

  padding: 0 20px 0 20px;

  margin: 0;

	border: 1px solid #ddd;

	border-top: none;

}

#left {

  float: left;

  width: 24%;

  margin: 10px 0 0 0;

  padding: 0 2% 0 0;

  color: #000;

  border-right: 1px solid #DDDDDD;

}

#main {

	float: left;

  width: 37%;

  max-width: 350px;

	margin: 10px 0 0 3%;

	overflow: hidden;

	}

#sidebar {

	font-size: 0.94em;

	line-height: 1.3em;

	float: right;

	width: 250px;

	margin: 20px 0 0 0;


	}

#footer {

	clear: both;

  color: #bbb;

	padding: 2.5em 0 2em 0;

	text-align: center;

	font-size: 0.94em;

	line-height: 1.3em;

	}

#tranare {

float:left;
width: 400px;
margin: 10px 0 0 10px;
box-shadow: 10px 10px 5px #888888;
}

#nyheter {



	}





/* ------------------------------------------------------------------------ */

/*    B A S I C   T E X T    F O R M A T T I N G                            */

/* ------------------------------------------------------------------------ */





a:link    {color:#666460; text-decoration:underline;}

a:visited {color:#666460; text-decoration:underline;}

a:hover   {color:#666460; text-decoration:underline;}

a:active  {color:#666460; text-decoration:underline;}



a img {

	border: none;

}

  

p {

	margin: 5px 0 2em 0;

	padding: 0;

}



pre {

  font-size: 12px;

}



h1 {

	margin: 10px 0 5px 0;

	padding: 0 0 5px 0;

	font:19px/25px Georgia, "Times New Roman", Times, serif;

	color: #0000f5;

  text-decoration: none;

  font-weight: bold;

}



h1 a:link, h1 a:visited, h1 a:active {

	color: #0000f5;

  text-decoration: none;

}



h1 a:hover {

	color: #990000;

  text-decoration: underline;  

}



  

h2 {

  font: 140%/150% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;; 

	color: #000000;

	padding: 3px 0 2px 0;

	margin: 0 0 0 0;

}





h2.sub {

  font: normal 10px/18px "Lucida Grande", verdana, lucida, sans-serif; 

	color: #ccc;

	padding: 0;

  margin: -12px 0 5px 2px;

}



h3 {

  font: 100%/150% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;; 

	color: #0000f5;

	padding: 3px 0 2px 0;

	margin: 0 0 0 0;

}





#left ul li {

  list-style: none;

  padding: 0 3px 8px 17px;

  margin: 0 15px 0 0;

  color: #999;

  background: url(bilder/li.png) no-repeat 0 3px;

}



#left ul li a {

  font-weight: bold;

}



#left ul li a:hover {

  font-weight: bold;

  color: #900;

}



#elever #left ul, #tranare #left ul {

  padding: 10px 0 15px 0;

}



#elever #left ul li, #tranare #left ul li {

  list-style: none;

  padding: 0 3px 3px 17px;

  margin: 0 15px 0 0;

  color: #999;

  background: url(bilder/li.png) no-repeat 0 3px;

}



#elever #main img {

  margin: 0 15px 15px 0;

}





#elever #main .pic img {

  float: left;

  width: 50px;

  height: 65px;

  margin: 6px 8px;

}



.clearboth {

  clear: both;

}



.odd {

  background: #efefef;

}



 #gastboksinlagg {

   margin: 0 0 0 -8px;

   padding: 0px 5px 0px 5px;

 }



}



/* Tabeller

============================================ */



#main table {

	text-align: left;

  width: 80%;

	font-size: 90%;

	border-top: 1px solid #d9bfa6;

	border-left: 1px solid #d9bfa6;

	border-collapse: collapse;

}



#main caption {

  font-family: 'trebuchet ms', verdana, sans-serif;

  font-size: 80%;

	text-align: center;

	line-height: 1.2em;

	color: #000;

	padding-bottom: 6px;

}



#main th {

	background: #fff url(bilder/th.gif);

}



#main th, #main td {

	padding: 5px 10px;

	border-right: 1px solid #d9bfa6;

	border-bottom: 1px solid #d9bfa6;

}



#main tfoot {

	background: #fff;

	font-size: 80%;

	border-right: 1px solid #d9bfa6;

	border-bottom: 1px solid #d9bfa6;

}








/* händelser */



div.handelser h2 {

  width: 245px;

  height: 21px;

	background: url(bilder/images/nyheter_rubrik.gif);

	font: 10px/15px Verdana,Geneva,Arial,Helvetica,sans-serif;

	color: #eee;

  font-weight: bold;

  padding: 5px 0 0 5px;

	margin: 25px 0 0px 0px;

}



div.handelser h2.old {

  width: 245px;

  height: 21px;

	background: url(bilder/images/nyheter_rubrik2.gif);

	font: 10px/15px Verdana,Geneva,Arial,Helvetica,sans-serif;

	color: #eee;

  font-weight: bold;

  padding: 5px 0 0 5px;

	margin: 25px 0 0px 0px;

}



div.handelser h2.sub {

	width: 245px;

	height: 14px;

  font: normal 10px/18px verdana, lucida, sans-serif; 

	color: #999;

	padding: 2px 0 0 5px;

	background: url(bilder/images/nyheter_datum.gif);

  margin: 0px 0 0px 0px;

}



div.handelser p.text {

  width: 245px;

	background: url(bilder/images/nyheter_text.gif);

	color: #333;

  padding: 5px 0 0 5px;

	margin: 0px 0px 0px 0px;

}



div.handelser p.ner {

  width: 245px;

  height: 8px;

	background: url(bilder/images/nyheter_botten.gif);

	color: #333;

  padding: 5px 0 0 5px;

	margin: 0px 0px 0px 0px;

}





            

/************* MENYN *************/



#nav {

  float:left;

  width:100%;


  font-size:10px;

  line-height:normal;

  }

#nav ul {

  margin:0;

  padding:10px 10px 0;

  list-style: none;

  }

#nav li {

  float:left;


  margin:0;

  padding:0 0 0 9px;

  list-style: none;

  }

#nav a {

  float:left;

  display:block;


  padding:10px 14px 4px 8px;

  font: 10px/12px verdana;

  text-decoration:none;

  font-weight:bold;

  color:#765;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#nav a {float:none;}

/* End IE5-Mac hack */

#nav a:hover {

  color:#333;

  padding-bottom:5px;

}  



body#index #meny_index,

body#info #meny_info,

body#elever #meny_elever,

body#tranare #meny_tranare,

body#studenter #meny_studenter,

body#mittkonto #meny_mittkonto,

body#nyheter #meny_nyheter {

  background-image:url("images/left_on.gif");

}



body#index #meny_index a,

body#info #meny_info a,

body#elever #meny_elever a,

body#tranare #meny_tranare a,

body#studenter #meny_studenter a,

body#mittkonto #meny_mittkonto a,

body#nyheter #meny_nyheter a {

  background-image:url("images/right_on.gif");

  color:#333;

  padding-bottom:5px;

}

  

  

/* Header

================================================*/

#header {

	background:#fff url(images/figlogga.jpg) no-repeat;

	height:142px;

	}

#header img {

	position:absolute;

	left:0;

	color:#fff;

	top:99px;

	}

  




/* formulär

========================================= */



#content label {

  float: left; 

  display: block; 

  color: #333; 

  font: bold 10px/15px verdana, sans-serif;

}

#content input, #content textarea {

  border: 1px solid #ddc;

  display: block; 

  margin: 0px 0 0px 0px; 

  width: 120px; 

 	font-size: 12px;

  font-family: Verdana, Times, sans-serif;

  padding: 3px;

}

#content select {

  border: 1px solid #ddc;

  display: block; 

  margin: 0px 0 0px 120px; 

  width: 195px; 

 	font-size: 10px;

  font-family: verdana, sans-serif;

}



.radio {

  float: left;

  width: 20px;

  display: inline;

  margin: 6px 2px 0px 10px;

  border: none;

}



.radiolabel {

  display: inline; 

  color: #333; 

  font: bold 10px/13px verdana, sans-serif;

  margin-top: 7px;

}



.submit {

  background: #eee;

 	width: 130px;

 	height: 18px;

  cursor: pointer;

 	border: 1px solid #ddc;

 	padding: 0;

 	margin: 12px 5px 5px 140px;

 	color: #334;

 	text-decoration: none;

 	display: block;

  vertical-align: middle;

 	text-align: center;

 	font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}

.submit:hover {

	color: #000;

	background: #ccc;

	border-color: #ddc;

}












/* Speciella formulär */



#header_login {

	position: absolute;

	width: 500px;

	top: 85px;

	color: #ccc;

}

#header_login a {

	color: #ccc;

}

#header_login a:hover {

	color: #999;

}



#header_login label {

	padding: 0 10px 0 0;

  color: #ccc; 

  font: normal 10px/15px verdana, arial, sans-serif;

}

#header_login input {

  border: 1px solid #dde;

  width: 100px;

  font: normal 10px/15px verdana, arial, sans-serif;

  padding: 3px;

  margin: 0 5px 0 0;

}

#header_login input.image, #left input.image {

 margin: 0;

 padding: 0;

 border: 0;

 width: 50px;

}



#mittkonto textarea {

  width: 250px;

  height: 50px;

}

#mittkonto input {

  width: 250px;

}



#gastbok textarea {

  height: 170px;

}



#fotoalbum select, #fotoalbum label, #mina_fotoalbum select, #mina_fotoalbum input, #mina_fotoalbum label {

  display: inline;

  margin: 5px;

  width: 180px;

}





#kontakta_mig input {

  display: inline;

  margin: 5px;

  width: 190px;

}



#kontakta_mig input#kontakt_postnummer {

  width: 50px;

}

#kontakta_mig input#kontakt_postadress {

  width: 100px;

}













#footer a {

  color: #aaa;

}





.hidden {

	display: none;

  visibility: hidden;

}