/*--start contentboxes--*/

div.puffbox { 
	margin:0 0 0em 0; 
	clear:both; 
	overflow: hidden; 
	font: normal 75% verdana, arial, sans-serif;
	line-height:1.25em;
	color: #404040;
}
div.puffbox h2, div.form-container h2 { 
	font: bold 150% arial, sans-serif; 
	color: #2859A5;  
	margin:1em 0 0.3em 0;
}
div.puffbox h3, div.form-container h3 { 
	font: bold 120% arial, sans-serif; 
	/*color: #2859A5; */
	margin: 1.5em 0 0.3em 0;
	padding:0;
}

div.puffbox h4 { 
	font: bold 105% arial, sans-serif; 
	/*color: #2859A5; */
	margin: 15px 0 0 0;
	padding:0;
}
div.puffbox p { 
	margin: 0px 0 10px 0;
}

.left-column .puffbox, .middle-column .puffbox {
	margin:0 0 0em 15px; 
}

.left-column-big .puffbox{
	margin:0 0 0em 15px; 
}


/* nya puffar t/r 2010 */
div.puffnew { margin-bottom: 1em !important}
div.puffnew h2 { color: #777 !important}
a.decoratedlink { 
	display: inline-block;
	padding-left: 24px;
	padding-bottom: 4px;
	background-image: url("/Administration/Webbplatsbilder/link-arrow.png");
	background-position: left top;
	background-repeat: no-repeat;
}

img.hogerstall {
	float:right;
	margin:0 15px 15px 0;
}

img.vansterstall {
	float:left;
	margin:0 15px 15px 0;
}

/*--end contentboxes--*/


/*-- Startsidor med ny löpsedel -*/

#content .start-rightmiddle-wide,
#content .start-right-wide {
	background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_graramad.gif) 0 bottom no-repeat;
	min-height: 365px; 
	padding-bottom: 10px;
}

* html #content .start-rightmiddle-wide,
* html #content .start-right-wide {
	height:auto !important; /* MSIE6 hack for min-height */
	height:365px;
}



.startblock-container-wide .outline-box-top {
	background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_graramad.gif) 0 2px no-repeat;
	margin: 0;  width: 215px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
}

.startblock-container-wide .outline-box-top-nonindented {
	background: none;
	margin: 0;  width: 215px;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
}

* html .startblock-container-wide .outline-box-top-nonindented { display: block;}

.startblock-container-wide .notopspace .outline-box-top { display: none;}

.contentstyle_outlinebox .outline-box-middle,
.contentstyle_outlinebox_filled .outline-box-middle {
	background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_graramad.gif) 0 50% no-repeat;
	border-bottom: 1px solid #ccc;
	padding-top: 0;
	padding-bottom: 14px;
	margin: 0; width: 215px;
}


.contentstyle_outlinebox .outline-box-bottom,
.contentstyle_outlinebox_filled .outline-box-bottom {
	background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_graramad.gif) 0 50% no-repeat;
	padding-top: 0;
	padding-bottom: 6px;
	margin: 0; width: 215px;
}

#content .contentstyle_outlinebox_filled .outline-box-bottom { background: none; }



#content .startblock-container-wide .color1 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color1.gif) 0 bottom no-repeat;}
.color1 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color1.gif) 0 50% no-repeat; }
.color1 .contentstyle_outlinebox_filled .outline-box-top { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color1.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color2 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color2.gif) 0 bottom no-repeat;}
.color2 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color2.gif) 0 50% no-repeat; }
.color2 .contentstyle_outlinebox_filled .outline-box-top { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color2.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color3 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color3.gif) 0 bottom no-repeat;}
.color3 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color3.gif) 0 50% no-repeat; }
.color3 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color3.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color4 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color4.gif) 0 bottom no-repeat;}
.color4 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color4.gif) 0 50% no-repeat; }
.color4 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color4.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color5 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color5.gif) 0 bottom no-repeat;}
.color5 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color5.gif) 0 50% no-repeat; }
.color5 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color5.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color6 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color6.gif) 0 bottom no-repeat;}
.color6 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color6.gif) 0 50% no-repeat; }
.color6 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color6.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color7 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color7.gif) 0 bottom no-repeat;}
.color7 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color7.gif) 0 50% no-repeat; }
.color7 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color7.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color8 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color8.gif) 0 bottom no-repeat;}
.color8 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color8.gif) 0 50% no-repeat; }
.color8 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color8.gif) 0 2px no-repeat;}

#content .startblock-container-wide .color9 { background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color9.gif) 0 bottom no-repeat;}
.color9 .contentstyle_outlinebox_filled .outline-box-middle {background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color9.gif) 0 50% no-repeat; }
.color9 .contentstyle_outlinebox_filled .outline-box-top{ background: url(/Administration/Webbplatsbilder/puffbakgrund_startsida_color9.gif) 0 2px no-repeat;}




/* --- --- --- */

div.contentstyle_outlinebox * {background-color: transparent; overflow: hidden}

div.contentstyle_outlinebox h2,
div.contentstyle_outlinebox_filled h2
{
	margin: 0;
	padding: 8px 10px 0 15px; 
	color: #666;
	font: bold 100% arial, sans-serif; 
	font-weight: normal;
}

div.contentstyle_outlinebox .outline-box-top h2 ,
div.contentstyle_outlinebox_filled .outline-box-top h2 {
	padding: 14px 10px 0 15px; 
	font-weight: normal;
}


div.contentstyle_outlinebox h3,
div.contentstyle_outlinebox_filled h3 {
	margin: 0;
	padding: 0 22px 0 15px;
	color: #4d4d4d;
	font: bold 95% arial, sans-serif;
	font-weight: normal;
}
div.contentstyle_outlinebox h4,
div.contentstyle_outlinebox_filled h4 {
	margin: 0;
	padding: 0 22px 0 15px;
	color: #4d4d4d;
	font: bold 80% arial, sans-serif;
	font-weight: normal;
}

div.contentstyle_outlinebox p,
div.contentstyle_outlinebox_filled p {
	margin: 0 0 0 0;
	padding: 8px 22px 0 15px;
	color: #4d4d4d;
	font: 75% verdana, arial, sans-serif; 
	line-height: 1.5;
}

div.contentstyle_outlinebox ul,
div.contentstyle_outlinebox_filled ul {
	margin: 8px 0 8px 0;
	padding: 0 22px 0px 15px;
	font: 75% verdana, arial, sans-serif; 
}




/*--start silver-style--*/
div.contentstyle_silverbox {
/*	float: right;  */
	margin: 0 0 0 0;
}

div.contentstyle_silverbox .silver-box-top {
	float: left;	
	background: url(/Administration/Webbplatsbilder/right-box-top.gif) left top no-repeat;
	width: 241px;
	height: 40px;
}
div.contentstyle_silverbox .silver-box-top-top {
	float: left; 
	display: inline; 
	background: url(/Administration/Webbplatsbilder/right-box-top-top.gif) no-repeat 0 0px;
	width: 239px;
	height: 17px;
	margin: 0 0 0 2px;
}
div.contentstyle_silverbox .silver-box-topsub {
	float: left;
	background: url(/Administration/Webbplatsbilder/right-box-top.gif) no-repeat;
	width: 241px;
	height: 70px;
}

div.contentstyle_silverbox .silver-box-topsub a {
	padding: 0 0 0 5px;
	font-weight:bold;
}

div.contentstyle_silverbox .silver-box-middle {
	float: left;
	width: 241px;
	background: url(/Administration/Webbplatsbilder/right-box-middle.gif) repeat-y;
}
div.contentstyle_silverbox .silver-box-gradient {
	border-top:1px solid #dcdcdc;
	overflow: hidden; 
	width: 232px;
	margin:  0 0 0 6px;
	padding-top: 6px;
	padding-bottom: 20px;
	background: url(/Administration/Webbplatsbilder/right-box-bg.gif) repeat-x 0 100%;
}
div.contentstyle_silverbox_menupanel .silver-box-gradient {
padding-bottom: 0 !important;
padding-top: 0 !important;
}

div.contentstyle_silverbox .silver-box-bottom {
	float: left;
	margin: 0 0 0 0;
	background: url(/Administration/Webbplatsbilder/right-box-bottom.gif) no-repeat 2px 0;
	height: 44px;
	width: 241px;
}

div.contentstyle_silverbox h2 {
	margin: 0;
	padding: 14px 0 10px 20px; 
	color: #666;
	font: bold 100% arial, sans-serif; 
}
div.contentstyle_silverbox h3 {
	margin: 12px 0 0 0;
	padding: 0 22px 0 15px;
	color: #4d4d4d;
	font: bold 95% arial, sans-serif;
}
div.contentstyle_silverbox h4 {
	margin: 12px 0 0 0;
	padding: 0 22px 0 15px;
	color: #4d4d4d;
	font: bold 80% arial, sans-serif;
}
div.contentstyle_silverbox p {
	margin: 10px 0 0 0;
	padding: 0 22px 0px 15px;
	color: #4d4d4d;
	font: 75% verdana, arial, sans-serif; 
}

div.contentstyle_silverbox ul {
	margin: 10px 0 0 0;
	padding: 0 22px 0px 15px;
	font: 75% verdana, arial, sans-serif; 
}



ul.rightlist {
        margin: 5px 0 0px 22px;
        padding-left: 10px;
}

div.contentstyle_silverbox  ul.rightlist {
        margin: 5px 0 0px 22px;
	padding-left: 10px;
	font-size: 100%;
}

ul.rightlist li {
	color: #4d4d4d;
	font: 75% verdana, arial, sans-serif;
	margin-bottom: 0px;
        padding: 3px 5px 0px 0px;
}


/*div.contentstyle_silverbox a {
	padding: 0 22px 0 0px;
}*/
/*html  div.contentstyle_silverbox a {
	padding: 0 22px 0 15px;
}*/
/*--end silver-style--*/

/*--start framebox--*/
div.contentstyle_grayframe
{
    clear:both;
   	border: 1px solid #DDDDDD;
/*	float: left;  */
	margin: -3px 15px 0 0;
	width: 100%;	 
}
div.contentstyle_grayframe p
{
	margin: 10px 0 0 0;
	padding: 0 22px 15px 15px;
	color: #4d4d4d;
	font: normal 75% verdana, arial, sans-serif;
	line-height:1.25em;
}
div.contentstyle_grayframe h2 {
	margin: 0;
	padding: 14px 0 10px 20px; 
	color: #666;
	font: bold 100% arial, sans-serif; 
}
div.contentstyle_grayframe h3 {
	margin: 12px 0 0 0;
	padding: 0 22px 0 15px;
	color: #4d4d4d;
	font: bold 95% arial, sans-serif;
}
div.contentstyle_grayframe h4 {
	margin: 12px 0 0 0;
	padding: 0 22px 0 15px;
	color: #4d4d4d;
	font: bold 80% arial, sans-serif;
}


/*--end framebox--*/


/*--start roundedbox--*/
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(/Administration/Webbplatsbilder/box_bla.png) no-repeat bottom right}
      
    .cssbox{
    clear:both;
    /* intended total box width - padding-right(next) */
/*      width:330px !important; /* IE Win = width - padding */
/*      width: 330px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:10px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:20px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
	font: 85% verdana, arial, sans-serif;
	  font-weight:bold;
      margin:0 0 0 0; /* reset main site styles*/ 
      border:0; /* ditto */
      padding:15px 0 10px 15px; 
      }


    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      color:#000;
/*      width:300px;  */
      font: 75% verdana, arial, sans-serif;
      margin-right:15px; /* interior-padding right */
      margin-top:0px; 
      padding:0 0 20px 15px} /* mirror .cssbox_head right/left */

/*--end roundedbox--*/

.gulpuff { background-color: #fed40e; padding: 15px;}

/*--start roundedbox gul--*/
.cssboxgul, .cssboxgul_body, .cssboxgul_head, .cssboxgul_head h2{
      background: transparent url(/Administration/Webbplatsbilder/box_gul.png) no-repeat bottom right
}
      
    .cssboxgul{
        clear:both;
    /* intended total box width - padding-right(next) */
/*      width:315px !important; /* IE Win = width - padding */
/*      width: 305px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:10px auto}

    /* set the top-right image */
    .cssboxgul_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:20px}

    /* set the top-left image */
    .cssboxgul_head h2{
      background-position:top left;
	font: 85% verdana, arial, sans-serif;
	  font-weight:bold;
      margin:0 0 0 0; /* reset main site styles*/ 
      border:0; /* ditto */
      padding:15px 0 10px 15px; 
      }


    /* set the lower-left corner image */
    .cssboxgul_body{
      background-position:bottom left;
      color:#000;
/*      width:300px;  */
      font: 75% verdana, arial, sans-serif;
      margin-right:15px; /* interior-padding right */
      margin-top:0px; 
      padding:0 0 20px 15px} /* mirror .cssbox_head right/left */

/*--end roundedbox gul--*/

/*--start roundedbox ljusgrön--*/
.cssboxljusgron, .cssboxljusgron_body, .cssboxljusgron_head, .cssboxljusgron_head h2{
      background: transparent url(/Administration/Webbplatsbilder/box_ljusgron.png) no-repeat bottom right
}
    .cssboxljusgron{
    clear:both;
        /* intended total box width - padding-right(next) */
/*      width:315px !important; /* IE Win = width - padding */
/*      width: 305px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:10px auto}

    /* set the top-right image */
    .cssboxljusgron_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:20px}

    /* set the top-left image */
    .cssboxljusgron_head h2{
      background-position:top left;
	font: 85% verdana, arial, sans-serif;
	  font-weight:bold;
      margin:0 0 0 0; /* reset main site styles*/ 
      border:0; /* ditto */
      padding:15px 0 10px 15px; 
      }


    /* set the lower-left corner image */
    .cssboxljusgron_body{
      background-position:bottom left;
      color:#000;
/*      width:300px;  */
      font: 75% verdana, arial, sans-serif;
      margin-right:15px; /* interior-padding right */
      margin-top:0px; 
      padding:0 0 20px 15px} /* mirror .cssbox_head right/left */

/*--end roundedbox ljusgrön--*/

/*--start loginbox --*/
div#loginbox 
{
	font: 100% verdana, arial, sans-serif;
}

div#loginbox input, 
div#loginbox select
{
	/*float: right;*/
	width:130px;

}
div#loginbox select
{
	width:135px;
	/*margin: 1.5em 0 0.3em 0;*/
}
#loginbox div
{
	width: 100%;
	margin: 0 0 0.5em 0;
}

div#loginbox h3
{
	width: 115px;
	margin:0;
	float:left;
}

div.contentstyle_outlinebox_filled div#loginbox div {
margin-bottom: 0;
}

div.contentstyle_outlinebox_filled div#loginbox input 
{
	margin-left: 12px;
	font-size: 75%;
}

div.contentstyle_outlinebox_filled div#loginbox h3
{
	font-weight: normal;
	font-size: 75%;
}

div.contentstyle_outlinebox_filled div#loginbox #ctl00_master_content_top_ctl00_InsertFieldWithWebControls_Outline___filled___bottenelement1_InsertFieldWithWebControls_Inloggning_MinaSidor1_btnLogin,
div.contentstyle_outlinebox_filled div#loginbox #ctl00_master_content_top_ctl00_InsertFieldWithWebControls_Outline___filled___bottenelement1_InsertFieldWithWebControls_Inloggning_DittForetag_NY1_btnLogin
{
	border: 0;
	background: none;
	text-decoration: underline;
	padding-top: .5em;
	float: right;
}

div.contentstyle_outlinebox_filled div#loginbox span {
	font-size: 75%;
}

/*--end loginbox --*/

/*--start darkgreenbox --*/
.box_darkgreen .boxtop,
.box_darkgreen .boxtopright,
.box_darkgreen .boxmain,
.box_darkgreen .boxcontent
 {
	background-image: url("/Administration/Webbplatsbilder/box_darkgreen.gif");
	background-repeat: no-repeat;
	color: #fff;
}

.wide-column .box_darkgreen .boxtop,
.wide-column .box_darkgreen .boxtopright,
.wide-column .box_darkgreen .boxmain,
.wide-column .box_darkgreen .boxcontent
 {
	width:936px;
}
div.box_darkgreen div.puffbox,
div.box_darkgreen div.puffbox h2,
div.box_darkgreen div.puffbox h3,
div.box_darkgreen h2,
div.box_darkgreen h3
{
	color:#fff;
	/*margin:0 0 1em 0;*/
}
.boxcontent .sIFR-replaced
{
	color:#fff;
	margin: 0;
}
.boxtop{
	background-position: left top;
	padding: 0 0 0 10px;
	margin-right: 10px;
	height: 8px;
	font-size: 10px;
	line-height: 10px;
}
.boxtopright { 
	background-position: right top;
	padding:  0 10px 0 0;
	margin-right: -10px;
	height: 8px;
	font-size: 10px;
	line-height: 10px;
}
* html  .boxtop {height: 0px;line-height: 1px; font-size:7px;} 
* html  .boxtopright {height: 0px; line-height: 1px; margin-right: 0; padding: 0; position: relative; right: -10px; font-size:7px;}
* html .boxcontent {margin: 0;  padding: 0 0 0 10px; position: relative; right: -10px;}

.boxmain {
	background-position: left bottom;
	padding: 0 0 0 10px;
	margin-right: 10px;
}
.boxcontent {
	background-position: right bottom;
	padding:  0 10px 10px 0;
	margin-right: -10px;
	min-height: 120px;
}
/*--end darkgreenbox --*/

/* Specialare för gröna provapå-formuläret */
div.box_darkgreen .form-container p.small { padding-top: 25px;}




/*-- Social bookmarking --*/
ul.tellafriend {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding: 5px 10px 0 5px;
	text-align: right;
	font: normal 75% verdana, arial, sans-serif;
}
.tellafriend li { display: inline; padding-left: 5px;}
.tellafriend li a { display: inline-block; padding-left: 20px; background-position: top left; background-repeat: no-repeat; height: 20px; text-decoration: none; }
.tellafriend .mailafriend {float: left;}
.tellafriend .mailafriend a { background-image: url("/Administration/Webbplatsbilder/Ikoner/mail.png");}
.tellafriend .twitter a { background-image: url("/Administration/Webbplatsbilder/Ikoner/twitter.png");}
.tellafriend .facebook a {background-image: url("/Administration/Webbplatsbilder/Ikoner/facebook.png");}

* html .tellafriend .mailafriend a { background-image: url("/Administration/Webbplatsbilder/Ikoner/mail.gif");}
* html .tellafriend .twitter a { background-image: url("/Administration/Webbplatsbilder/Ikoner/twitter.gif");}
* html .tellafriend .facebook a {background-image: url("/Administration/Webbplatsbilder/Ikoner/facebook.gif");}