﻿/********************/
/****** OPTIES ******/
/********************/

#VergelijkOpties
{
    position:relative;
    float:left;
    width:764px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}

#VergelijkOptiesTop
{
    position:relative;
    float:left;
    width:764px;
    height:10px;
    background-image:url(../vgloptiestop.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#VergelijkOptiesContent
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    background-color:#e1e7eb;
    padding-right:10px;
    padding-left:10px;
    text-align:left;
    color:#5b5b5b;
}

#VergelijkOptiesTitle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    margin-bottom:10px;
}

#VergelijkOptiesOpties
{
    position:relative;
    float:left;
    width:734px;
    height:auto;
    padding-left:10px;
}

#VergelijkOptiesOptiesAfbeelding
{
    position:relative;
    float:left;
    width:150px;
    height:70px;
    text-align:right;
    background-image:url(../vergelijkingicon.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

#VergelijkOptiesOptiesTekst
{
    position:relative;
    float:left;
    width:584px;
    height:auto;
    text-align:left;
    padding-top:5px;
}

#VergelijkOptiesBottom
{
    position:relative;
    float:left;
    width:764px;
    height:10px;
    background-image:url(../vgloptiesbottom.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

/********************/
/******** VGL *******/
/********************/

#VergelijkingItems
{
    position:relative;
    float:left;
    width:762px;
    height:auto;
    padding-left:11px;
    padding-right:11px;
}

.VergelijkingCol
{
    position:relative;
    float:left;
    width:183px;
    height:auto;
}

.VergelijkingColTop
{
    position:relative;
    float:left;
    width:183px;
    height:10px;
    background-image:url(../vgltop.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

.VergelijkingColMiddle
{
    position:relative;
    float:left;
    width:183px;
    height:auto;
    background-color:#FFFFFF;
}

.VergelijkingColBottom
{
    position:relative;
    float:left;
    width:183px;
    height:10px;
    background-image:url(../vglbottom.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

.AltVergelijkingCol
{
    position:relative;
    float:left;
    width:183px;
    height:auto;
}

.AltVergelijkingColTop
{
    position:relative;
    float:left;
    width:183px;
    height:10px;
    background-image:url(../altvgltop.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

.AltVergelijkingColMiddle
{
    position:relative;
    float:left;
    width:183px;
    height:auto;
    background-color:#f8f8f8;
}

.AltVergelijkingColBottom
{
    position:relative;
    float:left;
    width:183px;
    height:10px;
    background-image:url(../altvglbottom.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

/********************/
/****** INHOUD ******/
/********************/

.VglContent
{
    position:relative;
    float:left;
    width:173px;
    height:auto;
    padding:5px;
    text-align:left;
}

.VglTitle
{
    position:relative;
    float:left;
    width:173px;
    height:30px;
    font-size:10pt;
    font-weight:bold;
    color:#ff4747;
    margin-bottom:10px;
    text-align:center;
}

.VglPicture
{
    position:relative;
    float:left;
    width:173px;
    height:80px;
    background-color:white;
    margin-bottom:10px;
}

.VglInfoBlokTitle
{
    position:relative;
    float:left;
    width:170px;
    height:auto;
    font-weight:bold;
    background-color:#d2d4d7;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
}

.VglInfoBlokAlgInf
{
    position:relative;
    float:left;
    width:170px;
    /*height:90px;*/
    height:120px;
    margin-bottom:5px;
    border-left:solid 3px #d2d4d7;
}

.VglInfoBlokCap
{
    position:relative;
    float:left;
    width:170px;
    /*height:105px;*/
    height:150px;
    margin-bottom:5px;
    border-left:solid 3px #d2d4d7;
}

.VglInfoBlokPri
{
    position:relative;
    float:left;
    width:170px;
    /*height:60px;*/
    height:80px;
    margin-bottom:5px;
    border-left:solid 3px #d2d4d7;
}

.VglInfoTitle
{
    background-color:#dde1e6;
    border:solid 1px #d2d4d7;
    border-left:0px;
    padding-left:3px;
}

.VglInfo
{
    margin-bottom:5px;
    padding-left:3px;
}
            
/********************/
/******* REST *******/
/********************/

#RestItems
{
    position:relative;
    float:left;
    width:764px;
    height:auto;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}

#RestItemsTop
{
    position:relative;
    float:left;
    width:764px;
    height:12px;
    background-image:url(../fichetop.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#RestItemsMiddle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    background-color:#FFFFFF;
    padding-right:10px;
    padding-left:10px;
}

#RestItemsBottom
{
    position:relative;
    float:left;
    width:764px;
    height:12px;
    background-image:url(../fichebottom.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

/********************/
/***** RESTITEMS ****/
/********************/

#RestItemsTitle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    margin-bottom:10px;
    border-bottom:solid 1px #766262;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
}

.RestItem
{
    position:relative;
    float:left;
    width:744px;
    height:14px;
    margin-bottom:3px;
    padding-bottom:2px;
    border-bottom:solid 1px #5b5b5b;
}

.RestItemNaam
{
    position:relative;
    float:left;
    width:400px;
    height:14px;
    text-align:left;
}

.RestItemSwitchTekst
{
    position:relative;
    float:left;
    width:144px;
    height:12px;
}

.RestItemSwitch
{
    position:relative;
    float:left;
    width:200px;
    height:12px;
}

a.Switch:link
{
    position:relative;
    float:left;
    width:20px;
    height:10px;
    margin-left:10px;
    background-color:#FFFFFF;
    border:solid 1px #5b5b5b;
    font-size:6pt;
    text-align:center;
}

a.Switch:visited
{
    position:relative;
    float:left;
    width:20px;
    height:10px;
    margin-left:10px;
    background-color:#FFFFFF;
    border:solid 1px #5b5b5b;
    font-size:6pt;
    text-align:center;
}

a.Switch:hover
{
    position:relative;
    float:left;
    width:20px;
    height:10px;
    margin-left:10px;
    color:#FFFFFF;
    background-color:#239cdb;
    border:solid 1px #239cdb;
    font-size:6pt;
    text-align:center;
}

a.Switch:active
{
    position:relative;
    float:left;
    width:20px;
    height:10px;
    margin-left:10px;
    background-color:#FFFFFF;
    border:solid 1px #e6dec5;
    font-size:6pt;
    text-align:center;
}

/********************/
/******* MAIL *******/
/********************/

#MailPanel
{
    position:fixed;
    width:460px;
    height:350px;
    top:200px;
    left:50%;
    z-index:999;
    display:none;
    margin-left:-230px;
}

#SaveVoorkeurslijstPanel
{
    position:fixed;
    width:460px;
    height:350px;
    top:200px;
    left:50%;
    z-index:999;
    display:none;
    margin-left:-230px;
}

.MailBg
{
    width:360px;
    height:250px;
    padding-top:50px;
    padding-bottom:50px;
    padding-left:50px;
    padding-right:50px;
    background-image:url(../mailpanel.png);
    background-repeat:no-repeat;
    background-position:top left;
}

.MailContent
{
    width:360px;
    height:250px;
}

.MailTitle
{
    position:relative;
    float:left;
    width:360px;
    height:auto;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
    margin-bottom:10px;
    border-bottom:solid 1px #766262;
}

.Maillabel
{
    position:relative;
    float:left;
    width:360px;
    height:auto;
    font-size:8pt;
    text-align:left;
    margin-bottom:5px;
}

.MailBox
{
    position:relative;
    float:left;
    width:250px;
    height:auto;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
    padding-left:110px;
    margin-bottom:5px;
}

.MailButtons
{
    position:relative;
    float:left;
    width:360px;
    height:auto;
    text-align:right;
}

.txtfield
{
    border:solid 1px #239cdb;
    background-color:White;
    width:250px
}

.MailCentermessage
{
    position:relative;
    float:left;
    width:360px;
    height:auto;
    margin-top:50px;
    text-align:center;
}

#thxbtn
{
   position:relative;
    float:left;
    width:360px;
    height:auto;
    text-align:center; 
}
