/* Copyright 2004 - 2008 ML Next B.V. 
 * 
 * File: default.css
 * Description: CSS-file for the whole website, containing
 * the most common classes
 *
 * Editiert und aufbereitet für I-Makler von SUP4U ( Gerald Mann )
 */

/***********************************************************
 * Standard tags                                           *
 ***********************************************************/

body
{
    margin:         0px;
    padding:        0px;
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      12px;
    text-align:     center;
    color:          black;
}

a
{
    color:           black;
    text-decoration: underline;
}

a:hover
{
    color:           black;
    text-decoration: none;
}

h1
{
    font-size:      16px;
    font-family:    Verdana;
    line-height:    24px;
    font-weight:    bold;
    color:          #000000;
}

h2
{
    font-size:      14px;
    line-height:    20px;
    font-weight:    bold;
    color:          #000000;
    margin:         0px 0px 5px 0px;
    padding:        0px;    
}

h3
{
    font-size:      12px;
    line-height:    16px;
    font-weight:    bold;
    color:          black;
    margin:         0px;
    padding:        0px;
}

input, select, textarea
{
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      12px;
}

p
{
    margin:         0px;
    padding:        0px 0px 10px 0px;
    font-size:      12px;
    line-height:    16px;
}

#leftsidebox ul.children {
padding: 0px 0px 0px 0px;
font-size: 6pt;
}
/***********************************************************
 * Layout                                                  *
 ***********************************************************/

#placeholder
{
    width:          980px;
    min-height:     720px;
    margin:         0px auto 0px auto;
    background-color: #FFFFFF;
    text-align:     left;
}

/* Stylesheets for the header */

#header
{
    width:          980px;
    height:         88px;
}

#logo
{
    width:          158px;
    float:          left;
    text-align:     left;
    margin:         11px 0px 0px 0px;
}

#topmenu
{
    text-align:     right;
    width:          700px;
    height:         12px;
    float:          right;
}

/* Stylesheets for the bread crumb (click path) */
#breadcrumblogininfo
{
    width:          923px;
    height:         32px;
    clear:          both;
    padding:        6px 0px 0px 0px;
}

#breadcrumb
{
    width:          661px;
    height:         22px;
    text-align:     left;
    font-size:      12px;
    color:          #dddddd;
    float:          left;
    vertical-align: top;
    overflow:       hidden;
}

#breadcrumb a
{
    color:          #dddddd;
}

/* Logininfo, versioninfo */

#logininfo
{
    width:          252px; 
    float:          right;
    margin:         0px 0px 0px 10px;
    vertical-align: top;
    color:          black;
}

#logininfo a
{
    color:          #707173;
    text-decoration: underline;
}

#logininfo a:hover
{
    text-decoration: none;
}

#logininfo div.uitloggen
{
    width:          252px;
    float:          right;
    text-align:     right;
    color:          #cccccc;
}

#logininfo div.username
{
    width:          252px;
    overflow:       hidden;
    text-align:     right;
}

#version
{
    width:          281px; 
    text-align:     right;
    color:          #FB7100; 
    font-weight:    bold; 
}

/* Stylesheets for the footer */

#footer
{
    width:          980px;
    text-align:     center;
    clear:          both;
    margin:         0px 0px 60px 0px;
    font-size:      10px;
}

#footer ul
{
    height:         11px;
    margin:         0px;
    padding:        6px 0px 0px 0px;
    list-style:     none;
    text-align:     center;

}

#footer li
{
    height:         12px;
    text-align:     center;
    padding:        0px;
    margin:         0px;
    display:        inline;
}

#footer a
{
    font-weight:    normal;
    color:          #707173;
}

#footer a:hover
{
    color:          #000000;
    text-decoration: none;
}

.pipeline
{
    color:          #7F7F7F;
    padding-left:   5px;
    padding-right:  5px;
}

/* Stylesheets for the content-part */

#content
{
    width:          980px;
    min-height:     487px;
    margin-top:     21px;
    margin-bottom:  20px;
}

#centerpane
{
    width:          630px;
    padding:        0px 10px 0px 17px;
    margin:         0px;
    float:          left;
}

#centerpane h1
{
    padding:        0px;
    margin:         0px;
}

/* Stylesheets for the left pane */

#leftpane
{
    width:          158px;
    margin:         0px;
    padding:        0px;
    float:          left;
}

/* Stylesheets for the right pane */

#rightpane
{
    width:          158px;
    margin:         0px;
    padding:        0px 0px 0px 6px;
    float:          right;
}

#rightpane h3
{
    color:          #707173;
    padding:        4px 0px 3px 0px;
}

#rightpane a
{
    color:          black;
    font-weight:    normal;
    font-size:      11px;
    line-height:    16px;
}

#rightpane a:hover
{
    text-decoration: underline;
}

#rightpane a.disabled
{
    color:          #CCCCCC;
}

#rightpane .spacer20
{
    height:         20px;
}

.rightsidebox
{
    border-width:   0px 1px 1px 1px;
    border-color:   #DCDCDC;
    border-style:   solid;
}

.rightsidebox p
{
    padding:        5px;
}

.rightHeader
{
    width:          158px;
    height:         28px;
    background:     url(images/rsb_header.jpg) no-repeat;
    text-align:     center;
}

.rightSecondHeader
{
    width:          157px;
    height:         27px;
    background:     url(images/rsb_second_header.jpg) no-repeat;
    text-align:     center;
}

.rightThirdHeader
{
    width:          148px;
    height:         59px;
    background:     url(images/rsb_third_header.jpg) no-repeat;
    text-align:     center;
    padding:        0px 4px 0px 4px;
}

.rightLargeHeader
{
    width:          150px;
    height:         61px;
    background:     url(images/rsb_third_header_large.jpg) no-repeat;
    text-align:     center;
    padding:        0px 4px 0px 4px;    
}


/***********************************************************
 * Buttons                                                 *
 ***********************************************************/

input.blue89x32, a.blue89x32
{
    width:          89px;
    height:         32px;
    background:     url(images/button_blue_89x32px.gif) no-repeat;
}

input.blue100x32, a.blue100x32
{
    width:          100px;
    height:         32px;
    background:     url(images/button_blue_100x32px.gif) no-repeat;
}

input.blue130x32, a.blue130x32
{
    width:          130px;
    height:         32px;
    background:     url(images/button_blue_130x32px.gif) no-repeat; 
}

input.blue150x32, a.blue150x32
{
    width:          150px;
    height:         32px;
    background:     url(images/button_blue_150x32px.gif) no-repeat;
}

input.blue160x32, a.blue160x32
{
    width:          160px;
    height:         32px;
    background:     url(images/button_blue_160x32px.gif) no-repeat;
}

input.blue189x32, a.blue189x32
{
    width:          189px;
    height:         32px;
    background:     url(images/button_blue_189x32px.gif) no-repeat;
}

input.blue210x32, a.blue210x32
{
    width:          210px;
    height:         32px;
    background:     url(images/button_blue_210x32px.gif) no-repeat;
}

input.grey150x32, a.grey150x32
{
    width:          150px;
    height:         32px;
    border:         none;
    background:     url(images/button_dis_150x32px.gif) no-repeat;
    color:          #ffffff;
    text-align:     center;
    font-weight:    bold;
    cursor:         not-allowed;

}

input.blue89x32, a.blue89x32, input.blue100x32, a.blue100x32, 
input.blue130x32, a.blue130x32, input.blue150x32, a.blue150x32, 
input.blue160x32, a.blue160x32, input.blue189x32, a.blue189x32, 
input.blue210x32, a.blue210x32 
{
    border:         none;
    color:          #ffffff;
    text-align:     center;
    font-weight:    bold;
    cursor:         pointer;
}

a.blue89x32, a.blue100x32, a.blue130x32, a.blue150x32, 
a.blue160x32, a.blue189x32, a.blue210x32,  
a.grey150x32
{
    padding-top:    8px;

    display:        block;
    position:       relative;
    background-position: center right;
    cursor:         pointer;
}

/***********************************************************
 * Links                                                   *
 ***********************************************************/

a.step
{
    font-weight:    normal;
    color:          #707173;
}

a.plain
{
    color:          #000000;
    text-decoration: underline;
    font-weight:    normal;
}

a.orange
{
    color:          #FB7100;
    font-weight:    bold;
}

a.mandarin
{
    color:          #FB7100;
    font-weight:    normal;
}

a.grey
{
    color:          #707173;
}

a.boldgrey
{
    color:          #707173;
    font-weight:    bold;
}

/* frequently asked questions */
a.faq_question
{
    color:          #000000;
    font-weight:    normal;
}

a.faq_answer
{
    color:          #FB7100;
    font-weight:    normal;
}

/***********************************************************
 * Common classes                                          *
 ***********************************************************/

.line
{
    width:          868px;
    height:         1px;
    margin:         0px;
    padding:        0px;
    position:       relative;
    background-image: url(images/line_dotted.gif);
    background-repeat: repeat-x;
    clear:          both;
}

.outlined
{
    margin:         5px 0px 5px 0px;
    padding:        10px 10px 10px 10px;
    border:         1px solid #CCCCCC;
    z-index:        3;
}

.outlinedblue
{
    margin:         5px 0px 5px 0px;
    padding:        10px 10px 10px 10px;
    border:         1px solid #CCCCCC;
    background-color: #DEE8FD;
}

.step
{
    color:          #707173;
}

.steptext
{
    width:          320px;
    float:          left;
}

.stepimage
{
    width:          180px;
    float:          right;
    margin-left:    10px;
}

.small
{
    margin:         3px 0px 2px 0px;
    padding:        0px;
    font-size:      11px;
}

.border
{
    border:         #CCCCCC solid 1px;
}

.white
{
    color:          white;
}

.orange
{
    color:          #FB7100;
}

.darkblue
{
    color:          #102D81;
}

.bold
{
    font-weight:    bold;
}

.grey
{
    color:          #707173;   
}

/* Other stylesheets */

textarea.fld
{
    width:          90%;
}




/* Other stylesheets */

.fld-label
{
    padding:        2px 2px 2px 0px;
}

.fld-disabled
{
    color:          #666666;
}

input.fld-disabled
{
    padding:        2px;
    border:         1px solid #ffffff;
    background-color: #ffffff;
    color:          #666666;
}

.frm-sep
{
    width:          90%;
    margin:         5px 0px 5px 0px;
    padding:        0px;
    border-bottom:  1px solid #cccccc;
    font-weight:    bold;
}

input.fld-lookup
{
    padding-left:     3px;
    border:           1px solid #ffffff;
    vertical-align:   text-top;
    margin-top:       -4px;
}


TABLE.tbl           /* outer frame */
{    
    border:         1px solid #CCCCCC;
    width:          100%;
}
 
.tbl-pager a
{
    text-decoration: none;
    color:          #102D81;
    font-weight:    bold;
}
  
TR.tbl-pager        /* pager */
{
    background-color: #FFFFFF;
    color:          #102D81
}
 
TR.tbl-pager  SPAN  /* pager - span class */
{
    font-weight:    bold;
    padding:        0px 5px 0px 5px;
    color:          #004493;
    text-decoration: underline;
}

 
TR.tbl-hdr          /* header */
{
    border:         1px solid #CCCCCC;
    text-align:     left;
}

TR.tbl-hdr a         /* header */
{
    color:          #000000;
    font-weight:    bold;
}


TR.tbl-item         /* body */
{
    border:         1px solid #CCCCCC;
    text-align:     left;
    color:          #000000;
}

.tbl-item
{
    border:         1px solid #CCCCCC;
}

TR.tbl-alt-item     /* body */
{
    border:         1px solid #CCCCCC;
    text-align:     left;
    color:          #000000;
}
 
TR.tbl-highlight   /* body */
{
    text-align:     left;
    background-color: #DEE8FD;
    color:          #000000;
    cursor:         pointer;
}

/* Copyright 2004 - 2008 ML Next B.V. 
 * 
 * File: leftsidebox-steps.css
 * Description: CSS-file for the default left sidebox
 */

#leftsidebox
{
    width:          156px;
    height:         369px;
    background-color: #F6F6F6;
    border-width:   0px 1px 1px 1px;
    border-color:   #CCCCCC;
    border-style:   solid;
    padding:        0px;
    margin:         0px;
}

#leftsidebox a
{
    font-weight:    normal;
    color:          black;
    text-decoration:   underline;
}

#leftsidebox a:hover
{
    font-weight:    normal;
    color:          black;
    text-decoration:   none;
}

#leftsidebox a.disabled
{
    color:          black;
}

.headoption, .active-headoption
{
    width:          158px;
    height:         19px;
    border:         0px;
    background:     url(images/lsb_header_inactive.jpg) no-repeat;
    text-align:     center;
    padding:        5px 0px 5px 0px;
    font-weight:    bold;
    font-family:    Verdana;
}

.headoption, .active-headoption span
{
    color:          white;
}

 .active-headoption
{
    background:     url(images/lsb_header_active.jpg) no-repeat;
    color:          black;
}

.headoption, .active-headoption a
{
    font-family:    Verdana;
    font-size:      12px;
    font-weight:    bold;
    color:          white;
}

#leftsidebox .suboption, #leftsidebox .active-suboption
{
    width:          141px;
    height:         45px;
    padding:        5px 0px 0px 0px;
    margin:         0px;
    font-size:      11px;
}


#leftsidebox .active-suboption
{
    background:     url(images/lsb_active_option.gif) no-repeat;
    color:          white;
}

#leftsidebox li
{
    margin-left: 	15px;
    font-family:    	Verdana;
    font-size:      	11px;
    list-style-type: 	dot;

    
}

#leftsidebox .active-suboption a
{
    color:          white;
}

#leftsidebox .suboption-header
{
    color:          black;
    font-weight:    bold;
}

#leftsidebox .suboption-step
{
    width:          141px;
    height:         33px;
    padding:        5px 5px 5px 5px;
    margin:         0px;
}

#leftsidebox .suboption-text
{
    position:       relative;
    top:            20%;
}

/* Searchbox */
.searchfields
{
    text-align:     center;
}

.searchheader
{
    margin:         5px 0px 5px 8px;    
}

select.searchfield
{
    font-family:    Arial;
    font-size:      10px;
    width:          141px;
    margin-top:     4px;
}

input.searchfield
{
    font-family:    Arial;
    font-size:      10px;
    width:          135px;
    margin-top:     5px;
}

.searchbutton
{
    text-align:     right;
    margin:         10px 5px 0px 0px;
}

.searchmap
{
    margin:         8px 0px 0px 0px;
    text-align:     center;
}