@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-repeat: repeat-x;
	text-align: center;
	background-image: url(bg001.png);
	background-color: #6CF;
}
.thrColFixHdr #container {
	width: 800px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #E9E8EA;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}
.skolbild {
	padding-left: 77px;
	padding-top: 15px;
}
.transhand {
	background-repeat: no-repeat;
	background-image: url(transhand1.jpg);
	background-position: right 120px;
}





.thrColFixHdr #header {
	background-color: #DDDDDD;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	text-align: left;
	height: 100px;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-bottom: 0px;
	background-image: url(head_gc.jpg);
} 
.thrColFixHdr #fotter2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666;
	text-align: center;
	float: left;
}

.bild_index_side {
	float: left;
	padding-top: 60px;
	padding-left: 42px;
}


.thrColFixHdr #header h1 {
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 130px;
	padding-top: 30px;
	padding-bottom: 15px;
	background-color: #3c474f;
	color: #F1F1EB;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	vertical-align: bottom;
	padding-left: 4px;
	background-position: top;
	height: 684px;
	text-align: center;
}
.bild2_spr {
	float: left;
	padding-top: 20px;
	padding-left: 13px;
}
.bild1_spr {
	padding-top: 20px;
	float: left;
	padding-left: 13px;
}






.sid_bar_bild1 {
	float: left;
	padding-left: 13px;
	padding-top: 5px;
}
.thrColFixHdr_indexpage_sidebar_bild1 {
	float: left;
	padding-left: 13px;
	padding-top: 21px;
}
.thrColFixHdr_indexpage_sidebar_bild2 {
	float: left;
	padding-top: 0px;
	padding-left: 5px;
}

.sid_bar_bild2 {
	float: left;
	padding-top: 28px;
	padding-left: 5px;
}





.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 1px; /* padding keeps the content of the div away from the edges */
	text-align: center;
	background-color: #CCC;
	color: #F1F1EB;
	margin-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 4px;
	padding-right: 3px;
	vertical-align: 100%;
	height: 684px;
}
.thrColFixHdr_indexpage_sidbar2 {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #F1F1EB;
	background-color: #3c474f;
	text-align: center;
	vertical-align: 100%;
	float: right;
	height: 684px;
	width: 130px;
	margin-left: 10px;
	padding-top: 30px;
	padding-right: 1px;
	padding-bottom: 15px;
	padding-left: 1px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000;
}


#kolumnbox1 {
	margin: 0;
	padding: 0 10px 0 10px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #000;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	background-color: #E9E8EA;
}
#kolumnbox1 p {
	line-height: 15px;
	margin: 0;
}
/* BOX 1 runda hörn */
.rund1 {
	background: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 16px;
}
.rundtopp1 {background: transparent;}
.rundbotten1 {background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background:#000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund1_r2{
	margin: 0 3px;
	height: 1px;
	overflow: hidden;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-width: 0 2px;
	background-color: #F1F1EB;
}
.rund1_r3{
	margin: 0 2px;
	height: 1px;
	overflow: hidden;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #F1F1EB;
}
.rund1_r4{
	margin: 0 1px;
	height: 2px;
	overflow: hidden;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #F1F1EB;
}

/* BOX 2 - innehåll */
#kolumnbox2 {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #FFF;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
	text-align: left;
	background-color: #3c474f;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F1F1EB;
	border-left-color: #F1F1EB;
	height: 518px;
}
.Kolumnbox2_rub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
	font-weight: bold;
	text-align: center;
}

#kolumnbox2 p {
	line-height: 15px;
	margin: 0;
	background-color: #3c474f;
}
/* BOX 2 runda hörn */
.rund2 {
	background: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.rundtopp2 {
	background: transparent;
}
.rundbotten2 {background: transparent;}
.rund2_r1{
	margin: 0 5px;
	height: 1px;
	overflow: hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F1F1EB;
	border-left-color: #F1F1EB;
	background-color: #F1F1EB;
}
.rund2_r2{
	margin: 0 3px;
	height: 1px;
	overflow: hidden;
	background-color: #3c474f;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F1F1EB;
	border-left-color: #F1F1EB;
}
.rund2_r3{
	margin: 0 2px;
	height: 1px;
	overflow: hidden;
	background-color: #3c474f;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F1F1EB;
	border-left-color: #F1F1EB;
}
.rund2_r4{
	margin: 0 1px;
	height: 2px;
	overflow: hidden;
	background-color: #3c474f;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F1F1EB;
	border-left-color: #F1F1EB;
}




.thrColFixHdr #mainContent {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 137px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 6px;
	padding-right: 6px;
	color: #666;
	font-size: 14px;
	z-index: 1;
	width: 650px;
} 
.money {
	text-align: center;
	color: #333;
	font-weight: bold;
}
.money_1a {
	padding-left: 0px;
	color: #3c474f;
	font-weight: bold;
	font-style: italic;
}


.thrColFixHdr #footer {
	height: 75px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(footer.jpg);
} 
.thrColFixHdr #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menycontainer{
	margin-left: 0em;
	width: 130px;
	font-size: 60%;
	float: left;
	border-right-color: #cccccc;
	text-align: left;
	padding-top: 15px;
}

#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{
	display: block;
	text-decoration: none;
	height: 100%;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom-color: #cccccc;
	padding: 0.6em;
	background-color: #2f383f;
}
#meny ul{
	list-style-type: none;
	margin-right: 4px;
	padding-left: 20px;
} 
#meny ul a{
	padding: 0.4em;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #3c474f;
} 

#meny a:link{color: #ffffff;}
#meny a:visited{
	color: #CCC;
}
#meny a:hover{
	background-color: #999;
}

#meny a#current{
	font-weight: normal;
	color: #FF0;
}
#meny a#subcurrent{
	font-weight: normal;
	color: #F90;
}
.h4 {
	text-align: center;
	color: #2f383f;
}

.money_1 {
	padding-left: 8px;
	color: #3c474f;
	font-weight: bold;
	font-style: italic;
}
.money_4 {
	color: #3c474f;
	font-weight: bold;
	font-style: italic;
}
.money_2 {
	color: #3c474f;
	font-weight: bold;
	font-style: italic;
}
.money_3 {
	color: #3c474f;
	font-weight: bold;
	font-style: italic;
}
.avgift {
	padding-top: 15px;
	text-align: left;
}
.bild_infoside {
	float: left;
	padding-top: 40px;
	padding-left: 105px;
}
.bank {
	float: left;
	width: 48%;
	background-color: #DBDBDB;
	color: #333;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
}
.regler {
	padding-left: 10px;
	margin-top: 0px;
	clear: right;
}


.linjal {
	color: #930;
	background-color: #930;
	padding-top: 0px;
}
.granc {
	background-image: url(granc_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;

}
.spalt {
	float: left;
	width: 31%;
	color: #333;
	text-align: left;
	background-color: #DBDBDB;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin-bottom: 0px;
}
.lasar_data {
	float: left;
	width: 48%;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
}
.lasar_text {
	font-family: Verdana, Geneva, sans-serif;
	color: #2f383f;
	font-weight: bold;
	text-align: justify;
}


.spalttext {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.bild_1ars {
	float: left;
	padding-top: 34px;
	padding-left: 13px;
}
.bild_1blk {
	float: left;
	padding-top: 40px;
	padding-left: 13px;
}
.thrColFixHdr #container {

}
.thrColFixHdr #container #sidebar1_cal {
	height: 965px;
	width: 130px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #F1F1EB;
	background-color: #3c474f;
	background-position: top;
	text-align: center;
	vertical-align: bottom;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 4px;


}


#cal_bild {
	float: left;
	padding-left: 13px;
	padding-top: 75px;
}

.bakgrund {
	background-image: url(epost.jpg);
	background-repeat: no-repeat;
	background-position: 390px 240px;
}


.bild_2blk {
	float: left;
	padding-left: 13px;
	padding-top: 36px;
}
#cal_bild1 {
	padding-top: 45px;
	padding-left: 13px;
	float: left;
}
#cal_bild2 {
	padding-left: 10px;
	float: left;
	padding-top: 60px;
}


.sty_mem {
	float: left;
	width: 32%;
	height: 140px;
	padding-bottom: 9px;
}
.stytext1 {
	float: left;
	height: 330px;
	width: 31%;
	padding-top: 1px;
	padding-right: 5px;
	padding-left: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333;
	background-color: #DBDBDB;
}
.sty2_mem {
	float: left;
	width: 32%;
	height: 140px;
	padding-top: 1px;
	padding-bottom: 9px;
}


.stytext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	float: left;
	width: 31%;
	padding-left: 8px;
	height: 410px;
	padding-right: 5px;
	padding-top: 1px;
	background-color: #DBDBDB;
	color: #333;
}
.styrelse_form {
	clear: right;

}

.lasar_and {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: none;
	color: #333;
	font-weight: bold;
	padding-top: 0px;
	text-align: center;
}




.kontakt_uppg {
	float: none;
	padding-left: 10px;
}
.skol_his {
	float: left;
}
.f_skola {
	float: left;
}
.f_skol_bil {
	float: left;
	width: 30%;
	padding-top: 20px;
	padding-left: 76px;
}
.f_skol2_bil {
	float: left;
	width: 30%;
	padding-top: 20px;
	padding-left: 76px;
}
.l_skola {
	float: left;
}
.l_skol_bil {
	float: left;
	width: 30%;
	padding-top: 20px;
	padding-left: 76px;
}
.l_skol2_bil {
	float: left;
	width: 30%;
	padding-top: 20px;
	padding-left: 76px;
}
.m_skol_bil {
	float: left;
	width: 30%;
	padding-top: 20px;
	padding-left: 76px;
}
#fotos {
	float: left;
	height: 100%;
	width: 650px;
}
#nublo {
	float: left;
	padding-top: 10px;
	padding-left: 22px;
}
#h_stad {
	float: left;
}
#gym {
	float: left;
}
#komp_sv {
	float: left;
}
#sprk_utb {
	float: left;
}
#blank_info {
	float: left;
	font-size: 12px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.blank_text1 {
	font-size: 12px;
	text-decoration: none;
}

.blank_text {
	color: #2f383f;
	font-weight: bold;
}
.bkr_bild {
	background-image: url(strand_5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.mat {
	float: left;
	width: 19%;
	text-align: center;
	color: #2f383f;
	font-weight: bold;
	margin-left: 1px;
}
#u_tubeklipp {
	float: left;
	padding-left: 156px;
}

.att_ata {
	float: left;
	width: 19%;
	text-align: left;
	font-style: italic;
	padding-left: 5px;
}
.ledighet {
	text-align: center;
}
#besok {
	float: left;
}
#google {
	float: left;
	padding-left: 110px;
	padding-top: 25px;
}
#video {
	float: left;
}
#movie {
	padding-top: 50px;
	padding-left: 139px;
	clear: right;
	padding-bottom: 15px;
}
#u_tube {
	float: left;
	padding-top: 10px;
	padding-bottom: 15px;
}
#info_cokkie {
	float: left;
	font-style: italic;
	font-size: 12px;
	clear: right;
}
#quiz_skolan {
	clear: right;
	padding-top: 0px;
	color: #2f383f;
	font-weight: bold;
	font-size: 12px;
}
.sponscol {
	color: #2f383f;
}

.spo {
	float: left;
	width: 29%;
	padding-right: 3px;
}
.spo2 {
	float: left;
	width: 66%;
	font-size: 11px;
	line-height: 15px;
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	}
.text_spo1 {
	color: #666;
	font-size: 12px;
	font-weight: bold;
}
.text_spo1_rad {
	font-size: 11px;
	color: #000;
}
.bakgrund_spo {
	background-image: url(tirajana.png);
	background-repeat: no-repeat;
	background-position: 163px 550px;
}

.thrColFixHdr #container #sidebar1_per {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #F1F1EB;
	background-color: #3c474f;
	background-position: top;
	text-align: center;
	vertical-align: bottom;
	float: left;
	height: 1083px;
	width: 130px;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 4px;
}
#sidbarbild_tira {
	float: left;
	padding-left: 11px;
	padding-top: 45px;
}
#sidbarbild_patro {
	float: left;
	padding-top: 40px;
	padding-left: 11px;
}
#styr {
	padding-left: 40px;
	float: left;
        padding-top: 15px;
}

.thrColFixHdr #container #sidebar1_fskolan {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #F1F1EB;
	background-color: #3c474f;
	background-position: top;
	text-align: center;
	vertical-align: bottom;
	float: left;
	height: 790px;
	width: 130px;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 4px;
}
#bild1_fskol {
	float: left;
	width: 45%;
	padding-left: 10px;
	padding-top: 10px;
}
#bild2_fskola {
	float: left;
	width: 45%;
	padding-left: 30px;
	padding-top: 10px;
}
#bild1_ars_klass {
	float: left;
	padding-top: 80px;
	padding-left: 13px;
}

#bild3_fskola {
	float: left;
	width: 45%;
	padding-top: 20px;
	padding-left: 10px;
}
#bild4_fskola {
	float: left;
	width: 45%;
	padding-top: 20px;
	padding-left: 30px;
}