/*** Alltomskolan stilmall *************************/

/*** LAYOUT ****************************************/
/** { margin: 0; padding: 0; } **/

html { height: 100%; }

body {
background-image: url('/img/Bg.gif');
background-repeat: repeat-x;
background-color: #5a0000;
color: #000;
margin: 0;
padding: 10px 10px 10px 5px;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;

}

div#outer {
    background: #fff;
	text-align: left;
	color: #5A5A5A;
	border-left : 0px solid #666;
	border-right : 0px solid #666;
	width: 970px;
	min-height:100%;
	height:auto;
	overflow:visible;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

div#header {
	width:970px;
	height:100px;
	float:left;
	margin: 0 0 3px 0;
}

#headerimg{
	top: 0;
	padding: 0px;
	margin-left: 15px;
}

div#navdiv {
    background: #fff url('/img/greypx.gif') no-repeat top left;
	width:970px;
	float:left;


}
div#subnavdiv {
    background: #fff url('/img/submBg.png') no-repeat;
	width:970px;
	height: 41px;
	float:left;
	margin: -10px 0 3px 0;
	border-left : 0px solid #ddd;
	z-index:50;
	font-size: 1.10em;
}

div#grey {
    background: #fff url('/img/greyBg.gif') no-repeat top left;
	width:970px;
	height:10px;
	margin: 1px 0 3px 0;
	float:left;
	clear:both;
}

div#skolforum {
    background: #fff url('/img/skolforumknuffBg.png') repeat-x;
	width:970px;
	height:155px;
	float:left;
	margin: 0 0 3px 0;
	clear:both;
}

div#leftcontainer {
	float:left;
	width:220px;
	height:auto;
	margin:3px 5px 0 0;
	
}

div#vtpuff {
    background: url('/img/vtpuffBg.png') no-repeat;
	float:left;
	width:220px;
	height:195px;
	margin:0;
	border: 0px solid #ccc;
}
div#vtpuff2 {
    background: url('/img/vtpuffBg2.png') no-repeat;
	float:left;
	width:220px;
	height:195px;
	margin:0;
	border: 0px solid #ccc;
}
/** puffar **/
#vp1 {float:left;width:140px;position:relative;left: 62px; top:9px;clear:both;}
.fet {font-size: 11px; font-weight:bold;}
#vp1 img {margin: 0 0 0 5px;padding:0;vertical-align:-5%;}

#vp2 {float:left;width:140px;position:relative;left: 62px; top:33px;clear:both;}
#vp2 img {	margin: 0 0 0 5px;padding:0;vertical-align:-5%;}

#vp3 {float:left;width:140px;position:relative;left: 62px; top:54px;clear:both;}
#vp3 img {	margin: 0 0 0 5px;padding:0;vertical-align:-5%;}

#leftcontainer {
	float:left;
	width:220px;
	height:100%;
	margin:0;
	border: 0px solid #ccc;
}

#leftcol {
	float:left;
	width:220px;
	height:auto;
	margin:5px 0 0 0;
	border: 0px solid #ccc;
}
/** artikelpuff **/

table#senaste_nyh {
	width: 220px;
	padding:0;

}	
td#nyh_top {
	background: url('/img/pufftop_red.png') no-repeat top left;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	height: 32px;
	padding: 0 0 0 5px;
}
td#nyh_body {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 5px 0 5px;
}
#nyh_body p {
	padding: 5px 0 5px 0;
}
.datum {font-size: 1.0em;font-weight: bold;}
.nyhpx {
	margin: 6px 0 6px 0;
	padding: 0;
	width:208px;
	height:3px;
}	

/** Inloggning **/
table#login {
	width: 220px;
	padding:0;
	margin: 5px 0 5px 0;

}


#lmenucol {
	float:left;
	width:220px;
	height:100%;
	margin:0;
	border: 0px solid #ccc;
}


#skolpuff {
	background: #fff url('/img/skolpuff.jpg') no-repeat top left;
	float:left;
	width:486px;
	height:auto;
	margin: 3px 2px 0 0;
}

#supuff {
	background: #fff url('/img/suppuffBg.jpg') no-repeat top left;
	float:left;
	width:486px;
	height:400px;
	margin: 3px 2px 0 0;
	color: #E3F3E7;
}

#signuppuff {
	float:left;
	width:486px;
	height:auto;
	margin: 3px 2px 0 0;
}

#wpmu {
	float:left;
	width:486px;
	height:auto;
	margin: 3px 2px 0 0;
}

#pufftext0 {
	position:relative;
	left: 0px;
	top:0px;
	width:486px;
	height:200px;
}	
#pufftext1 {
	position:absolute;
    top:10px;
	left: 12px;
	font-weight: bold;
	font-size: 1.30em;
	color: #E3F3E7;
}
#pufftext1 h4 {
	font-weight: bold;
	font-size: 1.40em;
	color: #E3F3E7;
}

#pufftext2 {
	position:absolute;
    top:132px;
	left: 33px;
	font-weight: bold;
	font-size: 13px;
	color: #E3F3E7;
	line-height:22px;
}
#pufftext2 a {color:#A2D65E;}
#skolpuff p {
 padding: 4px 5px 0 5px;
 font-size: 1.1em;
}
#skolpuff h1 {
	font-size: 1.60em;
	color: #000;
	margin: 0 0 0 5px;
}
.mainpx {
	margin: 6px 0 6px 5px;
	padding: 0;
	width:460px;
	height:3px;
}

.mainpic {
	float: left;
	margin: 0 5px 0 0;
}	
#rightcol1 {
	float:left;
	width:255px;
	height:100%;
	border: 1px solid #ccc;
}
.ad {
	float:right;
	padding-right: 2px;
}
#col4 {
	float:left;
	width:148px;
	height:350px;

	border: 1px solid #ccc;
}

div#footer {
	float:left;
    background: #fff;
	width: 970px;
	height: auto;
	position: relative;
	bottom: 0px;
	margin: 0px;
	padding: 0;
	clear: both;
}
div#greybt {
    background: #fff url('/img/greybtBg.gif') no-repeat top left;
	width:970px;
	height:10px;
	margin: 1px 0 3px 0;
	float:left;
	clear:both;
	
}
div#rcopy1 {
    float: left;
	height:15px;
	padding: 0 0 0 5px;
	text-align: left;
}
div#rcopy2 {
    float: right;
	height:15px;
	padding: 0 5px 0 0;
	text-align: right;
	
}

.clear {
	width:500px;
	height:1px;
	margin: -10px 0 -5px 0;
	clear:both;
}


/** Typography *****************************/
p#fot{
	color: #eee;
	font-size: 0.75em;
}

#fot a {
	color: #eee;

}
	

#skolforum h1 {
	font-size: 2.00em;
	color: #fff;
}	
 
/********** Listor ************************/
 
/* tabmeny */

#navdiv {
	padding:0;
	line-height:1.6;
	font-weight: bold;
}
#navdiv ul {
	margin:0;
	padding:0;
	list-style:none;
}
#navdiv li {
	display:inline;
	margin:0;
	padding:0;
}

#navdiv a {
	float:left;
	background:#fff url("/img/tabBg.png") no-repeat left top;
	padding:0 0 5px 9px;
	text-decoration:none;
	font-size: 1.1em;
	color:#5c5c5c;
}
#navdiv a span {
	float:left;
	display:block;
	background:#fff url("/img/tabBg.png") no-repeat right top;
	padding:4px 15px 7px 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navdiv a span {float:none;}
/* End IE5-Mac hack */


#navdiv a.fl {
	float:left;
	background:#fff url("/img/tabBg.png") no-repeat left top;
	padding:0 0 5px 9px;
	text-decoration:none;
	font-size: 1.1em;
	color:#5c5c5c;
}
#navdiv a.fl span {
	float:left;
	display:block;
	background:#fff url("/img/tabBg.png") no-repeat right top;
	padding:4px 16px 7px 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navdiv a.fl span  {float:none;}
/* End IE5-Mac hack */
	
	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others,
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	
#navdiv a:hover {
	float:left;
	background:#fff url("/img/tabBgcur.png") no-repeat left top;
	padding:0 0 5px 9px;
	text-decoration:none;
	color:#000;
}
#navdiv a:hover span {
	float:left;
	display:block;
	background:#fff url("/img/tabBgcur.png") no-repeat right top;
	padding:4px 15px 7px 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navdiv a:hover span {float:none;}
/* End IE5-Mac hack */




#navdiv a.fl:hover {
	float:left;
	background:#fff url("/img/tabBgcur.png") no-repeat left top;
	padding:0 0 5px 9px;
	text-decoration:none;
	color:#000;
}
#navdiv a.fl:hover span {
	float:left;
	display:block;
	background:#fff url("/img/tabBgcur.png") no-repeat right top;
	padding:4px 16px 7px 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navdiv a.fl:hover span {float:none;}
/* End IE5-Mac hack */


#navdiv #current a {
	float:left;
	background:#fff url("/img/tabBgcur.png") no-repeat left top;
	padding:0 0 0 9px;
	margin-bottom: -2px;
	text-decoration:none;
	color:#5c5c5c;
}
#navdiv #current a span {
	float:left;
	display:block;
	background:#fff url("/img/tabBgcur.png") no-repeat right top;
	padding:4px 15px 13px 6px;
	margin-bottom: -2px;
}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navdiv #current a span {float:none;}
/* End IE5-Mac hack */



#navdiv #current a.fl {
	float:left;
	background:#fff url("/img/tabBgcur.png") no-repeat left top;
	padding:0 0 0 9px;
	margin-bottom: -2px;
	text-decoration:none;
	color:#5c5c5c;
}
#navdiv #current a.fl span {
	float:left;
	display:block;
	background:#fff url("/img/tabBgcur.png") no-repeat right top;
	padding:4px 16px 13px 6px;
	margin-bottom: -2px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navdiv #current a.fl span {float:none;}
/* End IE5-Mac hack */






	

/* subenylänkarna */
#subnavdiv a {
	font-weight: bold;
	text-decoration:none;
	color:#5c5c5c;
}

/* positionering */
#sublinks1 { margin: 13px 0px 0px 14px; padding: 0px 0px 3px 0px;word-spacing: 20px}
#sublinks2 {margin: 3px 0px 0px 82px;}

/* slut  tabmeny */

/*** Vänstermenyn ***/

/*** Huvudmenystyles (vänstermenyn) ****************************************************/

/* Style på Paragraf för huvudmenylänkar */

p.lnavButts {
	color : #000;
	font-weight : normal;
	margin-bottom : 0px;
	margin-top : 0px;
	margin-left : 0px;
	}

.lnavButts a {
	background-color : #149135;
	border : 1px solid #000;
	color : #fff;
	display : block;
	font-weight : normal;
	padding-bottom : 3px;
	padding-left : 5px;
    padding-right : 1px;
	padding-top : 3px;
	text-decoration : none;
	width : 211px;
	}


.lnavButts a:hover {
	background-color : #17A43C;
	border : 1px solid #4C79A3;
	color : #fff;
	font-weight : normal;
	text-decoration : none
	}


/* Style på Paragraf för AKTIVA huvudmenylänkar */

p.lnavButtsViz {
	color : #fff;
	font-weight : normal;
	margin-bottom : 0px;
	margin-top : 3px;
	margin-left : 0px;
	}

.lnavButtsViz a {
	background-color : #f3f3f3;
	border : 1px solid #000;
	color : #333;
	display : block;
	font-weight : normal;
	padding-bottom : 3px;
	padding-left : 5px;
    padding-right : 1px;
	padding-top : 3px;
	text-decoration : none;
	width : 211px;
	}


.lnavButtsViz a:hover {
	background-color : #f3f3f3;
	border : 1px solid #000;
	color : #333;
	font-weight : normal;
	text-decoration : none
	}








/*Style på Paragraf för huvudmenyns sub-länkar */

p.navSubs {
	color : #fff;
	font-weight : normal;
	margin-bottom : -3px;
	margin-top : 0px;
	margin-left : 5px;
	}

.navSubs a {
	font-size : 11px;
	background-color : #608CB5;
	border : 0px solid #000;
	color : #fff;
	display : block;
	font-weight : normal;
	padding-bottom : 5px;
	padding-left : 5px;
    padding-right : 1px;
	padding-top : 2px;
	text-decoration : none;
	width : 208px;
	}


.navSubs a:hover {
	background-color : #ffd200;
	border : 0px solid #4C79A3;
	color : #333;
	font-weight : normal;
	text-decoration : none
	}


/*Style på Paragraf för sublänkar Aktiv-Sida */

p.navViz {
	color : #333;
	font-weight : normal;
	margin-bottom : -3px;
	margin-top : 0px;
	margin-left : 5px;
	}

.navViz a {
	font-size : 11px;
	background-color : #f3f3f3;
	border : 0px solid #000;
	color : #333;
	display : block;
	font-weight : normal;
	padding-bottom : 5px;
	padding-left : 5px;
    padding-right : 1px;
	padding-top : 2px;
	text-decoration : none;
	width : 211px;
	}

/*** slut  vänstermeny ***/


/** Formulär **/

input, textarea, select {
 font-family: geneva, arial, sans-serif;
 font-size: 12px;
 color: #333;
 padding: 0px;
 margin: 0px;
}
form {
 padding: 0px;
 margin: 0px;

}
input.btn{
   color:#555;
   font-family: geneva, arial, sans-serif;
   font-size: 11px;
   font-weight:bold;
   background-color:#f5f5f5;
   border:1px solid;
   border-top-color:#ccc;
   border-left-color:#ccc;
   border-right-color:#666;
   border-bottom-color:#666;
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccccc');
}

input.btnhov {
   border-top-color:#ccc;
   border-left-color:#ccc;
   border-right-color:#666;
   border-bottom-color:#666;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#FFFFff00');
}

img {
   border: 0;
}

div.post_m {
font-size:12px;
}