body{
  background: #fff;
}



nav{
    background: #fff;
  font-size: 10px;
}

nav ul, nav li{
  margin: 0px;
  padding: 0px;

  list-style: none;
  text-align: left;
}

nav ul{
    padding-top: 20px;
}

nav li{
	font-size: 12px;
	
  padding: 5px 10px 5px 10px;
    padding-left: 30px;
  color: rgba(127, 140, 141,1.0);
  border-radius: 0 15px 15px 0;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 5px;
	cursor: pointer;
}

nav .snav{
    margin-left: -30px;
}


nav li .nav_ext{
    float: right;
}

nav li ul{
    display: none;
}

nav li ul li{
    padding: 5px;
    padding-left: 35px;
}

nav li ul li:hover{
   background: none;
   border-left: 3px solid rgba(127, 140, 141,1.0);
}

.subnav{
	height: 60px;
	list-style: none;
}

.subnav li{
	float: right;
	background: rgba(149, 165, 166,1.0);
	border: 1px solid rgba(52, 73, 94,1.0);
	color: rgba(236, 240, 241,1.0);
	padding: 8px 20px 8px 20px;
	margin: 5px;
	margin-right: 20px;
	border-radius: 3px;
	cursor: pointer;
}

nav li:hover{
	background: rgba(127, 140, 141,0.2);
	color: rgba(127, 140, 141,1.0);
}

nav .current{
	background: rgba(243, 156, 18,0.2);
	color: rgba(243, 156, 18,1.0);
}


header{
	background: rgba(41, 128, 185,1.0);
	height: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 100%;
}

header span{
	float: right;
	color: #fff;
	padding-left: 30px;
	margin-right: 30px;
	background: url('./images/1479251904_profle.png') no-repeat left;
	
}

header span a{
	color: #fff;
}

header #legenda span{
	color: #333447;
}

main{
	background: #fff;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

.pin{
background: url('./images/1478479854_pin.png') no-repeat center;
z-index: 2px;
margin-left: -25px;
margin-bottom: -6px;
width: 20px;
height: 20px;
display: inline-block;
cursor: pointer;
}

#gmap_small{
	width: 96%;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 5px 0 10px 0;
	height: 500px;
}

.medit{
	background: url(./images/1478630388_editor-pencil-pen-edit-write-glyph.png) no-repeat left;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 25px;
}

.mview{
	background: url(./images/1480376840_circle-more-detail-glyph.png) no-repeat left;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 25px;	
}

.gm-style-iw p{
font-size: 12px;
}

.medit:hover{
	text-decoration: underline;
	cursor: pointer;
}
.mview:hover{
	text-decoration: underline;
	cursor: pointer;
}

.overlay{
	position: absolute;
	background: #fff;
	width: 60%;
	height: 75%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 100px;
	z-index: 1000;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 10px 10px #888888;
}

.overlay .close{
	background-color: #fff;
	position: fixed;
	top: 120px;
	right: 22%;
}



#aanvragen h4{
	margin-top: 5px;
	margin-bottom: 5px;
}

#aanvragen p{
	font-size: 12px;
	line-height: 1.2;
}

#aanvragen strong{
	display: inline-block;
	width: 80px;
}

#aanvragen .opmerking{
    font-size: 1rem;
	line-height: 1.8;
}



#aanvragen .edit{
	background: url(./images/1478630388_editor-pencil-pen-edit-write-glyph.png) no-repeat left;
	float: right;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}

#werkschema .edit{
	background: url(./images/1478630388_editor-pencil-pen-edit-write-glyph.png) no-repeat left;
	float: right;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}

#aanvragen .drop{
	background: url(./images/1479242438_close.png) no-repeat left;
	float: right;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}
#aanvragen .view{
	background: url(./images/1480376840_circle-more-detail-glyph.png) no-repeat left;
	float: right;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}

.chng_toam{
	cursor: alias;
}

.chng_toam:hover{
	background: rgba(241, 196, 15,0.2);
}

#werkschema .aanvraag{
	margin-top: 10px;
	padding-top: 20px;
}

#werkschema h4{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 50px;
}

#werkschema p{
	font-size: 12px;
	line-height: 1.2;
}

#werkschema strong{
	display: inline-block;
	width: 80px;
}

#werkschema .opmerking{
	border-top: 1px dotted #ddd; 
	line-height: 1.8;
}

#werkschema .materiaal{
	background: #eee;
	border-top: 1px dotted #ddd; 
	line-height: 1.8;
	padding: 5px;
}

#werkschema .materiaal strong{
	float: right;
}

#werkschema input[type="checkbox"]{
	float: left;
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(1); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 20px;
	}

#werkschema .fold{
	background: url(./images/1479312280_icon-arrow-down-b.png) no-repeat left;
	float: right;
	width: 25px;
	height: 25px;
	padding: 7px;
	cursor: pointer;
}


.close{
background: url(./images/1478793393_cross.png) no-repeat left;
float: right;
display: inline-block;
width: 25px;
height: 25px;
margin: 5px;
cursor: pointer;
}

table .edit{
display: inline-block;
	background: url(./images/1478630388_editor-pencil-pen-edit-write-glyph.png) no-repeat left;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}

table .drop{
	background: url(./images/1479242438_close.png) no-repeat left;
display: inline-block;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}

header .close_map{
background: url(./images/1478793393_cross.png) no-repeat left;
float: right;
display: inline-block;
width: 25px;
height: 25px;
margin: 5px;
cursor: pointer;
}


div{
}

#mat_list label{
	font-size: 14px;
}
#mat_list p{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	margin: 2px;
	overflow: hidden;
}

#mat_list label{
	display: inline-block;
	line-height: 1em;
	
}

#mat_list .mat_cnt{
	float: right;
	width: 50px;
	clear: both;
	margin: 5px 0 5px 0;
	font-size: 11px;
}
#mat_list .mat_tprs{
	float: right;
	width: 50px;
	clear: both;
	margin: 5px 0 5px 0;
	font-size: 11px;
}


#mat_list .mat_info{
    width: 15px;
    height: 15px;
    margin: 5px;
}



#mat_list .redb{
	border-style: solid;
	border-color: red;
}

#mat_sam{
	display: none;
}

#mat_sam p{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	margin: 2px;
	overflow: hidden;
}

#mat_sam p:hover{
	background: rgba(241, 196, 15,0.2);
}

#mat_sam label{
	display: inline-block;
	line-height: 1em;
}

#mat_sam .mat_cnt{
	float: right;
	width: 50px;
	clear: both;
	margin: 5px 20px 5px 0;
	font-size: 11px;
}

form{
	margin-bottom: 50px;
}


.alert{
	background: rgba(241, 196, 15,0.6);
	border: 1px solid rgba(241, 196, 15,1.0);
	border-radius: 3px;
	color: rgba(211, 84, 0,1.0);
	padding: 5px;
}

.alert .hidealert{
background: url(./images/1478793393_cross.png) no-repeat left;
float: right;
display: inline-block;
width: 25px;
height: 25px;
margin: 5px;
cursor: pointer;
}
.proffield{
	font-size: 10px;
padding: 3px;
width: 90%;
background: rgba(127, 140, 141,0.2);
border: 1px solid rgba(127, 140, 141,0.8);
margin: 2px;
	cursor: pointer;
	border-radius: 3px;
	min-height: 12px;
}


.inline_edit input{
z-index: -2;
}
.inline_edit input[type="submit"]{
	position: relative;
	z-index: 100;
	margin-top: -40px;
	background: rgba(41, 128, 185,1.0);
	border: 1px solid rgba(52, 73, 94,1.0);
	color: rgba(236, 240, 241,1.0);
	padding: 8px 20px 8px 20px;
	border-radius: 3px;
}