/*Stylesheet for startsida Bad och Varme */
html, body
{
    background: #FFF;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.skinwrapper
{
    border: 0;
    background: #FFF;
    padding: 1px;
    margin: 0;
    margin-left: -441px;
    position: absolute;
    left: 50%;
    width: 882px;
}

.skinheader
{
    margin: 0;
    padding: 3px 0 0 3px;
    background: url(head.jpg) no-repeat center right #FFF;
    height: 100px;
}

.skinmenu
{
    margin: 0;
    padding: 0;
    background: url(gradient_menu.jpg) repeat-x;
    border-top: 1px solid white;
    height: 28px;
}

.skinuser
{
    margin: 0;
    padding: 3px 0 3px;
    background: #E6F3FF;
    border-top: 1px solid #FFF;
    color: #000;
    width: 100%;
    font-size: 10px;
}

/* text till breadcrumbs */
.skinusertext
{
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 10px;
    text-align: right;
    border: 0;
}

A.skinusertext:link
{
    color: #000;
    text-decoration: none;
}

A.skinusertext:visited
{
    color: #000;
    text-decoration: none;
}
A.skinusertext:active
{
    color: #000;
    text-decoration: none;
}

A.skinusertext:hover
{
    color: #C00;
    text-decoration: none;
}

.breadcrumb
{
    text-align: left;
}
/* omsluter samtliga panes */
.skincontentstable
{
    background: #E6F3FF;
    margin: 0;
    padding: 0;
    border: 0;
}

.toppane
{
    background: transparent;
}
.leftpane
{
    background: transparent;
    width: 232px;
}
.contentpane
{
    background: transparent;
}
.rightpane
{
    background: transparent;
    width: 212px;
}
.bottompane
{
    background: transparent;
}

.skinfooter
{
    margin: 0;
    position: relative;
    padding: 2px 0 0 0;
    height: 18px;
    background: url(footer.jpg) repeat-x;
    text-align: center;
    font-size: 10px;
    float: right;
    width: 100%;
    border-top: 1px solid #FFF;
}

.footer
{
    text-align: center;
    font-size: 10px;
    color: #FFF;
    padding: 0;
    margin: 0;
    border: 0;
}

A.footer:link
{
    color: #FFF;
}
A.footer:visited
{
    color: #FFF;
}
A.footer:hover
{
    color: #C00;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*panes*/
/*.toppane{		width:100%;
				margin:0; padding:0; 
				border-top: 1px solid #FFF;}*/

.leftpane
{
    width: 237px;
    margin: 0;
    padding: 0 5px 3px;
    border: 0;
}

.contentpane
{
    width: 100%;
    margin: 0;
    padding: 0 5px 7px;
    border: 0;
}

.rightpane
{
    width: 212px;
    margin: 0;
    padding: 0 5px 3px;
    border: 0;
}

.bottompane
{
    width: 100%;
    margin: 0;
    padding: 0 5px 3px;
    border: 0;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*text*/
.normal, div, span, p, td, th, li, a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.normal h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 0 0 5px 0;
}
.head, .subhead
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}
.head
{
    font-size: 18px;
    font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*links & buttons*/
a:link
{
    color: #C00;
    text-decoration: none;
}
a:visited
{
    color: #CC6600;
    text-decoration: none;
}
a:hover
{
    color: #C00;
    text-decoration: underline;
}
a:active
{
    color: #C00;
    text-decoration: none;
}

.StandardButton
{
    background: #CCC;
    border: 1px #CCC outset;
    padding: 5px;
}

a.CommandButton
{
    font-size: 14px;
    font-weight: normal;
}
.controlpanel a.CommandButton
{
    font-size: 10px;
}
a.CommandButton:link
{
    color: #C00;
    text-decoration: none;
}
a.CommandButton:visited
{
    color: #C00;
    text-decoration: none;
}
a.CommandButton:hover
{
    color: #C00;
    text-decoration: underline;
}
a.CommandButton:active
{
    color: #C00;
    text-decoration: underline;
}

a.skinuser:link
{
    color: #000;
    text-decoration: none;
}
a.skinuser:visited
{
    color: #000;
    text-decoration: none;
}
a.skinuser:hover
{
    color: #C00;
    text-decoration: underline;
}
a.skinuser:active
{
    color: #C00;
    text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*menu*/
/* tabs huvudsidor understa lager*/
.MainMenu_MenuContainer
{
    background: url(gradient_menu.jpg) 100% repeat-x transparent;
    width: 1px;
    height: 28px;
}
.MainMenu_MenuContainer td
{
    cursor: default;
    font-size: 3px;
    width: 1px;
}
.MainMenu_MenuIcon
{
    display: none;
}
.MainMenu_RootMenuArrow
{
    display: none;
}

/* undersidor i menyn */
.MainMenu_MenuItem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 1px 1px 7px;
    border: 1px #fff solid;
    border-width: 1px 1px 1px 0;
}

.submenuitembreadcrumb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #C00;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 1px 1px 7px;
    border: 1px #fff solid;
    border-width: 1px 1px 1px 0;
}

.submenuitemselected
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 1px 1px 7px;
    background: #E6F3FF;
    border: 1px #E6F3FF solid;
    border-width: 1px 1px 1px 0;
}

.MainMenu_MenuArrow
{
    font-size: 10px;
    padding: 1px 0 1px 1px;
    height: 20px;
    border: #fff solid;
    border-width: 1px 1px 1px 0;
}

.submenu
{
    z-index: 1000;
    border: 1px solid #01498F;
    padding: 0;
    background: #fff;
    margin: 0;
}

/*tabs huvudsidor oversta lager*/
.rootmenuitem
{
    background: url(gradient_menu.jpg) center left repeat-x;
}
.rootmenuitem td
{
    padding: 0 15px 0 14px;
    height: 28px;
    cursor: pointer;
    cursor: hand;
}
.rootmenuitem td span
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: FFF;
    font-size: 12px;
    white-space: nowrap;
}
/*tabs huvudsidor selected*/
.rootmenuitembreadcrumb
{
    background: url(gradient_menuActive.jpg) center left repeat-x;
}
.rootmenuitembreadcrumb td
{
    padding: 0 15px 0 14px;
    height: 28px;
    cursor: pointer;
    cursor: hand;
}
.rootmenuitembreadcrumb td span
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 12px;
    white-space: nowrap;
}
/*tabs hover huvudsidor*/
.rootmenuitemselected
{
    background: url(gradient_menuActive.jpg) center left repeat-x;
}
.rootmenuitemselected td
{
    padding: 0 15px 0 14px;
    height: 28px;
    cursor: pointer;
    cursor: hand;
}
.rootmenuitemselected td span
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}
.MainMenu_MenuBreak
{
    display: none;
}