/*-----------------------------------------------------------------------------
Bas stylesheet

version: 1.0
author: Klas Rytterskog
email: info@elimarmedia.se
website: http://www.elimarmedia.se/
-----------------------------------------------------------------------------*/

a {color: #666; text-decoration: none}

body {margin: 0; font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 11px}

p {font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 11px; line-height: 1.6em; padding: 0; margin: 0 0 20px}

img {border: 0}

h1 { color: #333333;
	font: bold 17px Arial, Georgia;
	margin-top: 0;
	margin-bottom: 20px;
}
h2 { color: #333333;
	font: bold 14px Arial, Georgia;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0;
}
h3 { color: #333333;
	font: bold 13px Arial, Georgia;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

h4 { color: #333333;
	font: bold 11px Verdana, Arial, Georgia;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}

ol {line-height: 1.6em}

#mhContent a {color: #666; text-decoration: none; border-bottom: 1px solid #ccc}
#mhContent a:visited {color: #666; text-decoration: none; border-bottom: 1px solid #ccc}

#mhContent p {font-family: Verdana, sans-serif; color: #333; font-size: 11px; line-height: 1.6em;
	margin: 0 0 15px;
	padding: 0;
}

#pageContent {font-family: Verdana; color: #333; font-size: 11px; text-align: left}
#pageContent h1 { color: #333333;
	font: bold 17px Arial, Georgia;
	margin-top: 0;
	margin-bottom: 20px;
}
#pageContent h2 { color: #333333;
	font: bold 14px Arial, Georgia;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0;
}
#pageContent h3 { color: #333333;
	font: bold 13px Arial, Georgia;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}
#pageContent p {font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.6em;
	margin: 0 0 20px;
	padding: 0;
}
#pageContent a {color: #666; text-decoration: none; border-bottom: 1px solid #ccc}
#pageContent a:visited {color: #666}

#mContent a {color: #666; text-decoration: none; border-bottom: 1px solid #ccc}
#mContent a:visited {color: #666; text-decoration: none; border-bottom: 1px solid #ccc}

.infotavla_black {
	font-family: Georgia, Verdana, serif;
	font-size: 20px;
	font-weight: bold; 
	color: #000;
}
.infotavla_grey {
	font-family: Georgia, Verdana, serif;
	font-size: 20px;
	font-weight: bold; 
	color: #999;
}
.infotavla_green {
	font-family: Georgia, Verdana, serif;
	font-size: 20px;
	font-weight: bold; 
	color: #baad0e;
}

.level0MenuBox {width: 100%; text-align: left; margin: 0px 0px; padding-top: 24px;}
.level0MenuItem {float: left; color: #333; padding: 5px 20px 10px 0;
	font: bold 16px Georgia;
}
.level0MenuItem A {text-decoration: none; color: #333; border: none;}
.level0MenuItem A:visited {text-decoration: none; color: #333}
.level0MenuSelected {float: left; font-family: Georgia; font-weight: bold; color: #baad0e; font-size: 16px; padding: 5px 20px 10px 0;
}
.level0MenuSelected A {text-decoration: none; color: #baad0e; border: none;}
.level0MenuSelected A:visited {text-decoration: none; color: #baad0e}

.level1MenuBox {width: 100%; text-align: left; margin: 0px 0px;}
.level1MenuItem {float: left; color: #333333; padding: 10px 15px 10px 0;
	font: bold 11px Verdana;
}
.level1MenuItem A {text-decoration: none; color: #333333;
	font-weight: bold;
}
.level1MenuItem A:visited {text-decoration: none; color: #333333;
	font-weight: bold;
}
.level1MenuSelected {float: left; font-family: Verdana; font-weight: bold; color: #baad0e; font-size: 11px; padding: 10px 15px 10px 0;}
.level1MenuSelected A {text-decoration: none; color: #baad0e;
	font-weight: bold;
}
.level1MenuSelected A:visited {text-decoration: none; color: #baad0e;
	font-weight: bold;
}

#level2MenuBox li a {
	border-left: none;
	color: #666;	
	text-decoration: none;
	font: bold 11px Verdana, sans-serif;
}

#level2MenuSelected a {
	font-weight: bold;
	color: #000;
}

#level2MenuSelected a:visited {
	font-weight: bold;
	color: #000;
}


#level2MenuBox li {
	padding-bottom: 5px;
}

#level2MenuBox ul {
	border-left: none; 
	list-style: none;
	padding-top: 5px;
	padding-left: 10px;
	margin: 0;
}

#level2MenuBox {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#mContent {
	float: left; width: 600px;
	padding-bottom: 20px; padding-top: 20px;
}

#mhContent {
	float: left; width: 760px;
	padding-bottom: 20px;
	padding-top: 3px;
}

#mhsContent {
	float: left; width: 760px;
	padding-bottom: 20px;
	padding-top: 20px;
}

#mSpacer {
	float: left; width: 10px; height: 600px;
}

#mbSpacer {
	float: left; width: 9px; height: 600px; border-left: 1px solid #fff;
}

#mContentBox {
	margin: auto; clear: both; width: 760px;
}

#header-content {
    margin: auto; height: 150px; width: 760px;    
}

#header-top-left {
    float: left; width: 324px; height: 91px;
}

#header-top-right {
    float: left; width: 436px; height: 91px;
}

#header-top-full {
	width: 760px; height: 91px;
}

#header-bottom-left {
    clear: left; float: left; background-image: url('/media/16860/header_img_vanster_03.gif'); width: 569px; height: 59px; vertical-align: bottom;
}

#header-bottom-right {
    float: left; width: 191px; height: 59px;
}

#tContent {
	margin: auto; height: 150px; background: #fff url(grafik/ylm_h2.jpg) repeat-x;width: 760px; vertical-align: bottom;
}

#tsContent { width: 760px; background-color: #fff; height: 20px;
	margin-right: auto;
	margin-left: auto;
}

#tssContent {
	float: left; width: 140px; padding-top: 20px;
}

#footer {
	clear: both; width: 100%; height: 120px;
	background: #f5f5f5 url(/media/39/footer_bg.gif) repeat-x;
}

#header {
	clear: both; width: 100%; height: 150px;
	background: #fff url(/media/34/top_bg.jpg) repeat-x;
}

#footerContent {
	margin: auto; width: 760px; background-color: #f5f5f5; height: 100px; 
	background: #f5f5f5 url(/media/39/footer_bg.gif) repeat-x;
	padding-top: 11px;
}

#footerContent p {
	color: #666;
	font: 9px/14px Verdana, Helvetica, sans-serif;
}

#footerContent a {
	color: #baad0e;
	font: 9px/14px Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

.menuTreeSelected {font-weight: bold; color: #baad0e}
        
        #menuTreeWrap {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            width: 140px;
            margin-left: -10px;
            margin-top: -10px;
        }
        
        #menuTreeWrap ul {
            list-style-type: none;
            border-left: none;
            margin-left: 5px;
            padding-left: 5px;
        }
        
        #menuTreeWrap li {padding-top: 10px;}
        
        #webTreeWrap {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: normal;
            width: 375px;
            margin-left: -30px;
            margin-top: -10px;
        }
        
        #webTreeWrap ul {
            list-style-type: none;
            border-left: none;
            margin-left: 25px;
            padding-left: 5px;
            
        }
        
        #webTreeWrap li {padding-top: 10px;}

body {margin: 0; font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 11px}
p {font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 11px; line-height: 1.6em}

hr {
	border: 0; height: 1px; background-color: #ccc; color: #ccc;
}

.bildtext {
	color: #999; margin-top: -20px;
}

#article-wrap p {font-family: Verdana; font-size: 11px; color: #333; padding: 0; margin: 0 0 10px 0}
#article-wrap a {font-family: Verdana; font-size: 11px; color: #333; padding: 0; margin: 0 0 10px 0; text-decoration: none; border-bottom: 1px solid #ccc}

#comment-wrap-upptack {width: 500px; font-size: small}
#comment-wrap {width: 375px; font-size: small}
#comment-wrap p {font-family: Verdana; font-size: 85%; padding: 0; margin: 0 0 10px 0}
#comment-wrap h1 {font-family: Verdana; font-size: 85%; padding: 10px 0 0 0; margin: 0px 0 10px 0}
#comment-wrap input {border: 1px solid #999; padding: 2px}
#comment-content-1 {width: 373px; padding: 20px 0px 0px 0px; border: 1px solid #999; background: url(/grafik/inforuta_kommentera-bred.gif) repeat-x 0px 0px;}
#comment-content-2 {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999; 
  background: #f2f2f2;
  padding-top: 10px;
  padding-bottom: 10px;
}

#bestall td:first-child {border-left: 1px solid #999;}
#bestall tr:first-child td {border-top: 1px solid #999;}
#bestall td {border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: #f2f2f2; padding: 4px}
        
.inforuta-information {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4266/inforuta_information.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-las-mer {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4416/inforuta_las_mer.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-for-skolan {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4436/inforuta_for_skolan.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-kontakt {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4421/inforuta_kontakt.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-besok {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4426/inforuta_besok.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-lankar {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4431/inforuta_lankar.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-sok {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4451/inforuta_sok.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-press {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4446/inforuta_press.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}
.inforuta-tom {BORDER-BOTTOM: #baad0e 1px solid; BORDER-LEFT: #baad0e 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; BACKGROUND: url(/media/4441/inforuta_blank.gif) repeat-x 0px 0px; BORDER-TOP: #baad0e 1px solid; BORDER-RIGHT: #baad0e 1px solid; PADDING-TOP: 25px; x-background-y-position: 0}



.comment-gutter {padding: 0px 5px 0px 4px}

.cmp a {font-family: Verdana; font-size: 11px; color: #333; padding: 0; margin: 0 0 10px 0; text-decoration: none; border-bottom: 1px solid #ccc}

#minne ul {
    padding:1px 0px 6px 0px;
	margin:1px 0px 1px 0px;
	list-style-type: none;
}

#minne ul ul {
    display:block;
	padding: 6px 14px 0px 15px;
	background:transparent url('/media/6643/ul_ul_hook7.gif') no-repeat scroll left top;
}



































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

.inforuta-information {

}

.infotavla_black {

}

.infotavla_grey {

}

.infotavla_green {

}

h3 {

}

p {

}

.bildtext {
color: #999;
margin-top: -20px; 
}