#callerDiv {
	width: 340px;
	border: 2px solid #555;
	box-shadow: 0 0 50px #555;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 9700;
	background-color: #ddd;
}

.callerInner {
	padding: 12px 8px 5px 40px;
}

.feedback {
	margin-top: 10px;
	margin-bottom: 10px;
}

.feedback > tbody > tr > td > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.feedback > tbody > tr > td > ul > li {
	float: left;
}
.feedback_star {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgpJREFUeNqklL9LHEEUx2d/3O3dnvirMP4GQcEggjYxGFCQQK6wixZpRMUi5B9IZacWgpWFhSKCjU1EGyMp0thbhoBWJhAIkpi7293L7Nyu37c3yka8mzM++LAzs2++O++92ad9+8hqsTFggs93X3Rmw3/mZg1irWAJJMEU+F7NWa9BcBQ8B8/AC5WzSrADzDU3WInmRkvDeBZ0P0ZwPJ0yJy3LYFbSYHbKzGLt5f8K9oAFO2XcLqTTUcrnQW+lTVqsyroMh5wHwCuQbWuxtfgGxxUsV+CfMDwCX8A5uEC1SzeCb/GcBk2gD6HVmaYWhUjcZ395KUKIkJ4Ols7AL3BAMQjkacJGOAlTZ5qmLnv8Y2HIMqIUDLmeYGCfwtz2imKGFoIgZA+1AIpSbAHTDRIMwB5E3zue/yDREGKO65PYIqa7yGNwU2UfrCPhy5T0Wq3gCCrSKoZrEON3r40HVguuv0khqAwRMfjuYLgCMa/SPcyBE+4HSkHOI58TuafixaYG0G7o6lLrRuTTRUVXCkrnWPLLxE1+lDpRolr7opcteuwyOshnLs+LNK6vS6YydnmLXhZ8Ig+hCBknpKT/+OmWIPYBa8NgEL/cHtYEFU2esE0lmAb9+QJnVzl+KHshNdWv8p99A0b+5Pn+5e8iVeUpyFQLuR4co8pbsoL32Sl4LZvuO9AQf3ktwAA0CMhtjq5WswAAAABJRU5ErkJggg==) no-repeat center;
	display: block;
	height: 20px;
	width: 20px;
	padding: 2px;
}

.feedback_star_half {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAh5JREFUeNqklM9LlEEYx+f9sfvuvltWLqQZCUFCEYFdNApaiEAP3qpDF1HxEP0DnbxpB6FThw5FBF68KHUR6RCB9+gUQeFBZBdlie3d9519d/Z11u+zzavr0u6sOvBhfn95Zr7PjLG1xrop9zfdrzbqL60TuVzuSN/uQqwfzIMkeAy2Oy02uxC8C+6AEXBPt1gneBlM9553Etls1kB7CgyeRjCXTtkTKcdijuMw13XHMfbwpIJXwaybtg4GIEjVDLjWbpPR5LKpjkOLb4IxMD7Q59JR2ebZ741Fvu8zz/M+o0k7f4DfYAtu78WCz1A/ARfAkJO0zti2wVJJOuZhdLEglWq1ysIwZFEUUTvA0C/wB3yktIlwTw8yrs0StskMQ2873SdBpV6vZyA8HAQB45yv0jHfV8JoMuARk7LOjluklEyJzaL7hgQlWIboi4DXjiWK6GKxOXSXcI8ydrkGXvs8WgBdC5bLZTJpEc1XEBOtaVMBi35Qe8srelFERWIf0HwJsUq7PPTARlVIraAQjYA21J62iU0fwIBl6a22rEZKXSHT9YKm0XL5/ww4stE0458o0UmQJi+aTYKUToVdHhYKhZBeSUuEfSoIfYRkTH6H7/0tixWM3Qa38OSW8/l8RIaoCC/pBNPguhcIVvLEJ/UX0qf6U73Zp2C0VCqtFotFcu4GyHT6sXvAuhDynXLwf+UbeKQ+3efgXPPkvgADAKZy0dXbiNJfAAAAAElFTkSuQmCC) no-repeat center;
	display: block;
	height: 20px;
	width: 20px;
	padding: 2px;
}

.feedback_star_gray {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdBJREFUeNqklM8rBVEUx2emmYdHTzZ+RimKpOgVoigpFnZY2AhZyD9gZYeFsrKwICmbtyE2koWN7ctSipWsLV695v2YmedzuE9D3pvBrU9z5txzv3POnHuvnkwmtRBjFEy4+T4Rj8e/vJshxBphEyIwCy/lgo0QgsMwBAMwEhQcJNgCS9Fo1AIdexHa/iM4ZlnWtGmamoA9hW/ir4LtsILIpyMSkd+oLUNHqUW6r8uGKkeCe2ASpmKxmO5fkMvltEwmc415CffwBM902y0KrvKcgzropLQawzC0Ypk/Dcdx3vE8T55pXI/wCueywqGscSlHhHRdD2y7/2OFQqEa4T7JPJ/Pn0mZRxgL4mBS+8tQYiuY+yLoQQLH+m9FJTabzYrYBq8n/Eev2OU87CG4JaK/yQx2MHcRy33fNjbs8MWDMKJkJdkdY24jZpfahym4dV03UFC6LLFqTcmNLTu3WbodeGY/YlqhIlAwzNZRMXITWeWuL5ms9wuqk5ERu5Khjl8xwwaVRHDJ8tNTqZSL1im+fujFTuBzZE59tClIsAq6JCHbti/UXSiX6oM6s/MwyNxZOp2W/dsN1eVKjsEVXT5UHfxp3MGMunTXoNY/+SbAAFPxwW8+7nEAAAAAAElFTkSuQmCC) no-repeat center;
	display: block;
	height: 20px;
	width: 20px;
	padding: 2px;
}

.feedback_average{
	margin-left: 10px;
	font-weight: bold;
	display: inline-block;
	padding-top: 4px;
}

.callerDivOut {
	background: #ddd url("../media/hp/phone_big_out.png") no-repeat 4px 10px;
}

.callerDivIn {
	background: #ddd url("../media/hp/phone_big_in.png") no-repeat 4px 10px;
}

.callRedir {
	text-align: center;
	background-color: #FFB1B1;
	padding: 8px;
	border-bottom: 1px solid #555;
}

#callerDiv .closeBtn {
	float: right;
	width: 16px;
}

#callerDiv #optDivBtn {
	position: absolute;
	top: 52px;
	left: -2px;
	border: 2px solid #555;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #c0c0c0;
}

#callerDiv #optDivBtn a {
	display: block;
	height: 25px;
}

#callerDiv .optDivBtn0 {
	background-image: url('../media/hp/head_right2.gif')
}

#callerDiv .optDivBtn1 {
	background-image: url('../media/hp/head_left2.gif')
}

#callerDiv .callerNr {
	font-size: 20px;
	margin-bottom: 15px;
}

#callerDiv .callerFrm {
	padding-left: 25px;
	background: url("../media/hp/zuweisung/2.gif") no-repeat 0% 50%;
	font-size: 12px;
	margin-bottom: 7px;
}

#callerDiv .callerMa {
	padding-left: 25px;
	background: url("../media/hp/zuweisung/3.gif") no-repeat 0% 50%;
	font-size: 12px;
	margin-bottom: 7px;
}

#callerDiv .calledNr {
	margin-top: 10px;
	padding-left: 25px;
	font-size: 15px;
	background: url("../media/hp/head_right2.gif") no-repeat 0% 50%;
}

#callerDiv .callIn {
	background: url("../media/hp/head_right2.gif") no-repeat 0% 50%;
}

#callerDiv .callOut {
	background: url("../media/hp/head_left2.gif") no-repeat 0% 50%;
}

#callerDiv .callerWv {
	background-color: yellow;
	border: 1px solid #000;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}

#callerDiv .callerLock {
	background-color: red;
	border: 1px solid #000;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
	color: white;
}

#callerDiv .callerKats {
	margin-top: 10px;
}

#callerDiv .callerKats ul {
	list-style: none;
	font-size: 11px;
}

#callerDiv .callerKats ul li {
	list-style: none;
	font-size: 12px;
	padding-left: 25px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 8px;
}

#callerDiv .callerKats ul li.katHead {
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 10px;
	background: url("../media/hp/info.gif") no-repeat 0% 0%;
}

#callerDiv .callerVerkaeufer {
	margin-top: 10px;
	padding-left: 25px;
}

#callerDiv .callerVerkaeufer ul {
	list-style: none;
	font-size: 11px;
}

#callerDiv .callerVerkaeufer ul li.katHead {
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 5px;
}

#callerDiv .callerErwRR {
	margin-top: 20px;
	padding-left: 25px;
	background: url("../media/hp/mobil.gif") no-repeat 0% 50%;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}
#callerDiv .callerErwRRInfo {
    margin-top: 5px;
    padding-left: 25px;
	font-size: 10px;
    font-style: italic;
}

#callerDiv .callOptions {
	margin-top: 20px;
}

#callerDiv .callOptions ul {
	list-style: none;
}

#callerDiv .callOptions ul li {
	float: left;
	width: auto;
	border: 1px solid #aaa;
	margin-right: 15px;
	margin-bottom: 10px;
}

#callerDiv .callOptions ul li a {
	padding: 5px 10px;
	display: block;
}

#callerDiv .callOptions ul li a:hover {
	background-color: #ccc;
}

#callerDiv .not100 {
	color: #888;
	font-style: italic;
}

#callerDiv .callLastCalls {
	background-color: #ddd;
	margin: 4px;
	border: 1px solid #aaa;
}

#callerDiv .firmenIntereInfos {
	background-color: yellow;
	margin: 4px;
	border: 2px solid black;
	padding: 6px;
}

#callerOptDiv {
	border: 2px solid #555;
	box-shadow: 0 0 50px #555;
	z-index: 9701;
	background-color: #ddd;
}

#callerOptDiv div.callerQuickNav {
	padding: 3px 10px;
}

#callerOptDivContainer {
	position: fixed;
	top: 10px;
	right: 360px;
	width: 500px;
    overflow: auto;
	z-index: 9700;
}
.noMaint {
	font-size: 1.2em;
	padding: 13px;
	background-color: red;
	text-align: center;
	color: white;
	font-weight: bold;
	border: 1px solid black;
}