/* gedeelde (algemene) declaraties */

@import url("/css/shared.css");








/* Menu */

#mainmenu{
    margin: 5px 0px 0px 66px;
	font-size:12px;
	width:154px;
	overflow:hidden;
}

#mainmenu ul{
	margin: 0;
	padding: 0;
}

#mainmenu ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 13em;
	background: none;

}

#mainmenu ul li a{
	display: block;
	width: 100%;
	font-weight: bold;
	padding: .2em 0 .3em 12px;
}

#mainmenu ul li.current a,
#mainmenu ul li a:hover{
	color: #FFF;
	background: #F66013;
	text-decoration: none;
}

#mainmenu ul li.current ul{
	background: #FDD7C4;
	margin-left: 1em;
}

#mainmenu ul li.current ul li{
	width: 12em;
}

#mainmenu ul li.current ul li a,
#mainmenu ul li.current ul li.current ul li a,
#mainmenu ul li.current ul li.current ul li.current ul li a{
	background: url(/img/bullet_orange.gif) no-repeat .3em .75em;
	padding-left: 15px;
	color: #F66013;
}

#mainmenu ul li.current ul li.current a,
#mainmenu ul li.current ul li a:hover,
#mainmenu ul li.current ul li.current ul li.current a,
#mainmenu ul li.current ul li.current ul li a:hover,
#mainmenu ul li.current ul li.current ul li.current  ul li.current a,
#mainmenu ul li.current ul li.current ul li.current ul li a:hover{
	background: #F66013 url(/img/arrow_white.gif) no-repeat .25em .5em;
	color: #FFF;
}

#mainmenu ul li.current ul li.current ul{
	background: #FEE7DC;
}

#mainmenu ul li.current ul li.current ul li{
	width: 11em;
}

#mainmenu ul li.current ul li.current ul li.current ul{
	background: #FDEEE6;
}

#mainmenu ul li.current ul li.current ul li.current ul li{
	width: 10em;
}



/* Aanmeldformulier */
.blockheader{
        background: #E0E0E0;
        display: block;
        float: left;
        padding: 0 .8em;
        margin-right: .5em;
        font-weight: bold;
        font-size: .9em;
}

.steps{
        margin-bottom: .8em;
}

.aanmeldform{
        position: relative;
        max-width: 50em;
}

.aanmeldform .label{
        display: block;
        position: absolute;
}

.aanmeldform .formelm{
        position: absolute;
        display: block;
        padding-left: 11em;
        width: 100%;
}

.radio{
        display: block;
        margin-bottom: .3em;
}

.radio input{
        margin: 0 .2em 0 0;
        position: relative;
        top: 2px;
}

.radio span{
        margin-right: .5em;
}

.row{
        position: relative;
        clear: both;
        margin-bottom: .3em;
        height: 2.1em;
}
.rowdouble{
        position: relative;
        clear: both;
        margin-bottom: .3em;
        height: 3.6em;
}

.rowtriple{
        position: relative;
        clear: both;
        margin-bottom: .3em;
        height: 5.3em;
}

.elm1_2,
.elm1_3{
        display: block;
        float: left;
        width: 200px;
}

.elm2_2{
        display: block;
        float: left;
        width: 200px;
}

.elm1_2 input,
.elm2_2 input,
.elm1_3 input,{
        width: 200px;
}

.elm2_3 input, .elm3_3 input{
        width: 100px;
}


.elm2_3{
        display: block;
        float: left;
        width: 100px;
}

.elm3_3{
        display: block;
        float: left;
        width: 50px;
}

.inputboxfulllength{
        font-size: 1em;
        width: 200px;
}

.inputboxhalflength{
        font-size: 1em;
        width: 100px;
}


.branchelistitem{
        padding: 1em 0 .3em;
}

.branchelistitemheader{
        background: #BAB9B9;
        font-weight: bold;
        color: #3E3A39;
        padding: .1em .8em;
}

.branchelistitem .branchlistitemselect{
        padding-left: .8em;
        float: left;
}

.branchelistitem .branchlistitemselect select{
        position: relative;
        left: -.8em;
}

.branchelistitemsubmit input{
        float: right;
}



.dienstentable{
        width: 100%;
        background: #FFF;
}

.dienstentable th{
        background: #F66013;
        color: #fff;
        padding: .3em;
        font-weight: bold;
        border-right:1px solid #FFF;
}

.dienstentable th.borderrechts{
        border-right:1px solid #F66013;
}

.dienstentable td{
        padding: .3em;
        border-right: 1px solid #F66013;
        margin-top: 1em;
        border-bottom: 0;
        line-height: 165%;
}

.dienstentable td.noborder{
        border: 0;
        border-top: 1px solid #F66013;
        line-height: 50%;
        background: #F8F8F8;
}

td.dienstleftcell{
        border-top: 1px solid #F66013;
        border-left: 1px solid #F66013;
        padding: 0;
        width: 50%;
        vertical-align: top;
}

td.dienstrightcell{
        border-top: 1px solid #F66013;
        vertical-align: top;
}

.rdwdienst{
        border-bottom: 1px solid #ccc;
        float: left;
        padding: .3em;
        width: 100%;
}

.dienstentable .checkbox,
.checkbox{
        margin: 0 .2em 0 0;
}

.resultleftcol{
        width: 18em;
}

.resulttable{
        width: 80%;
        border-right: 1px solid #F66013;
        margin-bottom: 1em;
        background: #FFF;
}

.resulttable th{
        background: #F66013;
        color: #fff;
        padding: .3em;
        font-weight: bold;
}

.resulttable td{
        padding: .3em;
        border: 1px solid #F66013;
        border-width: 0 0 1px 1px;
}