html, body {
    height:100%;
    margin:0;
    padding:0;
    }
form {margin:0px; padding:0px;}
body {
    background-color:#f1f8f7;
    text-align:center;
    font-family:Arial, Helvetica;
    color:#6d6e71;
    font-size:12px;
    }
a { color:#6d6e71;}


h1 {
    text-transform:uppercase;
    font-size:12px;
    color:#007a66;
    margin:0 0 15px 0;
    padding:0 0 0 0;
    }
h4 {margin:0;}
hr {
    display:block;
    border-top:1px solid #007A66;
    border-right:0 px solid #FFFFFF;
    border-bottom:0 px solid #FFFFFF;
    border-left:0 px solid #FFFFFF;
    height:0px;
    background-color:#007A66;
    }
#container {
    width:980px;
    overflow:hidden;
    margin:0 auto 0 auto;
    text-align:left;
    background-color:#FFFFFF;
    }
.contentBlock {
    background:transparent url(../gfx/contentblock.gif) top right repeat-y;
    width:980px;
    /*min-height:300px;*/
    overflow:hidden;
    position:relative;
    }
img {border:0px solid #FFFFFF;}

div.header {
    height:123px;
    background:#FFFFFF url(../gfx/header.jpg) top left no-repeat;
    }
    div.header .login {display:none;}
    .loginLinks {display:none;}
    div.header .loginLinks {display:block;}
    div.header .loginLinks,
    div.header .loginLinks a {color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px;}
    div.header .userblock {
        width:200px;
        overflow:hidden;
        padding:10px 0 0 0;
        float:right;
        position:relative;
        right:12px;
        }
        div.header .profiel a {
            display:block;
            line-height:14px;
            height:14px;
            font-size:11px;
            text-indent:17px;
            background:transparent url(../gfx/arrow.gif) left center no-repeat;
            color:#000000;
            text-decoration:none;
            font-weight:bold;
            }
            div.header .profiel a.selected {
                color:#007a66;
                }
    
.breadcrumb {
    border-bottom:1px solid #cce4e0;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    }
    .breadcrumb span {
        color:#000000;
        }
    .breadcrumb a {
        font-weight:normal;
        color:#888888;
        text-decoration:none;
        }
    .breadcrumb a:hover {
        text-decoration:underline;
        }
.navigatie {
    width:220px;
    overflow:hidden;
    float:left;
    padding:30px 0 0 0;
    }
    .navigatie ul {
        list-style:none;
        display:block;
        margin:0;
        padding:0;
        }
        .navigatie ul li {
            display:block;
            margin:0;
            padding:0 0 14px 0;
            overflow:hidden;
            _width:220px;
            _clear:left;
            }
            .navigatie ul li a {
                display:block;
                color:#007a66;
                font-size:14px;
                text-decoration:none;
                text-transform:uppercase;
                background:transparent url(../gfx/li.gif) 0px -1px no-repeat;
                padding:0 0 0 21px;
                }
            .navigatie ul li a.selected {
                background:transparent url(../gfx/li-selected.gif) 0px -1px no-repeat;
                }
            .navigatie ul ul {
                position:relative;
                top:5px;
                }
            .navigatie ul ul li a {
                background:transparent url(../gfx/li-sub.gif) 3px 7px no-repeat !important; text-transform:none; font-size:12px;
                }
            .navigatie ul ul li a.selected {
                font-weight:bold;
                } 
            .navigatie ul ul li {
                padding:0 0 0 0 !important;
                margin-left:18px;
                _float:left;
                _clear:left;
                }
            
.mainContent {
    width:700px;
    overflow:hidden;
    float:left;
    position:relative;
    left:30px;
    padding-bottom:260px;
    }
    .mainContent .content {
        width:465px;
        /*overflow:hidden;*/
        float:right;
        padding:30px 0 20px 0;
        
        /**/position:relative;
        }
    .sidebar {
        width:220px;
        overflow:hidden;
        float:right;
        padding:30px 0 0 0;
        color:#000000;
        position:relative;
        right:3px;
        }
         .sidebar {padding-bottom:210px;}
.footer {
    width:980px;
    overflow:hidden;
    }
.spacer {
    width:465px;
    overflow:hidden;
    height:100px;
    background-color:red;
    }
.visualBlock {
    position:absolute;
    bottom:0px;
    left:0px;
    float:left;
    clear:left;
    }


table.userdetails td {
    padding:0 5px 3px 0;
    vertical-align:top;
    line-height:20px;
    }
    table.userdetails strong {
        color:#000000;
        }
    table.userdetails .registreer-button,
    table.userdetails .verstuur-button,
    table.userdetails .aanpassen-button,
    table.userdetails .indicatie-button  {
        float:right;
        }
table.userprofiel .aanpassen-button,
table.userprofiel .checklist-button,
table.userprofiel .verhuiskalender-button {
    float:left;
    }
table.userprofiel .gaterug-button,
table.userprofiel .offerte-aanvraag {
    float:right;
    }
table.task-info .print-button {
    float:right;
    }
table.login .login-button {
    float:right;
    }
table.login a {
    color:#007a66;}
.omschrijving .bewaren-button {position:relative;float:right;top:4px;}
    
.registreer-button,
.login-button,
.verstuur-button,
.aanpassen-button,
.checklist-button,
.verhuiskalender-button,
.print-button,
.indicatie-button,
.gaterug-button,
.contact2-button,
.contact3-button,
.offerte-aanvraag,
.bewaren-button,
.verhuisdatum-invoeren-button,
.verstuur2-button {
    width:96px;
    height:25px;
    display:block;
    background:transparent url(../gfx/btn-registreer.gif) top left no-repeat;
    }
.login-button,
.verstuur-button {
    background:transparent url(../gfx/btn-verstuur.gif) top left no-repeat;
    }
.aanpassen-button {
    background:transparent url(../gfx/btn-aanpassen.gif) top left no-repeat;
    }
.checklist-button {
    background:transparent url(../gfx/btn-checklist.gif) top left no-repeat;
    }
.verhuiskalender-button {
    background:transparent url(../gfx/btn-verhuiskalender.gif) top left no-repeat; width:126px;
    }
.print-button {
    background:transparent url(../gfx/btn-print.gif) top left no-repeat; width:118px;
    }
.indicatie-button {
    background:transparent url(../gfx/offerte-aanvragen.jpg) top left no-repeat; width:130px;
    }
.gaterug-button {
    background:transparent url(../gfx/btn-ga-terug.gif) top left no-repeat; width:108px;
    }
.contact2-button {
    background:transparent url(../gfx/btn-contact2.gif) top left no-repeat; width:92px;
    }
.contact3-button {
    background:transparent url(../gfx/contactwit.gif) top left no-repeat; width:93px;
    }    
    
.offerte-aanvraag {
    background:transparent url(../gfx/offerte-aanvragen.gif) top left no-repeat; width:160px; height:28px; position:relative; top:-2px;
    }
.bewaren-button {
    background:transparent url(../gfx/btn-bewaren.gif) top left no-repeat; width:96px;
    }
.verhuisdatum-invoeren-button {
    background:transparent url(../gfx/btn-verhuisdatum-invoeren.gif) top left no-repeat; width:178px;
    float:right; text-decoration:none !important;
    }
.verstuur2-button {
    background:transparent url(../gfx/btn-verstuur2.gif) top left no-repeat; width:87px;
    float:right;
    }
.min-button{
	display:block;
	border:0px;
	background: url('../gfx/userblock-min-button.gif') no-repeat center left;
	line-height:31px;
	float:left;
	text-indent:30px;
	margin-right:3px;
}
.del-button{
	display:block;
	background: url('../gfx/userblock-del-button.gif') no-repeat center left;
	line-height:31px;
	float:left;
	text-indent:30px;
	margin-right:3px;
}
.vorige-button{
	display:block;
	background: url('../gfx/vorige-button.gif') no-repeat center left;
	line-height:13px;
	float:right;
	padding-left:20px;
	margin-right:3px;
	text-decoration:none;
	font-size:10px;
	color:#888888;
	}
		.vorige-button:hover{
		text-decoration:underline;
		}


.volgende-button{
	display:block;
	background: url('../gfx/volgende-button.gif') no-repeat center right;
	line-height:13px;
	float:right;
	padding-right:20px;
	margin:0 10px;
	text-decoration:none;
	font-size:10px;
	color:#888888;
}
		.volgende-button:hover{
		text-decoration:underline;
		}
.TextArea-checklist {
    width:460px;
    height:100px;
    }
fieldset {
    clear:both;
}
input[type='text'],
input[type='password'] {
    border:1px solid #007a66;
    color:#007a66;
    }
select {
    border:1px solid #000000;
    color:#000000;
    }
.input70 {width:70px;}
.input225 {width:225px;}
.input150 {width:150px;}
.input200 {width:200px;}
.input300 {width:300px;}
.input60 {width:60px;}
.input30 {width:30px;}
.calculatortable .input40 {width:100px;}
.calculatortable .input20 {width:20px;}

fieldset {border:1px solid #cce4e0; padding:10px;}
legend {font-weight:bold; color:#007A66; font-size:12px;}

/*CALENDER*/
div.day-box-header{position:relative;float:left;width:62px;height:15px;margin-top:5px;text-align:center;color:#BDD8E1;border-bottom:1px solid #e6e6e6;}
div.day-box{position:relative;float:left;width:59px;height:74px;margin-top:5px;padding-left:3px;}
div.day-box .date{height:16px;line-height:16px;font-weight:bold;width:58px;text-indent:2px;background:#e6e6e6;border:1px solid #dddddd;border-bottom:0px none;}
div.day-block{border:1px solid #dddddd;width:58px;height:56px; position:relative;}
#movingday,
#today{width:58px;height:56px;border:1px solid #007A66!important;background:#d9ebe8!important;}
div.day-block:hover{border:1px solid #007A66; background:#d9ebe8;}
div.day-block a{display:block; width:62px; margin-left:2px; overflow:hidden;line-height:18px; font-weight:normal;color:#BEBEBE;white-space:nowrap;}
div.day-block a:hover{color:#969696;}

/*CALENDER POP-UP*/
div.day-popup-box{position:absolute;top:0px;left:57px;width:293px;border:1px solid #007a66;background:#ffffff;z-index:1990;overflow: visible;}
div.day-popup-box #title{position:relative;float:left;line-height:23px;height:23px;font-size:10px;width:283px;color:#017189;background:#c1d8e0;padding:0px 5px;overflow:hidden;}
div.day-popup-box .content{position:relative;float:left;width:283px;padding:5px;color:#797173;background:#ffffff;min-height:80px;_height:80px;overflow: auto;*overflow: visible;white-space:normal;word-break:break-all;z-index:1990;}
div.day-popup-box .content label{margin-top:3px;display:block;}

/*VERHUISDATUM*/
div.countdown{position:relative;float:left;width:220px;overflow:hidden;padding-bottom:20px;}
div.countdowntxt{position:relative;float:left;margin-top:18px;height:15px;font-size:12px;font-weight:bold;padding-left:3px; color:#000000;}
div.countdownlink{position:relative;float:right;padding-right:10px;}
div.countdownlink a{text-decoration:underline;font-size:10px;color:#007A66;}
div.icon-calender{float:left;height:47px;font-size:18px;font-weight:bold;width:45px;line-height:55px;color:#007A66;text-align:center;overflow:hidden;background: url('../gfx/icon-calender.png');_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/icon-calender.png');}
div.icon-calender a {color:#007A66;}

/*CHECKLIST*/
.checklist-table{width:340px;}
td.check{background: url('../gfx/checked.gif') no-repeat -24px 0px;height:24px;width:24px;overflow:hidden;cursor:pointer;}
td.checked{background: url('../gfx/checked.gif') no-repeat 1px 0px;height:24px;width:24px;overflow:hidden;cursor:pointer;}
td.del-check{background: url('../gfx/del-checked.gif') no-repeat -24px 0px;height:24px;width:24px;overflow:hidden;cursor:pointer;}
td.del-checked{background: url('../gfx/del-checked.gif') no-repeat 1px 0px;height:24px;width:24px;overflow:hidden;cursor:pointer;}

table.userdetailsnormal label {font-weight:bold; color:#000000;}

/*PLANNING*/
.planning-box {
    border:1px solid #cce4e0;
    overflow:hidden;
    margin-bottom:5px;
    }
.planningdatum {
    background-color:#6d6e71;
    color:#FFFFFF;
    width:145px;
    overflow:hidden;
    float:left;
    }
    .planningdatum .icon-planning {
        background:transparent url(../gfx/planning-back.jpg) top left no-repeat;
        width:59px;
        height:59px;
        float:left;
        line-height:65px;
        text-align:center;
        color:#007A66;
        font-size:18px;
        font-weight:bold;
        }
   .planning-content {
    width:280px;
    float:right;
    position:relative;
    right:10px;
    padding:5px 5px 0 0;
    }
    
 .homeBerekening {
    color:#000000;
    font-size:11px;
    margin:0 5px;
    }
    .homeBerekening .kop {
        font-size:14px;
        color:#007a66;
        }
.bold {
    font-weight:bold;
    color:#000000;
    }
.boldgrey {
    font-weight:bold;
    color:#6d6e71;
    }
.boldgreen {
    font-weight:bold;
    color:#007966;
    }
.zipcode {

    background-color:#98d4bf;
    width:224px;
    position:absolute;
    bottom:0px;
    right:0px;
    }
    .zipcode .margin {
        margin:0 10px;
    padding:10px 0;
        }
    .zipcode,
    .zipcode td {font-size:10px; color:#000000}
    .zipcode a {color:#000000;}
    
/*VOLUME*/
div.calculatorbox{position:relative; margin:0 0 2px 0; clear:left; overflow:hidden;}
div.calculatorbox .calculator-header a{display:block;background:url('../gfx/calculator-header.gif') left center no-repeat; border:1px solid #d7d7d7;height:30px;line-height:30px;font-size:16px;color:#797173;text-indent:35px; text-decoration:none;}
div.calculatorbox#selected .calculator-header a{display:block;background:#007a66 url('../gfx/calculator-header-selected.gif') 14px 9px no-repeat;height:30px;line-height:30px;font-size:16px;color:#FFFFFF;text-indent:35px; border:1px solid #007a66;}
div.calculatorbox .calculator-content{display:none;}
div.calculatorbox#selected .calculator-content{display:block;position:relative;border-right:1px solid #cce4e0;border-bottom:1px solid #cce4e0;border-left:1px solid #cce4e0;}
div.calculatorbox .calculator-bottom{display:none;}
div.calculatorbox#selected .calculator-bottom{display:block;position:relative;float:left;height:9px;font-size:0px;/* IE 6 fix */background:url('../gfx/cornered-box-bottom-2col.gif') no-repeat;}
.calculatortable{margin:0px 0px 10px 10px;}
.calculatortable td{vertical-align:top;line-height:24px;}
.calculatortable td.text{width:130px;}
a.min{display:block;background: url('../gfx/min.gif') no-repeat center left;width:24px;height:24px;float:left;}
a.min:hover{display:block;background: url('../gfx/min.gif') no-repeat center right;width:24px;height:24px;}
a.plus{display:block;float:left;background: url('../gfx/plus.gif') no-repeat center left;width:24px;height:24px;}
a.plus:hover{display:block;background: url('../gfx/plus.gif') no-repeat center right;width:24px;height:24px;}
div.calculatorbox-totaal{position:relative;background-color:#007a66;height:30px;line-height:30px;font-size:16px;color:#FFFFFF;text-indent:12px}
div.calculatorbox-totaal span{position:relative; float:left;}
a.calculator-berekenen{float:right;display:block;background:url('../gfx/calculator-berekenen.gif') no-repeat center;width:127px;height:25px;margin-right:5px; position:relative; top:3px;}
table#task-info{color:#797173;}
.omschrijving {
    width:290px;
    overflow:hidden;
    float:right;
    }
    .omschrijving textarea {
        width:285px;
        }
.takendatum {
    position:relative;
    width:140px;
    float:left;
    top:20px;
    }
    .takendatum h4 {
        color:#007A66;
        font-size:12px;
        position:relative;
        top:5px;
        left:5px;
        }

.footerlinks,
.footerlinks a {
    color:#FFFFFF;
    }
.visualBlock {width:756px; overflow:hidden;}
.visualBlock .images {width:756px; height:156px; overflow:hidden; background:transparent url(../gfx/visuals-back.gif) left center repeat-x;}
.visualBlock .images a {
    display:block;
    float:left;
    overflow:hidden;
    position:relative;
    top:18px;
    }
    .visualBlock .images a img {
        width:120px;
        height:121px;
        }
.visualBlock a.selected {
    border:8px solid #007966;
    top:0px;
    }
    .visualBlock a.selected img {
        width:140px;
        height:140px;
        }
    /*.visualBlock a:hover {
        border:18px solid #007966;
        }*/
div.verhuislijst 
	{
		width:120px;
		
		float:right;
		position:relative;
		white-space:nowrap;
		line-height:15px;
		}
div.verhuislijst a {
display:block;
position:relative;
clear:left;
color:#797173;
line-height:15px;
background:url('../gfx/verhuislocatie.gif') no-repeat bottom left;
text-indent:15px;
width:120px;
height:15px;
overflow:hidden;
}
div.verhuislijst a:hover{
background:url('../gfx/verhuislocatie.gif') no-repeat top left;

}

.TextArea-user 
{

	width:220px;
	height:80px;
}