/* Very general */

* {
margin: 0;
padding: 0;
}

html {
background: #12678C;
font: 12px Arial, Helvetica, sans-serif;
height: 100%;
}

body {
background: #12678C;
color: #2b2b24;
height: 100%;
text-align: center;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td, img {
vertical-align: middle;
}

img {
border: 0;
color: #999;
font-family: monospace;
}

/* Text, paragraphs and lists */

p, ul, ol {
margin-bottom: 14px;
}

ol ol, ul ol, ol ul, ul ul, table ul, table ol {
margin-bottom: 0;
}

ul {
list-style-type: disc;
}

.content li {
margin: 2px 0 3px 30px;
}

ul.check li {
background: url('../images/checkBullit.gif') no-repeat left center;
margin-left: 0px;
padding-left: 30px;
}

p.quote, span.quote {
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
font-weight: normal;
}

.alert {
background: #ffc;
border: 1px solid #eee63d;
padding: 8px 11px 9px 11px;
}

.footnote {
font-size: 11px;
}

p.huishoudelijk, ul.huishoudelijk {
color: #fff;
line-height: 1.3em;
margin-bottom: 0;
}

p.prijs {
color: #FEDC52;
font-size: 13pt;
font-weight: normal;
line-height: 16pt;
margin-bottom: 0;
}

p.grijzeTekst {
color: #867E69;
font-weight: normal;
}

input:disabled, select:disabled, textarea:disabled {
color: #999;
}

/** Titles **/

h2 {
color: #514D2B;
font-size: 22px;
font-weight: bold;
letter-spacing: -0.01em;
margin-bottom: 6px;
}

h3 {
/*clear: both;*/
color: #2b2b24;
font-size: 13px;
font-weight: bold;
margin-bottom: 1px;
}

/** Hyperlinks **/

a {
color: #12678C;
text-decoration: underline;
cursor: pointer;
}

a.icon, a.menuLink {
/* Place icon (default = arrow) in front of anchor */
background-image: url('../images/icons/darkArrow.gif');
background-position: left center;
background-repeat: no-repeat;
font-size: 13px;
padding: 1px 0 1px 23px;
}

    a.icon:hover, a.menuLink:hover {
    background-image: url('../images/icons/hoverArrow.gif');
    color: #439AA4;
    }

a.arrLink.icon {
display: inline-block;
background-image: url('../images/icons/blueArrow.gif');
}

    a.arrLink.icon:hover {
    background-image: url('../images/icons/hoverArrow.gif');
    }

a.arrLink {
color: #12678C;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}

a.menuLink {
color: #3A371F;
font-weight: bold;
text-decoration: none;
padding: 2px 0 2px 23px;
}

a:hover {
color: #439AA4;
}

a.bigLink {
background: url('../images/bckgrFades/button.gif') #439AA4;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 16px;
margin-bottom: 15px;
padding: 6px 11px 7px;
text-decoration: none;
width: auto;
}

    a.bigLink:hover {
    background-image: none;
    color: #fff;
    text-decoration: none;
    }

a.newWindow {
background: url('../images/newWindow.gif') no-repeat right 3px #fff;
padding-right: 15px;
}

    a.newWindow:hover {
    background-position: right -11px;
    }

a.footer {
color: #C7E3F3;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

    a.footer:hover {
    color: #fff;
    text-decoration:underline;
    }

/** Types of tables **/

table.overzicht {
border-collapse: separate;
border: 1px solid #A29F99;
margin-bottom: 15px;
width: 100%;
}

    table.overzicht td {
    padding: 2px 5px;
    }

    table.overzicht td.titel {
    background: #FFA822 url('../images/bckgrFades/table.gif');
    color: #fff;
    font-weight: bold;
    /*height: 21px;*/
    padding-bottom: 3px;
    text-align: center;
    vertical-align: middle;
    }

    table.overzicht tr.r1 {
    background: #eae8e6;
    }

    table.overzicht td.c1 {
    font-weight: bold;
    }

table.calc {
background: url('../images/bckgrFades/calc.gif') repeat-x bottom;
border-top: 1px solid #e7e7e7;
margin-bottom: 14px;
width: 100%;
}

    table.calc td.c1 {
    font-weight: bold;
    padding: 2px 4px;
    width: 180px;
    }

    table.calc td.c2 {
    padding: 1px 3px;
    }

.merkComparison {
border-left: 2px solid #196D8F;
clear:both;
margin: 5px 0 12px 0;
overflow: hidden;
padding-left: 10px;
}

    .merkComparison img.rep {
    float: left;
    margin-right: 10px;
    }

    .merkComparison img.download {
    border: 1px solid #D7D3CE;
    }

    .merkComparison span.vanafPrijs {
    float: right;
    color: #FFA822;
    font-weight: bold;
    text-align: right;
    }

    .merkComparison span.vanafPrijs span {
    font-size: 20px
    }

    .merkComparison h3 {
    display: inline;
    }

    .merkComparison p {
    margin:0;
    }

    .merkComparison p.grijzeTekst {
    margin-bottom: 10px;
    }

table.imgList {
background: #439AA4;
border: 1px #38838B solid;
color: #fff;
margin-bottom: 5px;
width: 100%;
}

    table.imgList a.icon {
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: none;
    }

    table.imgList a:hover {
    text-decoration: underline;
    }

    table.imgList td {
    padding: 0px 10px;
    }

    table.imgList h3 {
    color: #fff;
    }

    table.imgList td.img {
    padding: 5px 0 5px 5px;
    }

    table.imgList td.img img {
    border: 1px solid #fff;
    }

    table.imgList td.img div {
    background: #fff center left no-repeat;
    border: 1px solid #fff;
    overflow: hidden;
    width: 74px;
    }

    table.imgList td.prijs {
    background: #62AEB7;
    text-align: center;
    width:75px;
    }

    table.imgList li {
    margin: 1px 0 1px 15px;
    }

/** Inputs and forms **/

input, select, textarea {
color: #3A371F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align: middle;
}

label input[type="checkbox"] {
float: left;
margin-right: 8px;
}

label input[type="radio"] {
height: 13px;
margin: 1px 4px 0 0;
vertical-align: text-top;
width: 13px;
}

.fout {
outline: solid 2px #f41;
color:#f41;
}

/** Fotogalerij **/

#fotoGalerij {
background: #439AA4;
border: 1px #38838B solid;
}

    #fotoGalerij p {
    margin: 10px
    }

    #fotoGalerij div {
    height: 115px;
    overflow: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    }

    #fotoGalerij table {
    margin:0 5px;
    }

    #fotoGalerij td {
    width: 97px;
    }

    #fotoGalerij a {
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    }

    #fotoGalerij a:hover {
    border-color: #38838B;
    }

#fotoGalerij2 {
height: 117px;
margin: 2px 0 14px;
overflow: auto;
overflow-y: hidden;
position: relative;
text-align: center;
width: 100%;
}

    #fotoGalerij2.noScroll {
    overflow: hidden;
    height: 101px;
    }

    #fotoGalerij2 a {
    border: 1px solid #D7D3CE;
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 3px;
    }

    #fotoGalerij2 a:hover {
    background: #62AEB7;
    border-color: #38838B;
    }

    #fotoGalerij2 img {
    height: 90px;
    }

/** Tabs **/

#tabs {
background: #fff;
border: 1px solid #A29F99;
padding: 1px;
position: relative;
}

    #tabs > div {
    background-color: transparent;
    overflow: auto;
    padding: 1px 10px 10px;
    }

    #tabs #expandButton {
    background: url('../images/icons/expand.gif') no-repeat top;
    display: inline-block; 
    height: 16px; 
    position: absolute; 
    right: 8px; 
    top: 8px; 
    width: 16px; 
    }

        #tabs #expandButton.notExpanded {
        background-position: bottom;
        }
    
ul#tabrij {
background: #12678C url('../images/bckgrFades/ddmenu.gif') repeat-x;
height: 29px;
list-style-type: none;
overflow: hidden;
}

    ul#tabrij li {
    background: #fff url('../prijs-berekenen/images/pijl.gif') no-repeat right center;
    float: left;
    height: 29px;
    margin: 0;
    padding: 0 20px 0 10px;
    }

    ul#tabrij a {
    background-image: url('../prijs-berekenen/images/stappen.gif');
    background-position: left 6px;
    display: inline-block;
    font-weight: bold;
    line-height: 1.2em;
    padding: 6px 4px 7px 22px;
    }

    ul#tabrij a.tabSelected {
    color: #3A371F;
    font-weight: bold;
    text-decoration: none;
    }

/** Overige **/

.foutmelding {
color: #f41;
display: none;
font-weight: bold;
}

.dropShadow {
background: url('../images/bckgrFades/sidemenu.gif') repeat-x top #fff;
clear: both;
height: 30px;
margin: 2px 0 10px;
}

.btnRight {
float: right;
}