div.tabs div.content {
    padding-top:16px;
    border-style: none;
}
div.office div.tabs div.col {
    float: left;
    display: inline;
    width: 60%;
    margin-right: 12px;
}

div.office div.tabs div.col.openinghours {
    width: 37%;
    margin-right: 0;
}

div.office div.tabs div.col table {
    width: 100%;
}


div.office .content ul.tabs li {
    margin: 0 3px 0px 0;
}

div.office .content ul.tabs li.last {
    margin: 0;
}


div.office a, div.office-sidebar a {
    color:#666666;
}

div.office .pagination a {
    color: #002496;
}
div.office-sidebar a {
    text-decoration:none;
}
a#current {
    font-weight: bold;
}
a.no-underline {
    text-decoration:none;
}
a.no-underline:hover {
    text-decoration:underline;
}

div.office h3 {
    font-size:12px;
    margin-bottom:3px;
    margin-top:20px;
    color: #002496;
    clear: right;
}
div.office hr{
    border-style:dotted dotted none;
    border-width:1px 1px 0;
    height:1px;
    border-color:#999999;
    clear:right;
    margin-top: 5px;
}
div.office-sidebar hr {
    border-style:dotted dotted none;
    border-width:1px 1px 0;
    height:1px;
    border-color:#cccccc;
    clear:right;
    margin-top: 5px;
}

/* Specific link styling */
div.office div.links {
    line-height: 25px;
}
div.office div.links a {
    padding: 5px 0;
}
div.office div.links a.back {
    float: left;
    display: inline;
    padding-left: 29px;
    background: url(/media/images/arrow_left.png) left center no-repeat;
}
div.office div.links a.tellafriend {
    float: right;
    display: inline;
    padding-right: 25px;
    background: url(/media/images/envelope.png) right center no-repeat;
}
div.office a.readmore {
    background: url(/media/images/arrow_blue.png) right center no-repeat;
    padding-right: 10px;
    color: #002496;
    text-decoration: none;
}
div.office a#readmore, div.office-sidebar a#compare {
    color: #002496;
    text-decoration:none;
}
div.office div.ons-kantoor p { margin-bottom:10px; }

div.office a img {
    vertical-align:middle;
    margin:6px 0;
}
div.office a.submit,
div.office input#offerte_submit,
div.office input#rating_submit {
    float:right;
    margin-top:10px;
    color: white;
}

div.office form#addrating input.submit {
    margin-top: 0;
}

div.office form#addrating dd {
    margin-bottom: 5px;
}

div.office form#addrating h3 {
    margin-top: 0;
}

/* for IE8 */
div.office form#addrating dt {
    clear: left;
}

div.office img.foto {
    clear:right;
    float:right;
    margin-top:20px;
    border:1px solid #cccccc;
    padding:3px;
}

form#planrouteform dl { margin-top:4px; }
form#planrouteform dt#saddr-label { width:285px; }
form#planrouteform dd#saddr-element { margin-left:295px; }
form#planrouteform input#saddr { width:90px; }

div.office p#ratingtext {
    margin-top:20px;
    font-style:italic;
}

div.office .writereview {
    position: absolute;
    top: 16px;
    right: 10px;
}

/* Table styling */

div.office table.ratings th,
div.office table.ratings td {
    padding-left: 10px;
    text-align: left;
    font-weight: normal;
}

div.office table.ratings th.col-label {
    width: 110px;
    padding-left: 0;
}

div.office table.ratings td.col-stars {
    text-align:right;
}
div.office table.ratings tr.total td.col-stars span.score {
    font-weight:bold;
}

div.office table.ratings tr.total td,
div.office table.ratings tr.total th {
    background: #ebebeb;
    padding-top: 1px;
    padding-bottom: 2px;
}
div.office table.ratings tr.total td.col-stars {
    font-size:12px;
}

div.office table.ratings tr.total th.col-label {
    font-weight: bold;
}

div.office table.ratings tr.total td.col-amount {
    /* padding-right: 10px;*/
}

div.office table.ratings img {
    vertical-align: text-top;
}

div.office table tr.even td,
div.office table tr.even th {
    background-color:#ebebeb;
}
div.office table.addrating td {
    padding-left:10px;
}
div.office table.addrating {
    width: 100%;
    margin-bottom: 10px;
}
div.office table.addrating td {
    padding-top: 4px;
}
div.office table.addrating td.slider div.slider {
    margin-right: 25px;
}
div.office table.prices td {
    padding: 5px 0 5px 10px;
}
div.office table.prices th.price,
div.office table.prices td.price,
div.office div.kosten table th.tarief,
div.office div.kosten table th.btw,
div.office div.kosten table td.price {
    text-align:center;
}
div.office table.prices th {
    padding: 8px;
}
table.prices col.amount {
    width: 140px;
}
div.office table#addrating {
    clear:both;
    margin-bottom:20px;
}
div.office table#addrating th {
    font-weight: normal;
    padding-bottom:3px;
}
div.office table#addrating td#small {
    line-height: 2px;
    font-size: 2px;
    height:2px;
    background-color:#ebebeb;
}

div.office p.notes {
    font-style:italic;
    margin-bottom:20px;
    margin-top:5px;
    padding-left:5px;
}
div.office div.heading {
    background-color:#EBEBEB;
    overflow:auto;
}
div.office div.heading h3 {
    float:left;
    color: #002496;
    display: inline;
    margin-left:12px;
    margin-top:6px;
}
div.office div.heading input {
    margin:0;
}
div.office div.heading p {
    padding:7px;
}
div.office div.heading p#error {
    color:red;
    padding-top:0px;
}
div.office div.heading a {
    color:#002496;
    float:left;
    margin-left:8px;
    margin-top:4px;
    text-decoration:none;
}
div.office div.heading a.submit {
    color:#fff;
    float:right;
    margin:0;
}

div.office div.review {
    margin-bottom: 10px;
    border: 1px solid #eeeeee;
    padding: 5px;
}
div.office div.review p.reviewer,div.office div.review p.akte {
    float:left;
    font-weight:bold;
}
div.office div.review p.score {
    text-align: right;
}
div.office div.review p.reviewer {
    margin-right:20px;
    width: 240px;
}
div.office div.review p.reviewer span.name {
    white-space: nowrap;
}
div.office div.review p.reviewer span.date {
    line-height: 26px;
}

div.office div.review p.reviewer span.date { font-weight:normal; }
div.office div.review div { margin: 5px 0 0; }
div.office div.review p.text { margin-left: 20px; }
div.office div.review p.text img { vertical-align:middle; }
div.office div.review p.no-remarks {
    margin-top:-15px;
    margin-left: 0;
}
div.office div p.full-text { display:none; }
div.office div.full-text p.text { display:none; }
div.office div.full-text p.full-text { display:block; }

div.office form input[type="text"],
div.office form textarea {
    width: 98%;
}

div.office form input.date {
    width: 100px;
}

td.slider div.slider .track {
    width: 100%;
    height: 24px;
}
td.slider div.slider {
    float: left;
    width: 122px;
    margin-right: 10px;
    display: inline;
    background-image: url(/media/images/controls/stars-slider-track-trans.png);
}

td.slider div.slider .indicator {
    background-image: url(/media/images/controls/stars-slider-indicator-trans.png);
}

td.slider div.slider .handle {
    width: 8px;
    height: 16px;
    margin-right: -3px;
    padding-right: 3px;
    top: 16px;
    background-image: url(/media/images/controls/stars-slider-handle-trans.png);

}
td.slider div.slider input { margin-top: 20px; width: 50px; }
div.office form td.slider input.rating {
    display: inline;
    width: 50px;
    margin: 0;
    text-align: center;
}

div.kosten { width:384px; }
div#kosten_sb {
    top:-10px;
    left:310px;
}
div.kosten div.content {
    margin:0;
    padding-top:7px;
}
div.kosten h3 { margin-top:0; }
div.kosten table { margin:5px 0; }
div.kosten tr.totaal { font-weight:bold; }
div.kosten td, div.kosten th { padding:0 4px; }
div.kosten col.kost { width:200px; }
div.kosten col.tarief { width:80px; }
div.kosten col.btw { width:80px; }
div.kosten th.tarief, div.kosten td.tarief { text-align:right; }
div.kosten th.btw, div.kosten td.btw { text-align:right; }

.office div.pagination {
    text-align: right;
    float: right;
    margin-left: 200px;
}

.pagination .disabled {
    display: none;
}

div.office img.logo {
    max-width: 300px; /* doesn't work in IE, separate fix in ie7-fix.css */
}

p.bottomlink {
    color:#002496;
    padding:0 0 0 10px;
}
p.bottomlink a {
    color:#002496;
}

.office #addrating textarea {
    height: 3em;
    font-size: 11px;
}

.office .grade {
    font-size: 14px;
    font-weight: bold;
}

.office span.subrating {
    font-size: 10px;
    line-height: 12px;
}

.office .review span.subrating span.grade {
    font-size: 10px;
    line-height: 12px;
}

#offerte_download dt {
    width: 120px;
}

#offerte_download dd {
    margin-left: 130px;
    margin-bottom: 2px;
}

#offerte_download input.text {
    width: 270px;
    padding: 2px 1px 1px;
    margin: 1px;
}

#offerte_download input.checkbox {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

#offerte_download #offerte_download-gender,
#offerte_download #offerte_download-address {
    float: left;
}

#offerte_download #offerte_download-gender,
#addrating #addrating-gender {
    width: 62px;
    height: 21px;
    margin-top: 1px;
}

#offerte_download #offerte_download-name {
    width: 204px;
    margin-left: 5px;
}

#addrating #addrating-naam {
    width: 287px;
    margin-left: 1px;
}

#offerte_download #offerte_download-address {
    width: 188px;
}

#offerte_download #offerte_download-postal {
    width: 72px;
    margin-left: 5px;
}

#offerte_download ul.errors {
    margin: 10px 0;
    padding: 0;
    border: none;
}