/* gzc */
/* ---- USER TEXT, INLINE-FORMS ----- */

div.inline_div {
height: 17px;
width: 200px;
display: inline;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
visibility: hidden;
position: absolute;
left: 1px;
top: 1px;
z-index: 10199;
overflow: hidden; }

input.inline_text {
width: 148px;
height: 15px;
display: block;
float: left;
margin: 0;
padding: 0;
border: 1px solid gray;
font-size: 11px; }

div.inline_btn {
width: 46px;
display: block;
height: 15px;
float: right;
margin: 0;
padding: 0;
border: 1px solid blue;
background-color: white;
cursor: pointer;
line-height: 13px;
font-size: 10px;
font-weight: bold;
font-family: Verdana;
color: white; }

/* ---- SAVING OF COMMITMENTS AND DRAFTS, INLINE-FORMS ----- */

.boxHeadline input {
margin-bottom: 5px;
font-size: 13px;
font-family: Verdana, Arial, Hevetica, sans-serif;
font-weight: bold;
border: none;
border: 1px solid gray;
width: 100%; }

.alertbg {
background-image:url(/img/alertbg.gif);
background-repeat:repeat; }

.boxContent textarea {
margin: 0;
margin-left: 0px;
font-family: Verdana, Arial, Hevetica, sans-serif;
font-size: 10px;
color: #000000;
border: 1px solid gray;
background-color: #ffffff;
width: 150px;
height: 104px;
overflow: auto; }

/* ---- GENERAL PARAMETERS, ONLINE EDITOR ----- */

div#editor {
width: 655px;
height: 325px; }

div#frontside, div#backside {
position: absolute; }

#disabled {
background-color: #faeda6;
opacity: 0.0;
filter:alpha(opacity=0);
-khtml-opacity: 0.0;
-moz-opacity:0.0;
position: absolute;
width: 650px;
height: 365px;
z-index:10000;
color: #fff;
visibility:hidden;
margin-top: 0px;
text-align: center;
text-align: left; }

* html #disabled {
height: 365px; }

#disabled_lt {
background-color: #faeda6;
opacity: 0.5;
filter:alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity:0.5;
position: absolute;
width: 650px;
height: 365px;
z-index:10000;
color: #fff;
visibility:hidden;
margin-top: 0px;
text-align: center;
text-align: left; }

* html #disabled_lt {
height: 365px; }

div.canvas {
overflow: hidden;
float : left;
background-color : white;
margin-left : 0;
margin-right : 5px;
padding : 0;  }

#editorWrapper {
width:668px;
overflow: hidden;
height:auto;
background-color:#FFF09F;
border:1px solid #FFFFFF;
margin:0px 0px 10px 0px;
position: relative; }

#editorWrapper h1 {
background-image:url(/img/editor_head.jpg);
background-repeat:repeat-x;
height:32px;
padding:5px 20px 5px 10px;
color:#000000;
font-size:1.2em;
margin: 0;  }

/* ----- EDITOR DASHBOARD ----- */

#arbeitsflaecheWrapper {
float:left;
width:390px;
height:345px;
overflow: hidden;
margin:10px;
margin-top: 0px; }

#introText {
padding:10px;
font-size:0.8em;
font-weight:bold; }

#arbeitsflaeche {
background-image:url(/img/editorArbeitsflaeche_bg.jpg);
background-repeat:no-repeat;
width:370px;
height:262px;
padding:10px; }

/* ----- EDITOR USER FUNCTIONS  ----- */

.funktionen {
width: 258px;
overflow: hidden;
float:right; }

.fuerpostkarten {
width: 200px; 
height: 400px; 
margin-right: 10px; 
margin-top: 32px; 
padding: 0; }

.stepoverlays {
position: absolute; 
left: 0; 
top: 0; 
width: 100%; 
padding: 5px; 
margin-bottom: 5px; 
background-image: url(/editor/img/bg.png); }

.funktionen input {
color:#0000FF;
text-decoration:underline; }

#hilfeBtn {
text-align:center;
margin:15px 0px;
margin-bottom: 0; }

.buttons {
cursor: pointer;
background-repeat:no-repeat;
width:239px;
height:28px;
display: block;
padding:12px 0px 0px 50px; }

.download_btn {
background-image:url(/img/btns/download.jpg);
background-repeat:no-repeat;
width:189px;
height:29px;
display:block;
padding:13px 0px 0px 50px; }

.download_btn_clicked {
background-image:url(/img/btns/download_press.jpg);
background-repeat:no-repeat;
width:189px;
height:28px;
display:block;
padding:14px 0px 0px 50px; }

.kommentar_btn {
background-image:url(/img/btns/kommentar.jpg);
background-repeat:no-repeat;
width:189px;
height:29px;
display:block;
padding:13px 0px 0px 50px; }

.kommentar_btn_clicked {
background-image:url(/img/btns/kommentar_press.jpg);
background-repeat:no-repeat;
width:189px;
height:28px;
display:block;
padding:14px 0px 0px 50px; }

.entwurf_btn {
background-image:url(/img/btns/entwurf.jpg);
background-repeat:no-repeat;
width:189px;
height:29px;
display:block;
padding:13px 0px 0px 50px; }

.entwurf_btn_clicked {
background-image:url(/img/btns/entwurf_press.jpg);
background-repeat:no-repeat;
width:189px;
height:28px;
display:block;
padding:14px 0px 0px 50px; }

.handybild_btn {
background-image:url(/img/btns/handybild.jpg);
background-repeat:no-repeat;
width:189px;
height:29px;
display:block;
padding:13px 0px 0px 50px; }

.handybild_btn_clicked {
background-image:url(/img/btns/handybild_press.jpg);
background-repeat:no-repeat;
width:189px;
height:28px;
display:block;
padding:14px 0px 0px 50px; }

.postkarte_btn {
background-image:url(/img/btns/postkarte.jpg);
background-repeat:no-repeat;
width:189px;
height:29px;
display:block;
padding:13px 0px 0px 50px; }

.postkarte_btn_clicked {
background-image:url(/img/btns/postkarte_press.jpg);
background-repeat:no-repeat;
width:189px;
height:28px;
display:block;
padding:14px 0px 0px 50px; }

.grusskarte_btn {
background-image:url(/img/btns/grusskarte.jpg);
background-repeat:no-repeat;
width:189px;
height:29px;
display:block;
padding:13px 0px 0px 50px; }

.grusskarte_btn_clicked {
background-image:url(/img/btns/grusskarte_press.jpg);
background-repeat:no-repeat;
width:189px;
height:28px;
display:block;
padding:14px 0px 0px 50px; }

#preloader {
position: absolute;
z-index: 1;
bottom: 0; }

#preloader .preload {
width: 1px;
position: absolute;
left: 0;
top: 0; }

/* ----- EDITOR NOTICES ----- */

#hinweiseBox {
width:373px;
overflow: hidden;
height:auto;
margin:0px 17px 0px 10px;
background-image:url(/img/hinweise_bg.jpg);
background-repeat:repeat-y; }

#hinweiseContent {
  text-align: center;
background-image:url(/img/hinweise_top.jpg);
background-repeat:no-repeat;
padding:10px 25px 5px 25px;
font-size:0.8em; }

#hinweiseBottom {
height:10px;
background-image:url(/img/hinweise_bottom.jpg);
background-repeat:no-repeat;
overflow:hidden; }

/* ---- DOWNLOADS AND COMMITMENTS, CONTEXT-MENUS ----- */

div.loadinfo {
font-size: 0.8em;
z-index: 1000;
position: absolute;
top: 157px;
left: 0;
margin: 10px;
display: none;
background-image:url(/img/editor_actions_bg.gif);
background-repeat:no-repeat;
width:650px;
height:370px;
padding:10px; }

div.loadinfo .inner {
margin: 0;
border: 1px solid transparent;
width: 628px;
height: 353px; }

.loadinfo ul li {
margin-bottom: 2px;
margin-left: 15px; }

.loadinfo ul {
margin-top: 15px; }

div.loadinfo .inner .buttons {
font-size: 1.3em; }

div.close {
position: absolute;
right: 31px;
top: 10px;
background-color: #eeeeee;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000; }

div.close span {
color: #0000ff;
border-bottom: 1px solid #0000ff;
cursor:pointer; }

#pkgeneral {
position: absolute; 
top: 43px; 
left: 42px; 
height: 235px; 
width: 371px; 
padding: 0; 
margin: 0; }

#pkleft {
margin: 0; 
padding: 10px; 
height: 235px; 
width: 45%; 
float: left; }

#pkleft textarea {
border: 1px solid gray; 
height: 100%; 
width: 100%; 
overflow: hidden; 
font-family: Arial; 
font-size: 9px; 
color: #999999; }

#pkright {
margin: 0; padding: 0; 
padding-right: 5px; 
height: 235px; 
width: 47%; 
float: right;  }

/* ---- TEXT DESIGN FEATURES, CONTEXT-MENU ----- */

input.radio {
width : 11px;
height : 13px; }

* html input.radio {
width : 11px;
height : 13px; }

div.options {
background-color: white;
border: 1px solid black;
width: 250px;
overflow: hidden; }

div#texteinstellungen fieldset {
margin-left: 5px;
width: 93%;
padding: 3px; }

div#texteinstellungen {
font-size: 10px; }

div.colors {
cursor: pointer;
margin: 0;
margin-right: 2px;
border: 1px solid #888888;
padding: 0px;
text-align: center;
width: 15px;
height: 16px;
overflow: hidden;
float: left;
z-index:9; }

div.colors input {
cursor: pointer;
margin: 0; }

div.disabled {
padding-top: 3px;
font-size: 10px;
color: black;
background-color: #ffffff;
filter: Alpha(opacity=85);
-moz-opacity: 0.85;
position: absolute;
top:0px;
z-index:10;
text-align: center;
visibility:visible;
margin-top: 0px; }

* html .disabled {  }

div.groesse {
cursor: pointer;
width: 17px;
height: 26px;
margin: 0;
padding: 0;
margin-right: 2px;
overflow: hidden;
text-align: center;
border: 1px solid #888888;
float: left;
font-weight: bold;
font-size: 10px;
line-height: 10px; }

div.winkel {
cursor: pointer;
width: 18px;
margin: 0;
padding: 0;
margin-right: 2px;
overflow: hidden;
text-align: center;
border: 1px solid #888888;
float: left;
height: 30px;
line-height: 10px; }

div.winkel img {
width: 15px;
height: 15px;
margin: 0;
padding: 0; }

div.winkel input {
width: 15px;
height: 12px;
margin: 0;
padding: 0; }

div#scroller_vorschlaege {
position: absolute;
left: 410px;
padding: 0;
margin: 0;
margin-top: -6px;
margin-left: 4px;
font-size: 0.7em; }

div#scroller_ausblenden {
position: absolute;
left: 410px;
padding: 0;
margin: 0;
margin-top: -6px;
margin-left: 100px;
font-size: 0.7em; }

#download_result {
border: 1px solid gray; 
background-color: #FFF09F; 
padding: 5px;
}