.textfeld{width:250px; height:auto;border:1px dotted #cdcdcd;position:absolute;}
.handle{color:#cdcdcd;float:left;width:100%;height:100%;margin:0px;cursor: move;position: absolute;
    width: 100%;
    z-index: 100;-ms-touch-action:none;}/**/
/*.handle{color:#cdcdcd;float:left;width:100%;height:100%;margin:0px;cursor: move;clear:both;position:absolute;}*/

.rhandle{cursor:nwse-resize;float:right;width:50px;height:50px;font-size: 50px;text-align:right;color:#cdcdcd;position:absolute;right:0;bottom:0;z-index:102;-ms-touch-action:none;}

.closer{color:#cdcdcd;position:absolute;text-align:right;width:20px;height:20px;margin:3px;cursor: pointer;z-index: 102;right:0;}
.ttext{width:100%;height:100%;clear:both;background:transparent; border:none;resize: none;overflow:hidden;}

.handle:hover,.closer:hover,.rhandle:hover{color:#1d971d;}
#grusskarte{width:100%;min-height:400px;overflow:hidden;}
#syouter{margin-top:10px;}
#symbole button{font-size:22px;margin:2px;border-radius:5px;background:#efefef;cursor:pointer;}
#symbole button:hover{box-shadow: 0 2px 7px 0 rgba(1, 1, 1, 0.75);opacity: 0.8;}
.tfarbe{font-weight:bold;}

#grusskarte.vorschau .textfeld{border:1px solid transparent;}
#grusskarte.vorschau .handle, #grusskarte.vorschau .rhandle, #grusskarte.vorschau .closer{visibility: hidden;}

#fontsize{border: 1px solid #333;}
#fontsize .slider_knob{width:10px !important;height:10px !important;border:1px solid #333;border-radius:5px 5px 5px 5px;}
#tsize{margin-top:10px;margin-bottom:10px;}
#tsize .tl{font-weight:bold;}

#schriftarten{width:99%;margin:5px;height:200px;overflow:auto;word-break: break-all;}
#schriftarten p{margin-bottom: 5px;cursor:pointer;}


#kmen{width:100%;clear:both;margin:5px;}
.kmenbtn{width:auto;height:25px;overflow:hidden;float:left;border:1px solid #efefef;background:#CDCDCD;cursor:pointer;line-height:25px; font-weight:bold;text-align:center;
 background: #8f888f;
  background-image: -webkit-linear-gradient(top, #8f888f, #030303);
  background-image: -moz-linear-gradient(top, #8f888f, #030303);
  background-image: -ms-linear-gradient(top, #8f888f, #030303);
  background-image: -o-linear-gradient(top, #8f888f, #030303);
  background-image: linear-gradient(to bottom, #8f888f, #030303);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
	box-shadow:1px 1px 5px 1px #ccc;
}
.kmenbtn span{display:none;color:#FFFFFF;font-weight:normal;font-size:12px;text-align:left;margin-left:5px;padding-left:5px;border-left:1px solid white;}
.kmenbtn div{display:inline;}
.kmenbtn.active,.kmenbtn:hover{width:auto;
background: #030303;
  background-image: -webkit-linear-gradient(top, #030303, #8f888f);
  background-image: -moz-linear-gradient(top, #030303, #8f888f);
  background-image: -ms-linear-gradient(top, #030303, #8f888f);
  background-image: -o-linear-gradient(top, #030303, #8f888f);
  background-image: linear-gradient(to bottom, #030303, #8f888f);
  text-decoration: none;
}
.kmenbtn.active span{display:inline;}
.kmenbtn:hover span{display:inline;}

.outer{display:none;box-shadow:1px 1px 5px 1px #ccc;clear:both;float:left;width:97%;margin:5px;padding:5px;margin-top:0px;} 
.outer h3{text-align:left;}

#kouter,#souter,#syouter{margin-top:0px;border:1px solid #efefef;width:98.5%;float:left;}

#schriftarten{float:left;width:200px;}
#symbole{width:100%;overflow:auto;font-size:30px;height:200px;word-break: break-all;}

#tsize{}
#colsl{
	border-top:1px solid #efefef; 
	float: left;
	margin-top: 5px;
	padding-top: 10px;
	position: relative;
	width: 200px;
}

#houter{margin:5px;border:1px solid #efefef;width:97.5%;min-height:400px;float:left;}

#vemail,#fbs{float:left;width:49%;}
#vemail{border-right:1px solid #efefef;margin-right:5px;padding-right:5px;}

#vemail input{
	box-shadow:0 1px 1px rgba(225, 225, 225, 0.4) inset, 0 0 6px rgba(0, 0, 0, 0.7) inset;
	width:50%;height:20px;border:1px solid #999999;margin:3px;padding:3px;

}

#vemail input:focus{background-color:white;}
#eemail, #eabsender{display:none; font-weight:bold; color:red;}

#fshare img{float:left;cursor:pointer;}
#fshare div{float:left;width:200px;margin-left:5px;cursor:pointer;font-weight:bold;}

textarea:focus{background:transparent;}