/* Es folgt der Teil fuer den Gaestebuch-Editor */

/*#mainForm.editor { max-width:552px; margin-left:auto; margin-right:auto }*/

#mainForm { border:0px; padding:0px; margin:0px; font:inherit; width:100% }
#mainForm #aroundTitle { display:block; border:1px solid #bbbbbb; padding:2px; background-color:#ffffff }
#mainForm #title { width:100%; font:inherit; border:0px; padding:0px; margin:0px; background-color:#ffffff }
#mainForm #aroundworkspace { width:100%; max-width:550px; margin-left:auto; margin-right:auto;
border:1px solid #bbbbbb; overflow:auto; margin-bottom:1.4em }
#mainForm #workspace { width:550px; height:400px; position:relative; overflow:hidden }
#mainForm #aroundTitle:hover { border:1px dashed #7C3435 }

#mainForm .textborder { margin:0px; padding:8px 1px 1px 1px; background:none; position:absolute; cursor:move; z-index:1 }
#mainForm #workspace:hover .textborder { border:1px dashed #ffffff; padding:7px 0px 0px 0px }
#mainForm #workspace .textborder#co { padding:0px; border:1px dashed #ffffff; border-top:8px solid #ffffff; margin:0px; background:url('semitransp.png') }

#mainForm .grip { display:none; background:#7C3435 url('size.png') right bottom no-repeat; width:8px; height:8px; right:-1px; bottom:-1px; position:absolute; cursor:se-resize; z-index:200; font-size:0.1em }

#mainForm #workspace .textborder textarea { display:block; color:#000000; background:none; cursor:text;
 border:none; padding:0px; margin:0px; font:inherit; width:100%; height:100px; margin-bottom:7px; outline:none }
#mainForm #workspace .textborder .textdummy { display:block; color:#000000; background:none; cursor:text; white-space:-moz-pre-wrap; white-space:pre-wrap; 
 border:none; padding:0px; margin:0px; font:inherit; width:100%; height:100px; margin-bottom:7px; outline:none; overflow:hidden }
#mainForm #workspace .textborder textarea:active { background:none; border:none; padding:0px; margin:0px; margin-bottom:7px; outline:none }

#mainForm .drawbox { margin:0px; padding:8px 1px 1px 1px; background:none; position:absolute; cursor:move; z-index:1; }
#mainForm #workspace:hover .drawbox { border:1px dashed #ffffff; padding:7px 0px 0px 0px }
#mainForm #workspace .drawbox#co { padding:0px; border:1px dashed #ffffff; border-top:8px solid #ffffff; margin:0px; background:url('semitransp.png') }

/*#mainForm #workspace .drawboxcont { display:block; width:100% }
#mainForm #workspace .drawboxcover { position:absolute; cursor:crosshair; width:100%; top:0px; left:0px }*/
#mainForm #workspace .drawbox canvas { cursor:crosshair; border:none; padding:0px; margin:0px; position:relative }

#mainForm #workspace .drawbox .drawBtns { position:absolute; left:-25px; width:25px; height:167px; top:10px; cursor:default }
#mainForm #workspace .drawbox .drawUndo { position:absolute; left:4px; width:17px; height:17px; top:20px; background:url('gb_c_undo.png'); cursor:pointer } 
#mainForm #workspace .drawbox .drawClear { position:absolute; left:4px; width:17px; height:17px; top:41px; background:url('gb_c_clear.png'); cursor:pointer } 
#mainForm #workspace .drawbox .drawColor { position:absolute; left:4px; width:17px; height:17px; background-image:url('gb_c_color.gif'); cursor:pointer } 
#mainForm #workspace .drawbox .drawCurColor { position:absolute; left:4px; width:17px; height:17px; background-image:url('gb_c_colorsel.gif'); cursor:default } 

#mainForm #workspace .image { display:block; cursor:move; position:absolute; z-index:1; padding:1px }
#mainForm #workspace:hover .image { padding:0px; border:1px dashed #ffffff }
#mainForm #workspace .image#co { padding:0px; border:1px dashed #ffffff; background:url('semitransp.png') }
#mainForm #workspace .image img { display:block; cursor:move }

#mainForm #workspace .closer { display:none; cursor:pointer; position:absolute; width:9px; height:8px; background:#7C3435 url('close.png'); font-size:0.1em }
#mainForm #workspace .textborder .closer, #mainForm #workspace .drawbox .closer { right:-1px; top:-8px }
#mainForm #workspace .image .closer { right:-1px; top:-1px }

#ghost { position:absolute; display:none; border:1px dotted #000000; z-index:200 } /*; background-image:url('shadeofred.png') }*/

#mainForm .imgchooser div img { cursor:pointer; padding:2px; margin:2px; vertical-align:middle }
#mainForm .imgchooser div img:hover { border:2px solid #7C3435; padding:0px }
#mainForm .imgchooser p { padding-left:10px; font-weight:bold }
#mainForm .imgchooser { display:none; position:absolute; left:0%; top:0%; height:100%; width:100%; background:#ffffff; z-index:100; overflow:auto }

#mainForm #imgchooser>div  { width:100%; min-height:101% }
#mainForm #imgchooser div div { width:100%; display:none; position:relative }
#mainForm #imgchooser p.icsection { font-weight:normal; border-top:1px solid #bbbbbb; padding:2px 10px 2px 10px; margin:0px; cursor:pointer; vertical-align:middle }
#mainForm #imgchooser p.icsection img { padding-left:10px; vertical-align:middle; border:none !important }
#mainForm #imgchooser .finisher { border-top:1px solid #bbbbbb; display:block }
#mainForm #imgchooser div { vertical-align:middle }

#mainForm #bgchooser div { width:100%; position:relative }
#mainForm #bgchooser div img { width:130px; height:95px }

#mainForm #workspace #bg { left:0px; top:0px; width:100%; height:100%; position:absolute; z-index:0 }


#submitForm { display:none }

#mainForm input { font:inherit }

/*.gbdisplay { max-width:550px; margin-left:auto; margin-right:auto }*/

.gbdisplay #aroundworkspace { width:100%; max-width:550px; min-height:400px; overflow:auto; margin-bottom:1.4em; margin-left:auto; margin-right:auto }
.gbdisplay #workspace { width:550px; height:400px; position:relative; overflow:hidden }

.gbdisplay #workspace .text { margin:8px 1px 8px 1px; border:0px; padding:0px; position:absolute; text-align:left }
.gbdisplay #workspace .drawing { margin:8px 1px 8px 1px; position:absolute; font-size:0.7em; line-height:1.3em }
.gbdisplay #workspace .image { padding:1px; position:absolute }
h1 #subline { padding-left:3em; padding-top:0.3em; display:block; text-align:left; color:#868686; font-size:0.5em; font-family:'Lucida Grande', Verdana, Tahoma, sans-serif; }

.radio { cursor:pointer; vertical-align:middle }
/*.radio span { display:block; float:left; width:1.1em; height:1.1em; line-height:1.1em; vertical-align:middle;
 text-align:center;  border:1px solid #7C3435; margin-right:1em; margin-top:0.2em; font-weight:bold} */
.radio img { width:20px; height:20px; vertical-align:middle }

p.formQuestion { font-weight:bold; margin-top:1.8em; margin-bottom:0.3em }
p.formQuestion + p { margin-top:0.3em }
p.formQuestion + ul { margin-top:0.5em !important; padding-top:0em !important }

#mainForm input[type='text'], #mainForm select { border:1px solid #bbbbbb; padding:2px; margin:0px;
 background-color:#ffffff; color:#000000; font:inherit }

#mainForm input[type='text']:hover { border:1px dashed #7C3435 }
#mainForm select:hover, #mainForm select:active { border:1px solid #7C3435 }
#mainForm select { cursor:pointer; padding:2px }

#mainForm #predef { min-width:22em }
#mainForm #predef option:first-child { color:#7C3435 }

#mainForm #aroundOnlyText { display:block; border:1px solid #bbbbbb; max-width:534px; margin-left:auto; margin-right:auto; margin-bottom:1.4em; padding:8px; }
#mainForm #itemtext0 { width:100%; display:block; height:384px; font:inherit; padding:0px; margin:0px; border:none }
#mainForm #aroundOnlyText:hover { border:1px dashed #7C3435 }

.ieHint { font-weight:bold; padding:10px; border:2px solid #7C3435; margin-top:2em } /*; margin-right:250px }*/

div.relative { position:relative; border:0px; padding:0px }
/*div#gbband { position:absolute; right:-104px; top:-34px; width:59px; height:527px; background:url('gbband.jpg') }*/

#gbband { position:absolute; right:-135px; top:-29px; width:86px; height:752px; background:url('gbband.png') }
#gbband2 { display:block; position:absolute; right:-135px; top:33px; width:86px; height:167px; background:url('gbband.png') left bottom }

img#hwh { float:right; margin-right:30px; position:relative; top:-30px }

#buttonContainer { padding-top:5px }
#addtext, #addimg, #selbg, .aroundSelect, #adddraw { display:block; float:left; margin:2px 5px 3px 0px }
#lnksubmit { display:block; float:right; margin:2px 0px 3px 5px }
.aroundSelect { padding:2px 0px 2px 0px }
#buttonClearer { clear:both }