/* ************************************************ informatie **

Algemene minisite stylesheet in grijstintenopmaak
- horizontale navigatie
- 2 koloms contentgedeelte
- footer helemaal onderaan pagina

 */

 
 
 
 
/* ************************************************ ALGEMEEN */

html,body
{
/* om de footer onderaan te krijgen */
height:100%;
}

body
{
background:#FFF;
font: 11px/18px "Lucida Sans",Helvetica,Arial,sans-serif;
}


a
{
color:#4d4d4d;
}

a:hover
{
color:#000;
}

.minisite {
    height: 100%;
    margin-bottom: -40px;
}

/* om de footer onderaan te krijgen */
.ubercontainer
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -40px;
*margin: 0 auto 40px;
}

/* ************************************************ HEADER */

.header
{
padding-top:8px;
border-top: 8px solid #EEEEEE;
}

.doelgroepensite .header
{
background:url(../images/doelgroepen-header.png) repeat-x 0 0;
border-top:0;
padding-top: 40px;
}

.doelgroepbalk .doelgroepdropdown 
{
line-height:35px;
padding-top:4px;
vertical-align:bottom;
}

.doelgroepbalk .doelgroepdropdown h2
{
padding-top:3px;
font-size:12px;
float:left;
margin-right:10px;
}

.doelgroepensite .header .contentwidget
{
margin-top: -35px;
float:right;
color:#5d5d5d;
text-shadow:1px 1px #FFF;
}

.doelgroepensite.doelgroepenpagina .inner_contentgedeelte
{
padding-top:10px;
}

.doelgroepensite .account_navigatie
{
*clear:both;
}

.doelgroepensite .lijstwidget h2
{
    background: #F8F8F8;
    color: #AAAAAA;
    margin-left: -10px;
    margin-top: -10px;
    padding: 10px;
    width: 210px;
	margin-bottom:0;
}

.doelgroepensite .lijstwidget li
{
	padding:5px 0px;
	word-wrap: break-word;
	*padding-left: 10px;
}
.doelgroepensite .lijstwidget li a
{
	color:#000;
}

.doelgroepensite .header .contentwidget a
{
	background:url(../images/doelgroepen-header-button.png) repeat-x 0 0;
    border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
    text-decoration: none;
	font-weight:bold;
}


.zoeken
{
background:#ececec;
}
.zoeken .zoekvenster
{
margin: 5px 0 5px 10px;
width:130px;
}

.tekstgrootte
{
background:#f6f6f6;
}

.tekstgrootte div
{
padding:2px 4px 0px 15px;
}

.homelink
{
padding:0;
}

/* Metanavigatie */
.metanav,
.account_navigatie
{
	text-align:right;
	float: right;
	padding: 0;
	margin: 0;
	clear:both;
}

.account_navigatie p
{
margin:0;
}

.account_navigatie a {
padding: 6px 20px;
margin-left:20px;
color:#737373;
display:inline;
text-decoration:none;
}

.account_navigatie .inloggen {
background:url("../images/icon-inloggen.gif") no-repeat scroll left center transparent;
}

.account_navigatie .uitloggen {
background:url("../images/icon-uitloggen.gif") no-repeat scroll left center transparent;
}

.account_navigatie .account_aanmaken {
background:url("../images/icon-account-aanmaken.gif") no-repeat scroll left center transparent;
}

.account_navigatie .contact
{
display:none;
}

.metanav  li
{
	padding: 0;
	margin: 2px 0 0 5px;
}

/* 
=========================================== 
NAVIGATIE
=========================================== 
*/

#hoofdnavigatie
{
clear:both;
float:left;
display:inline;
}

.navigatiecontainer
{
height:40px;
}

.hoofdmenu 
{
margin:0;
clear: both;
height: 30px;
padding: 5px;
background:#efefef;
}

#hoofdnavigatie .navigatie
{
margin-top:-1px;
padding: 0;
list-style: none;
}

.navigatie li.navigatie-item 
{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-align:center;
}

.navigatie li.navigatie-item a.navigatie-link 
{
color:#000000;
text-shadow:1px 1px #FFF;
display: inline-block;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
 padding: 5px 10px; /*Padding within each menu item*/
}

.navigatie li a:hover
{
color:#000;
}

.navigatie li.navigatie-item a.active, 
.navigatie li.navigatie-item a.trail
{
background:#a1a1a1;
color:#FFF;
text-shadow:1px 1px #000;
font-weight:bold;
}

.navigatie {
position:relative;
}

.navigatie ul
{
display:none;
}

.navigatie .active ul,
.navigatie .trail ul
{
display:block;
}

.navigatie ul {
width:100%;
left:0;
float:left;
position:relative;
background:transparent url(../images/bg_subnavigatie.jpg) repeat-x center top;
padding-left:0;
padding-bottom:0;
}

.navigatie ul li.navigatie-item 
{
float:left;
list-style-type:none;
text-transform:none;
}

.navigatie ul ul li a {
color:#EEEEEE;
}

#pbnavigatie .navigatie
{
margin-top:0px;
padding: 0;
list-style: none;
}

#pbnavigatie
{
}

#pbnavigatie .navigatie li.navigatie-item a.navigatie-link 
{
padding: 10px 10px 0px 0px; /*Padding within each menu item*/
} 

/* 
=========================================== 
BREADCRUMB
=========================================== 
*/
.hoofdmenu-breadcrumb,
.hoofdmenu-breadcrumb ul
{
float:left;
margin:0;
padding: 0;
list-style: none;
}

.hoofdmenu-breadcrumb li
{
float:left;
}


/* ************************************************ CONTENT  */

.contentwrapper
{
margin:20px auto 0 auto;
}

.contentwrapper .inner_contentgedeelte h2
{
font-size:14px;
margin-top:20px;
margin-bottom:5px;
}


.contentwrapper .inner_contentgedeelte.driekoloms h2
{
margin-top:0;
}

.driekoloms .span-8 p
{
padding-right:20px;
}

.driekoloms .tekstwidget p
{
line-height:22px;
*line-height:24px;
}

.driekoloms .tekstwidget p a img
{
margin-top:2px;
}

.driekoloms .span-8 h1,
.driekoloms .extra-informatie h2
{
line-height: 1;
margin-bottom: 0.5em;
padding-bottom:10px;
font-size:22px;
border-bottom: 3px solid #f7f7f7;
}




.blok-links h2
{
font-size:14px;
}

.rechterkolom 
{
padding-top:15px;
}

.rechterkolom  .lijstwidget,
.rechterkolom .extra-informatie,
.rechterkolom .doelgroepdropdown
{
background:#FFF;
padding:10px;
margin-bottom:20px;
border:1px solid #ececec;
}

.rechterkolom .doelgroepblokcontainer
{
width:218px;
margin-top:-15px;
margin-bottom:20px;
float:none;
}

.rechterkolom .doelgroepmenu
{
padding-bottom:10px;
}

.inner_contentgedeelte.driekoloms .inlogtabs ul
{
margin-bottom:20px;
}



.doelgroepensite .rechterkolom  .lijstwidget 
{
*padding-top: 0;
*padding-left: 0;
}

.rechterkolom ul
{
list-style-type:none;
margin:0;
padding:0;
}

.rechterkolom  h2
{
font-size:14px;
}

.rechterkolom a
{
display:block;
}

.hsproductinfodiv_msg
{
width:690px;
}

a.terug.terugtop
{
display:none;
}

/* ************************************************ FOOTER  */


.footer, .push 
{
clear: both;
height: 40px;
float: left;
display: inline-block;
}

.inframebaar.footer, 
.inframebaar .push 
{
height:20px;
}


.footer 
{
width: 100%;
*position:fixed;
*bottom:0;
*background:#FFF;
*border-top:1px solid #EEE;
}
.inframebaar .footer
{
display:none;
}

.footercontent
{
text-align:left;
padding-left:10px;
padding-top:12px;
width:960px;
margin:0 auto;
} 

.footercontent p, .footercontent a
{
color:#8a8a8a;
margin:0;
}

/* ************************************************ EXTRA OPMAAK  */



.contact-linkjes
{
margin:0;
padding:0;
list-style-type:none;
}

.contact-links-item a {
display:block;
padding:8px 0 8px 25px;
}
.contact-links-item a.afspraak {
background:url("../images/icon-afspraak-maken.gif") no-repeat scroll left center transparent;
}
.contact-links-item a.vraag {
background:url("../images/icon-vraag-stellen.gif") no-repeat scroll left center transparent;
}
.contact-links-item a.offerte {
background:url("../images/icon-offerte.gif") no-repeat scroll left center transparent;
}
.contact-links-item a.schade {
background:url("../images/icon-schade-melden.gif") no-repeat scroll left center transparent;
}
.contact-links-item a.downloaden {
background:url("../images/icon-downloaden.gif") no-repeat scroll left center transparent;
}

.contact-links-item .downloaden,
.contact-links-item .offerte
{
display:none;
}

.streamer
{
border-top:1px solid #cccccc;
text-align:center;
font-style:italic;
font-family:Georgia, serif;
padding:20px 0 45px 0;
background:url("../images/streamer_bg.png") no-repeat scroll center bottom transparent;
float:left;
width:100%;
margin-bottom:-23px;
*margin-bottom:-41px;
}

.streamer h1
{
font-size:36px;
margin:0;
}

.introtekst
{
border-bottom: 1px solid #CCC;
margin-bottom: 20px;
float:left;
*float:none;
width:100%;
clear:both;
}

.introtekst p {
font-size: 13px;
line-height: 26px;
padding-top: 18px;
*padding-top:36px;
}


/* ************************************************ INLOG POPUP */

.inlogpopup
{
text-align:left;
width:270px;
height:375px;
background:#F8F8F8;
}

.inlogpopup h1
{
font-size:20px;
background:#333;
color:#FFF;
text-shadow: 1px 1px #011425;
padding:10px 0px 10px 10px;
margin:0px;
border-bottom:1px solid #3e8ad6
}

.inlogpopup  p
{
border-top:1px solid #FFF;
margin:0 0 10px 0;
background:#EEEEEE;
padding:10px;
}


.inlogpopup .loginblock input.button
{
	width:100px;
}

.inlogpopup .loginblock label
{
	display:block;
	margin:5px 0 5px 10px;
}

.inlogpopup .loginblock a
{
	color:#013773;
	display:block;
	font-size:9px;
	text-decoration:underline;
}

.inlogpopup #wwError
{
	color:#FFF;
	background:#a70000;
	font-size:10px;
	border:none;
	margin:0;


}
.inlogpopup #wwError p
{
margin:0;
border:none;
padding:0.8em;
}

.inlogpopup .loginblock input
{
margin-right:10px;
}

.inlogpopup .loginblock input.submit
{
	margin:15px 10px 10px 10px;
	width:85px;
	height:26px;
	outline:0;
}

/* ************************************************ INFRAMEBAAR UITZONDERINGEN */

.inframebaar div.header
{
border-top:none;
padding-top:0;
}

.inframebaar div.header .header_links_en_rechts
{
display:none;
}

.inframebaar .account_navigatie {
    position: relative;
    right: 20px;
    top: 28px;
    z-index: 99;
}

/* ====================================================================
FACTUREN
=====================================================================*/

/*** - filter en pagenering - ***/

.invoice-container .dataTables_length {
    line-height: 20px;
    height: 20px;
    float: left;
    padding: 10px 10px;
}

.invoice-container .dataTables_filter {
    float: right;
    margin-bottom: 10px;
    padding: 10px 10px;
}

.invoice-container .dataTables_info {
    display: inline-block;
    float: left;
}

.invoice-container .dataTables_paginate {
    float: right;
    margin-top: -7px;
    margin-bottom: 10px;
}

.invoice-container .dataTables_paginate .paginate_button {
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    background: #F8F8F8;
    border: 1px solid #CCC;
    color: #333;
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    outline: medium none;
    padding: 4px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    vertical-align: baseline;
}

.invoice-container .dataTables_wrapper .factuur-table-data {
    float: left;
}

.invoice-container .dataTables_wrapper tr.odd td,
.invoice-container .dataTables_wrapper tr.even td {
    background: none;
}

.invoice-container .dataTables_wrapper tr.status_payed {
    color: #CCC;
}

.invoice-container .dataTables_wrapper thead th {
    border-right: none;
}

.schades-claim-container td,
.invoice-container td {
    border-bottom: 1px solid #EEE;
    height: 30px;
    font-family: 'Lucida Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    vertical-align: middle;
}

.factuur-table.factuur-table-data th,
.schades-claim-container th {
    background: #F6F6F6;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #C0C0C0;
    color: black;
    line-height: 21px;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
}

.schades-claim-container tfoot td,
.factuur-table.factuur-table-totaal td {
    background: none;
    border-bottom: none;
    border-top: 1px solid black;
    color: black;
    font-size: 11px;
    font-weight: 700;
    line-height: 30px;
}

.factuur-table.factuur-table-totaal {
    float: left;
}

.button.schade_details,
.button.factuur_downloaden {
    background: #0786BC !important;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    padding: 2px 10px !important;
    color: white !important;
    border: none !important;
    text-shadow: none !important;
    line-height: 16px;
}

.dataTables_paginate .paginate_active, .dataTables_paginate .paginate_button:hover {
        -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
        background: #FFF;
        border: 1px solid #CCC;
        color: #000000;
        display: inline-block;
        margin: 0 4px;
        outline: medium none;
        padding: 4px 7px;
        text-align: center;
        text-decoration: none;
        vertical-align: baseline;
}

.schade-status span,
.status_open .factuur-status span {
    display: block;
    height: 30px;
    width: 30px;
    background: url("/hs/system/algemeen/images/agenda_icon_status_sprite.png") no-repeat 0 0;
    margin-left: -10px;
}

.status_afgerond .schade-status span,
.invoice-container .status_payed .factuur-status span {
    display: block;
    height: 30px;
    width: 30px;
    background: url("/hs/system/algemeen/images/agenda_icon_status_sprite.png") no-repeat 0 -90px;
    margin-left: -10px;
}

.claimlistnoclaimsmessage,
.invoicelistnoinvoicesmessage {
    margin-left: 5px;
}

.paginate_active {
    margin: 0 4px;
    padding: 4px 7px;
}

/* tabel */
.factuur-table.factuur-table-data th.factuur-factuurnr {
    width: 10%;
}

.factuur-table.factuur-table-data th.factuur-factuurdatum {
    width: 10%;
}

.factuur-table.factuur-table-data th.factuur-soortfactuur {
    width: 15%;
}

.factuur-table.factuur-table-data th.factuur-omschrijving {
    width: 25%;
}

.factuur-table.factuur-table-data th.factuur-bedrag {
    width: 10%;
}

.factuur-table.factuur-table-data th.factuur-betaaldatum {
    width: 10%;
}

.factuur-table.factuur-table-data th.factuur-openstaand {
    width: 10%;
}

.factuur-table.factuur-table-data th.factuur-downloaden {
    width: 10%;
}


/* tabel optellen */
.factuur-table.factuur-table-totaal.factuur-table-totaal td {
    padding-left: 0;
}

.factuur-table.factuur-table-totaal.factuur-table-totaal td.dat_aantal {
    width: 59.5%;
}

.factuur-table.factuur-table-totaal.factuur-table-totaal td.dat_totaalbedrag {
    width: 19.5%
}

.factuur-table.factuur-table-totaal.factuur-table-totaal td.dat_filler {
    display:none;
}

.factuur-table.factuur-table-totaal.factuur-table-totaal td.dat_totaalopenstaand {
    /* breedte is al bepaald */
}