html { background-color: #eee; }
body { font-family: Verdana, Arial, sans-serif; line-height: 14px; font-size: 12px; color: #414141; margin: 0px; padding: 0px; }
div#body { overflow: auto; margin: 10px; border: 1px solid #DDD; -moz-border-radius: 4px; background-color: #FFF; }

div#header { padding: 10px 20px; }
div#content { padding: 20px; }

h1 { display: block; line-height: 23px;}
h2 { display: block; margin: 0px; line-height: 20px; margin-top: 10px; }
dd, dt, dl { margin: 0px; padding: 0px; display: block; }
hr { border: 0 none; border-bottom: 1px solid #f88f08; margin: 15px 0px; padding: 0px; }
img { border: 0 none; }
a:link, a:visited, a:active { color: #414141; text-decoration: none; }
a:hover {color: #f88f08 !important; text-decoration: underline; }
.clear { clear: both; }
.clickable:hover { background-color: #ccc; cursor: pointer; }
div.headline { border-bottom: 4px solid #8e8e8e; margin-bottom: 20px; }
input.inputButton { float: right; border: 2px solid #f88f08; background-color: #454545; border-radius: 4px; color: #fff; margin: 1px; padding: 2px 4px; }

/* Navigation */
div#menu { margin: 0px; background-color: #454545; border-bottom: 6px solid #f88f08; }
div#menu ul { margin: 0px; padding: 0px; list-style-type: none; }
div#menu ul.menulevel1 li.menulevel1 { display: block; float: left; position: relative; }
div#menu ul.menulevel1 li.menulevel1 a.menulevel1  { display: block; color: #fff; border-right: 1px solid #8E8E8E; height: 40px; line-height: 40px; width: 200px; text-align: center; }

div#menu ul.menulevel2 { width: 201px; display: none; left: -1px; position: absolute; background-color: #EEEEEE; border-left: 1px solid #8E8E8E; z-index: 1000000; }
div#menu ul.menulevel2 li.menulevel2 a { display: block; color: #454545; padding: 5px 10px; border: 0 none; border-bottom: 1px solid #8E8E8E; border-right: 1px solid #454545; }

/* Footer Navigation */
div#footer { margin: 0px; padding: 12px 15px; background-color: #454545; border-top: 6px solid #f88f08; color: #fff; }
div#footer a { color: #fff; }
div#footer div#meta-menu { float: right; }

/* Generelle Buttons */
a.button, span.button { display: block; width: 16px; height: 16px; }
.edit { background: url('/media/images/buttons/edit.png') no-repeat; }
.delete { background: url('/media/images/buttons/delete.png') no-repeat; }
.create { background: url('/media/images/buttons/create.png') no-repeat; padding-left: 20px; line-height: 16px; float: right; }
.add { background: url('/media/images/buttons/add.png') no-repeat; }
.back { background: url('/media/images/buttons/back.png') no-repeat; padding-left: 20px; line-height: 16px; float: right; }
.pwedit { background: url('/media/images/buttons/pw_change.png') no-repeat; }
.zeit { background: url('/media/images/buttons/zeit.png') no-repeat; }
.preview { background: url('/media/images/buttons/voransicht.png') no-repeat; }
.info { background: url('/media/images/buttons/info.png') no-repeat; }

/* neu / live / inaktiv */
.live { background: url('/media/images/buttons/live.png') no-repeat; }
.new { background: url('/media/images/buttons/new.png') no-repeat;}
.inactive { background: url('/media/images/buttons/inactive.png') no-repeat;}

/* Save / Save&Close Button */
dt#save-label, dt#saveclose-label { display: none; }
dd#save-element { margin-bottom: 30px; }

/* Tabellen */
table.list { border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin: 10px 0px; }
table.list td { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px 5px; }
table.list th { color: #414141; text-align: left; font-size: 12px; background:url('/media/images/backgrounds/th_bg.png'); border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.list tr:hover { background-color: #dfdfdf; }
table.list a.button { float: left; margin: 3px; }

/* Tabellen Sortierung */
table.list th span.noSort { display: block; padding: 6px 5px; color: #8e8e8e; }
table.list th a { display: block; padding: 6px 5px;  } 
table.list th a.sort  { background:url('/media/images/backgrounds/th_bg.png'); }
table.list th a.sortDESC { background:url('/media/images/backgrounds/sortDESC.png') 100% 50% no-repeat; color: #fff; }
table.list th a.sortASC { background:url('/media/images/backgrounds/sortASC.png') 100% 50% no-repeat; color: #fff; }

/* Filter */
form.filter tr.filterTr{ background: url('/media/images/backgrounds/filter_bg.png'); }
form.filter tr.filterTr td { white-space: normal; padding: 5px; }
form.filter tr.filterTr input,
form.filter tr.filterTr select { vertical-align: middle; width: 100%; }
form.filter tr.filterTr div { clear: right; font-weight: bold; }
form.filter tr.filterTr div dd { float: right; width: 75%; margin-bottom: 1px; }
form.filter tr.filterTr dt { display: none; }
form.filter input.inputText { border: 1px solid #f88f08; width: 100%; }

/* Paginator */
div.paginationControl { margin: 0px auto; }
div.paginationControl a.button { float: left; margin: 0px 2px; }
div.paginationControl span.button { display: block; float: left; margin: 0px 2px; }
div.paginationControl div.pages { float: left; margin: 0px 5px; }
div.paginationControl a.current { font-weight: bold; color: #f88f08; }
a.first { background: url('/media/images/buttons/first_page.png') no-repeat; }
a.next { background: url('/media/images/buttons/next_page.png') no-repeat; }
a.previous { background: url('/media/images/buttons/previous_page.png') no-repeat; }
a.last { background: url('/media/images/buttons/last_page.png') no-repeat; }
span.first { background: url('/media/images/buttons/first_page_disabled.png') no-repeat; }
span.next { background: url('/media/images/buttons/next_page_disabled.png') no-repeat; }
span.previous { background: url('/media/images/buttons/previous_page_disabled.png') no-repeat; }
span.last { background: url('/media/images/buttons/last_page_disabled.png') no-repeat; }

/* Tabbox */
div#tabs fieldset { border: 0 none; margin: 0px; padding: 0px 10px 10px 10px; }
div#tabs legend { display: none; }
div#tabs input.inputText { width: 50%; display: block; border: 1px solid #f88f08; margin-bottom: 10px; }
div#tabs input.inputCheckbox { margin-bottom: 10px; }
div#tabs select { width: 50%; display: block; border: 1px solid #f88f08; margin-bottom: 10px; }
div#tabs .tabContentNoZendForm { padding: 10px; }

div#tabs .col input.inputText { width: 90%;}
div#tabs .col select { width: 90%; }

/* Accordion */
div.accordion dt { padding: 4px 0px 4px 25px; }
div.accordion dt.ui-corner-all { border-radius: 4px!important; }
div.accordion dd.ui-accordion-content { border: 1px solid #F88F08; border-top: 0 none;}

/* Formular */
div#formular input.inputText { width: 100%; display: block; border: 1px solid #f88f08; }
div#formular dt { margin-top: 10px; font-weight: bold; }
div#formular select { width: 100%; display: block; border: 1px solid #f88f08; }

/* Formular Specials */
div#formular dt#jagdrecht-label {  }

/* Userverwaltung - Gruppen */
fieldset#fieldset-userGroups label { display: block; float: left; width: 300px; overflow: hidden; }

/* Gruppenverwaltung - Schablonen */
fieldset#fieldset-groupSchablonen label { display: block; float: left; width: 300px; overflow: hidden; }

/* Boxen */
.infoBox { border: 2px solid #ffed00; background: url('/media/images/buttons/note.png') 0% 0% no-repeat #fdfad2; padding: 10px; padding-left: 60px !important; margin: 10px; min-height: 30px; }
.errorBox { border: 2px solid #ff0000; background: url('/media/images/buttons/error_big.png') 0% 0% no-repeat #f8dbdb; padding: 10px; padding-left: 60px !important; margin: 10px; min-height: 30px; }
.errorBox strong { color: #ff0000; }

/* Spalte */
.col { float: left; width: 25%; }
.col.last { clear: left; }

/* Zend Messages */
#message { font-weight: bold; padding: 0.5em; -moz-border-radius: 0.5em; border: 1px solid #FB2; background-color: #FFC; position: relative; }
#help { font-weight: bold; padding: 0.5em; -moz-border-radius: 0.5em; border: 1px solid #66D; background-color: #F0F0FF; position: relative; }

/* Login */
div#loginbox { position: absolute; border: solid 1px #F88F08; -moz-border-radius: 0.5em; width: 298px; padding: 10px; background-color: #fff; }
div#loginbox h2 { margin: 0px 0px 10px 0px; }
div#loginbox label { font-size: 10px; margin-bottom: 5px; }
div#loginbox input#username { margin-bottom: 10px; }
div#loginbox dt#login-label { display: none; }
div#loginbox dd#password-element { float: left; }

/* Zitat */
div#zitat h1 { font-size: 25px; line-height: 35px; }
div#zitat div { font-style: italic; text-align: right; }

/* Media */
div#media div#treeView { width: 30%; float: left; }
div#media div#listView { width: 68%; float: right; }

/* Redobject Tagverwaltung */
#tags a:hover { text-decoration: line-through; }
#tags a { display: block; }
#availableTags { height: 200px; overflow: auto; width: 90%; border: 1px solid #000; background: #fff; }

/* Redobject Box konfiguration */
#sortable { list-style-type: none; margin: 0; padding: 0;}
#sortable li { list-style-type: none; margin: 3px; padding: 0.4em; font-size: 1.0em; height: 18px; }
#boxenConfig td { width: 33%; border: 1px solid #000; padding: 10px; }
.connectedSortable { padding: 2px 2px; background: #ccc; }