body { font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

a { cursor: pointer; }

h1 { font-size: 20px; }
h2 { font-size: 14px; margin-bottom: 5px; }
h3 { font-size: 12px; }

#layer_control { width: 20%; float: right; }
#layer_control .text { padding: 10px; }

#sortable_layers { list-style: none; margin: 0; }
#sortable_layers>li { margin-left: 5px; margin-bottom: 8px; }
#sortable_layers>li { border-bottom: 1px solid #cecece; }
#sortable_layers>li:first-child { border-bottom: 1px solid #cecece; }
#sortable_layers>li:nth-child(2) { border-bottom: 1px solid #cecece; }

#sortable_layers>li:last-child { border-bottom: 0; }

#sortable_layers>li li { height: 15px; }
#sortable_layers>li>div.slider { margin-right: 25px;}

ul.menu { list-style: none; margin: 0;  }
ul.menu li { padding: 5px; padding-right: 0; margin-left: 18px;  }
ul.menu label { width: auto!important; line-height: 1.3; }
ul.menu li:hover { background-color: #dfdfdf; }

ul.add_menu li { margin-left: 0; }

img.draggable { float: left; margin-right: 10px; cursor: move; }
ul.menu h3 { float: left; }

ul.menu input[type=checkbox] { float: left; margin-right: 5px; }


/* chrome fix */
#sortable_layers>li li {  overflow:hidden; width:100%; }
ul.menu h3 { min-width:130px;}
li.sortable h3 { min-width:130px; }
li.sortable label { margin-left:0 !important; float:left; }

.ui-state-highlight { height: 15px!important;}

li[rel=other] ul.menu li { margin-left: 0; padding-left: 0; }
.hand, .hand * { cursor: pointer;}

textarea[name=opmerking] { width: 166px!important; height: 50px; }

li[rel=cultuurhistorisch] span { width: 12px; display: block; float: left; }

#layers_toevoegen { position: absolute; left: 5px; bottom: 5px; padding: 7px; background: white; border: 1px solid grey;  }
#legenda { position: absolute; left: 85px; width: 350px; top: 5px; background: white; border: 1px solid grey; max-width: 350px; _width: 350px; max-height: 60%; _height: 60%; overflow-x: hidden; overflow-y: auto; }
#legenda img { display: none; margin: 5px 5px 8px 5px; }

.ui-resizable-nw { width: 15px; height: 15px; cursor: nw-resize; background: url(../media/images/resize-nw.png) bottom right no-repeat; }
.delete { cursor: pointer; font-size: 11px; }
.delete:hover { text-decoration: underline; }


#layer_control { 
	position: relative;
}
/**
 * Labels
 */
.labels { padding: 1px; padding-top: -15px; color: black; background-color: white; font-family: "Lucida Grande", "Arial", sans-serif; font-size: 12px; text-align: center; width: auto; white-space: nowrap; } /* font-weight: bold; */

.textshadow .veldtype_1, .veldtype_1 { color: black!important; font-size: 14px; font-style: normal; } /* gebiedsnaam, groot-zwart */
.textshadow .veldtype_2, .veldtype_2 { color: black!important; font-size: 12px; font-style: normal; } /* perceelsnaam, normaal-zwart */
.textshadow .veldtype_3, .veldtype_3 { color: blue!important; font-size: 12px; font-style: italic; } /* waternaam, schuin-blauw */
.textshadow .veldtype_4, .veldtype_4 { color: red!important; font-size: 12px; font-style: normal; } /* boerderijnaam, normaal-rood */


.textshadow .labels { padding: 0; color: white; background: none; -webkit-text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; -moz-text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000,    1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; -o-text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; }
.textshadow .labels.veldtype_1 { padding: 0; color: black; background: none; -webkit-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff,    1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -o-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; }
.textshadow .labels.veldtype_2 { padding: 0; color: black; background: none; -webkit-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff,    1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -o-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; }
.textshadow .labels.veldtype_3 { padding: 0; color: blue; background: none; -webkit-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff,    1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -o-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; }
.textshadow .labels.veldtype_4 { padding: 0; color: red; background: none; -webkit-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff,    1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; -o-text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; }

/*.labels { color: white; background: none; text-shadow: 2px 2px 3px black; }*/
/*.labels.gebiedsnaam { color: white; font-style: italic;  font-size: 12px; }*/
/*.labels.veldnaam { color: white }*/
/*.labels.plaatsnaam { color: white  }*/

.size_1 { font-size: 19px; padding-top: -10px; }
.size_2 { font-size: 15px; padding-top: -10px; }
.size_3 { font-size: 12px; padding-top: -10px; }

/**
 * Forms
 */
input:invalid { outline:none; border-radius: none; -moz-box-shadow: none;  box-shadow: none; -webkit-box-shadow: none;  }

/*form[name=inloggen] { padding-top: 4px; }*/
/*form[name=inloggen] input { height: 20px; padding: 1px 2px; }*/
/*form[name=inloggen] label { line-height: 22px; width: 100px; }*/

/*fieldset>div, div.row { margin-bottom: 10px; clear: both; }*/
/*textarea { width: 200px !important; }*/
/*label { display: inline-block; width: 150px; vertical-align: top; }*/
/*fieldset.input { display: inline-block; width: auto; }*/
/*fieldset.input label { width: auto; margin-right: 10px; }*/

label.error { background: #ffc;	color: #c00; margin-left: 10px; width: auto; vertical-align: middle;  }
input.error, select.error, textarea.error { background-color: #fee !important; }

#resizable { overflow-y: scroll; position: absolute; right: 295px; bottom: 5px; width: 250px; background: white; padding: 7px; border: 1px solid grey; min-height: 180px; _height: 180px; max-height: 60%;  }
#beschrijving_html { margin-top: 10px; }
/*#beschrijving_html input[type=text], #beschrijving_html input[type=url], #beschrijving_html input[type=email], #beschrijving_html select { width: 100%; }*/
/*#beschrijving_html label { width: 100%; font-weight: bold; }*/
/*#beschrijving_html textarea { width: 100%!important; }*/
/**
 * Messaging
 */
div.error, div.notice, div.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; width: 90%; }
div.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
div.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
div.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
div.error a { color:#8a1f11; }
div.notice a { color:#514721; }
div.success a { color:#264409; }


.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; clear: both; }

.ie7 .clearfix {
	clear: both;
	height: 0px;
	font-size: 1;
	overflow: hidden;
}

.clear-content { position: absolute; right: 3px; top: 3px; cursor: pointer; }

input[name=add_layer] { float: left; margin-right: 3px; }

.arrowup, .arrowdown { float: left; margin-right: 2px; }
.arrowdown { margin-right: 4px; }

/*
 * Bootstrap
 */
i.icon-info-sign { margin-left: 3px; }
div.gmnoprint , div.gmnoprint div{ line-height: 1!important; }
img { max-width: none; }

#legenda_show { float: right; margin-right: 10px; margin-top: 5px;}