@charset "UTF-8";

/********** HEADER ***********/



.cms_header {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    text-shadow: 0 0 2px #222;
    color: white;
    height: 70px;
    background: url('../img/cms/cms_header.jpg') repeat-x;
}

.cms_header a {
    text-decoration: none;
}

.cms_header_content {
    overflow: hidden;
    padding-right: 2px;
    width: 992px;
    height: 70px;
    margin: 0 auto;
    background: url('../img/cms/impager_3.0.png') 0 -3px no-repeat;
}

.cms_login {
    height: 50px;
    padding: 22px 0 0 0px;
    text-align: right;
}

.cms_login input, .cms_login input:focus {
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0.6;
    font-size: 11px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0;
    color:#fff;
    width: 130px; 
    margin-bottom: 16px;
    margin-right: 7px;
    background: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222 ), to(#666));
    background: -moz-linear-gradient( center top, #222 0%, #666 100% );
    -moz-box-shadow: inset 0 -1px 1px #bbb, inset 0 1px 1px #333;
    -webkit-box-shadow: inset 0 -1px 1px #aaa, inset 0 1px 1px #333;
    box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #000;
}

.cms_login input[type=submit] {
    cursor: pointer;
    opacity: 0.8;
    width: 50px;
    background: #bbb;
    margin-right: 0;
    padding: 4px 10px;
    margin-top: 2px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb ), to(#777));
    background: -moz-linear-gradient( center top, #bbb 0%, #777 100% );
    -moz-box-shadow: 0 0 3px #444;
    -webkit-box-shadow: 0 0 3px #444;
    text-shadow: #333 0 0 2px;
    color: #fff;
}

.cms_login input[type=submit]:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa ), to(#666));
    background: -moz-linear-gradient( center top, #aaa 0%, #666 100% );
}

.cms_login input[type=submit]:active {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666 ), to(#aaa));
    background: -moz-linear-gradient( center top, #666 0%, #aaa 100% );
}



.cms_country_switch {
    position: absolute;
    background: url('../img/cms/flags/switch.png') no-repeat;
    width: 54px;
    height: 25px;
    margin: 6px 0 0 750px;
}

.cms_country_switch_de {
    background-position: bottom;
}

.cms_country_switch a {
    display: block;
    float: left;
    width: 27px;
    height:25px;
}

.cms_identity {
    height: 20px;
    padding-top: 10px;
    text-align: right;
    font-size: 10px;
}

.cms_identity a {
    display: inline-block;
    padding: 2px 12px;
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#bbb ), to(#888));
    background: -moz-linear-gradient( center top, #bbb 0%, #888 100% );
    color: white;
    margin-left: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.cms_identity a:hover {
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#aaa ), to(#888));
    background: -moz-linear-gradient( center top, #aaa 0%, #bbb 100% );
}

.cms_identity a:active {
    text-decoration: none;
    background: -webkit-gradient(linear, left bottom, left top, from(#aaa ), to(#888));
    background: -moz-linear-gradient( center bottom, #aaa 0%, #bbb 100% );
}

.cms_navi { padding-top: 18px; }

.cms_navi a {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    color: white;
    font-size: 11px;
    text-shadow: 0 0 2px #444;
    background-color: #aaa;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-transform: uppercase;
    margin-right: 3px;
    padding: 0 10px;
    -webkit-box-shadow: 0 0 3px #444;
    -moz-box-shadow: 0 0 3px #444;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb ), to(#666));
    background: -moz-linear-gradient( center top, #bbb 0%, #666 100% );
    -webkit-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
}

.cms_navi a:hover {
    text-decoration: none;
    height: 27px;
    margin-top: -2px;
}

.cms_navi a:active {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999 ), to(#666));
    background: -moz-linear-gradient( center top, #999 0%, #666 100% );
}


/********** FORMS ***********/

input.input_file {
    border: 0;
    background: url('../img/uniform/bg_input_file.jpg') !important;
    padding: 0;
    width: 90px !important;
    height: 25px;
    padding: 0 91px 0 5px;
    cursor: pointer;
}

.clear_input_file {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 8px;
    background: url('../img/cms/delete_large.png');
}

/********** POPUP ***********/

.blank {
    font-family: Arial, Helvetica, sans-serif;
}

.blank a {
    text-decoration: none;
}

.cms_popup {
    display: none;
    position: fixed;
    margin-top: 10px;
    background-color: #fff;
    width: 980px;
    z-index: 5000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px #333;
    -moz-box-shadow: 0 5px 30px #333;
    font-family: Arial, Helvetica, sans-serif;
}

.cms_popup_header {
    cursor: pointer;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d0d0 ), to(#aaa));
    background: -moz-linear-gradient( center top, #d0d0d0 0%, #aaa 100% );
    color: #333;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 1px #ddd;
    padding: 3px 7px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: #888 1px solid;
    border-top: #e2e2e2 1px solid;
    height: 18px;
    line-height: 16px;
}

.cms_popup_header a {
    display: block;
    height: 18px;
    width: 18px;
    margin-right: 4px;
    float: left;
}

.cms_popup_close { background: url('../img/cms/cms_popup_close.gif') no-repeat; }
.cms_popup_fullscreen { background: url('../img/cms/cms_popup_fullscreen.gif') no-repeat; }

.cms_popup_header a:hover { background-position: bottom; }

.cms_popup_header span {
    padding-top:2px;
    display: block;
}

.cms_popup_flag {
    width: 44px;
    float: right;
    height: 18px;
    background-position: right;
    background-repeat: no-repeat;
}

.cms_popup_content {
    font-family: Arial, Helvetica, sans-serif;
    padding: 6px 12px 12px 12px;
    overflow: auto;
}

.cms_preview {
    font-family:"myriad-pro", "Myriad Pro", Arial,sans-serif;
    float: right;
    margin-bottom: 12px;
    margin-top: 6px;
    border-radius: 10px;
    border: #d6d6d6 dashed 3px;
    padding: 6px;
}

.cms_preview div {
    z-index: 6000;
}

.cms_preview .teaser {
    margin: 0;
}

.cms_popup_content label {
    font-weight: bold;
    display: block;
    font-size: 12px;
    padding: 3px 0;
    width: auto;
}

.cms_popup_content .text {
    width: 180px;
}

.cms_popup_content textarea {
    width: 180px;
    height: 60px;
}

.cms_popup_content .selector, .cms_popup_content .uploader, .cms_popup_content .text, .cms_popup_content textarea {
    margin-bottom: 8px;
}

.cms_popup_content .hr_fullsize { margin: 0 -12px; padding: 6px 0 12px 0;}
.cms_popup_content hr {
    border-top: #ddd 1px solid;
    border-bottom: #fff 1px solid;
}

.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; background: url('../img/cms/cms_se_resize.png') no-repeat; }


/********** BUTTONS / Forms ***********/

a.grey_round {
    position: relative;
    cursor:pointer;
    height:24px;
    background: url(../img/cms/grey_round_a.png) no-repeat right top;
    padding-right:12px;
    display:inline-block;
}

a.grey_round ins {
    background: url(../img/cms/grey_round_ins.png) no-repeat left top;
    height:24px;
    line-height:24px;
    display:inline-block;
    padding-left:12px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #5e5e5d;
}

a.grey_round.red ins {
    color: #900;
}

a.grey_round:hover, .grey_round:active, .grey_round.active { background-position: right bottom; text-decoration: none; }
a.grey_round:hover ins, .grey_round:active ins, .grey_round.active ins { background-position: left bottom; }

div.input_submit {
    position: relative;
    cursor:pointer;
    height:24px;
    background: url(../img/cms/grey_round_a.png) no-repeat right top;
    padding-right:12px;
    display:inline-block;
    float: left;
}

div.input_submit input {
    background: url(../img/cms/grey_round_ins.png) no-repeat left top;
    height:24px;
    line-height:24px;
    display:inline-block;
    padding-left:12px;
    font-size: 12px;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    color: #0099cc;
}

div.input_submit:hover, div.input_submit:active, div.input_submit.active { background-position: right bottom; text-decoration: none; color: #3E4545; }
div.input_submit:hover input, div.input_submit:active input, div.input_submit.active input { background-position: left bottom; }

.grey_round_small {
    position: relative;
    cursor:pointer;
    line-height:18px;
    height:18px;
    background: url(../img/cms/small_a.png) no-repeat left top;
    padding-left:12px;
    display:inline-block;
    color: #656a6a !important;
}

.grey_round_small ins {
    float: left;
    background: url(../img/cms/small_ins.png) no-repeat right top;
    height:18px;
    line-height:18px;
    display:inline-block;
    padding-right:12px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.grey_round_small_edit {
    background: url(../img/cms/small_a_edit.png) no-repeat left top;
    padding-left:30px;
}

.grey_round_small_move {
    background: url(../img/cms/small_a_move.png) no-repeat left top;
    padding-left:30px;
}

/********** CONTENT ***********/

.cms_realy_delete {
    padding: 12px;
    display: none;
}

.cms_add_element {
    float: left;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 6px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: #d6d6d6 dashed 3px;
    color: #999;
    text-decoration: none;
}
.cms_add_element:hover { text-decoration: none; color: #900; border-color: #900; }

.cms_layermenu {
    position: absolute;
    opacity: 0.70;
    display: none;
    height: 22px;
    padding: 10px 5px 10px 10px;
    background-color: black;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444 ), to(#000));
    background: -moz-linear-gradient( center top, #444 0%, #000 100% );
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0 2px 5px #333;
    -moz-box-shadow: 0 2px 5px #333;
    border-top: #777 1px solid;
    z-index: 1100;
}

.cms_layermenu img {
    margin-right: 5px;
    cursor: pointer;
}

#cke_contents_smalltext { height: 170px !important; }

.cms_contacts {
    float: left;
    width: 180px;
    -webkit-box-shadow: 0 1px 3px #555;
    -moz-box-shadow: 0 1px 3px #555;
    margin: 12px 24px 0 6px;
    background-color: #f9f9f9;
}

.cms_contacts_wrapper {
    height:556px;
    overflow: auto;
    border-bottom: #aaa 1px solid;
}

.cms_contacts a {
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 12px;
    border-top: #fff 1px solid;
    border-bottom: #eee 1px solid;
    color: #3e4545;
    padding: 0 9px;
}

.cms_contacts a:hover, .cms_contacts a.active {
    text-decoration: none;
    background-color: #eee;
}

a.cms_list_add {
    display: block;
    font-weight: bold;
    height:28px;
    line-height: 28px;
    border-top: #fff 1px solid;
    border-bottom: #666 1px solid;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d0d0 ), to(#aaa));
    background: -moz-linear-gradient( center top, #d0d0d0 0%, #aaa 100% );
    text-shadow: 0 1px 1px #ddd;
}

.cms_list_add:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd ), to(#aaa));
    background: -moz-linear-gradient( center top, #ddd 0%, #aaa 100% );
}

.cms_list_add:active {
    border-top-color: #777;
    -webkit-box-shadow: inset 1px 1px 3px #777;
    -moz-box-shadow: inset 1px 1px 3px #777;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc ), to(#999));
    background: -moz-linear-gradient( center top, #d0d0d0 0%, #aaa 100% );
}

.cms_list_editor {
    float: left;
    margin: 12px 0 0 0;
    font-size: 13px;
    width: 380px;
    height: 560px;
}

.cms_list_editor input {
    width: 370px;
}

.cms_list_editor .cke_contents {
    height: 200px !important;
}

.cms_contact_detail {
    float: left;
    margin: 12px 0 0 0;
    font-size: 13px;
    width: 740px;
    height: 560px;
}

.cms_avatar {
    float: left;
    -webkit-box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    margin-right: 14px;
}

.cms_contact_detail h2 {
    font-size: 22px;
    margin-bottom: 0;
}

.cms_contact_detail table {
    border: 0;
    width: auto;
}

.cms_contact_detail table td {
    padding: 2px 30px 2px 0;
    vertical-align: middle;
}

.cms_contact_detail .text { width: 230px;}

div.zoom_teaser .cms_editable {
    position: absolute;
    display: block;
    height: 215px;
    width: 228px;
    z-index: 1000;
}

div.zoom_teaser .cms_editable a, div.zoom_teaser .cms_editable a:hover {
    position: relative;
    display: inline;
    height: auto;
    width: auto;
}

div.zoom_teaser .cms_editable img, div.zoom_teaser .cms_editable a:hover img {
    position: relative;
    display: inline;
    height: auto;
    width: auto;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
}

.cms_sortable {
    padding: 10px 0;
}

.cms_sortable .sortable_list {
    margin: 0;
}

.cms_sortable .sortable_list li {
    float: none;
}

.cms_sortable ul {
    list-style: none;
}

.cms_move { cursor: move; }

.cms_sortable input {
    background: none;
    width: 250px;
}

.cms_sortable ul li .cms_acco_content {
    display: none;
    width: 585px;
}

.cms_sortable ul li .cms_acco_content input.text {
    width: 350px;
}

.cms_sortable input:active, .cms_sortable input:focus  {
    background: #fff;
}

.cms_sortable_page {
    font-size: 16px;
    padding: 6px 10px;
    width: 560px;
    background: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px #777;
    -moz-box-shadow: 1px 1px 3px #777;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff ), to(#ccc));
    background: -moz-linear-gradient( center top, #fff 0%, #ccc 100% );
    margin-bottom: 5px;
}



.cms_sortable_page img {
    float: right;
}

.cms_sortable_page p {
    font-size: 12px;
    padding: 3px 0;
    width: 475px;
    height: 14px;
    overflow: hidden;
    margin: 0;
    color: #666;
}

.cms_open_li {
    float: left;
    display: block;
    margin: 4px 6px 0 0;
    height: 14px;
    width: 14px;
    background: url('../img/cms/cms_open_li.gif') no-repeat;
}

.cms_open_li.cms_sortable_bull { background-position: 0 -28px; }
.cms_open_li.cms_close_li { background-position: 0 -14px; }
.cms_open_li.cms_sortable_new_page { background-position: 0 -42px; }

.cms_sortable ul li ul li .cms_sortable_icons { margin-left: 15px; }
.cms_sortable ul li ul li ul li .cms_sortable_icons { margin-left: 30px; }
.cms_sortable ul li ul li ul li ul li .cms_sortable_icons { margin-left: 45px; }

.cms_callback_message {
    width: 200px;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px #777;
    -moz-box-shadow: 1px 1px 3px #777;
    padding:10px;
    position: absolute;
    margin: 20px 0 0 200px;
    opacity: 0.8;
    display: none;
}

ul.sortable_list li {
    float: left;
}

ul.sortable_content_list {
    padding-top: 8px;
}

ul.sortable_content_list li {
    border: #ddd 1px solid;
    margin-top: -1px;
    background-color: #eee;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5 ), to(#eaeaea));
    background: -moz-linear-gradient( center top, #fff 0%, #ccc 100% );
    padding: 5px 12px;
    height: 21px;
    width: 97%;
}

ul.sortable_content_list li.ui-sortable-helper {
    -webkit-box-shadow: 1px 1px 6px #777;
    -moz-box-shadow: 1px 1px 6px #777;
}

ul.sortable_content_list li a {
    color: #444;
    text-decoration: none;
}

ul.sortable_content_list li .grey_round_small {
    float: right;
    margin-left: 8px;
    margin-top: 2px;
}
    
    
.cms_acco_content_form {
    width: 580px;
}

.cms_small_editor .cke_contents {
    height: 100px !important;
}

.cms_medium_editor .cke_contents {
    height: 200px !important;
}

.open_cms_sitemap_meta, .open_cms_sitemap_meta:hover {
    border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #fff;
    border-right: 1px solid #bbb;
    border-top: 1px solid #fff;
    padding: 3px 7px;
    color: #666;
    font-size: 10px;
    float: right;
    margin-right: 15px;
    text-decoration: none;
}

.cms_sitemap_meta {
    display: none;
}

.cms_sitemap_meta input {
    width: 570px !important;
}

label.wizard {
    background: url('../img/cms/wizard.png') no-repeat;
    height: 16px;
    padding-left: 24px;
    cursor: pointer;
}

.cms_edit_form label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 3px;
    width: auto;
}

.cms_edit_form .text {
    width: 370px;
    margin-bottom: 8px;
}

.cms_edit_form .selector {
    margin-bottom: 8px;
}

.cms_image_list {
    padding: 12px 12px 4px 12px;
    background-color: #eee;
    -webkit-box-shadow: inset 1px 1px 3px #999;
}

.cms_image_list li {
    float: left;
    margin: 0 12px 12px 0;
}

a.cms_delete {
    position: absolute;
    margin: -8px 0 0 -8px;
    height: 20px;
    width: 20px;
    display: block;
    background: url('../img/cms/delete.png') no-repeat;
    z-index: 100;
}

.cms_col {
    width: 180px;
    float: left;
}

.cms_right_col {
    float: right;
    width: 260px;
}

.cms_right_col .text {
    width: 150px;
}

#ui-datepicker-div {
    position: absolute;
    text-align: center;
    background-color: #fff;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 10px 0 0 10px;
    
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
}

.ui-datepicker-title {
    padding: 3px;
    font-weight: bold;
}

.ui-datepicker-next { float: right; }
.ui-datepicker-prev { float: left; }

table.ui-datepicker-calendar {
    z-index: 2000;
    background-color: #fff;
    border: 0;
}

table.ui-datepicker-calendar td {
    text-align: center;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee ), to(#ccc));
    background: -moz-linear-gradient( center top, #eee 0%, #ccc 100% );
    width: 25px;
}

table.ui-datepicker-calendar td a {
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 1px #fff;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888 ), to(#aaa));
    background: -moz-linear-gradient( center top, #888 0%, #aaa 100% );
    -webkit-box-shadow: inset 1px 1px 3px #333;
    -moz-box-shadow: inset 1px 1px 3px #333;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day a {
    color: #fff;
    text-shadow: 0 1px 1px #000;
}

.cms_add_tab {
    display: block;
    width: 57px;
    height: 64px;
    background: url('../img/cms/add_tab_119.gif') no-repeat;
}

.dl_product {
    float: left;
    width: 180px;
    height: 26px;
}