* {

margin: 0;
padding: 0;

}



html, body {

height: 100%;
background: #99CEFF;
font: 12px Verdana, Arial, "Trebuchet MS", Tahoma;
color: #0B406D;
line-height: 1.5em;

}





table {

display: table;

}





td, th {

display: table-cell;

}





.kleine_tekst {

font: 11px Verdana, Arial, "Trebuchet MS", Tahoma;

}





h1 {

font-size: 17px;
color: #3399FF;
padding-bottom: 20px;

}






h1.inline {

display: inline;

}






h2 {

font-size: 17px;
color: #3399FF;
padding-bottom: 10px;

}





h3 {

font-size: 17px;
color: #3399FF;
padding-bottom: 10px;

}





h4 {

font-size: 12px;
padding-bottom: 10px;

}




a {

color: #3399FF;
text-decoration: none;

}




a:hover {

text-decoration: underline;

}




a:focus, a:active {
  
outline: none;

}






p {

margin: 1.5em 0;

}





ul, ol {

margin-left: 2.0em;

}



input {

margin-bottom: 3px;
padding: 2px 5px 2px 5px;

}



input.text {

width: 225px;

}



span.form_input_description {

display: block;
font: 11px Verdana, Arial, "Trebuchet MS", Tahoma;
width: 255px;
float: left;

}



textarea {

width: 225px;
_width: 226px;
height: 90px;

}




img.vertical_align_middle {

vertical-align: middle;

}




div.container {

background: #FFFFFF;
width: 87%;
min-width: 920px;
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 1100 ? "920px" : "87%");
min-height: 100%;
height: auto !important;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px; /* the bottom margin is the negative value of the footer's height */
padding: 0px 26px 0px 26px;

}




div.header {

position: relative;
height: 125px;
background: #3399FF url(../images/gifs/background_header.gif) repeat-x;
margin-bottom: 12px;


}




img.top_left {

position: absolute;
left: 0px;
top: 0px;

}




img.top_right {

position: absolute;
right: -1px;  /* negative right margin to deal with possible box rounding errors */
top: 0px;

}




img.bottom_left {

position: absolute;
left: 0px;
bottom: 0px;

}




img.bottom_right {

position: absolute;
right: -1px;  /* negative right margin to deal with possible box rounding errors */
bottom: 0px;

}




div.menu_bar {

position: relative;
background: #444466 url(../images/gifs/background_menubar.gif) bottom repeat-x;
height: 32px;
padding-left: 37px;

}





ul.links {

list-style: none;

}




ul.links li  {

float: left;
background: red;
width: 100px;
margin: 0;
padding: 0px 15px 0px 15px;
text-align: center;
margin-right: 1px;

}





div.menu_bar a {

display: block;
float: left;
height: 26px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background: url(../images/gifs/glow.gif) 0px -32px repeat-x;
text-decoration: none;
padding: 6px 15px 0px 15px;

}



div.menu_bar a:hover {

text-decoration: none;


}




div.sub_menu_bar {

padding-left: 15px;
margin-top: 13px;
font-size: 11px;

}





div.sub_menu_bar span {



}




div.sub_menu_bar a {

font-size: 11px;
font-weight: bold;
color: #0B406D;
text-decoration: none;
padding: 0px 4px 0px 4px;

}





div.sub_menu_bar a:hover {

text-decoration: underline;

}







div.content {

margin: 36px 20px 0px 10px;

}






table.content {

margin: 36px 15px 0px 10px;

}






table.content td.left {

vertical-align: top;
padding-right: 20px;

}





table.content td.right {

vertical-align: top;

}





div.message_box {

color: darkorange;
font-weight: bold;
margin-top: 25px;

}




img.box_top_left {

position: absolute;
left: -1px;
top: -1px;

}




img.box_top_right {

position: absolute;
right: -1px; 
top: -1px;

}




img.box_bottom_left {

position: absolute;
left: -1px;
bottom: -1px;

}




img.box_bottom_right {

position: absolute;
right: -1px;  
bottom: -1px;

}




div.container_photo_box_wie_zijn_wij {

float: left;
margin-right: 35px;

}




div.photo_box {

position: relative;
width: 346px;
height: 112px;
padding: 20px 20px 20px 20px;
margin-bottom: 30px;
font-size: 95%;
color: #3399FF;
border: 1px solid midnightblue;

}



div.photo_box1 {

position: relative;
width: 270px;
height: 110px;
padding: 12px 12px 12px 12px;
font-size: 90%;
border: 1px solid midnightblue;
margin-bottom: 30px;

}



div.photo_box1a {

position: relative;
width: 270px;
height: 76px;
padding: 12px 12px 12px 12px;
font-size: 90%;
border: 1px solid midnightblue;
margin-bottom: 30px;

}




div.photo_box2 {

position: relative;
width: 346px;
padding: 20px 20px 20px 20px;
font-size: 90%;
border: 1px solid midnightblue;
margin-bottom: 30px;

}




img.image_lawyer {

float: left;
margin-right: 11px;
border: 1px solid gray;

}




img.planner_box {

margin: 9px 5px 12px 5px;
border: 1px solid gray;

}





div.oneliner_buy_contract {

margin-top: 10px;
font-weight: bold;
text-align: center;

}




div.planner_box {

position: relative;
width: 346px;
padding: 20px 20px 5px 20px;
margin-bottom: 30px;
border: 1px solid midnightblue;

}




div.text_planner {

font-size: 95%;
margin: 5px 0px 16px 0px;

}




ul.planner_data {

margin: 0px;
padding: 0px;
list-style-type: none;

}





div.appointment_dates {

float: left;
line-height: 18px;

}




div.appointment_times {

float: left;
padding: 0px 0px 0px 35px;

}






div.appointment_form {



}




span.selectable_date_day {

display: block;
float: left;
width: 75px;

}




a.selectable_dates {

font-weight: bold;

}






a.selectable_dates:hover {

text-decoration: underline;

}





a.selectable_times {

font-weight: bold;

}






a.selectable_times:hover {

text-decoration: underline;

}





.highlighted {

font-weight: bold;
color: darkorange;
text-decoration: underline;

}






.form_error {

color: red;
font-weight: bold;

}






div.invoice_form_container {

width: 250px;
margin-top: 10px;

}





div.specialisatie_links {

margin-bottom: 30px;

}





div.specialisatie_links a {

color: #444467;
font-weight: bold;


}





div.specialisatie_links div {

float: left;

}




.push {

height: 120px; /* .push must be at least the same height as .footer */

}





div.container_foot {

width: 70%;
border-top: 1px dashed gray;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 90%;
color: gray;
height: 42px; /* .push must be the same height as .footer */
padding: 8px 26px 0px 26px;

}




.form_error {

color: red;
font-weight: bold;

}




div.form_message {

color: darkorange;
font-weight: bold;
margin-bottom: 25px;


}






div.empty_block {

width: 100%;
height: 20px;

}



p.bedrijven_te_koop img {

border: 0px;
margin-top: 15px;

}




div.contract_category {

margin: 15px 0px 3px 0px;
background: whitesmoke;
width: 400px;
padding: 2px 5px 2px 10px;
color: #3399FF;
font-weight: bold;

}



a.contracts {

display: block;
background: whitesmoke;
width: 400px;
font-size: 90%;
color: #333333;
margin-bottom: 1px;
padding: 2px 5px 2px 10px;

}






a.contract_link {

color: #0B406D;
text-decoration: none;

}






a.contract_link:hover {

color: #0B406D;
text-decoration: underline;

}






div.contract_order_form {

margin: 0px 0px 15px 0px;
padding: 25px 25px 25px 25px;
width: 709px;
border: 3px solid whitesmoke;
border-top: none;

}




div.contract_category1 {

margin: 15px 0px 3px 0px;
background: #EEE;
width: 750px;
padding: 4px 5px 4px 10px;
color: #3399FF;
font-weight: bold;

}



div.contract {

width: 750px;
background: whitesmoke;
font-size: 95%;
font-weight: bold;
margin-bottom: 1px;
padding: 4px 5px 4px 10px;

}



div.contract div {

float: right;
padding: 0px 10px 0px 10px;
margin-top: -4px;

}



a.contracts1 {

display: block;
width: 600px;
background: whitesmoke;
font-size: 90%;
color: #333333;
margin-bottom: 1px;
padding: 2px 5px 2px 10px;

}




div.contract_order_form1 {

margin: 0px 0px 15px 0px;
padding: 25px 25px 25px 25px;
width: 559px;
border: 3px solid whitesmoke;
border-top: none;

}





img.ideal_mollie {

float: left;
margin-right: 25px;

}





div.ideal_get_banks_form {

float: left;
width: 90%;

}