﻿/*.ungdomshalsan #innehallshuvud {
 background:  url(/Admin/Webbgrafik/levabo/topBackground.jpg);
      }*/
.ungdomshalsan #huvudinnehall
{
    background: #000 url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/bg_youth_health.gif") repeat-x top left;
    min-height: 850px;
    padding-bottom: 2em;
    color: #000;
}
.UH_subMenu .UH_top{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_PuffTop.png") no-repeat top left;
	display: block;
	height: 20px;
}
.UH_subMenu .UH_bottom{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_BtmLeft.png") no-repeat bottom left;
}
.UH_subMenu .UH_bottom span{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_BtmRight.png") no-repeat bottom right;
	display: block;
	height: 10px;
	margin-left: 10px;
}

.UH_subMenu p,.UH_subMenu h1,.UH_subMenu h2,.UH_subMenu h3, .UH_subMenu ul, .UH_subMenu li{
	 Background: #cedf6f;
	 padding-left: 5px;
	 margin: 0 0 0 0;
	 
}
.UH_content {background:#cedf6f; }
.UH_content p {font-size:1.2em;}
.UH_content h2 {font-size:1.3em; }
.UH_content {padding:0px; margin:0px;}

.UH_subMenu h2, .UH_subMenu h3{font-size:1,2em; padding-top:15px; margin-top:-10px;}

.UH_subMenu ul, .UH_subMenu li{list-style-position:inside;}
.UH_subMenu p {padding-bottom:5px;}
#navigation, #foot, .CS_foot, #topMenu, .minasidor, .CS_help,
.CS_topMenu, .CS_fragaMarklundSmall, #ctl00_pnl_smhi, .CS_fragaMarklund
{
 display:none;
}
/* Block */
#head
{
    height: 8.5em;
    background: #fff;
}
body #body
{
    background: #fefefe url(" /Fristående webbplatser/Ungdomshalsan_ny/Bilder/ungdomshalsan_bakgrund.png") repeat top left;
}
#logoHolder
{
	position: middle;
	height:95px;
	left: -2px;
	z-index: 100;
	width: 20em;
	background-color: #fff;
}
.sideBar {
top: 5.4em;
margin-top: -.8em;
}
#topFunctions{ top: -3.8em;}
#branding {
	display: block;
	margin-top: 1em;
	height: 50px;
	width: 98%;
	position: relative;
	text-align: right;
}

* html .ungdomshalsan #huvudinnehall
{
    height: 850px;
}
#topFunctions .CS_top
{
    background: transparent url("/Admin/Webbgrafik/Layout bilder/bg_searchBoxL2.png") no-repeat bottom left;
    padding: 0 0 0 16px;
    position: relative;
    height: 4.5em;
}
#topFunctions .CS_top fieldset
{
    background: transparent url("/Admin/Webbgrafik/Layout bilder/bg_searchBoxR2.png") no-repeat bottom right;
    padding: .3em 1.3em 2.3em 0;
    width: 18.4em;
    height: 1.9em;
}
.ungdomshalsan .CS_aButton{
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/button_left.png") no-repeat top left;
	padding: 0em 0 0em 1.1em;
	display: block;
	float: left;
	width: auto;
	text-decoration: none;
}

* html .ungdomshalsan .CS_amnesKnapp{
	height: 2.5em;
	overflow: hidden;
	float: left;
	display: block;
}
* html .ungdomshalsan #puff1 .CS_amnesKnapp{
	height: 3.5em;
}

.ungdomshalsan .CS_aButton span{
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/button_right.png") no-repeat top right;
	color: #000;	
	padding: 1em 1.1em 1em 0;
	display: block;
	text-transform:none;
}

* html .ungdomshalsan .CS_aButton{
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/button_left.gif") no-repeat top left;
}

* html .ungdomshalsan .CS_aButton span{
	 background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/button_right.gif") no-repeat top right;
}

.ungdomshalsan #huvudinnehall p,
.ungdomshalsan #huvudinnehall a,
.ungdomshalsan #huvudinnehall h1,
.ungdomshalsan #huvudinnehall h2,
.ungdomshalsan #huvudinnehall h3,
.ungdomshalsan #huvudinnehall div,
.ungdomshalsan #huvudinnehall li
{
    color: #fff;
    
}

.ungdomshalsan #huvudinnehall h1,
.ungdomshalsan #huvudinnehall h2,
.ungdomshalsan #huvudinnehall h3{
	text-transform: uppercase;
}

.ungdomshalsan #huvudinnehall form
{
	margin: 1em;
}

.ungdomshalsan #huvud_puff {
	background-color:#C9EB7D;
	background-image:url(/Admin/Webbgrafik/levabo/menyunderpuff.gif);
	border-bottom: 1px solid #fff;	
}
.ungdomshalsan #puff1
{
    background: #cbe04e url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/bg_dark_green.png") no-repeat top left;
    float: left;
    margin: .5em;
    min-height: 10em;
    width: 20.5em;    
    padding: .5em;
}
* html .ungdomshalsan #puff1
{
	width: 19em;
}
.ungdomshalsan #puff1 h9
{
    display: block;
    float: left;
    padding: .3em;
    margin-top: 1em;
}
.ungdomshalsan #puff2
{
    background: #cbe04e url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/bg_light_green.png") no-repeat top left;
    float: left;
    margin: 1em .5em;
    min-height: 10em;
    width: 10em;
    padding: .5em;
    color: #000;
    font-weight: bold;
}
* html .ungdomshalsan #puff2
{
	height: 10em;
}
.ungdomshalsan #puff2 h2,
.ungdomshalsan #puff2 p,
.ungdomshalsan #puff2 a
{
    color: #000;
}
.ungdomshalsan #puff3
{
    background: #cbe04e url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/bg_light_green.png") no-repeat top left;
    float: left;
    margin: .5em .5em .5em 6em;
    min-height: 6em;
    width: 40%;
    padding: .5em;
    color: #000;
    font-weight: bold;
}
* html .ungdomshalsan #puff3
{
	height: 6em;
	margin: .5em .5em .5em 3em;
}
.ungdomshalsan #puff3 h2,
.ungdomshalsan #puff3 p,
.ungdomshalsan #puff3 a
{
    color: #000;
}
.ungdomshalsan #puff4
{
    background: #cbe04e url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/bg_dark_green.png") no-repeat top left;
    float: left;
    margin: 1em .5em;
    min-height: 6em;
    width: 30%;
    padding: .5em;
}
/* Vit puff */
.ungdomshalsan .CS_vitPuff {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_white_left.gif") no-repeat top left;
}
.ungdomshalsan .CS_vitPuff .CS_puffKropp {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_white.gif") repeat top right;
	margin: 0  0 0 1em;
	padding: 0 1em .6em 0;
}
.ungdomshalsan .CS_vitPuff a{
	font-size:0.85em;
}
.ungdomshalsan .CS_vitPuff h1.huvudrubrik {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_white_right.gif") no-repeat top right;
	font-family:verdana,serif;
	font-size:0.8em;
	margin-left:0.7em;
	padding: 1.3em 1em 0em 0.25em;
	margin-left: 1em;
}
.ungdomshalsan .CS_vitPuff hr {
	margin: 0 1em;
}
.ungdomshalsan .CS_vitPuff div.vansterner {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_white_leftbottom.gif") no-repeat bottom left;
}
.ungdomshalsan .CS_vitPuff p.hogerner {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_white_rightbottom.gif") no-repeat bottom right;
	margin-left: 1em;
}
/* Grön puff */
.ungdomshalsan .CS_gronPuff {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_green_left.gif") no-repeat top left;
	color: #fff;
}
.ungdomshalsan .CS_gronPuff a{
	color: #fff;
	font-size:0.85em;
}
.ungdomshalsan .CS_gronPuff .CS_puffKropp {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_green.gif") repeat top right;
	margin: 0  0 0 1em;
	padding: 0 1em .6em 0;
}
.ungdomshalsan .CS_gronPuff h1.huvudrubrik {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_green_right.gif") no-repeat top right;
	
	font-family:verdana,serif;
	font-size:0.8em;
	margin-left:0.7em;
	padding:1.3em 1em 0em 0.25em;
	margin-left: 1em;
}

.ungdomshalsan .CS_gronPuff hr {
	margin: 0 1em;
}
.ungdomshalsan .CS_gronPuff div.vansterner {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_green_leftbottom.gif") no-repeat bottom left;
}
.ungdomshalsan .CS_gronPuff p.hogerner {
	background: url("/Fristående webbplatser/Ungdomshalsan_ny/Bilder/blob_green_rightbottom.gif") no-repeat bottom right;
	margin-left: 1em;
}
.grundpuff h2{

  padding-top: .4em;
  padding-bottom: .2em;

 }
.ungdomshalsan .CS_gronPuff h2,
.ungdomshalsan .CS_vitPuff  h2,

.ungdomshalsan .CS_gronPuff h3,
.ungdomshalsan .CS_vitPuff  h3, 

.ungdomshalsan .CS_gronPuff h4,
.ungdomshalsan .CS_vitPuff  h4,

.ungdomshalsan .CS_gronPuff h5,
.ungdomshalsan .CS_vitPuff  h5,

.ungdomshalsan .CS_gronPuff h6,
.ungdomshalsan .CS_vitPuff  h6
{
  margin: 0.5em 0;
  font-size: 0.62em;
  font-weight: bold;
}

.ungdomshalsan .CS_vitPuff ul,
.ungdomshalsan .CS_gronPuff ul
{
	font-family:verdana,serif;
	padding-bottom:1.3em;
	padding-left:0.88em;
	padding-right:0.88em;
}
.ungdomshalsan .CS_vitPuff li,
.ungdomshalsan .CS_gronPuff li {
	color:#000000;
	font-weight:normal;
	margin-left:1.44em;
}
.ungdomshalsan .CS_box
{
    margin: .5em 1em 1em 1em;
}
.ungdomshalsan #fragor p
{
   padding: .3em .4em;
   margin: 0;
   line-height:130%;
}
.ungdomshalsan #fragor .udda
{
   background: #5B653C;
   margin-top:0.8em;
   margin-bottom:1em;
   line-height:130%;
}
.ungdomshalsan #fragor .CS_fraga
{
   font-weight: bold;
   font-size: 0.8em;
   color: #DDF54E;
}
.ungdomshalsan #fragor .CS_svar
{
   font-weight: normal;
}

.ungdomshalsan #huvudinnehall form label
{
    display: block;
}   

.ungdomshalsan #huvudinnehall form p
{
	margin:  1em 0;

}  
    
.ungdomshalsan .listOddRow
{
       background:  #1b1c19;
}
.CS_subMenu, .CS_extraMenu{ display: block; margin-top: 1.0em; margin-bottom: .5em;}
.CS_subMenu .CS_top,.CS_extraMenu .CS_top{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_HornLeft.png") no-repeat top left;
}
.CS_subMenu .CS_top span, .CS_extraMenu .CS_top span{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_HornRight.png") no-repeat top right;
	display: block;
	height: 10px;
	margin-left: 10px;
}
.CS_subMenu .CS_bottom,.CS_extraMenu .CS_bottom{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_BtmLeft.png") no-repeat bottom left;
}
.CS_subMenu .CS_bottom span,.CS_extraMenu .CS_bottom span{
	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/UH_BtmRight.png") no-repeat bottom right;
	display: block;
	height: 10px;
	margin-left: 10px;
} d6f044
.CS_extraMenu p
{
    background: #fff;
    display: block;
    padding:0 0 0 30px;
    margin: 0;
}
.CS_subMenu ul
{
    list-style-type: none;
    background: #fff;
    display: block;
    padding:0;
    list-style-position: outside;    
}
.CS_subMenu ul ul{	/*display: none;*/}
.CS_subMenu .CS_DefaultTreeMenuSelectedParent ul, .CS_subMenu .CS_DefaultTreeMenuSelectedItem ul{display: block;}
.CS_subMenu .CS_DefaultTreeMenuSelectedParent ul ul, .CS_subMenu .CS_DefaultTreeMenuSelectedItem ul ul{ display: none;}
.CS_subMenu .CS_DefaultTreeMenuSelectedParent .CS_DefaultTreeMenuSelectedParent ul,
.CS_subMenu .CS_DefaultTreeMenuSelectedParent .CS_DefaultTreeMenuSelectedItem ul{	display: block;	}
.CS_subMenu ul .CS_DefaultTreeMenuSelectedParent ul ul, .CS_subMenu ul .CS_DefaultTreeMenuSelectedItem ul ul{	display: none;}

.CS_subMenu li
{
    list-style-type: none;
    padding:0;
    line-height: 15px;
    display: block;
}
.CS_subMenu li a
{
	display: block;
	margin: 0;
	padding: 0.3em 0;
	background-color: #cedf6f;
}
.CS_subMenu li.last a{
	padding-bottom: 1em;
}
.CS_subMenu li.last li a{
	padding-bottom: 0.3em;
}
.CS_subMenu li a span,
.CS_subMenu li.CS_DefaultTreeMenuSelectedParent li.CS_DefaultTreeMenuNotSelected a span{
    font-weight: normal;
    font-size: 1.2em;
    /*color: #434343;
    background: transparent url("/Admin/Webbgrafik/Layout%20bilder/arrow_type1_black.png") no-repeat center left;*/
    padding-left: 5px;
    display: block;    
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedParent a span {
	font-weight: bold; 
}
.CS_subMenu li.CS_DefaultTreeMenuHasChildren.CS_DefaultTreeMenuSelectedParent a span {
	font-weight: normal;
}
.CS_subMenu li a span{margin: 0 0px;}
.CS_subMenu ul ul a span{margin-left: 12px;}
.CS_subMenu ul ul ul a span{margin-left: 24px;}
.CS_subMenu ul ul ul ul a span{margin-left: 36px;}

.CS_subMenu li.CS_DefaultTreeMenuSelectedParent a{
background: transparent url("/Admin/Webbgrafik/Layout%20bilder/menu/UH_bg_selected.png") repeat-x left;*/
 	font-weight:bold;
 	color: #fff;
}

.CS_subMenu li.CS_DefaultTreeMenuSelectedItem a,
{
 	background-color: #cedf6f;
 	font-style:underline;
 	
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedItem a {
 	background: #cedf6f;
 	text-decoration:underline;
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedItem li.CS_DefaultTreeMenuNotSelected a,
.CS_subMenu li.CS_DefaultTreeMenuSelectedParent li.CS_DefaultTreeMenuNotSelected a{
 	background-image: none;
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedParent li.CS_DefaultTreeMenuNotSelected a{
	background: #f2f2f2;
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedItem li.CS_DefaultTreeMenuNotSelected a{
	background-color: #94c7dc;
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedItem li.CS_DefaultTreeMenuNotSelected a span{
	/*color: #fff;*/
	font-weight: normal;
	/*background: transparent url("/Admin/Webbgrafik/Layout%20bilder/arrow_type2_white.gif") no-repeat center left;*/
}
.CS_subMenu li.CS_DefaultTreeMenuSelectedItem a span,
.CS_subMenu li.CS_DefaultTreeMenuSelectedParent a span{
 	/*color: #fff;
 	font-weight: bold;
 	background: transparent url("/Admin/Webbgrafik/Layout%20bilder/arrow_white_down.gif") no-repeat center left;*/
}
#active_link span{
	font-style:underline;
        background: transparent url("/Admin/Webbgrafik/Layout%20bilder/arrow_type1_black.png") no-repeat center left;
}

/* Redigera */
.CS_extraMenu ul {
    background: #fff;
    padding:0 0 0 30px;
    list-style: disc outside url("/Admin/Webbgrafik/Layout%20bilder/arrow_type1_black.png");    
}
.CS_extraMenu lh {
	font-weight: bold;
	font-size: 1.2em;
    	line-height: 15px;
}
.CS_extraMenu li {
    padding:0;
    line-height: 15px;
}
.CS_Editlinks, .CS_Schoollinks { margin: 1em 0;}

.CS_extraMenu li {
	padding: 0 0 0 0px;
}
.CS_Editlinks a, .CS_Schoollinks a{
	display: block;
	font-size:1.2em;	
}

/* Presentera personal - Ändra här om egen stil på fristående webbplats */
.pp_contentBox
{
    background: #f8f8f8;
    border: 1px solid #ededed;
    padding-top: 0em;
    margin-top: 1em;
}
.pp_contentBox .pp_mainColumn
{
    width: 45em;
    float: left;
    padding-left : 1em;
}
.pp_contentBox .pp_imageColumn
{
    margin-right: 0em;
    overflow: hidden;
    float: left;
    width: 180px;
    height: 220px;
}
.pp_contentBox .pp_imageColumn .pp_image
{
    -webkit-box-align: stretch;
    float: left;
    margin: 1em .5em .5em 1em;
}

/* Slut pp-stilar   */

/* IE6 Fix */
* html .CS_subMenu .CS_top,
* html .CS_subMenu .CS_bottom{
 	background-color: #fff;
 	background-image: none;
}
