@import url('../reset.css');
@import url('../form.css');

body {
    font: 12px 'Arial'; line-height: 1.2em;
    width: 420px;
}

h1 { font-size: 20px; line-height: 2em; }
h2 { font-size: 16px; line-height: 2em; }

h2.question { 
    font-size: 12px; 
    font-style: italic;
    line-height: 1.4em; 
    margin-bottom: 1em;
}

h3 { font-size: 12px; line-height: 2em; }

div.specialist h2 {
    font-size: 14px;
}
div.content ul.specialisms {
    display: block; width: 420px; margin-top: 10px;
}
div.content ul.specialisms li {
    list-style: disc; margin-left: 20px; line-height: 1.8em; float: left;
    width: 30%;
}
div.content p {
    margin-bottom: 1em; text-align: justify;
}
div.content p img.specialist_photo {
    margin-right: 1em; margin-bottom: 1em; float: left;
}

div.content div.specialist  {
    overflow: auto; padding-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}
div.content div.specialist div.photo {
    float: left;
    width: 60px;
    text-align: justify;
}

div.content div.specialist div.description {
    float: left;
    width: 250px;
    padding-right: 10px; text-align: justify;
}

div.content div.specialist div.description-wide {
    float: left;
    width: 360px;
    text-align: justify;
}

div.content div.specialist div.options {
    float: left;
    width: 100px;
}

div.content div.specialist div.options a {
    display: block; padding: 4px; margin-bottom: 5px;
    background: #ebebeb;
}
div.content div.specialist ul {
    margin-top: 5px; margin-bottom: 5px;
}
div.content div.specialist ul li {
    margin-left: 25px; list-style-type: disc; line-height: 1.2em;
}

ul#index li a {
    text-decoration: none; font-size: 14px; color: #fff; font-weight: bold;
}
ul#index li {
    line-height: 2.5em; text-align: center; width: 30%; margin-right: 5px; float: left;
    background: #F79618; border-right: 8px solid #FFE7CE;
}

input#i_search {
    width: 90%; line-height: 1.7em; padding: 0 1%;
    background: url(/img/search.png) no-repeat top right;
}

ul.questions {
    padding-top: 1em;
}
ul.questions li.question {
    list-style: none;
    margin-left: 15px;
}
ul.questions li.question h3 a {
    font-size: 12px; color: #000;
}

ul.questions li.question {
    margin-bottom: 0.5em;
}

table.cake-sql-log {
    width: 80%; margin: 0 auto; border: 1px solid #ccc; margin-top: 50px;
}

table.cake-sql-log td {
    vertical-align: top;
}

.clear {
    clear: both;
}

div.niceform { width: 420px; }
div.niceform label {
    display: block; width: 100%; font-weight: bold; line-height: 2em;
}
div.niceform input {
    display: block; width: 100%;
}
div.niceform textarea {
    width: 100%; height: 150px;
}
div.niceform .submit input {
    width: 25%; margin-left: 75%;
}

table.cake-sql-log { display: none; }

p#disclaimer {
    display: none;
}

.questionheader, .questionpagination, div.specialist div.options a.bekijk-vragen, ul.questions {
    display: none !important;
}