/***********************************************************
     * SENIORWEB.NL STYLE SHEET                                *
     *  Onderstaande styles worden alleen op trefpunt gebruikt *
    /***********************************************************/

    /* Styles voor zoeken naar profielen ( /webcontact/trefpunt/zoeken.aspx )*/
div.zoek-kader {                                border:solid 1px #0061af; 
                                                background-color: #E8F1F8;
                                                width: 474px; }    
div.zoekpanel {                                 overflow: hidden;
                                                width:100%;
                                                margin:0px; }                 
div.zoekpanel .zoekopties input {               width: 100%; }
div.zoekpanel .zoekopties select {              width: 100%; }
div.zoekpanel .zoekopties span{                 margin: 5px 5px 5px 5px;
                                                padding: 0px 0px 0px 0px; }
div.zoekpanel .zoekopties {                     text-align: left;
                                                float: left;
                                                width: 100%;
                                                clear: both;
                                                padding: 5px 5px 0px 5px;  }
div.zoekpanel .naam {                           width: 45%;
                                                float: left; }
div.zoekpanel .trefwoord {                      width: 45%;
                                                float: left; }
div.zoekpanel .plaats {                         width: 35%;
                                                float: left; }
div.zoekpanel .straal {                         width: 20%;
                                                float: left; }
div.zoekpanel .postcode {                       width: 35%;
                                                float: left; }
div.zoekpanel .geboorteplaats {                 width: 35%;
                                                float: left; }
div.zoekpanel .leeftijd {                       width: 20%;
                                                float: left; }
div.zoekpanel .relatie {                        width: 35%;
                                                float: left; }
div.zoekpanel .checkbox {                       float: left; 
                                                width:20%; }
div.zoekopties .checkbox input  {               width:auto; }
div.zoekpanel .submit {                         float: right;
                                                margin:9px 36px 18px 9px} 
div.avatar_gallery {                            
                                                width: 474px; }
div.avatar_item {                               float: left;
                                                width: 93px; }
div.avatar_item img, div.avatar_item a {        width: 75px; 
                                                margin: 0px 9px 0px 9px; }
div.avatar_item div.avatar_footer {             text-align: center; margin: 4px 9px 0px 9px;}
div.avatar_footer .naam {                       display: block; font-weight:bold; padding:0;}
div.avatar_footer .plaats {                     display: block; padding:0; }


    /* Styles voor prikbord berichten ( /webcontact/trefpunt/default.aspx ) */
div.trefpunt-bericht {                          /* wordt alleen als selector gebruikt*/ }
div.trefpunt-bericht .bericht {                 margin-bottom: 18px; }
div.trefpunt-bericht div.bericht-header {       width: 100%; }
div.trefpunt-bericht .titel {                   /* ongebruikt*/ }
div.trefpunt-bericht .onderschrift {            font-style: italic; 
                                                margin-bottom: 18px; }
div.trefpunt-bericht div.avatar {               float: right;   
                                                margin: 0px 0px 9px 9px; }
div.trefpunt-bericht div.bericht-footer {       background-color: #E8F1F8;
                                                margin-bottom: 18px;
                                                width: 100%;
                                                overflow: hidden; }
div.trefpunt-bericht div.bericht-footer .gelezen, 
div.trefpunt-bericht div.bericht-footer .verwijder, 
div.trefpunt-bericht div.bericht-footer .reacties{
                                                padding: 3px 9px 3px 9px;}
div.trefpunt-bericht div.bericht-footer .gelezen, 
div.trefpunt-bericht div.bericht-footer .verwijder {
                                                float: right; }
div.trefpunt-bericht div.bericht-footer .reacties {
                                                float: left; }

    /* Styles voor trefpunt-profiel ( /webcontact/trefpunt/profiel.aspx) */
    
.berichtfooter-container {                      background-color: #E8F1F8;
                                                padding: 0px 0px 0px 5px; }
.profiel-feedback {                             padding: 9px;
                                                border: solid 1px #74a9D3;
                                                background-color: #f8ab63;
                                                font-weight: bold;
                                                color: White;
                                                overflow: hidden; 
                                                margin-bottom:9px;
                                                }
                                                
/* wizard nieuw profiel maken: */    
.wizSidebar {                                   background-color: #E8F1F8;
                                                text-align: right;
                                                vertical-align: middle;
                                                font-family: Verdana;
                                                width: 28%;
                                                line-height: 2; }
.wizSidebar a {                                 font-size: larger; }
.wizard {                                       border: solid 1px #74a9D3;
                                                padding: 9px;
                                                overflow: hidden;
                                                width: 100%; }
.wizStep {                                      padding: 5px 5px 10px 10px; }
.wizHeader {                                    text-align: center;
                                                padding-top: 5px;
                                                background-color: #E8F1F8; }
/* tabs: */
/*div.trefpunt-profiel-tabcontainer {             width:742;
                                                overflow: hidden;
                                                margin: 0px 9px 0px 9px;
                                                border: solid 1px #74a9D3; }*/
a:visited.trefpunt-profiel-tab, 
a.trefpunt-profiel-tab {                        width: 120px;
                                                text-align: center;
                                                border-style: solid;
                                                border-left-width: 1px;
                                                border-right-width: 1px;
                                                border-top-width: 1px;
                                                border-bottom-width: 0px;
                                                border-color: #74a9D3;
                                                float: left;
                                                margin-bottom: 0px;
                                                padding-top: 9px;
                                                padding-bottom: 9px;
                                                font-size: larger;
                                                background-color: #74a9d3;
                                                color:#ffffff;}
a:hover.trefpunt-profiel-tab {                  background-color: #E8F1F8;
                                                font-weight: bold;
                                                border-bottom-width: 0px;
                                                color: #0061af; 
                                                font-style:normal;
                                                }
.trefpunt-profiel-activetab {                   background-color: #E8f1f8;
                                                width: 120px;
                                                text-align: center;
                                                border-style: solid;
                                                border-left-width: 1px;
                                                border-right-width: 1px;
                                                border-top-width: 1px;
                                                border-bottom-width: 0px;
                                                border-bottom-color: white;
                                                border-color: #74a9D3;
                                                float: left;
                                                margin-bottom: 0px;
                                                padding-top: 9px;
                                                padding-bottom: 9px;
                                                font-size: large;
                                                color: #0061af;
                                                font-weight: bold; }
div.trefpunt-tabmenu {                          margin-left:20px;
                                                clear: both;
                                                overflow: hidden;
                                                margin-bottom: 0px; }
div.trefpunt-profiel-tabcontainer .subcolumn-left {
                                                padding-right: 9px;
                                                margin-bottom: 9px;
                                                width: 376px;
                                                float: left; 
                                                overflow: hidden;}
div.trefpunt-profiel-tabcontainer .subcolumn-left h3,
div.trefpunt-profiel-tabcontainer .subcolumn-right h3{
                                                background: #E8F1F8;
                                                padding: 5px 0 5px 5px;
}
div.trefpunt-profiel-tabcontainer .subcolumn-right {
                                                margin-right: 0px;
                                                width: 351px;
                                                float: right; 
                                                overflow: hidden;}
div.trefpunt-profiel-tabcontainer .block {      margin-bottom: 18px;
                                                width: 100%;
                                                clear: both; }