/* Das sind die CSS-Klassen, die für das Aussehen des WYSIWYG Editors zuständig sind. */
/* Dies ist die Klasse des DIV-Elementes, dass sowohl Toolbar als auch Editor beinhaltet */
.dragoneditpane {
	width: 520px;
	border: 1px solid #000;
	padding: 3px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	
}
iframe {
width: 520px;
}
/* Die Klasse für das DIV der toolbar */
.toolbar {
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-left: 0px;
	text-align:left;
}
/* Klasse der IMG-Tags. */
.tbbutton {
	border: none;
	padding: 5px;
        border: 1px solid white;
	
}
/* Hover für die IMG-Tags (buggy, klappt nur im Firefox wie erwartet) */
.tbbutton:hover {
	border: 1px solid #999;
	background: #F1F1F1;
}
/* Klasse für den Separator. (damit der nicht inner Luft hängt. ;) ) */
.separator {
	border: 1px none;
	padding: 5px;
}
/* Das eingebundene IFrame (ebenfalls buggy, klappt nur im Firefox wie erwartet) */
.dragonedit {
	background: #f1f1f1;/*#DEDEDE;*/
	color: #0000CD;
	border: 1px solid #000;
}
/* Formatierungen für die Divs. */
img.tb-frg-img {
	width:  18px;
	height: 15px;
	border: 0px;
}
.colorpalette a, .fontpalette a, .sizepalette a {
	text-decoration: none;
}
.colorpalette a:hover, .fontpalette a:hover, .sizepalette a:hover {
	text-transform: uppercase;
	border: 1px solid #CC00FF;
}
.colorpalette, .fontpalette, .sizepalette {
	border: 1px solid #000000;
	background: #F1F1F1;/*#BFE8FF;*/
	text-align: left;
	color: #000000;
	font: 12px Arial,Verdana,sans-serif;
	padding: 0px;
	overflow: auto;
	width: 200px;
	height: 100px;
	z-index: 3;
	top: 60%;
	left: 40%;
}
.colorpalette {
	width: 300px;
}
.fontpalette {
	font: 12px Arial,Verdana,sans-serif;
}