fieldset.widgetframe legend{
    font-weight:bold;
    font-size:14px;
    color:#BE005E;
    padding:0 5px;
}

.widgetconfig{
    width:230px;
    float:right;
    padding:10px;
    border:2px solid #BFBBB6;
    border-radius:8px;
    background:#E6E1D1 !important; /* Old browsers */
    background:-moz-linear-gradient(top, #ffffff 0%, #E6E1D1 100%) !important; /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E6E1D1)) !important; /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #ffffff 0%,#E6E1D1 100%) !important; /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #ffffff 0%,#E6E1D1 100%) !important; /* Opera11.10+ */
    background:-ms-linear-gradient(top, #ffffff 0%,#E6E1D1 100%) !important; /* IE10+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E1D1',GradientType=0 ) !important; /* IE6-9 */
    background:linear-gradient(top, #ffffff 0%,#E6E1D1 100%) !important; /* W3C */
}

.widgetconfig .configblock_headline{
    margin-bottom:10px;
    font-weight:bold;
    text-align:left;
}

.widgetconfig .configblock_headline.border{
    margin:15px 0 10px 0;
    border-top:1px solid #BFBBB6;
    padding-top:10px;
}

.widgetconfig .configblock{
    margin-bottom:10px;
}

.widgetconfig .configblock ul{
    list-style-type:square;
    margin:0 0 10px 0;
    padding-left:15px;
    text-align:left;
}
.widgetconfig .configblock input.color{
    width:100%;
}

.widgetconfig .configblock .iconset{
    float:left;
    text-align:center;
}

.widgetconfig .configblock .margintop5{
    margin-top:5px;
}

.widgetconfig .configblock .background{
    float:left;
    text-align:center;
    margin:0 5px;
}




.container {
    background: #fff;
    padding: 16px 16px 0;
    margin: 0 16px 16px 0;
    float: left;
}

.container.last {
    margin-right: 0;
}

.row {
    display: table-row;
}

.row>.container {
    border-left: 16px solid transparent;
    border-bottom: 16px solid transparent;
    background-clip: padding-box;
    margin: 0;
    display: table-cell;
    float: none;
}

.row>.container:first-child {
    border-left: 0
}

p {
    margin: 10px 0
}

.container.padding-bottom {
    padding-bottom: 16px;
}

.container.no-top-padding {
    padding-top: 0;
}

#contentarea>.column {
    float: left;
    margin-bottom: 16px;
}

.column.content {
    width: 733px;
    line-height: 24px;
}

.column.content .container.full-width {
    width: 699px;
    margin-right: 0
}

.column.content .clearfix {
    overflow: hidden;
}

.column.content a, .column.content ul.tabs.actions a {
    font-weight: bold;
}

a, .content ul.tabs.actions a {
    color: #448EA6;
    text-decoration: none;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

div.keyvisual {
    position: relative;
    width: 100%;
    min-height: 181px;
}

.widget-configuration button {
    margin-top: 16px;
}

.widget-configuration button {
    margin-bottom: 16px;
}

.btn, .extended_searchform .right .submitrow button, #discardImage, .fake-form button.submit_off, form button.submit_off, .fake-form button.submit, form button.submit {
    font: bold 16px/40px "Open Sans",Arial,sans-serif;
    color: #fff;
    text-align: left;
    background-color: #448EA6;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #737373;
    padding: 0 16px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}


/*********************************START**********************************/
/** compiled scss from _widget.scss and variables.scss and mixins.scss **/
/************************************************************************/
#contentarea .widgets > * {
    text-align: center;
    float: left;
    margin: 0 10px 15px 0;
    width: 130px;
    height: 145px;
}
#contentarea .widgets > * > a:first-child:hover {
    text-decoration: none;
}

#contentarea .widget-preview {
    width: 453px;
    vertical-align: top;
    max-width: 453px;
}

#contentarea .widget-configuration {
    width: 200px;
    max-width: 200px;
}
#contentarea .widget-configuration button {
    margin-bottom: 16px;
}
#contentarea .widget-configuration select {
    width: 100%;
}
#contentarea .widget-configuration .background,
#contentarea .widget-configuration .iconset {
    text-align: center;
    float: left;
    margin: 0 5px 15px 5px;
    width: 56px;
}
#contentarea .widget-configuration .background.last,
#contentarea .widget-configuration .iconset.last {
    margin-right: 0;
}
#contentarea .widget-configuration .background label,
#contentarea .widget-configuration .iconset label {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
}
#contentarea .widget-configuration button {
    margin-top: 16px;
}
#contentarea .widget-configuration p {
    margin: 16px 0 5px 0;
    clear: both;
}
#contentarea .widget-configuration p:first-child {
    margin-top: 0px;
}

#widgetframe {
    margin: 0 auto;
}

#contentarea .widgetframe {
    padding-bottom: 16px;
    border: 2px dashed #C5C1C6;
    padding: 5px;
    margin: 0 auto;
}

/*.widgetborder
{
  border: 3px dashed $viv-color-disabled;
  padding: 5px;
  margin: auto;
}*/
#contentarea .widget-list-entry > div, .widget-list-entry > a {
    float: left;
    display: block;
}
#contentarea .widget-list-entry > a {
    width: 73px;
    margin: 0 16px 0 0;
}
#contentarea .widget-list-entry > div {
    width: 612px;
}
#contentarea .widget-list-entry p {
    margin-top: 0;
}

#contentarea textarea#quelltext {
    resize: vertical;
    min-height: 90px;
    line-height: 1.3em;
    width: 100%;
}

#contentarea input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled], textarea[disabled] {
    color: #C5C1C6;
}

#contentarea .configblock {
    float: left;
    width: 202px;
    margin-right: 16px;
}
#contentarea .configblock.last {
    margin-right: 0;
}
#contentarea .configblock .ui-slider {
    margin-top: 11px;
}

h1.widget-headline {
    font: 100 24px/1.5em "Merriweather",Georgia,Times,serif;
    padding: 0;
    text-align: left;
    margin: 19px 0;
    min-height: 39px;
}