/********* Farben *********
hell1 = #E9EFC4     (233,239,196)
hell2 = #D7E584     (215,229,132)
mittel = #b7c75e    (183,194,94)     alt: #B2C15B    (178,193,91)     alt: #A7B658   (167,182,88)     alt: #89C527
dunkel = #9CAA54    (156,170,84)     alt: #8C9751   (140,151,81)     alt: #A7B658
*/
/********* Seiteneinstellungen **********/
#seite_adm { position:relative; width:100%; height:100%; background:#ffffff;}
/********* Kopfeinstellungen *********/
#head_adm { width:100%; margin:0 auto; height:58px; background: url("https://media.teamwebber.de/website/tw_head_bg.png") repeat-x scroll left top transparent; }
#head_adm p { padding:0 5px; font-family:'Arial'; color:#eeeeee; font-size:0.7em; font-weight:normal; font-style:normal; }

/********* Einstellungen Hauptbereich *********/
.cont_adm { position:relative; width:1260px; margin:0 auto 20px; padding:10px 0 20px; text-align:left; }
.adm_headline { margin:20px 0; padding:0px; }

/********* Fusseinstellungen *********/
#foot_adm { height:45px; margin:0 auto; z-index:100; padding:5px 10px; background:#c2d366; border-top:3px solid #b7c75e; }
#foot_adm p { padding:0 5px; font-family:'Verdana'; color:#ffffff; font-size:0.8em; font-weight:normal; font-style:normal; }
#foot_adm a { color:#ffffff; text-decoration:none; }

/********* Schriften *********/
.form p, .form span { font-family:'Arial'; color:#444444; font-size:0.85em; font-weight:normal; font-style:normal; padding:3px; }
.form a { font-family:'Arial'; color:#666666; font-weight:bold; text-decoration:none; }
.form h1 { font-family:'Arial'; font-size:2em; color:#222222; font-weight:bold; padding: 0 5px 10px; text-shadow: 0.01em 0.01em 0.01em rgba(0,0,0,0.5); }
.form h2 { font-family:'Arial'; font-size:1.3em; color:#222222; font-weight:bold; padding: 15px 0px; }
.form h3 { font-family:'Arial'; font-size:1.2em; color:#222222; font-weight:bold; padding: 10px 3px; text-shadow: 0.01em 0.01em 0.01em rgba(0,0,0,0.5); }
.form h4 { font-family:'Arial'; font-size:1em; color:#222222; font-weight:bold; padding: 5px 3px; text-shadow: 0.01em 0.01em 0.01em rgba(0,0,0,0.5); }
.f24_h1 { font-family:Georgia, Times New Roman; font-size:1.5rem; color:#666666; text-decoration:none; }
.f24_h3 { font-family:Georgia, Times New Roman; font-size:1rem; color:#666666; text-decoration:none; }
.tw { font-family:'DomCasual','Comic Sans MS','Calibri'; font-size:150%; font-weight:bold; }

/********* Formen *********/
.adm_center { margin:5px 2px 0; padding:3px 5px 10px; border:1px solid #aaaaaa; border-radius:4px; }
.adm_center ul { padding:0 5px; margin:0; }
.adm_center li { list-style:none; font-size:1.2em; color:#000069; }
.adm_center a { font-size:0.8em; }
.col1of2, .col2of2 { position:relative; width:50%; float:left; padding:0; }
.col1of3, .col2of3, .col3of3 { position:relative; width:33.33%; float:left; padding:0; }

.adm_men_box { margin:0 auto; }
.adm_box { min-height:60px; margin:5px 0 10px; padding:2px; background:#e9efc4; border:1px solid #aaaaaa; border-radius:4px; width:auto; z-index:1200; }
.adm_box .header { width:auto; margin:0 auto; padding:1px 0px; min-height:0; text-decoration:none; outline: 0 none; line-height:1.3; list-style:outside none none; border:1px solid #aaaaaa; border-radius:6px; background:#C2D366; }
.adm_box .header ul { margin:0; padding:0; text-align:left; }
.adm_box .header li { list-style:none; float:left; position:relative; padding:4px 15px; background:url(https://media.teamwebber.de/website/menue-border.png) no-repeat top right; }
.adm_box .header li ul { position:absolute; display:none; width:150px; margin:4px 0 0 -15px; padding:0; border:1px solid #aaaaaa; background:#C2D366; z-index:1000; }
.adm_box .header li ul li { float:none; display:block; margin:0px; padding:6px; border:0px; border-bottom:1px dotted #ffffff; background-image:none; }
.adm_box .header li ul li.last { border-bottom:0; }
.adm_box .header a, .adm_box .header li a { font-family:Verdana,Arial,sans-serif; font-size:0.9em; font-weight:normal; color:#ffffff; text-decoration:none; }
.adm_box .header li:hover { background:#D7E584; }

.sticky { position:fixed; width:1256px; margin:0 auto; padding:10px 2px 5px; background:#eeeeee; border-radius:0 0 0 10px;}
.stick_remove { position:absolute; top:100px; right:-1px; background:#eeeeee; padding:0px 5px; border:1px solid #aaaaaa; border-top:0px; border-radius:0px 0px 10px 10px; }

.clearfix::before, .clearfix::after { border-collapse:collapse; content: ""; display:table; }
.clearfix::after { clear:both; }

.el_des_pre { width:310px; height:100px; overflow:hidden; border:1px dotted #cccccc; margin-left:5px; }
.area_box { margin:20px 0; border:1px solid #c2d366; border-radius:4px; }
#area_preview { margin:0; padding:0; }

.hl_box { background:#E9EFC4; border:1px solid #c2d366; border-radius:2px; margin:0 0 10px 0; padding:0.2em 0.3em; text-align:left; }
.hl_box.foldable { padding-left:15px; cursor:pointer; }
.hl_box.foldable .open, .hl_box.foldable .closed { float:left; margin-left:-12px; }
.hl_box.foldable .open::before { content: url("https://media.teamwebber.de/website/excol_open.gif"); }
.hl_box.foldable .closed::before { content: url("https://media.teamwebber.de/website/excol_closed.gif"); }
.hl_box.foldable:hover { background:#D7E584; }
.hl_box2 { position:relative; margin:5px; padding:0.2em 0.5em 0.3em; background:#C2D366; border:1px solid #D7E584; border-radius:3px;
        text-align:left; vertical-align:middle; font-family:Verdana,Arial,sans-serif; font-size:0.8em; font-weight:normal; color:#ffffff; text-decoration:none; }
.div_box2 { border:1px solid #C2D366; border-radius:4px; margin:5px; padding:5px; }

.green { background:#00B050; }
.red { background:#FF0000; }
.font_white { color:#ffffff; }

/********* Inputs *********/
/* input[type="text"], input[type="password"], select, textarea { border:1px solid #d3d3d3; padding:0.3em 0.5em; border-radius:4px; }
input[type="text"].small, select.small { padding:0.2em 0.1em; border-radius:2px; }
input[type="radio"] { margin:0px 7px 4px 1px; vertical-align:middle; width:13px; height:13px; padding:0px; }
input[type="checkbox"] { margin:0px 8px 3px 1px; vertical-align:middle; width:13px; height:13px; padding:0px; }
select { height:28px; } */

/********* Message ********
.adm_msg { background:#C2D366; margin:10px 10px; padding:10px 20px 10px 30px; border:1px solid #A7B658; border-radius:6px; font-family:Verdana; font-size:1em; color:#ffffff; }
.adm_msg .ui-icon { float:left; margin:3px 10px 3px -20px; }
*/
/********* Tabellen *********/
.adm_table { margin:0 auto; padding:0px; background-color:#ffffff; border-collapse:collapse; color:#000000; font-size:0.8em; font-family:'Arial'; font-weight:normal; vertical-align:middle;}
.adm_table a { font-size:1em; }
.adm_table thead, .adm_table tfoot, .adm_table .thead, .adm_table .tfoot { border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; background:url(https://media.teamwebber.de/website/title_bar.png) repeat-x 50% 50%; }
.adm_table tbody, .adm_table .tbody { border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; }
.adm_table thead td, .adm_table tfoot td, .adm_table .thead .td, .adm_table .tfoot .td { padding:3px; border-right:1px solid #aaaaaa; font-weight:bold; }
.adm_table tbody tr, .adm_table .tbody .tr { border-top:1px solid #aaaaaa; }
.adm_table tbody td, .adm_table .tbody .td { padding:5px; border-right:1px solid #aaaaaa; }
.adm_table .tbody .td { line-height:2em; }
.adm_table tbody tr.odd, .adm_table .tbody .tr.odd { background-color:#eeeeee; }
.adm_table tbody tr:hover, .adm_table .tbody .tr:hover { background-color:rgba(0,0,0,0.05); }

/********* Responsive *********/
@media (max-width: 920px) {
    .cont_adm { width:100%; }
    .col1of3, .col2of3, .col3of3 { width:50%; }
    .col3of3 { float:none; }
    .adm_center .col3of3 { width:100%; }
    .adm_center .col3of3 > div { width:50%; float:left; }

    /*.col1.size20 { width:40%; }
    .col2.size40 { width:60%; }
    .col3 { float:none; width:100%; }*/

    .form h1 { font-size:1.8em; padding:5px; }
}
@media (max-width: 800px) {
    #head_adm { height:110px; background-color:#eeeeee; border-bottom:2px solid #666666; }
    #head_adm p { color:#222222; }
    img.adm_link { height:36px; }

    .col1of2, .col2of2 { width:100%; float:none; }
}
@media (max-width: 490px) {
    .col1of3, .col2of3, .col3of3 { width:100%; }
    .col2of3 { float:none; }
    .adm_center .col3of3 > div { width:100%; float:none; }

    /*.col1.size20 { width:100%; }
    .col2.size40 { width:100%; float:none; }*/
}



.adm_titel { width:100%; background:#cccccc url(https://media.teamwebber.de/website/title_bar.png) repeat-x 50% 50%; border:1px solid #aaaaaa; border-bottom:0px;
			color:#000000; font-size:0.9em; font-family:'Arial'; font-weight:bold; margin:0px; padding:4px}

.adm_tbl { margin:0px; padding:2px; color:#000000; font-size:1em; font-weight:normal; }
.adm_tbl .tbl_head th { padding:2px; border:1px solid #aaaaaa; background:url(https://media.teamwebber.de/website/title_bar.png) repeat-x 50% 50%; font-weight:bold; }
.adm_tbl td { padding:2px 5px; border:1px solid #aaaaaa; background-color:#ffffff; }

tr.drag_tr td { background:#eeeeee }
td.handle { background-image: url(https://media.teamwebber.de/website/move-24.png); background-repeat: no-repeat; background-position: center center; cursor: move; }

/********* Sitemap *********/
.sm .title { padding-left:12px; }
.sm .lvl_1 { width:0px; }
.sm .lvl_2 { width:12px; }
.sm .lvl_3 { width:24px; }
.sm .lvl_4 { width:36px; }
.sm .open { background:url(https://media.teamwebber.de/website/excol_open.gif) left center no-repeat; }
.sm .closed { background: url(https://media.teamwebber.de/website/excol_closed.gif) left center no-repeat; }

/********* Elemente *********/
.el_info{ margin-top:2px; padding:1px 5px 0; background-color:#E9EFC4; border:1px solid #aaaaaa; border-radius:6px; vertical-align:middle; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3) }
.el_info img {padding-top:2px; cursor:pointer;}
.el_info img.handle {cursor:move;}

/******* News & Blog *******/
.add_news_kat { margin:0 5px 5px 0; padding:0 2px 5px; border:1px solid #9CAA54; background:#E9EFC4; border-radius:3px; }

/********* Buttons *********/
.adm_button {min-width:75px;; padding:36px 5px 2px; margin:2px; color:#444444; text-align:center; font-size:0.7em !important; font-family:Arial,Tahoma; font-weight:normal;
	     	 background:#ffffff center 2px no-repeat; border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3;border-right:2px solid #aaaaaa; border-bottom:2px solid #aaaaaa; cursor:pointer;}
.neu {background-image:url('https://media.teamwebber.de/website/page-add-32.png'); }
.speichern {background-image: url('https://media.teamwebber.de/website/page-accept-32.png');}
.loeschen {background-image: url('https://media.teamwebber.de/website/page-remove-32.png');}
.email {background-image: url('https://media.teamwebber.de/website/mail-32.png');}
.zurueck {background-image: url('https://media.teamwebber.de/website/back-32.png');}
.print {background-image: url('https://media.teamwebber.de/website/printer-32.png');}
.doc {background-image: url('https://media.teamwebber.de/website/page-32.png');}
.el_pub {background-image: url('https://media.teamwebber.de/website/web-accept-32.png');}
.el_unpub {background-image: url('https://media.teamwebber.de/website/web-remove-32.png');}
.preview {background-image: url('https://media.teamwebber.de/website/preview-32.png');}
.element {background-image: url('https://media.teamwebber.de/website/elemente-32.png');}
.setup {background-image: url('https://media.teamwebber.de/website/setup-32.png');}
.help {background-image: url('https://media.teamwebber.de/website/help-32.png');}
.users {background-image: url('https://media.teamwebber.de/website/users-32.png');}
.user-rights {background-image: url('https://media.teamwebber.de/website/user-rights-32.png');}

.adm_button.back { background-image: url('https://media.teamwebber.de/website/back-32.png'); }
.adm_button.user_new {background-image: url('https://media.teamwebber.de/website/user-add-32.png');}
.adm_button.user_delete {background-image: url('https://media.teamwebber.de/website/user-remove-32.png');}

.adm_button.page_show {background-image: url('https://media.teamwebber.de/website/page-show-32.png');}
.adm_button.page_all {background-image: url('https://media.teamwebber.de/website/pages-edit-32.png');}
.adm_button.page_back {background-image: url('https://media.teamwebber.de/website/page-back-32.png');}
.adm_button.page_add {background-image: url('https://media.teamwebber.de/website/page-add-32.png');}
.adm_button.page_edit {background-image: url('https://media.teamwebber.de/website/page-edit-32.png');}
.adm_button.page_accept {background-image: url('https://media.teamwebber.de/website/page-accept-32.png');}
.adm_button.page_remove {background-image: url('https://media.teamwebber.de/website/page-remove-32.png');}

.adm_button.area_add {background-image: url('https://media.teamwebber.de/website/area-add-32.png');}
.adm_button.area_accept {background-image: url('https://media.teamwebber.de/website/area-accept-32.png');}
.adm_button.area_remove {background-image: url('https://media.teamwebber.de/website/area-remove-32.png');}

.adm_button.el_add {background-image: url('https://media.teamwebber.de/website/element-add-32.png');}
.adm_button.element_edit {background-image: url('https://media.teamwebber.de/website/element-edit-32.png');}
.adm_button.el_accept {background-image: url('https://media.teamwebber.de/website/element-accept-32.png');}
.adm_button.el_remove {background-image: url('https://media.teamwebber.de/website/element-remove-32.png');}

.adm_button.designsets {background-image: url('https://media.teamwebber.de/website/design-sets-32.png');}
.adm_button.designset_accept {background-image: url('https://media.teamwebber.de/website/designset-accept-32.png');}
.adm_button.copy {background-image: url('https://media.teamwebber.de/website/copy-32.png');}
.adm_button.preview {background-image: url('https://media.teamwebber.de/website/preview-32.png');}
.adm_button.show_video {background-image: url('https://media.teamwebber.de/website/movie-32.png');}

.btn {width:100%; padding:1px; margin:10px 0; background-color:#dddddd; font-family:Arial; font-size:0.8em !important; color:#000000; cursor:pointer;
	  border:1px solid #aaaaaa; border-radius:6px; box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3); }
.box_shadow { -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5); }

/********* Sortierbare Tabelle ********/
ol.sortable, ol.sortable ol { margin:0 0 0 12px; padding:0; list-style-type:none; background:#cccccc; }
ol.sortable { margin:0; border:1px solid #AAAAAA; border-top:0px; }
.sortable .placeholder { outline: 1px dashed #cccccc; background-color:#eeeeee; }
.sortable .disclose { cursor:pointer; width:10px; display:none; font-weight:bold }
.sortable li.Sortable-collapsed.Sortable-hovering div { border-color: #999; background: #fafafa; }
.sortable li.Sortable-collapsed > ol { display: none; }
.sortable li.Sortable-branch > div > div >.disclose { display:inline-block; float:left; line-height:28px; margin-left:-4px; padding:0 6px 0 0; }
.sortable li.Sortable-collapsed > div > div >.disclose > span:before { content: url(../media/website/excol_closed.gif); }
.sortable li.Sortable-expanded > div > div >.disclose > span:before { content: url(../media/website/excol_open.gif);  }
.sortable .line { height:2.2em; padding:0px; background:#ffffff; border-top:1px solid #aaaaaa; }
.sortable .cell { height:2.2em; line-height:2em; padding:0 2px; border-left:1px solid #aaaaaa; float:right; }
.sitemap_head .cell { float:right; }
.sortable .firstCell { height:2.2em; line-height:2em; padding:0 2px; padding-left:5px; float:left; }
.sortable img { padding-top:6px; }

.handle {cursor:move;}

/********* Media *********/
#img_area, #video_area, #audio_area { display: flex; flex-wrap: wrap; }
.tree_area { flex-basis:auto; align-items:stretch; margin:1px; padding:5px; background-color:#E9EFC4; border:1px solid #b7c75e; }
.media_area { flex-basis:auto; align-items:stretch; width:79%; }

.folder_header { padding:5px; background-color:#eeeeee;}
.folder { line-height:24px; padding-left:28px; margin-top:5px; font-family:Arial; font-size:0.9em; font-weight:normal; font-style:normal; }
.folder.level_1 { margin-left:24px; }
.folder.level_2 { margin-left:48px; }
.folder.level_3 { margin-left:72px; }
.folder.folder-open { background:#D7E584 url('https://media.teamwebber.de/website/folder-img-24.png') 0px 0px no-repeat; }
.folder.folder-close { background: url('https://media.teamwebber.de/website/folder-closed-24.png') 0px 0px no-repeat; }

/********* Upload *********/
#upload_liste {width:660px; height:190px; margin:0 auto 10px; border:0px; }
#upload_msg {padding:5px 0; }
.uploadifyQueueItem {width: 634px; background-color:#F5F5F5 ; border:2px solid #E5E5E5; font:10px Arial, Verdana, Tahoma; margin:1px; padding:10px;}
.uploadifyError {background-color: #FDE5DD !important; border: 1px solid #FBCBBC !important;}
.uploadifyQueueItem .cancel {float: right; margin-top:-5px;}
.uploadifyQueue .completed {background-color: #E5E5E5;}
.uploadifyProgress { background-color: #E5E5E5; margin-top: 10px; width: 100%;}
.uploadifyProgressBar {background-color: #0099FF; height: 6px; width: 1px; }

/********* Waiting *********/
.waiting-container { min-height: 16px; transition: opacity 0.25s; opacity: 1; }
.waiting-container.hidden { opacity: 0; }
.waiting-container.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.waiting-container.fixed { position: fixed; z-index: 9999; }
.waiting-overlay { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); }
.waiting-indicator { width: 32px; height: 32px; background: url("https://media.teamwebber.de/website/ajax-loader.gif"); }
.waiting-indicator.center, .waiting-indicator.top, .waiting-indicator.bottom { position: absolute; }
.waiting-indicator.center { top: 50%; left: 50%; margin: -8px 0 0 -8px; }
.waiting-indicator.top { top: 0; margin-top: 0; }
.waiting-indicator.bottom { top: auto; bottom: 0; margin-top: 0; }
.waiting-indicator.left { left: 0; margin-left: 0; }
.waiting-indicator.right { left: auto; right: 0; margin-left: 0; }

/********* Design *********/
#font_family-button.ui-state-default { background:url(''); border-radius:0px; border: 1px solid #aaaaaa; border-radius:0; height:22px; padding:2px; }
.ui-autocomplete { max-height:300px; overflow-y:auto; overflow-x:hidden; padding-right:20px; }