/* Stylesheet HypotheekDesk */
/* colors: */
/* red: #dc2521 */

body                                                        {padding:0; margin:0; overflow:auto; background:#f1f1f1;}
body, td, th                                        {font-family: arial,helvetica,verdana,; font-size: 8pt; color:#000;}

a                                                        {color: #dc2521; text-decoration: none;}
a:hover                                                {text-decoration: underline;}

img                                                         {border: none; }

.small                                                {font-size: small;}
.voorwaarden					{font-size: xx-small; font-style: italic;}
.Inleiding						{font-weight: bold; color:#dc2521;}

#container                                        {width:929px; height: auto;}

#header                                                {width:auto;  float:left;  height:125px; background:white;}
#headerlogo                                        {width:680px; float:left;  text-align:left;}
#headerright                                {width:auto; float:right; text-align:right;}
#headerright .topfiliaallogo	{margin-right: 10px;}
#headerright .topvind		{}

#content                                         {width:auto; background:#fff; float:left;}

#contentleft                                {background:white; width:689px; float:left; text-align:left;}
#contentleft p, #contentleft h1, #contentleft h2, #contentleft ul  {padding-left: 200px;}

#menubar                                                                 {background:#dc2521; color:#fff; font-size:8pt; width:929px; height:25px; text-align:left; clear: both;}
#menubar .menuitem                                                   {float: left; text-align:center; margin-left:4px; margin-top:5px; display:inline;}
#menubar .menuitem a                                                 {color:#fff; font-weight:bold; font-size:8pt; text-decoration:none;}
#menubar .submenu                                                {position:absolute; visibility:hidden; margin-left:-5px;}
#menubar .submenu .submenumargin                        {height:6px; font-size:1px;}
#menubar .submenu .menu                                         {background: #dc2521; padding:3px 5px; margin-left: 4px; border-left: 2px solid white;}
#menubar .submenu .submenuitem                         {text-align:left; background:#dc2521; padding-top: 0.5em;}
#menubar .submenu .submenuitem a                         {color:#fff;}
#menubar .submenu .submenuitem a:hover        {color:#e5e5e5; text-decoration: underline;}
#menubar .menuspacer                                         {width:2px; float: left; text-align:center; margin-left:4px; margin-top:4px; display:inline;}
#menubar .subsubmenu                                           {position:absolute; visibility:hidden; display:inline;}
#menubar .subsubmenu .menu                                 {background: black; padding: 2px 4px; margin: 0.5em 0.5em 0.5em 0.5em; border-left: 2px solid white;}
#menubar .subsubmenu .submenuitem                {text-align:left; background:black;}
#menubar .subsubmenu .submenuitem a                {color:#fff;}
#menubar .subsubmenu .submenuitem a:hover        {color:#e5e5e5; text-decoration: underline;}

#breadcrumbbar                                {background:#bfbfbf; font-size:xx-small; height:25px;}
#breadcrumbbar a                                {color:#000; font-size:xx-small; text-decoration:none;}
#breadcrumbbar .menuitem                {float: left; text-align:center; margin-left:5px; margin-top:5px; display:inline;}
#breadcrumbbar .menuspacer        {width:5px; float: left; text-align:center; margin-left:5px; margin-top:4px; display:inline;}

#page                                                 {text-align:left; line-height: 150%;}
/* height:525px; overflow: auto;*/

#pageheader                                        {height:121px; overflow:hidden;}

#page h1                                                {color:#000; font-size:14pt; font-weight:bold; margin:5px 10px 10px 10px;}
#page h2                                                {color:#000; font-size:10pt; font-weight:bold; margin:5px 10px 0px 10px;}
#page p                                                {color:#000; font-size:8pt; margin:5px 10px 10px 10px;}
#page .p_red                                        {color:#dc2521; font-size:8pt;}
#page .h1_red                                        {color:#dc2521;}
#page .subscript                                {color:#000; font-size:7pt; font-style:italic; margin:5px 10px 10px 10px;}

#page .highlight                                {background-color: #f1f1f1; font-style: italic;}
#page .highlight p                        {padding-left:0px; font-style: italic;}
#page .highlight h2                        {padding-left:0px; font-style: italic;}

.imagelinks                                         {float:left; padding-top:10px; margin-right:10px;}
.imagelinks a                                 {margin-bottom:20px; display:block;}

#contentright                                {background:#e5e5e5; width:240px; float:left;}

#rentestanden                                {background:black; height:73px; width: auto; color:#fff; font-size:x-small;}
#rentestanden th                                {color:#fff; font-size:x-small; background-color:#4f4f4f;}
#rentestanden td                                {color:#fff; font-size:x-small; background-color:#262626;}
#rentestanden a                                {color:#fff;}
#rentestanden h1                                {color:#fff; margin: 0; padding: 0; font-size: medium; display: inline;}

#nieuwsheader                                {background: #dc2521 url('./images/direct_contact7.gif') no-repeat bottom right;
                                                        height:60px; text-align:left; padding-left:10px;}
#nieuwsheader h1                                {color:#fff; font-size: large; font-weight:bold; margin:0; padding-top:20px; display: inline;}
#nieuwsheader a                                {color: white;}
.nieuwsblock                                {color:#000; font-size:8pt; padding: 10px 20px 5px 20px; text-align:left; border-bottom: 1px solid white;}
.nieuwsblock h1                                {color:#000; font-size:14pt; font-weight:bold; margin:0;}
.nieuwsblock .h1_red                        {color:#dc2521; display:inline;}

.red                                                {color:#dc2521;}

.uitgelicht                                        {border-bottom: 1px solid white; padding-bottom: 6px; margin-bottom: 4px;}
.uitgelicht h2                                {color:#dc2521; margin: 0; font-size: medium;}
.uitgelicht a                                {text-decoration: underline; font-weight: bold; display: block; text-align: right;}
.uitgelicht a:hover                        {text-decoration: none;}
.uitgelicht img                                {width: 50px; height: 50px; border: 1px solid white; float: right;}

.contactpersoon                                {float: left; display: inline-block; border: 1px solid #e5e5e5;
                                                        height: 190px; width: 222px; margin: 4px; padding: 4px; font-size: small;}
.contactpersoonimg                        {margin: 1px; padding: 0px; border: 0; float: left;}

.naam                                              {height:20px;}
.naam  span                                              {margin: 0px; padding: 0px; font-weight: bold;}
.erkend                                                {margin: 0px; padding: 0px;}
.adres                                                {margin: 0px; padding: 0px; font-size: x-small; display: block; clear: both;}


.pagemenu                                        {color:#000; font-size:8pt; margin:5px 10px 10px 10px; padding:0; float:left; display:inline;}
.pagemenu .level_0                        {min-height:18px; color:#000;}
.pagemenu .level_0 a                        {}
.pagemenu .level_0 a:hover        {}
.pagemenu .level_0 a:visited        {}
.pagemenu .level_1                        {min-height:18px; color:#7e7c87; padding-left:10px; }
.pagemenu .level_1 a                        {color:#7e7c87; text-decoration:none}
.pagemenu .level_1 a:hover        {}
.pagemenu .level_1 a:visited        {}
.pagemenu .level_2                        {min-height:18px; color:#dedede; padding-left:20px; }
.pagemenu .level_2 a                        {color:#dedede; text-decoration:none}
.pagemenu .level_2 a:hover        {}
.pagemenu .level_2 a:visited        {}
.pagemenu .level_3                        {min-height:18px; color:#7e7c87; padding-left:30px; }
.pagemenu .level_3 a                        {color:#7e7c87; text-decoration:none}
.pagemenu .level_3 a:hover        {}
.pagemenu .level_3 a:visited        {}

.footer                                                 {color: #999999; float: right; margin: 5px 0 10px 0; font-size: x-small;}
.footer a                                        {color: #999999;}

.sitemapheader                                {font-size: small; color:#dc2521; font-weight: bold;
                                                        border-bottom:1px solid #dc241f; height: auto; width:auto;
                                                        padding: 0 0 5px 2px; margin: 5px 0 0 0;}
.sitemapheader a                                {color:#dc2521; text-decoration:none;}
.sitemap, .sitemap_overig        {font-size: small; color:#dc2521; font-weight: normal;
                                                        border-bottom: 1px solid #dc2521; border-left: 1px solid #e5e5e5; height: auto; width: 440px;
                                                        padding: 0 2px 0 0; margin: 0 0 20px 200px;
                                                        display: inline-block; }
.sitemap .level_0, .sitemap_overig .level_0                                                {font-size: x-small; height:auto; color:black; border-top: 1px solid #e5e5e5; padding-left:1em; }
.sitemap .level_0 a, .sitemap_overig .level_0 a                                        {color:black; text-decoration:none}
.sitemap .level_0 a:hover, .sitemap_overig .level_0 a:hover                {text-decoration:underline;}
.sitemap .level_0 a:visited, .sitemap_overig .level_0 a:visited        {}
.sitemap .level_1                        {font-size: x-small; height:auto; color:#7e7c87; border-top: 1px solid #dedede; padding-left:2em; }
.sitemap .level_1 a                        {color:#7e7c87; text-decoration:none}
.sitemap .level_1 a:hover        {text-decoration:underline;}
.sitemap .level_1 a:visited        {}

.sitemap .level_2                        {font-size: x-small; height:auto; color:#000; border-top: 1px solid #dedede; padding-left:3em; }
.sitemap .level_2 a                        {color:#000; text-decoration:none}
.sitemap .level_2 a:hover        {text-decoration:underline;}
.sitemap .level_2 a:visited        {}
.sitemap .level_3                        {font-size: x-small; height:auto; color:#7e7c87; border-top: 1px solid #dedede; padding-left:4em; }
.sitemap .level_3 a                        {color:#7e7c87; text-decoration:none}
.sitemap .level_3 a:hover        {text-decoration:underline;}
.sitemap .level_3 a:visited        {}
.sitemap .level_3 a:before        {content: "· ";}
.sitemap .level_4                        {font-size: x-small; height:auto; color:#000; border-top: 1px solid #dedede; padding-left:5em; }
.sitemap .level_4 a                        {color:#000; text-decoration:none}
.sitemap .level_4 a:hover        {text-decoration:underline;}
.sitemap .level_4 a:visited        {}
.sitemap .level_5                        {font-size: x-small; height:auto; color:#7e7c87; border-top: 1px solid #dedede; padding-left:6em; }
.sitemap .level_5 a                        {color:#7e7c87; text-decoration:none}
.sitemap .level_5 a:hover        {text-decoration:underline;}
.sitemap .level_5 a:visited        {}
.sitemap .level_5 a:before        {content: "· ";}

.bodyrood                                        {color: #C1131E;}
.bodygroen                                        {color: #13C11B;}

