/*-----------------------------------------------------------------------------
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}

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; color: #333; 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}

.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: 569px; height: 91px;
}

#header-top-right {
    float: left; width: 191px; height: 91px;
}

#header-bottom-left {
    clear: left; float: left; background-image: url('/grafik/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(grafik/footer_bg.gif) repeat-x;
}

#header {
	clear: both; width: 100%; height: 150px;
	background: #fff url(grafik/top_bg.jpg) repeat-x;
}

#footerContent {
	margin: auto; width: 760px; background-color: #f5f5f5; height: 100px; 
	background: #f5f5f5 url(grafik/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;}

.bildtext {
	color: #999; margin-top: -20px;
}

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;
}

#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}
        
.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}