* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
background: #99CEFF url(../images/gifs/background_body.gif);
font: 12px Verdana, Arial, "Trebuchet MS", Tahoma;
color: #003366;
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;
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%");
max-width: 1100px;
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth > 1230 ? "1100px" : "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;
z-index: 0;
}
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.quote_box {
position: absolute;
right: -1px;
top: 0px;
z-index: 1;
width: 480px;
height: 67px;
background: url(../images/gifs/background_quote_box.gif);
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
color: silver;
font-size: 11px;
padding: 20px 10px 10px 45px;
line-height: 1.4em;
overflow: hidden;
}
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;
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: #FFF;
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: #003366;
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: 15px 15px 15px 15px;
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;
}
.highlighted_contract_name {
font-size: 1.5em;
font-weight: bold;
color: darkorange;
}
.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: #444466;
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: 75%;
max-width: 1000px;
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth > 1230 ? "1000px" : "75%");
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_list {
width: 95%;
margin: 0 auto;
}
ul#file_listing {
list-style-type: none;
}
ul#file_listing li.contract_category {
background: #EEE;
padding: 4px 5px 4px 10px;
color: #3399FF;
font-weight: bold;
margin-top: 15px;
margin-bottom: 3px;
}
ul#file_listing li.contract {
background: whitesmoke;
font-size: 95%;
font-weight: bold;
margin-bottom: 1px;
padding: 4px 5px 4px 10px;
border: 1px solid whitesmoke;
}
li.contract div {
float: right;
padding: 0px 10px 0px 10px;
margin-top: -4px;
}
li.contract a {
text-decoration: none;
}
ul#cart_items_listing {
margin: 0px;
list-style-type: none;
}
ul#cart_items_listing li {
}
div.contract_category {
background: #EEE;
padding: 4px 5px 4px 10px;
color: #3399FF;
font-weight: bold;
margin-top: 15px;
margin-bottom: 3px;
}
div.contract {
background: whitesmoke;
font-size: 95%;
font-weight: bold;
margin-bottom: 1px;
padding: 4px 5px 4px 10px;
border: 1px solid whitesmoke;
}
div.contract div {
float: right;
padding: 0px 10px 0px 10px;
margin-top: -4px;
}
div.contract a {
text-decoration: none;
}
div.contract_order_form {
margin: 0px 0px 15px 0px;
padding: 25px 25px 25px 25px;
border: 10px solid whitesmoke;
}
img.ideal_mollie {
float: left;
margin-right: 25px;
}
div.ideal_get_banks_form {
float: left;
width: 90%;
}