/* Copyright 2004 - 2008 ML Next B.V. 
 * 
 * File: default.css
 * Description: CSS-file for the whole website, containing
 * the most common classes
 */

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

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

a
{
    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;
}

h4
{
    font-size:      12px;
    text-decoration: underline;
    font-weight:    normal;
    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;
}

/***********************************************************
 * Layout                                                  *
 ***********************************************************/

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

/* Stylesheets for the header */

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

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

#topmenu
{
    float:          left;
    width:          790px;
    height:         12px;
    padding:        0px;
    margin:         0px 0px 0px 15px;
}

#topmenu .menuitem
{
    width:          107px;
    height:         88px;
    vertical-align: top;
    clear:          none;
    float:          left;
}

/* 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;
}

#loginbutton
{
    width:          150px; 
    float:          right;
    vertical-align: top;
    text-align:     right;
}
#needLoginText
{
    float:          right;
    text-align:     right;
}
#needLoginText a
{
    
    color:     Blue;
    font-size: x-small;
    text-decoration: underline;
}


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

/* Stylesheets for the footer */

#footer
{
    width:          980px;
    color:          #707173;
    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;
}

#footer-extra
{
    width:          630px;
    margin-top:     0px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

#footer-extra p
{
    font-size:      10px;
}

.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(../img/rsb_header.jpg) no-repeat;
    text-align:     center;
}

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

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

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

.textColorBlueLink
{
    color: blue; 
    text-decoration: underline;
}

.immobilienportale
{
    width:          175px;
    height:         300px;
    background:     url(../img/immobilienportale.jpg) no-repeat;
    margin-left: 15px;
    margin-top: 30px;
}

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

input.blue70x25, a.blue70x25
{
    width:          70px;
    height:         25px;
    background:     url(../img/button_blue_70x25px.gif) no-repeat;
}

input.blue83x25, a.blue83x25
{
    width:          83px;
    height:         25px;
    background:     url(../img/button_blue_83x25px.gif) no-repeat;
}

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

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

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

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

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

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

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

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

input.blue83x25, a.blue83x25, input.blue70x25, a.blue70x25, 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;
    padding-bottom: 4px;
}

a.blue70x25, a.blue83x25, a.blue89x32, a.blue100x32, a.blue130x32, a.blue150x32, 
a.blue160x32, a.blue189x32, a.blue210x32,  
a.grey150x32
{
    top: 3px;
    padding-top:    6px;
    display:        block;
    position:       relative;
    background-position: inherit;
    cursor:         pointer;
    padding-bottom: 0px;
}

input.blue70x25, a.blue70x25, input.blue83x25, a.blue83x25
{
    padding-top:    3px;
    font-size: 10;
    font-weight:    bold;    
}

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

a.step
{
    font-weight:     normal;
    color:           Blue;
    text-decoration: underline;
}

a.step:hover
{
    text-decoration: none;
}

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.grey_underline
{
    color:          #707173;
    text-decoration: underline;
}

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(../img/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;
}

.blue
{
    color:           Blue;
    text-decoration: underline;
}

.darkblue
{
    color:          #102D81;
}

.bold
{
    font-weight:    bold;
}

.grey
{
    color:          #707173;   
}