/* Copyright 2007 Makelaarsland
 * 
 * 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, a:link, a:visited
{
    color:          #0c3788;
    text-decoration: none;
}

a:hover, a:active
{
    color: #2453b3;
}

h1
{
    font-size:      16px;
    line-height:    24px;
    font-weight:    bold;
    color:          #0c3788;
    margin:         3px 0px 10px 0px;
    padding:        0px;
}

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

.h2
{
    font-size:      14px;
    line-height:    20px;
    font-weight:    bold;
    color:          #0c3788;
    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;
}
img
{
    border: 0px;    
}
/***********************************************************
 * Layout                                                  *
 ***********************************************************/

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

#header
{
    width:          868px;
    height:         95px;
    margin:         14px 0px 0px 0px;
}

#topbar
{
    position:       relative;
    width:          868px;
    height:         80px;
}

#logo
{
    width:          254px;
    height:         53px;
    float:          left;
    text-align:     left;
}

#logininfo
{
    width:          275px; 
    height:         40px;
    float:          right;
    margin:         0px 0px 28px 300px;
    padding:        5px;
    vertical-align: top;
    border:         1px solid #b4b4b4;
    color:          black;
    line-height:    20px;
}


#logininfo a
{
    color:          #0c3788;
}

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

#logininfo span.uitloggen
{
    width:          70px;
    float:          right;
    text-align:     right;
    color:          #b4b4b4;
}

#logininfo div.lastlogin
{
    width:          265px;
    height:         20px;
    overflow:       hidden;
}

#logininfo div.username
{
    width:          195px;
    height:         20px;
    overflow:       hidden;
}

#version, #querystring
{
    text-align:     left;
    color:          #0c3788; 
    font-weight:    bold;
}

/* Stylesheets for the bread crumb (click path) */
#breadcrumb
{
    width:          868px;
    height:         22px;
    padding:        6px 0px 0px 0px;
    text-align:     left;
    font-size:      12px;
}

#breadcrumb a
{
    color:          #2453b3;
}

/* Stylesheets for the top menu */

#topmenu
{
    width:          868px;
    height:         12px;
    padding:        0px;
    margin:         0px;
}

#topmenu a.active
{
    color:          #2453b3;
    text-decoration: underline;
}

#topmenu ul
{
    padding:        0px;
    margin:         0px;
    list-style:     none;
}

#topmenu li
{
    height:         12px;
    float:          left;    
    font-size:      12px;
}

/* Stylesheets for the loginbox in the upperright */

#loginbox
{
    width:          345px;
    height:         78px;
    float:          right;
    padding-left:   242px;
    vertical-align: top;
    color:          #0c3788;
}

#loginbox a
{
    font-size:      10px;
    line-height:    22px;
}

/* Stylesheets for the footer */

#footer
{
    width:          868px;
    text-align:     center;
    clear:          both;
    margin:         0px 0px 15px 0px;
}

#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;
}

#footer a:hover
{
    color:          #2453b3;
}

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

/* Stylesheets for the content-part */

#content
{
    width:          868px;
    min-height:     487px;
    margin-top:     14px;
    margin-bottom:  10px;
}

#centerpane
{
    width:          534px;
    padding:        0px 0px 0px 6px;
    margin:         0px 6px 0px 0px;
    float:          left;
}

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

/* Stylesheets for the left pane */

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

/* Stylesheets for the right pane */

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

#rightpane .rightsidebox
{
    border:         1px #b4b4b4 solid;
    margin:         0px 0px 25px 0px;
    padding:        0px;
}

#rightpane h3
{
    color:          #0c3788;
    padding:        5px;
    margin:         0px 0px 5px 0px;
    border-bottom:  1px dotted #b4b4b4;
}

#rightpane a
{
    color:          #0c3788;
    margin:         0px 0px 0px 5px;
    font-weight:    normal;
    font-size:      11px;
    line-height:    16px;
}

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

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

#logoReplaceText
{
     display:       none;
}

#zomerActie
{
    width: 869px;
    height: 63px;
    float: left;
    clear: both;
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 8px;
    margin: 0px;
}

/***********************************************************
 * Links                                                   *
 ***********************************************************/
a.step
{
    font-weight:    normal;
    color:          #0c3788;
}

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

a.underline
{
    text-decoration: underline;
}

a.bold
{
    font-weight:    bold;
}


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

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

/***********************************************************
* Colors                                                   *
***********************************************************/
.blue
{
    color: #0C3788;
}

.orange
{
    color: #FB7100;
}


/***********************************************************
 * Common classes                                          *
 ***********************************************************/
.pointer
{
    cursor:         pointer;
}
.line
{
    width:          868px;
    height:         1px;
    margin:         15px 0px 0px 0px;
    padding:        0px;
    position:       relative;
    background-image: url(../img/line_dotted.gif);
    background-repeat: repeat-x;
    clear:          both;
}

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

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

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

.step
{
    color:          #0c3788;
}

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

.stepimage
{
    width:          180px;
    float:          right;
    margin-left:    10px;
    
}
.stepimage img
{
    border: solid 1px #b4b4b4;
}
.small
{
    margin:         3px 0px 2px 0px;
    padding:        0px;
    font-size:      11px;
}

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

.white
{
    color:          white;
}

.darkblue
{
    color:          #0c3788;
}
.rentgreen
{
    color: #51A31B;
}
.bold
{
    font-weight:    bold;
}

/* Virtual visits counter */
.imgVirtualVisits
{
    float: left;
    height: 73px;
    width: 96px;
    margin: 10px 0px 0px 10px;
}

.txtVirtualVisits
{
    float: left;
    height: 73px;
    width: 300px;
    margin: 10px 0px 0px 20px;
}

.graphtxt
{
    font-size: 0.9em;
}

.clearer
{
    height: 1px;
    clear: both;
}

/* blokken bovenin pagina 'huis verkopen' pagina */
#cnt-boxes
{
    height: 118px;
}
.topbox
{
    width: 285px;
    height: 116px;
    background-image: url(../img/box_background.jpg);
    float: left;
    position: relative;
    color: #ffffff;
}

.topbox img
{
    position: absolute;
}
.topbox_content
{
    position: absolute;
    top: 8px;
    width: 190px;
    height: 95px;
}
.topbox_content h3
{
    color: #ffffff;
    display: block;
    margin-bottom: 3px;
}
.topbox_input
{
    width: 190px;
    color: #999999;
    margin-bottom: 2px;
}




/***********************************************************
 * NIEUWE CSS                                              *
 ***********************************************************/


/***********************************************************
 * Buttons                                                 *
 ***********************************************************/
input.button60x21,  a.button60x21,
input.button70x21,  a.button70x21,
input.button90x21,  a.button90x21,
input.button120x21, a.button120x21,
input.button140x21, a.button140x21,
input.button150x21, a.button150x21,
input.button180x21, a.button180x21,
input.button85x34,  a.button85x34
{
    background-color:   #0c3788;
    border:             1px solid #0c3788;
    color:              #fff;
    text-align:         center;
    font-weight:        bold;
    cursor:             pointer;
    font-size:          8pt;
}

input.button60x21:hover,    a.button60x21:hover, 
input.button70x21:hover,    a.button70x21:hover, 
input.button90x21:hover,    a.button90x21:hover, 
input.button120x21:hover,   a.button120x21:hover,
input.button140x21:hover,   a.button140x21:hover,
input.button150x21:hover,   a.button150x21:hover,
input.button180x21:hover,   a.button180x21:hover,
input.button85x34:hover,    a.button85x34:hover
{
    background-color: #2453b3;
}

input.button60x21:visited,    a.button60x21:visited, 
input.button70x21:visited,    a.button70x21:visited, 
input.button90x21:visited,    a.button90x21:visited, 
input.button120x21:visited,   a.button120x21:visited,
input.button140x21:visited,   a.button140x21:visited,
input.button150x21:visited,   a.button150x21:visited,
input.button180x21:visited,   a.button180x21:visited,
input.button85x34:visited,    a.button85x34:visited
{
    color: #ffffff;
}

input.button60x21 {
    width:          60px;
    height:         21px;
} 

a.button60x21 {
    width:          58px;
    height:         19px;
}

input.button70x21
{
    width:          70px;
    height:         21px;
}

a.button70x21 {
    width:          68px;
    height:         19px;
}

input.button90x21 {
    width:          90px;
    height:         21px;
} 

a.button90x21 {
    width:          88px;
    height:         19px;
}

input.button120x21 {
    width:          120px;
    height:         21px;
} 

a.button120x21 {
    width:          118px;
    height:         19px;
}

input.button140x21 {
    width:          140px;
    height:         21px;
}
 
a.button140x21 {
    width:          138px;
    height:         19px;
}

input.button150x21 {
    width:          150px;
    height:         21px;
}
 
a.button150x21 {
    width:          148px;
    height:         19px;
}

input.button180x21 {
    width:          180px;
    height:         21px;
}
 
a.button180x21 {
    width:          178px;
    height:         19px;
}

input.button85x34 {
    width:          85px;
    height:         34px;
}
 
a.button85x34 {
    width:          83px;
    height:         32px;
}

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

input.grey140x26, a.grey140x26
{
    width:          140px;
    height:         26px;
    border:         none;
    background:     url(../img/button_grey_140x26px.gif) no-repeat;
    color:          #ffffff;
    text-align:     center;
    font-weight:    bold;
    cursor:         not-allowed;

}

a.button70x21, a.button90x21, a.button120x21, a.button140x21, 
a.button150x21, a.button180x21, a.button85x34, 
a.grey120x25, a.grey140x26
{
    display:        block;
    position:       relative;
    cursor:         pointer;
    line-height:    18px;
    vertical-align: middle;
}

/***********************************************************
 * SideBoxes                                               *
 ***********************************************************/
.sideBox
{
    width: 156px;
    border: 1px solid #b4b4b4;
    padding: 0px;
    margin: 0px 0px 6px 0px;
}

.sideBox .header
{
    width: auto;
    height: 31px;
}

.sideBox .header h2
{
    line-height: 30px;
    text-indent: 10px;
}

.sideBox .links
{
    margin: 5px 5px 10px 10px;
    -margin: 0px 5px;
    color: #0c3788;
    font-size: 11px;
}

.sideBox .links ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.sideBox .links ul li
{
    line-height: 22px;
}