﻿/* STEP BY STEP */
div.sbsHolder
{
    margin: 15px 0 15px 0;
    min-height: 20px;
    width: 612px;
}

div.colMiddle p
{
    margin: 0 0 17px 0;
}

h1{ font-size: 30px; }
h2{ font: bold 12px arial, helvetica sans-serif; }


/* STEP */
div.stepHolder
{
    margin-top: 15px;
    min-height: 20px;
    width: 100%;
    width: 612px;
}

div.stepHolder div.stepTop
{
    background: transparent url('/grafik/MadOgBolig/stepTopBg.png') repeat-x top left;
    color: #323232;
    cursor: pointer;
    font: bold 14px Trebuchet MS, Arial;
    height: 32px;
	padding-top: 6px;
    margin-bottom: 15px;
    text-indent: 7px;
    width: 100%;
}

div.stepHolder div.stepTop div.arrowRight
{
    background: transparent url('/grafik/MadOgBolig/stepArrowDown.png') no-repeat top left;
    float: right;
    margin-right: 8px;
    margin-top: 4px;
    height: 16px;
    width: 17px;
}

div.stepHolder div.stepTop div.arrowDown
{
    background: transparent url('/grafik/MadOgBolig/stepArrowUp.png') no-repeat top left;
    float: right;
    margin-right: 8px;
    margin-top: 4px;
    height: 16px;
    width: 17px;
}

div.stepContentHolder
{
    width: 612px;
}

div.stepContentHolder div.stepContentLeft
{
    float: left;
    min-height: 20px;
    overflow: hidden;
    width: 142px;
}

div.stepContentHolder div.stepContentRight
{
    border-left: 1px solid #e0e0e0;
    float: right;
    min-height: 20px;
    width: 468px;
}

div.stepContentHolder div.stepContentRight p
{
    margin: 0 0 17px 17px;
}
