* {
    font-family: Arial, sans-serif;
    padding: 0px;
    margin: 0px;
}
a img {
    border: 0px none;
}
p {
    font-size: 12px;
}
h1 {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 18px;
    color: #0c456d;
}
h2 {
    
}
body {
    background: url(../images/body-bg.png) repeat-x #fff;
}
    #container {
        width: 940px;
        margin: 0 auto;
        background: #fff;
        border: 1px solid #c8c8c8;
        margin-top: 30px;
        padding: 7px 8px;
        position: relative;
    }
        #topbar {
            width: 938px;
            border: 1px solid #c8c8c8;
            background: url(../images/header.jpg) no-repeat;
            height: 82px;
	        padding-top:20px;
        }
        #content {
            margin: 66px 0px 0px 225px;
            width: 704px;
            min-height: 500px;
            _height: 500px;
            position: relative;
        }
            #content ul {
                font-size: 12px;
                color: #292929;
                margin-left: 13px;
                margin-bottom: 15px;
            }
            #content h2, #content h3, #content h4 {
                font-size: 14px;
                color: #292929;
                margin-top: 10px;
                margin-bottom: 15px;
            }
                #content h3, #content h4 {font-size: 12px;}
            #content p {
                color: #292929;
                line-height: 17px;
                margin-bottom: 15px;
            }
    #topmenu {
        position: absolute;
        top: 118px;
        left: 8px;
        display: block;
        background: url(../images/menu-bg.gif) repeat-x;
        border: 1px solid #0c72ba;
        width: 938px;
    }
        #topmenu ul li{
            list-style-type: none;
            display: block;
            height: 40px;
            float: left;
            text-transform: uppercase;
            background: url(../images/topmenuitem.gif) no-repeat right;
            text-align: center;
        }
            #topmenu ul li.active, #topmenu ul li:hover {
                background: url(../images/topmenuitem-hover.gif) repeat-x;
                height: 41px;
                margin-bottom: -1px;
            }
            #topmenu ul li a{
                color: #fff;
                display: block;
                padding: 12px 15px;
                text-decoration: none;
                font-size: 12px;
                position: relative;
                height: 17px;
            }
                #topmenu ul li a:hover, #topmenu ul li.active a {
                    background: url(../images/hoekje.png) no-repeat;
                    background-position: center bottom;
                }
    #leftbar {
        position: absolute;
        top: 175px;
        width: 200px;
    }
        #leftbar h2, #leftbar span {
            display: block;
            width: 181px;
            height: 47px;
            line-height: 47px;
            text-transform: uppercase;
            padding-left: 19px;
            font-size: 13px;
            margin: -1px 0px 0px -1px;
            border: 1px solid;
        }
        #leftbar #bellen {
            background: url(../images/bellen-bg.png) bottom;
            border: 1px solid #adccdf;
            width: 200px;
        }
            #leftbar #bellen h2 {
                color: #fff;
                border-color: #6d0606;
                background: url(../images/directhulp-bg.gif);
            }
            #leftbar #bellen p {
                margin: 20px 21px 15px 16px;
                color: #292929;
            }
            #leftbar #bellen img {
                margin: 0px 21px 15px 16px;
            }
        #leftbar #leftmenu {
            width: 200px;
            border: 1px solid #ccc;
            margin-top: 8px;
        }
            #leftbar #leftmenu span {
                border-color: #ccc;
                background: url(../images/externe-bg.gif) repeat-x;
                margin-bottom: 10px;
            }
            #leftbar #leftmenu ul li {
                list-style-type: none;
            }
                #leftbar #leftmenu ul li a{
                    width: 170px;
                    display: block;
                    color: #292929;
                    text-decoration: none;
                    background: url(../images/menuleft-listtype.gif) no-repeat 3px 6px #fff;
                    margin: 3px 0px 6px 8px;
                    padding: 2px 0px 2px 17px;
                    line-height: 17px;
                    font-size: 12px;
                    border: 1px solid #fff;
                }
                #leftbar #leftmenu ul li a:hover, #leftbar #leftmenu ul li.active a {
                    background-color: #d0e2ee;
                    border-color: #afccdf;
                }
    #footer {
        width: 938px;
        height: 40px;
        background: url(../images/menu-bg.gif) repeat-x;
        position: absolute;
        bottom: 10px;
    }
        #footer ul {
            padding-left: 20px;
        }
        #footer ul li {
            list-style-type: none;
            display: block;
            line-height: 40px;
            color: #fff;
            height: 40px;
            background: url(../images/footer-item-bg.gif) no-repeat right center;
            float: left;
            padding-right: 9px;
            margin-right: 5px;
        }
            #footer ul li.last {
                background: inherit;
            }
            #footer ul li a {
                font-size: 12px;
                color: #fff;
                text-decoration: none;
                display: block;
            }
        #footer div#io {
            height: 30px;
            position: absolute;
            right: 8px;
            top: 0px;
            color: #ccc;
            font-size: 12px;
            margin: 5px;
        }
            #footer div#io a{
                height: 30px;
            }
            #footer div#io p {
                float: left;
            }
            #footer div#io p#een {
                padding: 10px;
                font-weight: 700;
            }

.doti{
 color: #0C456D;
text-decoration: none;
font-size:22px;
margin-left:20px;

}

.doti span{
  color:#6D0606;
  font-size:12px;
padding-left:2px;
}

#intro{position:absolute; top:120px;left:200px;width: 500px;}
        #content .maandlasten{ font-size:14px;  position:absolute;  bottom:17px;  left:20px}
        #content .maandlasten_uitkomst{ font-size:18px;  position:absolute;  bottom:15px;  right:20px;  font-weight:700}
        #content .looptijd_uitkomst{ font-size:12px;  position:absolute;  bottom:49px;  right:20px;  font-weight:700;  color:#832e8d}
        #content .looptijd{ font-size:11px;  position:absolute;  bottom:50px;  left:20px;  color:#000}
        #content .rente_uitkomst{ font-size:12px;  position:absolute;  bottom:67px;  right:20px;  font-weight:700;  color:#832e8d}
        #content .rente{ font-size:11px;  position:absolute;  bottom:68px;  left:20px;  color:#000}
        #content .provider_uitkomst{ font-size:12px;  position:absolute;  bottom:105px;  text-align:right;  right:20px;  font-weight:300;  color:#832e8d}
        #content #logo_tool{ border:1px solid #717171;  padding:3px;  position:absolute;  bottom:106px;  left:20px;  color:#000}
        #content #rekenvoorbeeld li span{ position:absolute;  top:2px;  right:5px;  color:#832e8d;  font-weight:700;  font-size:12px}
        #content #rekenvoorbeeld li{ position:relative;  height:18px;  background:#eeeeea;  padding-left:5px;  padding-top:2px;  width:205px;  font-size:11px}
        #content #rekenvoorbeeld li.even{ position:relative;  height:18px;  background:white;  padding-left:5px;  padding-top:2px;  width:205px;  font-size:11px}
        #content #rekenvoorbeeld h4{ font-size:12px;  font-weight:700;  color:#000;  text-align:center;  margin-top:0;  margin-bottom:5px}
        #content br{ clear:both}
        #content legend{ text-indent:-9999em}
        #content fieldset{ border:0}
        #content input.text{ width:174px;  height:24px; font-size:13px; padding: 1px 0px 2px 4px; border: 1px solid #ccc; float: left; display: block; }
        #content select{ width:180px; font-size:13px; display: block; float: left;}
        #content label{ width:170px; display:block;  float:left;  font-size:13px;  font-weight:300;  font-family:Arial,sans-serif; line-height: 25px; padding-top:2px}
        #content .lcb{ width:470px;  text-align:left;  display:block;  font-size:13px;  font-weight:300;  font-family:Arial,sans-serif; padding-top:2px}
        #content .slabel{ width:110px !important;  font-weight:700 !important; text-align:left !important;}
        #content div.even, #content div.odd {
            display: block;
            float: left;
            clear: both;
            width: 410px;
            padding: 3px 5px 4px 5px;
        }
        .wijzig {
            color:#2A2ABC;
            font-size: 12px;
            text-decoration: none;
            float: left;
            display: block;
            margin-left: 8px;
            margin-top: 5px;
        }
        #content .info-icon {
            margin: 4px 0px 0px 10px;
            cursor: pointer;
            display: block;
            width: 18px;
            height: 18px;
            float: left;
            background: url(../images/q.png) no-repeat;
        }
        #content div.odd {
            background: #fff;
        }
        #content div.even {
            background: #eef4f7;
        }
        #stap1_special {
            width: 430px;
            float: left;
        }
        #stap1_special p {width: 400px; margin-top:10px;}
        #stap1_special span {font-size:12px;}
        #content div.messages {
            padding: 3px;
            display: none;
            border: 1px solid #c7dbe3;
            background: #e9f3f5;
            position: absolute;
            left: 448px;
            width: 260px;
        }
            #content .messages p {
                text-align: left;
                font-size: 12px;
                color: #1d73b0;
                width: auto;
            }
            span.arrow {
                background: url('../images/msg-left.gif') no-repeat center left;
                position: absolute;
                left: -13px;
                display: block;
                top: 38%;
                width: 13px;
                height: 19px;
            }
        #overlay{display:none; position:fixed; width:100%; height:100%; background:#000; top:0px; left:0px;}
        #boxie{display: block; position:fixed; background: url("../images/popup.png") no-repeat scroll 0% 0% transparent; width: 538px; height: 372px;color:#666; top: 195px; left: 35%;}
        #boxie strong {color: #000;}
        #errs {
            padding:10px; 
            border:1px solid #C7DBE3;
            display:none; 
            background: #E9F3F5;
            font-size:12px; 
            cursor:pointer; 
            float: left; 
            width: 220px;
            margin-left: 10px;
            position:relative;
            color: #f00;
            margin-top:193px;
        }
#stap1 {
    float: left;
    width: 430px;
}
.close {
    position:absolute;
    top: 5px;
    right: 5px;
}