.widget-background {}

.widget-background-content {
    position: relative;
    padding: 0;
}

.widget-background-frame {
    position: absolute;
    border: 1px dotted #888;
}

.widget-background-frame-inner {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
}

.widget-background-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 999;
}

.widget-background-overlay.bk-hover {
    background-color: #008;
}

.widget-background-tl {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    bottom: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.widget-background-tr {
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.widget-background-bl {
    position: absolute;
    left: 0;
    top: 50%;
    right: 50%;
    bottom: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.widget-background-br {
    position: absolute;
    left: 50%;
    top: 50%;
    right: 0;
    bottom: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.widget-background-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.widget-background-content.tile-vertical {
    background-repeat: repeat-y !important;
}

.widget-background-content.tile-horizontal {
    background-repeat: repeat-x !important;
}

.widget-background-content.tile-both {
    background-repeat: repeat !important;
}

.widget-background-content.tile-none {
    background-repeat: no-repeat !important;
}

.widget-background-content.top-left {
    background-position: top left !important;
}

.widget-background-content.top-center {
    background-position: top center !important;
}

.widget-background-content.top-right {
    background-position: top right !important;
}

.widget-background-content.center-left {
    background-position: center left !important;
}

.widget-background-content.center-center {
    background-position: center center !important;
}

.widget-background-content.center-right {
    background-position: center right !important;
}

.widget-background-content.bottom-left {
    background-position: bottom left !important;
}

.widget-background-content.bottom-center {
    background-position: bottom center !important;
}

.widget-background-content.bottom-right {
    background-position: bottom right !important;
}

.widget-carousel {}

.widget-carousel ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-carousel-container {
    position: relative;
}

.widget-carousel-view {
    z-index: 1;
    position: relative;
    display: block;
    padding: 0 0 18px 0;
    margin: 0;
}

.widget-carousel-page-holder {
    display: block;
    padding: 0px;
}

.widget-carousel-previous,
.widget-carousel-next {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    background: transparent url('http://www.webbuilder.hosteurope.de/widget/carousel/image/controls-light.png') no-repeat;
}

.widget-carousel-previous {
    z-index: 2;
    left: 5px;
    background-position: 0px -1px;
}

.widget-carousel-previous:hover {
    background-position: 0px -83px;
}

.widget-carousel-next {
    z-index: 3;
    right: 5px;
    background-position: 0px -42px;
}

.widget-carousel-next:hover {
    background-position: 0px -124px;
}

.widget-carousel-thumbs-container {
    height: 18px;
    clear: both;
}

.widget-carousel-thumbs {
    width: 100%;
    background: transparent;
    margin: 8px 0 0 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

.widget-carousel-thumb {
    background: transparent url('http://www.webbuilder.hosteurope.de/widget/carousel/image/controls-light.png') no-repeat -10px -168px;
    display: block;
    float: left;
    color: transparent;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: default;
    text-align: center;
    list-style: none;
    list-style-type: none;
}

.widget-carousel-thumb:hover {
    background: transparent url('http://www.webbuilder.hosteurope.de/widget/carousel/image/controls-light.png') no-repeat -10px -206px;
}

.widget-carousel-thumb.selected {
    background: transparent url('http://www.webbuilder.hosteurope.de/widget/carousel/image/controls-light.png') no-repeat -10px -187px;
}

.widget-columns {
    position: relative;
    clear: both;
}

.widget-columns:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.widget-columns {
    display: inline-block;
}

html[xmlns] .widget-columns {
    display: block;
}

* html .widget-columns {
    height: 1%;
}

.widget-columns-content.bk-empty {
    min-height: 10px;
}

.widget-columns-column {
    float: left;
    position: relative;
}

.widget-columns-resize-highlight {
    background: transparent url('http://www.webbuilder.hosteurope.de/framework/images/ui/hatch-pattern1.png') repeat 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.widget-columns-column {
    min-height: 10px;
}

.widget-columns-column-padding {
    position: relative;
}

.widget-columns-column-padding.bk-first {
    margin-left: 0 !important;
}

.widget-columns-column-padding.bk-last {
    margin-right: 0 !important;
}

.widget-columns-column-resize {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: col-resize;
    background-color: #fff;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    z-index: 9999999;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.doing-drag .widget-columns-column-resize {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.doing-column-drag .widget-columns-column-resize,
.widget-columns-column-resize:hover,
.editing .widget-columns-column-resize {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.widget-columns-column-settings-bar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 9999;
    background: red;
}

.doing-drag .widget-columns-column-settings-bar,
body.preview .widget-columns-column-settings-bar,
body.themeselector .widget-columns-column-settings-bar {
    display: none;
}

.widget-columns-column-icon {
    position: absolute;
    right: 2%;
    top: 2px;
    width: 23px;
    height: 20px;
    cursor: pointer;
}

.widget-columns-column-buffer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #333333;
    left: 0;
    position: absolute;
    right: 0;
    height: 4px;
    z-index: 1;
}

.widget-columns-column-edit {
    background: transparent url(http://www.webbuilder.hosteurope.de/framework/images/ui/column-edit.png) no-repeat scroll 0 0;
    z-index: 99999;
}

.column-flex-top {
    height: 33%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.column-flex-middle {
    bottom: 33%;
    left: 0;
    position: absolute;
    right: 0;
    top: 33%;
}

.column-flex-bottom {
    bottom: 0;
    height: 33%;
    left: 0;
    position: absolute;
    right: 0;
}

.resize-hidden {
    display: none;
}

.widget-content pre {
    white-space: normal;
}

.widget-formarea {
    margin: 0;
    padding: 0;
}

.widget-formarea .widget-formarea-button {
    z-index: 9999;
    position: absolute;
    clear: both;
}

.bk-button-right .widget-formarea-button {
    right: 10px;
}

.widget-formarea-title {}

.widget-form-label {
    float: left;
    width: 40%;
}

.widget-form-label span.widget-form-title,
.widget-form-label span.widget-form-subtitle {
    display: block;
}

.widget-formarea {
    padding-bottom: 40px;
}

.widget-formarea .widget-formarea-button-row {
    position: relative;
    overflow: hidden;
    height: 18px;
}

.widget-formarea .bk-widget-content {
    position: relative;
}

.widget-formarea .bk-button-left .widget-formarea-button {
    z-index: 9999;
    position: absolute;
    left: 10px;
}

.widget-formarea .bk-button-right .widget-formarea-button {
    z-index: 9999;
    position: absolute;
    right: 5.5%;
}

.bk-form .widget-form-options-layer {
    position: absolute;
    right: 5px;
    top: 4px;
    width: auto;
    height: auto;
    display: none;
}

body.doing-drag .bk-form .widget-form-options-layer {
    display: none !important;
}

body.edit .bk-form:hover .widget-form-options-layer {
    display: block;
}

.widget-formarea .editor-popup-arrow {
    top: -3px;
}

.widget-formarea .bk-form:hover .widget-form-move,
.widget-formarea .bk-form:hover .widget-form-delete,
.widget-formarea .bk-form:hover .widget-form-settings {
    float: left;
    display: inline;
    margin: 5px;
    width: 16px;
    height: 16px;
    background: transparent url(http://www.webbuilder.hosteurope.de/framework/images/ui/bk-icons.png) no-repeat;
}

.widget-formarea .bk-form:hover .widget-form-move {
    left: 2px;
    cursor: move !important;
    background-position: -112px 0px;
}

.widget-formarea .bk-form:hover .widget-form-delete {
    left: 22px;
    background-position: -80px 0px;
    cursor: pointer;
}

.widget-formarea .bk-form:hover .widget-form-settings {
    right: 2px;
    background-position: -128px 0px;
    cursor: pointer;
}

.widget-image {
    position: relative;
}

.widget-image-image {
    width: 100%;
    height: 100%;
}

.widget-image-loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff url(http://www.webbuilder.hosteurope.de/framework/images/ui/ajax.gif) no-repeat 50% 50%;
}

.widget-image-image.preview {
    cursor: pointer;
}

.widget-image-content .drop-overlay {
    background: rgba(38, 38, 38, .85) url('http://www.webbuilder.hosteurope.de/framework/images/ui/loading-spinner.gif') center center no-repeat;
    filter: alpha(opacity=90);
    -moz-opacity: 0.6;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.bk-widget-mask.libraryitem-select {
    border: 4px solid #f57d2f;
}

.widget-libraryitem-selector {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: auto;
    padding: 2px 10px 2px 10px;
    background-color: #f57d2f;
    color: #ffffff;
    font-size: 10px;
    z-index: 999999;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: default;
}

.widget-libraryitem-lock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #333;
    z-index: 999997;
    cursor: pointer;
}

.widget-libraryitem-unlock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 56px;
    height: 70px;
    background: transparent url(http://www.webbuilder.hosteurope.de/framework/images/ui/big-lock-icon-white.png) no-repeat 50% 0;
    z-index: 999997;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.widget-libraryitem-unlock.small {
    height: 20px;
    padding: 3px;
    background-image: none;
}

.widget-map {
    position: relative;
}

.widget-map-map {
    overflow: hidden;
}