@media screen and (max-width: 360px)
{
	.contentcontainer, .top-line,  .navbar, .cd-multi-steps, nav{
		width: 360px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.column {
		width: 360px!important;
	}
	
	.column label {
		width: 300px!important;
	}
	
	.formitem {
		width: 100%!important;
	}
	
	.formitem a {
		/*width: 300px!important;*/
		word-wrap: break-word;
	}
	
	.formitem  input {
		clear: both;
		margin-bottom: 10px;
	}
	.formitem  label {
		display: block!important;
		margin-bottom: 10px;
	}
	
	.navbar-header img { width: 300px!important;}
	.greenButton {
		clear: both;
		/*float: left;*/
		display: block;
		margin-bottom: 10px;
	}
	
	.kantoorImage, .logoImage {
		float: left!important;
		clear: both;
		width: 100%;
	}
	.offNotarisAdres, .offNotarisPostcode, .offNotarisPlaats {font-size:0.9em!important}
	
	.tableView ul
	{ width: 100%!important; margin: 0!important;padding: 0!important;}
}

@media screen and (min-width: 361px)
{
	.greenButton, .rightFloated {
		clear: both;
		/*float: left!important;*/
		margin-bottom: 10px;
		
	}	
	.navbar-header img { width: 360px!important;}
	.column {
		width: 100%;
	}

	.column label {
		width: 300px!important;
	}


	.formitem  input {
		clear: both;
		margin-bottom: 10px;
	}

	.formitem  label {
		display: block!important;
		margin-bottom: 10px;
	}



	.offerte .formitem  label {
		display: inline-block!important;
		margin-bottom: 10px;
	}

	
}

@media screen and (min-width: 481px)
{
	.column {
		width: 49%;
	}

	.greenButton, .rightFloated {
		clear: both;
		float: none!important;
	}	
	
.rightFloated 
{
	float: right!important;
	margin-top: -62px;
}
	
}

@media screen and (min-width: 1025px)
{
	.column {
		width: 49%;
	}

	.greenButton, .rightFloated {
		clear: both;
		float: none!important;
	}	

.rightFloated 
{
	float: right!important;
	margin-top: -62px;
}

}

.column {
    float: left;
    margin-right: 1%;
}

.formitem, .container, .containerOverzicht {
    clear: both;
    margin-bottom: 10px;
}

.containerOverzicht {
    margin-bottom: 3px!important;
    margin-left: 10px;
}

.formitem .label {
    /*display: inline-block;
    width: 150px;*/
}

.container label {      
        width: 150px;
}

.container div, .container div div {
    float: left;
    padding-right: 40px;
    padding-bottom: 30px;
}

.container div label, .container div div label {
   /* display: block;*/
    padding-bottom: 5px;
}

.container div span label, .container div div span label {
    /*display: inline-block;*/
    padding-left: 10px;
    position: relative;
    top: -1px;
    white-space: normal;   
}

.container div ol li label, , .container div div ol li label {
/*    display: inline-block;*/
    position: relative;
    top: -1px;
}

.inlineblock {
    display: block;
}

.container label:first-child {
   /* width: 150px;*/
}

.listcontrol input {
    vertical-align: top;
}

.listcontrol label {
    display: inline-block; 
    width: 500px;
    padding-left: 5px!important;
}

.listcontrol{
  display: inline-block;
  position: relative;
  padding: 0 6px;
}

.listcontrol input[type='radio'] {
  display: none;
}

.listcontrol label {
  color: #666;
  font-weight: normal;
}

.listcontrol label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid var(--blue);
  background-color: transparent;
}

.listcontrol input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 9px;
  content: " ";
  display: block;
  background: var(--blue);
}

span.listcontrolYN {
	width: 200px!important;
}

span.listcontrolYN label
{
		
    width: 62px!important;
}

span.aanhef {
    display:inline-block!important;
	width: 300px!important;
}

span.aanhef label
{
    display:inline-block!important;
		width: 90px!important;
}


input[type="checkbox"] {
  display: none;
}
label {
    cursor: text;
}
input[type="checkbox"] + label:before {
  background: var(--white);
  border: 1px solid #7f83a2;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 24px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 24px;
  cursor: pointer;
}
input[type="checkbox"]:checked + label:before {
  background: var(--white);
  color: var(--blue);
  font-weight: bold;
  font-size: 23px;
  content: "\2713";
  text-align: center;
  cursor: pointer;
}

input[type="checkbox"]:checked + label:after {
  font-weight: bold;
  cursor: pointer;
}

ul {
    list-style:none;
    padding:0px;
    margin:0px;
}


label.wachtwoordLabel,
.column label.wachtwoordLabel
{
	display: inline-block!important;
	
}

#ctl00_Content_WachtwoordVergetenButton
{	
	margin-left: -90px;
}