#popup_right{
    position: relative;
    float: left;
    display: inline;
    height:100%;
    width:498px;
    border: 1px solid #aaa;
}

#motoren_vrij_right{
    position: relative;
    float: left;
    display: inline;
    min-height: 600px;
    width:498px;
    border: 1px solid #aaa;    
}

 #popup_left{
     position: relative;
     float: left;
     display: inline;
     width: 200px;
 }
 
 #legenda{
     position: relative;
     float: left;
     display: block;
     clear:both;
 }
 
 #popup_right .header{
    width: 487px;
 }
 
.header{
    position: relative;
    float: left;
    display: block;
    clear: both;
    background-image: url(../images/verhuur_toevoegen_titel_bg.gif);
    height: 26px;
    line-height: 24px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left:5px;
    border-left: 1px #aaa solid;
    border-right: 1px #aaa solid;
    color: #222;
    margin:2px;
}
 
 .stap{
     position: relative;
     float: left;
     display: block;
     clear: both;
     width:477px;
     padding-left:7px;
     margin:2px;
     margin-left:10px;     
     margin-bottom: 10px;
     background-repeat: no-repeat;
     min-height: 25px;
     font-weight: bold;
     font-family: verdana;
}
 
.stap div{
    position: relative;
    float: left;
    display: inline;
    margin-top:5px;
}

.stap div input{
    border: 1px solid #d3d3d3;
    color: #bfbfbf;
}

.stap_inactive div a{
    color: #bfbfbf;
}
 
.stap_inactive{
    background-image: url(../images/verhuur_toevoegen_number.gif);     
    color: #bfbfbf;
}

.stap_inactive .number{
    position: relative;
    float: left;
    margin-top:1px;
    margin-left:-1px;
    display: inline;
    color:#bfbfbf;
    font-weight: bold;
    margin-right:12px;
}
 
.stap_active{
    background-image: url(../images/verhuur_toevoegen_number_active.gif);
    color: #000;
}

.stap_active .number{
    position: relative;
    float: left;
    margin-top:1px;
    margin-left:-1px;
    display: inline;
    color:#fff;
    font-weight: bold;
    margin-right:12px;    
}

#button_meer_huren_active, #button_meer_huren_inactive{position: relative; bottom: 0px; padding-left:50px;}
#button_meer_huren_active, #button_bevestigen_active{cursor:pointer;}
#button_bevestigen_active, #button_bevestigen_inactive{position: absolute; bottom: 0px; left:280px;}
#button_meer_huren_inactive .left, #button_bevestigen_inactive .left{background-image: url(../images/verhuur_toevoegen_button_left.gif);}
#button_meer_huren_inactive .right, #button_bevestigen_inactive .right{background-image: url(../images/verhuur_toevoegen_button_right.gif);}
#button_meer_huren_active .left, #button_bevestigen_active .left{background-image: url(../images/verhuur_toevoegen_button_left_active.gif);}
#button_meer_huren_active .right, #button_bevestigen_active .right{background-image: url(../images/verhuur_toevoegen_button_right_active.gif);}
#button_meer_huren_active .center, #button_bevestigen_active .center{color: #000;}
#button_meer_huren_inactive .center, #button_bevestigen_inactive .center{color: #ccc;}
#button_meer_huren_inactive .center, #button_bevestigen_inactive .center{background-image: url(../images/verhuur_toevoegen_button_center.gif);}
#button_meer_huren_active .center, #button_bevestigen_active .center{background-image: url(../images/verhuur_toevoegen_button_center_active.gif);}
#button_meer_huren_inactive .left, #button_bevestigen_inactive .left, #button_meer_huren_inactive .right, #button_bevestigen_inactive .right, #button_meer_huren_active .left, #button_bevestigen_active .left, #button_meer_huren_active .right, #button_bevestigen_active .right{
    position: relative; float: left; display: inline; height: 31px; width: 3px;
}
#button_meer_huren_inactive .center, #button_meer_huren_active .center, #button_bevestigen_inactive .center, #button_bevestigen_active .center{
    position: relative; float: left; display: inline; font-weight: bold; padding-left:8px; padding-right:8px; height: 31px; line-height: 31px;
}

.reserveren-datum, .reserveren-motor{
    position: relative;
    float: left;    
    border: 1px solid #aaa;
    margin-right:5px;    
    width: 205px;
    height: 205px;
    font-family: verdana;
    margin-bottom:5px;
}

.reserveren-motor{
    text-align: center;
    font-weight: bold;
}

.reserveren-motor .header, .reserveren-datum .header{
    width: 194px;
}

#kostenoverzicht{
    
}

#reserveren-prijslijst{
    
}

.list-row{
    position: relative;
    float: left;
    display: block;
    clear: both;
    background-image: url(../images/bg-specificaties-tabel.gif);
    background-repeat: repeat-x;
    height: 24px;
    padding-left:5px;
    padding-top:3px;
    font-family: arial;
}

#verhuur-objecten{
    position: relative;
    float: left;
    display: inline;
    width: 425px;
}

#kostenoverzicht{
    position: relative;
    float: left;
    display: inline;
    width: 417px;
    border: 1px solid #aaa;
}

#kostenoverzicht .header{
    width: 406px;
}

#kostenoverzicht table{
}

.header a{
    position: absolute;
    right: 3px;
    top:0px;
    font-size: 11px;
    font-weight: normal;
}

#kostenoverzicht table tr.table-header td{
    font-size:11px;
    font-family: verdana;
    color: #626262;
    border-bottom: 1px solid #ccc;
    background-image: none;
}

#kostenoverzicht table tr.totalen td{
    font-size:12px;
    font-family: arial;
    font-weight: bold;
    color: #222;
}

#kostenoverzicht table tr{
    background-image: url(../images/bg-specificaties-tabel.gif);
    background-repeat: repeat-x;
    height: 27px;
}

#kostenoverzicht table{    
}

#verstuur-updatepanel{
    position: relative;
    float: left;
    display: inline;
    width: 425px;
}

#verstuur-klantgegevens{
    position: relative;
    float: right;
    margin-right: 16px;
    width: 500px;
    border: 1px solid #aaa;
    padding-bottom:40px;
}

#verstuur-klantgegevens .header{
    width:489px;
}

#verstuur-klantgegevens{
    font-family: Arial;
    font-size:12px;
    margin-left:2px;
}

#verstuur-klantgegevens input.default{
    position: relative;
    float: left;
    display: inline;
    width: 342px;
}

#plaats-reservering{
    position: absolute;
    background-image: url("../images/plaats-reservering.jpg");
    background-position: top;
    bottom:0px;
    left:290px;
    width: 172px;
    height: 22px;
    cursor: pointer;
}

#login-button{
    position: absolute;
    background-image: url("../images/inloggen.gif");
    background-position: top;
    bottom:7px;
    right:10px;
    width: 78px;
    height: 24px;
    cursor: pointer;
}

#login-button:hover{
    background-position: bottom;
}

#lostpassword-button{
    position: absolute;
    background-image: url("../images/wachtwoordvergeten.gif");
    background-position: top;
    bottom:7px;
    right:95px;
    width: 133px;
    height: 24px;
    cursor: pointer;
}

#lostpassword-button:hover{
    background-position: bottom;
}

#vrij{
    position: relative;
    float: left;
    display: inline;
    width: 705px;
}

#plaats-reservering:hover{
    background-position: bottom;
}

#reservering_resultaat{
    position: relative;
    float: left;
    display: inline;
    width: 350px;
    height: auto;
    border: 1px solid #aaa;
    padding: 1px;
}

#reservering_resultaat .header{
    position: relative;
    float: left;
    display: inline;
    width: 338px;
}

#kostentabel {
    margin: 2px;
    clear: both; 
    position: relative;
    height: 183px;
    overflow-y: auto;
    overflow-x: hidden;
}