body {margin: 0; padding: 0; background-image: url("../images/top_bg.jpg"); background: #fff; font-family: arial; font-size: 11px; color: #333;}
h1 {font-family: "Arial"; font-size: 18px; color: #84182e; font-weight: normal; }
h2 {font-family: "Arial"; font-size: 14px; color: #84182e; font-weight: normal; text-align: left;}
h3 {font-family: "Arial"; font-size: 15px; color: #84182e; font-weight: normal; text-align: left;}
.underrubrik2 {font-weight: bold; font-family: "Arial"; font-size: 14px; color: #84182e; font-weight: normal; text-align: left;}
a {text-decoration: none; color: #333;}
a:hover {text-decoration: none; color: #999;}
hr {color: #999; height: 1px;}
img a {border: 0px}

#header {
border-top: 3px solid #fbb226;
width: 100%; 
height: 110px; 
background-image: url("../images/top_bg.jpg");
}

#loggo {
margin-left: 20px; 
margin-top: 32px; 
width: 246px;  
float: left;
}

#datum {
padding-left: 20px;
color: #fff;
font-size: 12px;
background: #84182f;
padding-bottom: 10px;
}

#programs {
border-left: 1px dotted #fff; 
width: 591px; 
padding-left: 20px; 
margin-top: 25px;
position: absolute; 
left: 290px;
}

#nav_container {
width: 100%; 
height: 26px; 
background-image: url("../images/top_bg.jpg");
}

#hem a {
background-image: url("../images/menu_hem.jpg"); 
margin-left: 20px; 
width: 36px; 
margin-top: 3px; 
height: 20px; 
display: block; 
float: left; 
}

#hem a:hover {border-bottom: 3px solid #fff;}

#omskolan a {
background-image: url("../images/menu_omskolan.jpg"); 
margin-left: 35px; 
width: 99px; 
margin-top: 3px; 
height: 20px; 
display: block; 
float: left; 
}

#omskolan a:hover {border-bottom: 3px solid #fff;}
	
#programmen a {
background-image: url("../images/menu_programmen.jpg"); 
margin-left: 35px; 
width: 123px; 
margin-top: 3px;  
height: 20px; 
display: block; 
float: left; 
}

#programmen a:hover {border-bottom: 3px solid #fff;}
	
#profilerna a {
background-image: url("../images/menu_profilerna.jpg"); 
margin-left: 35px; 
width: 108px; 
margin-top: 3px;  
height: 20px; 
display: block; 
float: left; 
}

#profilerna a:hover {border-bottom: 3px solid #fff;}
	
#biblioteket a {
background-image: url("../images/menu_biblioteket.jpg"); 
margin-left: 35px; 
width: 87px; 
margin-top: 3px;  
height: 20px; 
display: block; 
float: left; }

#biblioteket a:hover {border-bottom: 3px solid #fff;}
	
#stvl a {
background-image: url("../images/menu_stvl.jpg"); 
margin-left: 35px; 
width: 171px; 
height: 20px;
margin-top: 3px;
display: block; 
float: left; }

#stvl a:hover {border-bottom: 3px solid #fff;}
	
#kontakt a {
background-image: url("../images/menu_kontakt.jpg"); 
margin-left: 35px; 
width: 79px; 
height: 20px; 
margin-top: 3px;  
display: block; 
float: left; 
}

#kontakt a:hover {border-bottom: 3px solid #fff;}

#main {
padding-top: 20px;
padding-bottom: 60px;
background-color: #ffffff;
height:100%;
width: 100%;
}

#left {
width: 140px; 
float: left; 
padding-left: 20px;
padding-right: 20px;
left: 0px;
}

#left a#current {color: #fbb226;}

#menu {
padding-left:0;
margin-left: 0;
list-style-type: none;
border-bottom: 1px solid #999;
}
	#menu ul, #menu li{
		margin-left:0;
	}

#menu li {
padding: 7px;
margin-left: 0px; 
border-top: 1px solid #999;
float:none;
}

#menu li a {
background: url("../images/pil.jpg");
background-repeat: no-repeat;
padding-left: 10px;
}

#menu li a:hover {
background-image: url("../images/pil-hover.jpg");
background-repeat: no-repeat;
padding-left: 10px;
}

#menu li a#current {
background: url("../images/pil-current.jpg");
background-repeat: no-repeat;
padding-left: 10px;
}

#middle {
width: 480px; 
float: left;
left:250px;
margin-bottom: 60px;
padding-left: 20px; 
padding-right: 20px;
border-left: 1px dotted #999; 
border-right: 1px dotted #999; 
text-align: justify;
line-height: 16px;
}

#middle img {max-width: 480px;}
#middle a {color: #84182f;}
#middle a:hover {color: #999}

#right {
width: 230px;
float: left;
padding-left: 20px;
padding-top: 34px;
line-height: 18px;
}

#right a {color: #84182f;}
#right a:hover {color: #999}

#middle1 {
width: 420px; 
margin-bottom: 60px;
padding-left: 20px; 
padding-right: 30px;
border-left: 1px dotted #cccccc; 
text-align: justify;
line-height: 18px;
float: left;
}

#middle1 a {color: #84182f;}
#middle1 a:hover {color: #999}

#right1 {
width: 300px; 
float: left;
margin-bottom: 60px;
text-align: justify;
line-height: 18px;
}

#right1 a {color: #84182f;}
#right1 a:hover {color: #999}

.artikelbox {
margin-bottom: 20px;
}

.artikeldatum {
color: #999;
font-size: 11px;
}

#contact_main {
width: 760px;
margin-bottom: 60px;
padding-left: 20px;
border-left: 1px dotted #cccccc; 
float: left;
}

.contact_row {
width: 100%;
margin-bottom: 20px;
}

.contact_col {
width: 360px;
padding-right: 20px;
float: left;
}

#mellanbottom
{
width: 30px;
height: 35px;
float: left;
}

#bottom {
float: left;
width: 100%; 
height: 45px;
background-repeat:repeat-x;
background-image: url("../images/footer_bg.jpg");
background-color: #fff;
padding-top: 5px;
color: #fff;
left: 0px; 
line-height: 20px;
border-bottom: 3px solid #fbb226;
/* FLYTANDE LÄNGST NER */
position: fixed;
bottom: 0px;
}

#bottom a {text-decoration: none; color: #fff;}
#bottom a:hover {text-decoration: none; color: #c97a02;}

.tablebottom {
height: 40px;
padding: 0px;
margin: 0px;
float: left;
}

.tdleftbottom {
height: 20px;
float: left;
padding: 0px;
margin: 0px;
}

.tdrightbottom {
height: 20px;
padding: 0px;
padding-left: 10px;
float: left;
margin: 0px;
}

#kommun {
background: url();
height: 39px;
width: 196px;
float: left;
margin-left: 300px;
}