@charset=utf8;
* { margin:0; padding:0 }
a { outline:0; color: #000099; text-decoration: none }
a:hover { text-decoration: none }
body { font: .8em/1.4 Arial, sans-serif; background: #fff url(/admin/images/bg-body.gif) top left repeat-x;
padding: 175px 35px 5em; color: #555 }

#menu { position: absolute; left: 35px; margin-left: 1em; top: 78px; line-height: 32px; height: 32px; list-style: none }
#menu li { float: left; background: transparent url(/admin/images/bg-menu-li.gif) top left no-repeat; margin-right: 1px }
#menu li.spezial { background-image: url(/admin/images/bg-menu-li-spezial.gif) }
#menu li a { display: block; padding: 0 1em; color: #fff; background: transparent url(/admin/images/bg-menu-a.gif) top right no-repeat }
#menu li.spezial a { background-image: url(/admin/images/bg-menu-a-spezial.gif); }
#menu li.active { background-position: 0 -32px }
#menu li.active a { background-position: 100% -32px; color: darkred }

#modul-menu { list-style: none; padding-bottom: 2em }
#modul-menu li { background: transparent url(/admin/images/bg-modul-menu.gif) .6em .5em no-repeat; padding-left: 2em }
#modul-menu li a { color: darkred; font-weight: bold }

#cmsPage { margin-right: 245px }
#help { float: right; width: 170px; padding: 1em 15px; border: 1px solid #ccc;
border-color: #eee #ddd #ddd #eee; margin-top: 3.4em }

#help ul { list-style: none; line-height: 2.2em; font-size: .85em; margin-bottom: 2em }
#help ul li { padding-left: 23px }
#help ul#icons li.edit { background: transparent url(/admin/images/do-edit.gif) 0 2px no-repeat }
#help ul#icons li.move { background: transparent url(/admin/images/do-move-up.gif) 0 2px no-repeat }
#help ul#icons li.active { background: transparent url(/admin/images/do-active.gif) 0 2px no-repeat }
#help ul#icons li.showinmenu { background: transparent url(/admin/images/do-showinmenu.gif) 0 2px no-repeat }
#help ul#icons li.cacheable { background: transparent url(/admin/images/do-cacheable.gif) 0 2px no-repeat }
#help ul#icons li.delete { background: transparent url(/admin/images/do-delete.gif) 0 2px no-repeat }
#help ul#icons li.rename { background: transparent url(/admin/images/do-rename.gif) 0 2px no-repeat }
#help ul#icons li.resize { background: transparent url(/admin/images/do-resize.gif) 0 2px no-repeat }
#help ul#icons li.changerights { background: transparent url(/admin/images/do-changerights.png) 7px 8px no-repeat }
#help ul#icons li.userrights { background: transparent url(/admin/images/bg-user-slider.gif) 0px 2px no-repeat }
#help ul#icons li.grouprights { background: transparent url(/admin/images/bg-group-slider.gif) 0px 2px no-repeat }
#help ul#options { padding-left: 23px; list-style: square; margin-bottom: 1em }
#help ul#options li { padding-left: 0 }
#help ul#options li.optionOn { color: darkred }
#help ul#options li.optionOff { color: #aaa }
#help p { font-size: 0.8em; }

#userinfo { position: absolute; right: 35px; top: 10px; width: 250px; font-size: .85em; text-align: right; color: #777 }
#userinfo a { color: green; display: block; float: right; background: transparent url(/admin/images/logout-key.gif) top left no-repeat; text-indent: 20px; }

/* Listen */
.list { list-style: none; border: 1px solid #ccc; border-width: 0px 0px 1px 0px; line-height: 2.5em }
.list ul { list-style: none }
.list li { border-top: 1px solid #ccc; padding-left: 2em }

.do { float: right; margin-right: 10px; margin-top: -2em; min-width: 20px; height: 20px; _height: 1% }
@media screen and (min-width: 0px){
.do { margin-top: .5em }
}
.do a, .do span { float: left; width: 20px; height: 20px; _line-height: 20px;
margin-right: 7px; _margin-right: 4px; text-indent: -10000px; _cursor: pointer }
.do a:hover { background-position: 0 -40px }
.do a:hover span { background-position: 0 -40px }
/* Buttons */
.do .move-up { background: transparent url(/admin/images/do-move-up.gif) top left no-repeat }
.do a.move-up:hover { background-position: 0 -40px }
.do span.move-up { background-position: 0 -20px }
.do .move-down { background: transparent url(/admin/images/do-move-down.gif) top left no-repeat }
.do a.move-down:hover { background-position: 0 -40px }
.do span.move-down { background-position: 0 -20px }
.do .do-edit { background: transparent url(/admin/images/do-edit.gif) top left no-repeat }
.do a.do-edit:hover { background-position: 0 -40px }
.do span.do-edit { background-position: 0 -20px }
.do .do-delete { background: transparent url(/admin/images/do-delete.gif) top left no-repeat }
.do a.do-delete:hover { background-position: 0 -40px }
.do span.do-delete { background-position: 0 -20px }
.do .do-rename { background: transparent url(/admin/images/do-rename.gif) top left no-repeat }
.do a.do-rename:hover { background-position: 0 -40px }
.do span.do-rename { background-position: 0 -20px }
.do .do-resize { background: transparent url(/admin/images/do-resize.gif) top left no-repeat }
.do a.do-resize:hover { background-position: 0 -40px }
.do span.do-resize { background-position: 0 -20px }
.do .do-export { background: transparent url(/admin/images/do-export.gif) top left no-repeat }
.do a.do-export:hover { background-position: 0 -40px }
.do span.do-export { background-position: 0 -20px }
/* Checkboxen */
.do .active span { background: transparent url(/admin/images/do-active.gif) top left no-repeat }
.do a.active:hover span { background-position: 0 -40px }
.do .active .false { background-position: 0 -20px }
.do .showInMenu span { background: transparent url(/admin/images/do-showinmenu.gif) top left no-repeat }
.do a.showInMenu:hover span { background-position: 0 -40px }
.do .showInMenu .false { background-position: 0 -20px }
.do .cacheable span { background: transparent url(/admin/images/do-cacheable.gif) top left no-repeat }
.do a.cacheable:hover span { background-position: 0 -40px }
.do .cacheable .false { background-position: 0 -20px }
/* elementType */
.do span.elementType { background: #f1f1f1 }
/* Collapse */
.collapse { float: left; margin-left: -1.8em; margin-top: .5em; width: 20px; height: 20px; _cursor: pointer }
.collapse span { display: block; width: 20px; height: 20px; background: transparent url(/admin/images/collapse.gif) 0 0 no-repeat }
.collapse .plus { background-position: 0 0 }
.collapse .minus { background-position: 0 -20px }
.collapse:hover .plus { background-position: -20px 0 }
.collapse:hover .minus { background-position: -20px -20px }

h2 { font-size: 1em; color: darkred; padding-bottom: 1.4em;
background: transparent url(/admin/images/bg-modul-menu.gif) .6em .5em no-repeat; padding-left: 2em }
h2 strong { color: #555 }
h3 { font-size: 1em; color: #555; padding-bottom: 1.4em; padding-left: 2em;
background: transparent url(/admin/images/bg-modul-menu.gif) .6em .5em no-repeat }
h3 strong { color: #555 }
h4 { font-size: 1em; color: #555; padding-bottom: 1.4em; padding-left: 2em;
background: transparent url(/admin/images/bg-modul-menu.gif) .6em .5em no-repeat }
h4 strong { color: #555 }

/* Tabs */
#tabs { border: 1px solid #ccc;
border-color: #eee #ddd #ddd #eee; margin-top: 3em; position: relative; padding: 1.4em; padding-bottom: 2.4em }
#tabs #tabmenu { list-style: none; width: 100%; position: absolute; z-index: 3; top: -2.4em;
_top: -2.35em; margin-top: 1px; *margin-top: 2px }
#tabs #tabmenu li { float: left }
#tabs #tabmenu li a { padding: .4em .7em; display: block; border: 1px solid #ddd;
border-bottom: 0px none; background: #999; color: white; border-color: #eee #ddd #ddd #eee }
#tabs #tabmenu li a.active { background: #fff; color: #999 }
/* Elemente */
#tabs #elementsTab #elements { list-style: none; border: 1px solid #fff; margin-top: 1em;
border-width: 0px 0px 1px 0px; line-height: 2.5em; background: #f1f1f1; margin-bottom: 2em; _height: 1% }
#tabs #elementsTab #elements li { border-top: 1px solid #f9f9f9; padding: 0 .8em; *height: 1% }
#tabs #elementsTab #elements li.row1 { background: #e9e9e9 }
#tabs #elementsTab form fieldset select { margin: 0 .4em }
#tabs #elementsTab .do .elementTyp { text-indent: 0; width: auto; margin-right: 2em; line-height: 20px }
#tabs #elementsTab .do .elementTyp em { font-style: normal; color: #999 }
#tabs #elementsTab p#elements { padding: .6em }
/* Optionen */
#tabs #optionsTab form fieldset p { padding-top: 1em }

/* Forms */
form fieldset { border: 1px solid #ccc; border-color: #eee #ddd #ddd #eee; padding: 1em 2em 1.6em;
 padding-top: 0; margin-bottom: 1.5em; background: #f9f9f9 }
form fieldset legend { color: #999; font-weight: bold; padding: 0 1em; margin-left: -1em }
form fieldset input:focus, form fieldset select:focus, form fieldset textarea:focus { background: #ffd }
form p.description { font-size: .85em; padding: 1em 0 1.4em 0; color: #333 }
form fieldset .radio-checkbox { width: auto; vertical-align: middle }
form button { cursor: pointer; border: 0; text-align: center; font: bold 1em Arial, sans-serif; color: white;
background: transparent url(/admin/images/bg-button-right.gif) right no-repeat; padding-right: 20px; margin-top: 1.2em;
*width: auto; *overflow: visible }
form button span { background: transparent url(/admin/images/bg-button-left.gif) left no-repeat; display: block;
padding-left: 20px; position: relative; white-space: nowrap; height: 34px; line-height: 34px; *margin-top: 1px }
form button.small { background: transparent url(/admin/images/bg-small-button-right.gif) right no-repeat;
*position: relative; *top: 5px }
form button.small span { background: transparent url(/admin/images/bg-small-button-left.gif) left no-repeat;
height: 25px; line-height: 24px; *margin-top: 5px }

/* duplicateable */
.duplicateable { position: relative }
a.buttonMinus, a.buttonPlus { width: 1.2em; height: 1.2em; line-height: 1.25em; bottom: 0;
font-size: 1.2em; text-align: center; border: 1px solid darkred; color: darkred; position: absolute; font-weight: bold }
a.buttonMinus { right: 2.5em }
a.buttonPlus { right: 4em }

/* standard */
form.standard a { color: darkred; text-decoration: underline }
form.standard label { display: block }
form.standard div { padding-top: 1em }
form.standard input, form.standard textarea { width: 100% }
form.standard textarea { height: 5em }
form.standard div.inline { padding-top: 2em }
form.standard div.inline label { display: inline }
form.standard input.time { width: 8em }
form.standard p.requiredText { padding-top: 1.5em; color: darkred }

/* Page-Add */
form#PageParams fieldset label { float: left; width: 35%; padding-top: 1.4em }
form#PageParams fieldset input, form#PageParams fieldset select, form#PageParams fieldset textarea { margin-top: 1.4em }
form#PageParams fieldset input, form#PageParams fieldset textarea { width: 63% }
form#PageParams fieldset textarea { height: 10em }
form#PageParams fieldset p.description { padding-top: 1em; padding-left: 35% }
form#PageParams fieldset p { padding-top: 1.4em }
form#PageParams fieldset p label { padding-top: 0; padding-right: .7em; float: none; width: auto; vertical-align: middle }
form#PageParams fieldset p input { margin-top: 0; width: auto; vertical-align: middle }
form#PageParams #params, form#PageParams #params-optional { padding-top: 1.4em }
/* edit ElementParams */
form#editElement fieldset label { float: left; width: 35%; padding-top: 1.4em }
form#editElement fieldset input, form#editElement #elementParams select,
form#editElement fieldset textarea { margin-top: 1.4em }
form#editElement fieldset input, form#editElement fieldset textarea { width: 63% }
form#editElement fieldset textarea { height: 10em }
form#editElement fieldset p.description { padding-top: 1em; padding-left: 35% }
form#editElement fieldset p { padding-top: 1.4em }
form#editElement fieldset p label { padding-top: 0; padding-right: .7em; float: none; width: auto;
vertical-align: middle }
form#editElement fieldset p input { margin-top: 0; width: auto; vertical-align: middle }
form#editElement fieldset .radio-checkbox { width: auto }
/* edit ElementFields */
form#editElement #elementFields div input.integer { width: 4em }
/* field3 => TinyMCE Editor */
form#editElement #elementFields div.field2 label { float: none; display: block; width: 100% }
form#editElement #elementFields div.field2 textarea { width: 100%; height: 20em }
form#editElement #elementFields div.field3 label { float: none; display: block; width: 100% }
form#editElement #elementFields div.field3 textarea { width: 100%; height: 20em }
/* field5, field6 => Bild / File / Link */
form#editElement #elementFields div.field5 input,
form#editElement #elementFields div.field6 input,
form#editElement #elementFields div.field7 input { width: 30% }
form#editElement #elementFields div.field5 a,
form#editElement #elementFields div.field6 a,
form#editElement #elementFields div.field7 a { color: darkred; text-decoration: underline; margin-left: 1em }
/* elementType */
.elementtypes form fieldset label,
.elementtypes form fieldset p span { float: left; width: 35%; padding-top: 1.4em }
.elementtypes form fieldset p span { padding: 0 }
.elementtypes form fieldset input, .elementtypes form fieldset select,
.elementtypes form fieldset textarea { margin-top: 1.4em }
.elementtypes form fieldset input, .elementtypes form fieldset textarea { width: 63% }
.elementtypes form fieldset textarea { height: 7em }
.elementtypes form fieldset p.description { padding-top: 1em; padding-left: 35% }
.elementtypes form fieldset p { padding-top: 1.4em }
.elementtypes form fieldset #sortfield { margin-left: -.3em }
.elementtypes form fieldset #sortdesc { margin-left: 1.4em }
.elementtypes form fieldset p label { padding-top: 0; padding-right: .7em; float: none; width: auto }
.elementtypes form fieldset p input { margin-top: 0; width: auto; vertical-align: middle }
.elementtypes form input.radio-checkbox { margin-right: .5em }
.elementtypes form input.button-tool { width: auto }
.elementtypes form .list { margin: -.7em 0 2em }
/* pageType */
.pagetypes form fieldset label { float: left; width: 35%; padding-top: 1.4em }
.pagetypes form fieldset input, .pagetypes form fieldset select,
.pagetypes form fieldset textarea { margin-top: 1.4em }
.pagetypes form fieldset textarea { height: 7em }
.pagetypes form fieldset input, .pagetypes form fieldset textarea { width: 63% }
/* plugins */
.plugins form fieldset label { float: left; width: 35%; padding-top: 1.4em }
.plugins form fieldset input, .plugins form fieldset select,
.plugins form fieldset textarea { margin-top: 1.4em }
.plugins form fieldset textarea { height: 7em }
.plugins form fieldset input, .plugins form fieldset textarea { width: 63% }
/* login */
.login form fieldset label { float: left; width: 35%; padding-top: 1.4em }
.login form fieldset input, .plugins form fieldset select,
.login form fieldset textarea { margin-top: 1.4em }
.login form fieldset textarea { height: 7em }
.login form fieldset input, .plugins form fieldset textarea { width: 63% }
.login form fieldset p { padding: 20px 0; color: #8A0000; font-weight: bold; }
/* user-groups */
.user-groups form fieldset label { float: left; width: 35%; padding-top: 1.4em }
.user-groups form fieldset input, .user-groups form fieldset select,
.user-groups form fieldset textarea { margin-top: 1.4em }
.user-groups form fieldset textarea { height: 7em }
.user-groups form fieldset input, .user-groups form fieldset textarea { width: 63% }
.user-groups form fieldset .user-slidercontainer input,
.user-groups form fieldset .group-slidercontainer input { margin-top: 0; width: 20px; }
.user-groups form fieldset p { padding-top: 20px; }
.user-groups form fieldset p span { display: block; width: 35%; float: left; }
/* permissions */
.permissions form fieldset label { float: left; width: 35%; padding-top: 1.4em }
.permissions form fieldset input, .permissions form fieldset select,
.permissions form fieldset textarea { margin-top: 1.4em }
.permissions form fieldset textarea { height: 7em }
.permissions form fieldset input, .permissions form fieldset textarea { width: 63% }
.permissions form fieldset .user-slidercontainer input,
.permissions form fieldset .group-slidercontainer input { margin-top: 0; width: 20px; }
.permissions form fieldset p { padding-top: 20px; }
.permissions form fieldset p span { display: block; width: 35%; float: left; }
/* Error */
p.error { color: red; border: 1px solid red; padding: 1.4em;
padding-left: 2em; background: white url(/admin/images/bg-error.gif) .3em center no-repeat; margin-bottom: 2em }

/* Message */
p.message { color: darkred; border: 1px solid darkred; padding: 1.4em 1em;
padding-left: 2em; margin-bottom: 2em }

/* Foot */
p.foot { padding-top: 3em }
p.foot a { color: darkred; text-decoration: underline }

/* Ajax Form */
#formContainer { position: absolute; background: white; width: 66%; padding: 2%; border: 1px solid black;
border-width: 10px 1px 1px; padding-bottom: 3em;
left: 50%; margin-left: -35%; top: 0; z-index: 11; padding-top: 3em }
#formContainer #closeFormContainer { float: right; margin-top: -1.4em; color: darkred; text-decoration: underline }
#formContainer .list { margin-bottom: 4em; margin-top: 2em }

.list li .elements { margin-top: -.2em; padding-bottom: .4em }
.list li .elements span { display: block; line-height: 22px;
background: white url(/admin/images/bg-elements-list.gif) top left no-repeat; padding-left: 10px }
.list li .elements span.last { background-position: 0 -15px }
.list li a { color: darkred }

/* TinyMCE */
form fieldset textarea.editor,
form fieldset textarea.editor_text { width: 100%; height: 20em }

/* Ajax */
#loadAnimation { background: black; opacity: .4; *filter: alpha(opacity=40); position: absolute; top: 0; left: 0; z-index: 10 }
#elements li span.drag { cursor: move }

/* Popup */
.popup { background: white; padding: 2em }
.popup form fieldset .button { margin-left: 1em }
.popup #images { border-collapse: collapse; margin-top: 1em }
.popup #images td { padding-right: 6px; padding-bottom: 12px }
.popup #images td.selected a { border-color: darkred }
.popup #images td span { font-size: .85em }
.popup #images td a { border: 1px solid #ccc; border-color: #eee #ddd #ddd #eee; line-height: 80px; text-align: center;
 display: block; padding: 2px; background: #f9f9f9; width: 80px; height: 80px; _width: 82px; _height: 82px }
.popup #images td a img { border: 0 }
.popup #images td.folder a { line-height: 1; text-align: left; width: auto; height: auto; _width: auto; _height: auto }

/* Images, Files */
table#files { border-collapse: collapse; margin-top: 1em; width: 100%; margin-bottom: 1em }
table#files tr { border-bottom: 1px solid #ddd }
table#files tr.row1 { background: #f9f9f9 }
table#files th, table#files td { padding: .4em 1em .4em 0; text-align: left }
table#files .size, table#files .lmod { text-align: right }
table#files .folder a { background: transparent url(/admin/images/directory.gif) top left no-repeat; padding-left: 25px }
table#files td a { color: darkred }
table#files td.do { float: none; margin: 0 }
table#files td.selected { background: #ffcc00 }
form.files fieldset p.duplicateable,
form.files fieldset p.duplicateable { padding: 0 }
form.files fieldset label,
form.files fieldset label,
form.files fieldset p.duplicateable label,
form.files fieldset p.duplicateable label { float: left; width: 35%; padding-top: 1.4em }
form.files fieldset  p.duplicateable input,
form.files fieldset  p.duplicateable input,
form.files fieldset input,
form.files fieldset input { margin-top: 1.4em }
form.files fieldset p,
form.files fieldset p { padding-top: 1.4em }
form.files fieldset p label,
form.files fieldset p label { padding-top: 0; padding-right: .7em; float: none; width: auto }
form.files fieldset p input,
form.files fieldset p input { margin-top: 0; width: auto; vertical-align: middle }