@charset "UTF-8";
@import "./bootstrap/css/bootstrap.css";
@import "webland.css";
/* @import "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext"; */


/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v17-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v17-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v17-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v17-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v17-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v17-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v17-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v17-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v17-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v17-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v17-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('fonts/open-sans-v17-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-ext_latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #999;
    line-height: 19px
}

#Body {
    background: #fff;
    font-size: 16px
}

ul li {
    color: #666
}

body,
th,
td,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalBold,
.NormalRed,
.NormalTextBox,
.NormalDisabled,
a:link,
a:visited,
a:hover,
input,
.CommandButton {
    font-family: 'Open Sans';
    color: #666
}

em {
    font-style: italic;
    letter-spacing: 0
}

strong {
    color: #666;
    font-weight: 700
}

small {
    font-size: 14px;
    letter-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    margin: 0 0 10px
}

h1 {
    font-size: 36px
}

h1.weiss {
    font-size: 32px;
    color: #fff
}

h2,
h2 .Head {
    font-size: 26px;
    color: #666
}

h2.weiss {
    font-size: 26px;
    color: #fff
}

h3,
h3 .Head {
    font-size: 22px;
    color: #666
}

h3.weiss {
    font-size: 22px;
    color: #fff
}

h4,
h4 .Head {
    font-size: 18px;
    color: #666
}

h5,
h5 .Head {
    font-size: 16px;
    color: #666
}

h6,
h6 .Head {
    font-size: 16px;
    color: #666
}

a,
a:link,
a:visited,
a:active {
    color: #00abe5;
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #444;
    text-decoration: none;
    outline: 0
}

.CommandButton {
    font-size: 13px;
    color: #3d3d3d;
    font-weight: 700
}

.CommandButton:hover {
    color: #007cae
}

a.CommandButton:link {
    font-size: 13px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: 700
}

a.CommandButton:hover {
    text-decoration: underline;
    color: #007cae
}

p {
    font-family: 'Open Sans';
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 140%;
    color: #666
}

p.weiss {
    margin: 0 0 25px;
    font-size: 16px;
    color: #fff;
    line-height: 130%
}

hr {
    clear: both;
    height: 0;
    border: solid silver;
    border-width: 1px 0 0;
    margin: 20px 0
}

img {
    border: 0
}

.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px
}

.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px
}

.imgBorder {
    border: solid 3px #fff
}

.imgPolaroid {
    color: #a6a6a6;
    font-size: 12px;
    text-align: left;
    padding: 13px 13px 17px;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc
}

.imgPolaroid img {
    margin-bottom: 12px
}

ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top
}

ol ol {
    margin-top: 8px;
    margin-left: 30px
}

ol ol li {
    list-style-type: lower-roman
}

ol ol ol li {
    list-style-type: lower-alpha
}

ol ul li {
    list-style-type: lower-roman
}

table.tableDefault {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent
}

table.tableDefault th,
table.tableDefault td {
    font-size: 12px;
    padding: 8px
}

table.tableDefault th {
    font-weight: 700;
    text-align: left;
    border-bottom: solid 2px #aaa;
    background-color: #d7d7d7
}

table.tableDefault td {
    border-bottom: solid 1px #d9d9d9
}

table.tableDefault tr:nth-child(odd) {
    background: transparent
}

table.tableDefault tr:nth-child(even) {
    background: #e3e4e6
}

.tableDefault tbody tr:hover td {
    color: #111
}

input[type="text"],
select,
textarea,
input[type="email"],
input[type="search"],
input[type="password"] {
    padding: 9px;
    margin-bottom: 20px;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #666;
    font-size: 13px
}

button.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #00abe5;
    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 solid #fff;
    -moz-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    -webkit-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0)
}

button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #666;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 solid #fff;
    -moz-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    -webkit-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0)
}

button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    background: #484848 url(images/arrow.png) no-repeat 87% center;
    background: url(images/arrow.png) no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url(images/arrow.png) no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 solid #ffbf00;
    -moz-box-shadow: 0 0 0 rgba(000, 000, 000, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 0 rgba(000, 000, 000, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 rgba(000, 000, 000, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0)
}

a.dnnPrimaryAction {
    color: #efefef
}

a.dnnSecondaryAction {
    color: #555
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    background-image: none;
    background-color: #D00
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    background: #D00 url(images/arrow.png) no-repeat 87% center
}

.spacingTop {
    margin-top: 30px
}

.spacingRight {
    margin-right: 30px
}

.spacingBottom {
    margin-bottom: 30px
}

.spacingLeft {
    margin-left: 30px
}

#userControls {
    height: 32px
}

#userControls .language {
    min-height: 0!important;
    display: inline
}

.wrapper {
    margin: 0 Auto;
    width: 980px
}

#search {
    float: right;
    width: 209px;
    height: 32px
}

#search a.SearchButton:link,
#search a.SearchButton:visited {
    display: inline-block;
    float: right;
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
    background: #333 url(images/search.png) no-repeat center center;
    text-indent: -9999px
}

#search a.SearchButton:hover {
    background: url(images/search.png) no-repeat center center, #2d2d2d;
    background: url(images/search.png) no-repeat center center, -moz-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: url(images/search.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 45, 45, 1)), color-stop(100%, rgba(86, 86, 86, 1)));
    background: url(images/search.png) no-repeat center center, -webkit-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: url(images/search.png) no-repeat center center, -o-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: url(images/search.png) no-repeat center center, -ms-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: url(images/search.png) no-repeat center center, linear-gradient(to bottom, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%)
}

#dnn_dnnSearch_txtSearch {
    display: block;
    float: left;
    width: 160px;
    height: 32px;
    padding: 0 5px 0 10px;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border-left: 1px solid #ddd;
    color: #000;
    line-height: 32px;
    font-size: 11px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}

#dnn_dnnSearch_txtSearch:active,
#dnn_dnnSearch_txtSearch:focus {
    background: #ccc;
    box-shadow: inset 0 3px 8px #999
}

#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * {
    display: block
}

#login .registerGroup,
#login .loginGroup {
    float: right;
    padding: 0;
    margin: 0
}

#login .registerGroup li:first-child:hover {
    border-left: #222
}

#login .registerGroup li {
    float: left
}

#login .registerGroup .buttonGroup {
    margin-right: 0
}

#login .registerGroup a,
#login .loginGroup a {
    display: block;
    position: relative;
    height: 25px;
    min-width: 12px;
    padding: 7px 15px 0;
    color: #333;
    font-size: 11px;
    vertical-align: middle
}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
    background: #2d2d2d;
    background: -moz-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 45, 45, 1)), color-stop(100%, rgba(86, 86, 86, 1)));
    background: -webkit-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: -o-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: -ms-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    background: linear-gradient(to bottom, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#565656', GradientType=0);
    color: #ddd;
    text-shadow: 0 -1px 0 #333
}

#login .registerGroup a:active,
#login .loginGroup a:active {
    color: #fff;
    text-shadow: 0 -1px 0 #333
}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
    text-decoration: none
}

#login .registerGroup a strong,
#login .loginGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-indent: -9999px
}

#login .userMessages a,
#login .userNotifications a {
    background-color: #333
}

#login .userMessages strong {
    height: 100%;
    background: url(images/icon_message.png) no-repeat center center
}

#login .userNotifications {
    border-right: 1px solid #CCC
}

#login .userNotifications strong {
    height: 100%;
    background: url(images/icon_notification.png) no-repeat center center
}

#login .registerGroup a span {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: -9px;
    min-width: 7px;
    margin-right: 3px;
    background: #3b96b6;
    text-align: center;
    font-size: 11px;
    color: #fff;
    text-shadow: 0 1px 0 #333
}

#login .registerGroup .userProfileImg a {
    min-width: 25px;
    min-height: 32px;
    padding: 0;
    background: none
}

#login .registerGroup a img {
    height: 32px;
    width: 32px;
    background: #333
}

#login .loginGroup {
    border-right: 1px solid #CCC
}

#login .loginGroup a {
    color: #333
}

#login .userMessages a span,
#login .userNotifications a span {
    display: inline-block;
    margin-top: 9px;
    margin-right: 0;
    background-color: transparent;
    font-size: 10px
}

#siteHeadouter {
    background: #fff
}

#siteHeadinner {
    padding: 36px 0
}

#logo {
    float: left
}

.language .language-object {
    display: inline-block;
    margin: 0;
    padding: 0
}

.language .language-object span {
    float: left;
    padding-left: 5px;
    margin: 0
}

.language .language-object span:first-child {
    padding-left: 8px
}

.language .language-object span img {
    height: 30px;
    width: 38px;
    opacity: .3
}

.language .language-object span:hover img {
    opacity: 1
}

.language .language-object .Language.selected img {
    opacity: 1;
    border-color: #222;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8)
}

.navbar {
    margin-bottom: 0!important
}

.navbar-inner {
    border: none!important;
    box-shadow: none!important;
    background: none transparent!important;
    padding-right: 0!important
}

.navbar .brand {
    padding: 0!important
}

.nav {
    margin-left: -22px!important
}

.nav-collapse {
    float: left;
    position: relative;
    top: 18px;
    margin-left: 0!important
}

.nav li {
    position: relative;
    list-style: none;
    margin: 0;
    margin-left: 0!important
}

.nav li ul {
    margin-left: 0
}

.nav > li {
    float: left;
    height: 30px;
    margin-right: 2px
}

.nav > li > a,
.nav > li > span {
    display: block;
    padding: 5px 0 5px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #666;
    text-decoration: none
}

.nav > li:hover > a,
.nav > li.active > a {
    color: #00abe5;
    background-color: transparent!important;
    box-shadow: none!important
}

.nav > li:hover > a:active {
    color: #00abe5
}

.nav > li:hover > span {
    color: #00abe5
}

.nav > li > a .caret.hidden-desktop {
    border: none!important;
    background-image: url(bootstrap/img/glyphicons-halflings-white.png);
    background-color: #00abe5;
    color: #fff;
    background-position: -305px -110px!important;
    width: 30px!important;
    line-height: 30px!important;
    min-height: 30px!important;
    height: auto;
    display: inline-block;
    margin: 0!important;
    border-radius: 3px
}

.nav > li ul {
    top: 30px;
    left: 0;
    padding: 15px 5px;
    display: none;
    position: absolute;
    z-index: 2;
    width: 225px;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-animation-duration: .25s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-duration: .25s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .25s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .25s;
    animation-delay: .2s;
    animation-timing-function: ease
}

.nav-collapse:not(.in) .nav li:hover > ul {
    display: block
}

.nav-collapse .nav li > iframe {
    display: none;
    z-index: 1!important
}

.nav-collapse:not(.in) .nav li:hover > iframe {
    display: block
}

.navbar .nav > li > .dropdown-menu:before {
    border: none!important
}

.navbar .nav > li > a {
    float: none;
    padding: 10px 14px;		/* DVL - 27052020 - padding: 10px 15px; */
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    background-color: transparent;
    color: #00abe5!important;
    text-decoration: none
}

.navbar .nav > li > .dropdown-menu:after {
    display: none;
    position: absolute!important;
    top: -15px!important;
    left: 20px!important;
    content: ''!important;
    width: 0!important;
    height: 0!important;
    border-left: 15px solid transparent!important;
    border-right: 15px solid transparent!important;
    border-bottom: 15px solid #F5F7F7!important;
    font-size: 0!important;
    line-height: 0!important
}

.nav .dropdown-menu > .active > a,
.nav .dropdown-menu > .active > a:focus {
    background-color: transparent!important;
    background-image: none!important;
    color: #3B9FBF!important;
    outline: none
}

.nav .dropdown-menu a {
    display: block;
    padding: 3px 15px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms;
    -webkit-transition: all ease-in 100ms;
    -o-transition: all ease-in 100ms;
    -ms-transition: all ease-in 100ms
}

.nav .dropdown-menu > li > a:hover,
.nav .dropdown-menu > .active > a:hover {
    background-color: transparent!important;
    background-image: none!important;
    color: #00abe5!important
}

.nav-collapse:not(.in) .nav .dropdown-menu {
    border-radius: 0!important;
    min-width: 250px!important
}

.nav > li > ul li:hover {
    color: #D00;
    background: #F5F7F7
}

.nav li ul li ul {
    left: 75px;
    top: -8px;
    padding: 15px 5px;
    border-left: 1px solid #ddd
}

.nav-collapse.in {
    width: 100%;
    padding-left: 22px!important
}

.navbar .btn-navbar {
    background-color: #00abe5!important;
    background-image: linear-gradient(to bottom, #00abe5, #00abe5)!important;
    cursor: pointer;
    margin-top: 10px!important;
    margin-right: 0!important
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active {
    background: linear-gradient(to bottom, #ededed 0%, #ededed 100%)!important;
    color: #444
}

#Breadcrumb {
    padding-top: 20px;
    padding-bottom: 12px;
    margin-bottom: 25px;
    border-bottom: solid 1px silver
}

#Breadcrumb img {
    margin-left: 10px;
    margin-right: 10px
}

#Breadcrumb a.breadcrumbLink:link,
#Breadcrumb a.breadcrumbLink:visited {
    color: #666;
    font-size: 14px;
    font-weight: 700
}

#Breadcrumb a.breadcrumbLink:hover {
    color: #00abe5
}

.threeColLeftPane,
.threeColCenterPane,
.threeColRightPane {
    float: left;
    width: 306px
}

.threeColSocialLeftPane {
    float: left;
    width: 110px
}

.threeColSocialCenterPane {
    float: left;
    position: relative;
    width: 560px
}

.threeColSocialRightPane {
    float: left;
    width: 250px
}

#footer {
    height: 230px;
    margin-top: 70px
}

.DNNEmptyPane {
    width: 0;
    margin: 0
}

.DNNEmptyPane.rightTwoCol + div {
    width: 100%
}

#copyright {
    font-size: 12px;
    color: #a6a6a6;
    margin-bottom: 25px
}

#copyright a:link,
#copyright a:visited {
    font-size: 12px;
    color: #a6a6a6
}

#copyright a:hover {
    color: #D00
}

#copyright a.DNNMobileLink {
    color: #666;
    font-weight: 700
}

#copyright a.DNNMobileLink:hover {
    color: #D00
}

#copyright .pull-right {
    text-align: right
}

.threeColSocial .console {
    width: 100%!important;
    height: auto;
    background-color: #484848
}

.threeColSocial .console-none div {
    cursor: pointer;
    float: left;
    height: auto;
    width: 100%!important;
    padding: 0;
    margin: 0;
    text-align: left
}

.threeColSocial .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px #fff;
    background: url(images/arrow.png) 18px center no-repeat;
    color: #eee;
    font-size: 13px;
    line-height: 1;
    font-weight: 700
}

.threeColSocial .console-none div div {
    display: none
}

.threeColSocial .console-mouseon {
    background-color: #70b1c7
}

#UserProfileImg img {
    width: 100px;
    height: auto;
    border: solid 3px #fff
}

.threeColSocial .UserProfileControls ul {
    margin: 15px 0
}

.threeColSocial .UserProfileControls ul li {
    list-style-type: none;
    margin-bottom: 3px
}

.threeColSocialRightPane .DnnModule #mdMemberList {
    margin: 0 0 30px
}

.threeColSocialRightPane #mdMemberList ul {
    margin: 10px 0 0
}

.threeColSocialRightPane #mdMemberList li {
    margin-bottom: 0;
    -size: 12px;
    font-weight: 700;
    list-style-type: none
}

.threeColSocialRightPane #mdMemberList > li {
    width: 216px;
    margin: 0;
    padding: 6px 17px;
    background: #d7d7d7;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3)
}

.threeColSocialRightPane #mdMemberList > li:hover {
    z-index: 2;
    background: #d7d7d7;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), inset 0 0 0 0 rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), inset 0 0 0 0 rgba(255, 255, 255, 1)
}

.threeColSocial .journalTools {
    max-width: 560px
}

.threeColSocial .journalrow {
    padding-bottom: 10px;
    border-bottom: solid 1px silver;
    margin-bottom: 20px
}

.threeColSocial .journalfooter {
    padding: 0;
    margin: 0
}

.threeColSocial .journalrow div.journalitem p.journalfooter {
    font-size: 12px;
    padding: 0;
    margin-bottom: 0
}

.threeColSocial .journalrow div.journalitem ul.jcmt {
    font-size: 12px
}

.threeColSocial .journalrow div.journalitem .likes {
    padding: 2px 5px;
    background-color: #dbdbdb
}

#journalEditor #journalContent .juser,
.journalrow .juser {
    border: none;
    color: #00abe5;
    background-color: transparent
}

.threeColSocial #UserDisplayNameHeader h2 {
    padding-bottom: 10px;
    border-bottom: solid 1px silver
}

.threeColSocial #smMainContent .ui-corner-all {
    border-radius: 0
}

.threeColSocial ul.dnnAdminTabNav {
    height: 38px;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid silver
}

.threeColSocial ul.dnnAdminTabNav li {
    margin-right: 1px
}

.threeColSocial ul.dnnAdminTabNav li a {
    padding: 10px 15px;
    margin-bottom: 0;
    border: none;
    background: #d7d7d7;
    -webkit-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    text-shadow: none
}

.threeColSocial ul.dnnAdminTabNav li a:hover {
    background: #484848;
    color: #eee
}

.threeColSocial ul.dnnAdminTabNav li.ui-tabs-active a {
    padding: 10px 15px;
    margin-top: 0;
    background: #484848;
    color: #eee
}

.threeColSocial .dnnAdminTabNav a span {
    display: inline;
    min-height: 12px;
    padding: 2px 6px;
    margin-right: 8px;
    background: #3b96b6;
    background: -moz-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(59, 150, 182, 1)), color-stop(100%, rgba(35, 125, 155, 1)));
    background: -webkit-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: -o-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    -webkit-box-shadow: 0 1px 0 0 #666;
    -moz-box-shadow: 0 1px 0 0 #666;
    box-shadow: 0 1px 0 0 #666;
    color: #eee;
    font-weight: 400;
    font-size: 11px
}

.threeColSocial .dnnFormExpandContent {
    position: absolute;
    top: -40px;
    right: 0;
    height: 20px;
    font-size: 12px
}

.threeColSocial .dnnFormExpandContent a.ComposeMessage {
    font-size: 12px
}

.threeColSocial a.dnnPrimaryAction {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #00abe5;
    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 solid #fff;
    -moz-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    -webkit-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), inset 0 0 0 rgba(15, 177, 217, 0);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0)
}

.threeColSocial a.dnnPrimaryAction:hover,
.threeColSocial a.dnnPrimaryAction:active {
    cursor: pointer;
    background-image: none;
    background-color: #D00
}

.threeColSocial .DnnModule .messageControls .dnnButtonGroup {
    margin-right: 0
}

.threeColSocial .messageControls {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid silver
}

.threeColSocial .messageControls .messageFolders {
    float: right
}

.threeColSocial .messageFolders p {
    float: left;
    display: inline-block;
    padding: 8px 15px;
    margin: 0;
    color: #666;
    font-size: 12px
}

.threeColSocial .messageFolders p strong {
    color: #666;
    font-weight: 700
}

.threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction {
    width: auto!important;
    padding: 9px 10px;
    font-size: 12px
}

.threeColSocial .DnnModule .selectDrop ul {
    top: 34px;
    min-width: 120px;
    padding: 10px 14px!important;
    border: 1px solid #c2c2c2;
    background: #e7e7e7;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1)
}

.threeColSocial .selectDrop.active > a {
    background: #70b1c7;
    color: #eee;
    border-right: solid 0 #00abe5;
    -webkit-box-shadow: inset 0 1px 1px 0 #00abe5;
    -moz-box-shadow: inset 0 1px 1px 0 #00abe5;
    box-shadow: inset 0 1px 1px 0 #00abe5
}

.threeColSocial .selectDrop ul li {
    margin-bottom: 3px;
    font-size: 12px
}

.threeColSocial .dnnButtonGroup {
    background: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    list-style: none
}

.threeColSocial ul.dnnButtonGroup > li {
    border-left: none
}

.threeColSocial .dnnButtonGroup > li > a {
    border-left: 1px solid #ddd;
    border-right: 1px solid #bbb;
    background-color: #d7d7d7;
    color: #666
}

.threeColSocial .dnnButtonGroup > li > a.active {
    color: #eee;
    border-right: 1px solid #00abe5;
    background-color: #70b1c7
}

.threeColSocial .dnnButtonGroup > li > a.disabled:hover {
    color: #eee;
    border-left: 1px solid #00abe5;
    background-color: #70b1c7
}

.threeColSocial .alpha > a:hover {
    color: #eee;
    background-color: #70b1c7;
    border-right: 1px solid #00abe5
}

.threeColSocial .alpha > a,
.threeColSocial .alpha > a:hover,
.threeColSocial .alpha > a.active {
    border-left: 1px solid #70b1c7;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.threeColSocial .omega > a,
.threeColSocial .omega > a:active,
.threeColSocial .omega > a.active {
    border-right: 1px solid #70b1c7;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.threeColSocial a.dnnSecondaryAction.ArchiveItems span {
    display: none
}

.threeColSocial a.dnnSecondaryAction.ArchiveItems {
    height: 18px;
    min-width: 15px;
    margin-left: 5px;
    background: #d7d7d7 url(images/icon_bin.png) no-repeat center center;
    border-radius: 0;
    -webkit-box-shadow: none;
    text-shadow: none;
    box-shadow: none;
    color: #666;
    border: none
}

.threeColSocial a.dnnSecondaryAction.ArchiveItems:hover {
    background: #70b1c7 url(images/icon_bin.png) no-repeat center center
}

.threeColSocial .dnnTertiaryAction:hover,
a.dnnTertiaryAction:hover {
    background-color: #70b1c7;
    color: #eee
}

.threeColSocial .smListings {
    font-size: 12px
}

.threeColSocial .DnnModule .smListings ul {
    margin: 0
}

.threeColSocial .smListings > ul > li {
    padding-top: 10px;
    margin: 0;
    background: transparent;
    border-bottom: 1px solid silver
}

.threeColSocial .smListings > ul > li.active {
    background: #f4f4f4
}

.threeColSocial .smListings > ul > li:last-child {
    border-bottom: none
}

.threeColSocial .smListings [class^="ListCol-"] {
    padding: 1% 1% 1% 0
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 {
    min-width: 20px
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 {
    min-width: 65px
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 {
    width: 56%
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 {
    font-size: 11px
}

.threeColSocial .smTimeStamped {
    font-size: 11px
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 {
    min-width: 65px
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 {
    width: 56%
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 {
    float: right;
    width: 25%;
    font-size: 12px
}

.threeColSocial .hoverControls a {
    font-size: 12px;
    font-weight: 700
}

.threeColSocial .DnnModule-Messaging-Details .smListings .meta {
    margin-bottom: 5px
}

.threeColSocial .DnnModule-Messaging-Details .smListings .meta a {
    font-weight: 700
}

.threeColSocial .DnnModule-Messaging-Details .smListings .message {
    color: #999;
    margin: 0
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .subject {
    font-weight: 700
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject {
    font-size: 13px;
    margin-bottom: 3px
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .meta {
    margin-bottom: 8px;
    line-height: 14px
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .message {
    color: #999
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li {
    margin-bottom: 0
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child {
    color: #999
}

.threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover,
.smListings .ActiveToggle {
    margin-left: 8px;
    -webkit-box-shadow: 0 1px 0 0 #666;
    -moz-box-shadow: 0 1px 0 0 #666;
    box-shadow: 0 1px 0 0 #666
}

.threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle,
.smListings .ActiveToggle:hover {
    margin-left: 8px;
    background: #3b96b6;
    background: -moz-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(59, 150, 182, 1)), color-stop(100%, rgba(35, 125, 155, 1)));
    background: -webkit-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: -o-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    -webkit-box-shadow: 0 1px 0 0 #666;
    -moz-box-shadow: 0 1px 0 0 #666;
    box-shadow: 0 1px 0 0 #666
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li {
    margin-bottom: 0
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child {
    color: #999
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover,
.smListings .ActiveToggle {
    margin-left: 8px;
    -webkit-box-shadow: 0 1px 0 0 #666;
    -moz-box-shadow: 0 1px 0 0 #666;
    box-shadow: 0 1px 0 0 #666
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle,
.smListings .ActiveToggle:hover {
    margin-left: 8px;
    background: #3b96b6;
    background: -moz-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(59, 150, 182, 1)), color-stop(100%, rgba(35, 125, 155, 1)));
    background: -webkit-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: -o-linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    background: linear-gradient(top, rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%);
    -webkit-box-shadow: 0 1px 0 0 #666;
    -moz-box-shadow: 0 1px 0 0 #666;
    box-shadow: 0 1px 0 0 #666
}

.threeColSocial .DnnModule-Messaging-Notifications .notificationControls {
    font-weight: 700
}

.threeColSocial .messageHeader {
    padding: 0;
    margin: 0
}

.threeColSocial .messageHeader p {
    font-size: 13px;
    color: #666;
    float: left
}

.threeColSocial .messageHeader p strong {
    color: #333
}

.threeColSocial .messageHeader .returnLink {
    font-size: 12px;
    font-weight: 700
}

.threeColSocial .morePrevMsgButton {
    color: #666;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    border: solid 1px silver;
    background: #d7d7d7;
    -webkit-box-shadow: inset 0 0 3px 0 #ccc;
    -moz-box-shadow: inset 0 0 3px 0 #ccc;
    box-shadow: inset 0 0 3px 0 #ccc
}

.threeColSocial textarea#replyMessage {
    width: 94%;
    height: 75px;
    color: #666;
    border: 1px solid silver;
    background: #f4f4f4
}

.threeColSocial textarea#replyMessage:focus,
.threeColSocial textarea#replyMessage:active {
    color: #666;
    background: #fff
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.content_intro {
    padding-top: 20px;
    color: #8c8c8c;
    font-size: 16px;
    text-align: center;
}

.content_intro h1 span {
    font-weight: 400;
    color: #666;
    line-height: 1.3em;
}

.content_intro h1 {
    font-weight: 700;
    color: #666
}

.content_intro .h1link {
    color: #666!important
}

.content_featured {
    color: #999;
    vertical-align: top
}

.content_featured h2 .TitleH2 {
    display: block;
    margin-bottom: 30px
}

.content_featured .normal {
    font-weight: 400
}

.content_featured img {
    margin-bottom: 25px
}

.content_featured a.primaryButton {
    margin-left: 25px
}

.content_newslist ul {
    margin: 0
}

.content_newslist ul li {
    display: block;
    list-style-type: none;
    margin-bottom: 30px
}

.content_newslist ul li:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.content_newslist ul li.last {
    margin-bottom: 0
}

.content_newslist ul li img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.content_newslist ul li h5 {
    margin-bottom: 5px
}

.content_newslist ul li span,
.content_newslist ul li strong {
    color: #a6a6a6
}

.content_newslist ul li p {
    margin-top: 12px;
    margin-bottom: 12px
}

.smallThumbnail img {
    width: 80px
}

.adContent {
    position: absolute;
    padding: 20px;
    background-color: #000;
    opacity: .7;
    color: #eee
}

.adContent h2 {
    margin-bottom: 5px;
    color: #eee;
    font-weight: 400
}

.content_adstyleOne {
    position: relative;
    margin-right: 0;
    margin-bottom: 18px;
    color: #eee
}

.content_adstyleOne .adContent {
    bottom: 0;
    right: -2%
}

.content_adstyleTwo {
    position: relative;
    margin-bottom: 18px
}

.content_adstyleOne img,
.content_adstyleTwo img {
    width: 100%
}

.content_adstyleOne img {
    bottom: 0;
    width: 102%!important;
    max-width: 102%
}

.content_adstyleTwo .adContent {
    top: 0
}

.content_adstyleTwo h2 {
    line-height: 1
}

ul.footerlinks {
    margin: 0
}

.footerlinks li {
    list-style-type: square;
    margin-bottom: 2px;
    margin-left: 15px;
    font-size: 13px
}

.footerlinks li a:link,
.footerlinks li a:visited {
    color: gray
}

.footerlinks li a:hover {
    color: #00abe5
}

ul.footerConnect {
    margin: 0
}

ul.footerConnect li {
    display: inline-block;
    list-style-type: none;
    margin-right: 10px
}

@media (max-width: 767px) {
    ul.footerlinks {
        text-align: center;
        margin: 0;
        margin-bottom: 8px;
        list-style: none!important
    }
    .footerlinks li {
        margin-bottom: 2px;
        margin-left: 15px;
        font-size: 16px;
        list-style: none
    }
    .Normal {
        text-align: center;
        font-size: 14px;
        margin-top: 20px
    }
}

@media (max-width: 480px) {
    ul.footerlinks {
        text-align: center;
        margin: 0;
        margin-bottom: 8px;
        list-style: none!important
    }
    .footerlinks li {
        margin-bottom: 2px;
        margin-left: 15px;
        font-size: 16px
    }
    .Normal {
        text-align: center;
        font-size: 14px;
        margin-top: 20px
    }
}

.content_team ul {
    margin: 0 -12px
}

.content_team ul li {
    display: inline-block;
    width: 14%;
    margin: 0 0 40px 2%;
    text-align: center;
    list-style-type: none
}

.content_team ul li .teampic {
    background-color: #bfbfbf
}

.content_team ul li img {
    width: 100%
}

.content_team ul li span {
    display: block;
    font-weight: 700;
    white-space: nowrap
}

.content_products ul {
    margin: 0 -1%
}

.content_products ul li {
    display: inline-block;
    width: 31.1%;
    margin: 0 1% 45px;
    vertical-align: top;
    list-style-type: none
}

.content_products ul li p {
    min-height: 72px
}

.content_products ul li img {
    margin-bottom: 25px;
    max-width: 100%;
    width: 100%
}

.form_oneCol label {
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.form_oneCol input,
.form_oneCol textarea {
    width: 94%
}

.form_dealer input {
    width: 200px;
    margin-bottom: 5px
}

#container {
    position: relative;
    z-index: 0;
    width: 980px;
    padding: 0;
    margin: 0 auto
}

#example {
    position: relative;
    width: 980px;
    height: 380px
}

#slides {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0
}

.slides_container {
    display: none;
    position: relative;
    width: 980px;
    overflow: hidden
}

.slides_container a {
    display: block;
    width: 980px;
    height: 380px
}

.slides_container a img {
    display: block
}

#slides .next,
#slides .prev {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 9px;
    left: 12px;
    padding: 0;
    z-index: 12
}

#slides .prev {
    background: transparent url(images/left-arrow.png) center center no-repeat
}

#slides .next {
    left: 96px;
    background: transparent url(images/right-arrow.png) center center no-repeat
}

.pagination_wrap {
    display: inline-block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 128px;
    height: 40px;
    opacity: .8;
    background-color: #222
}

.pagination {
    position: absolute;
    z-index: 11;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 15px 40px
}

.pagination li {
    float: left;
    margin: 0 3px;
    list-style: none
}

.pagination li a {
    float: left;
    display: block;
    width: 9px;
    height: 0;
    padding-top: 8px;
    background-image: url(images/pagination.png);
    background-position: 0 0;
    overflow: hidden
}

.pagination li.current a {
    background-position: 0 -9px
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-image: none!important;
    outline: none!important
}

.row-fluid [class*='span']:not([class*='dnnSortable']) {
    min-height: 0!important
}

.brand.hidden-desktop {
    max-width: 60%
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    box-shadow: none!important;
    background-color: transparent!important;
    outline: none!important;
    color: #00abe5!important
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
    background-color: transparent!important;
    color: #D00!important;
    outline: none!important;
    color: #00abe5!important
}

.dropdown,
.dropdown a {
    outline: none!important
}

.carousel-inner > a > img {
    max-width: 100%!important;
    height: auto!important;
    width: 100%!important
}

.carousel-inner img {
    max-width: 100%!important;
    height: auto!important;
    width: 100%!important
}

.carousel-control {
    top: auto!important;
    bottom: 5%
}

.ControlContainer {
    width: 940px!important
}

@media (min-width: 1200px) {
    select.status-options {
        display: none
    }
    .ControlContainer {
        width: 1170px!important
    }
}

@media (min-width:768px) {
    .carousel-control {
        top: inherit;
        bottom: 10px;
        height: 20px;
        width: 20px;
        border: none;
        border-radius: 0;
        z-index: 6;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent
    }
    .carousel-indicators {
        background: rgba(34, 34, 34, 0.7);
        top: auto;
        bottom: 0;
        padding: 15px 35px 15px 30px;
        right: 0;
        width: 63px
    }
    .carousel-indicators li {
        margin-bottom: 0
    }
    .carousel-control.right {
        background-image: url(images/right-arrow.png);
        text-indent: -9999px;
        right: 10px
    }
    .carousel-control.left {
        background-image: url(images/left-arrow.png);
        text-indent: -9999px;
        right: 95px;
        left: auto
    }
}

@media (max-width: 979px) {
    .nav-collapse,
    .nav {
        width: 100%
    }
    .nav li {
        padding: 0!important;
        min-height: 30px!important;
        height: auto
    }
    .nav-collapse .dropdown-menu {
        margin: 0 0 0 4% !important;
        width: 95%!important
    }
    .nav-collapse .nav > li a,
    .nav-collapse .dropdown-menu a {
        padding: 0 0 0 5px !important;
        line-height: 30px!important;
        height: 30px!important;
        border: 1px solid #eee!important;
        margin-bottom: 3px
    }
    .nav-collapse .dropdown.open > a {
        background-color: #eee!important
    }
    .nav > li > ul {
        position: relative!important;
        width: 100%!important
    }
    .nav {
        width: 100%
    }
    img {
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #Body {
        margin: 0;
        padding: 0
    }
    #siteHeadouter > .container,
    #contentWrapper > .container {
        width: 94%;
        padding-left: 2%;
        padding-right: 2%
    }
    .content_products ul li {
        width: 47.5%
    }
    select.status-options {
        display: none
    }
    .content_adstyleOne {
        width: 100%!important;
        max-width: 100%
    }
    .content_adstyleOne img {
        width: 103%!important;
        max-width: 103%
    }
    .content_adstyleOne .adContent {
        bottom: 0;
        right: -3%
    }
    .content_adstyleOne,
    .content_adstyleTwo {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    #Body {
        margin: 0;
        padding: 0
    }
    #siteHeadouter > .container,
    #contentWrapper > .container {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%
    }
    .content_products ul {
        margin: 0 -2%
    }
    .content_products ul li {
        width: 45.5%;
        margin: 0 2% 45px
    }
    .adContent {
        padding-top: 5px
    }
    .adContent h2 {
        font-size: 18px
    }
    .carousel-control {
        top: auto!important;
        bottom: 20%!important
    }
    .content_adstyleOne {
        width: 100%!important;
        max-width: 100%
    }
    .content_adstyleOne img {
        width: 100%!important;
        max-width: 100%
    }
    .content_adstyleOne .adContent {
        bottom: 0;
        right: 0
    }
}

@media (max-width: 480px) {
    #Body {
        margin: 0;
        padding: 0
    }
    .content_products ul li {
        width: 98%
    }
    .LoginPanel {
        width: 90%!important
    }
    .moduleSearch {
        width: inherit;
        float: none;
        padding-right: 20px
    }
    .moduleSearch input {
        width: 100%!important;
        margin-bottom: 10px!important
    }
    .moduleSearch > input[type="text"] + a {
        float: left;
        width: auto
    }
    div.blog-list-title {
        width: inherit
    }
    div[class*="status-container"] {
        padding: 0 20px
    }
    .link-wrap {
        display: none
    }
    select.status-options {
        margin: 20px 0;
        width: 100%
    }
    table.idea-list-table tbody td {
        padding: 10px 5px!important
    }
    .idea-list-vote-panel {
        width: auto
    }
    .dnnSocialLink span {
        line-height: 1;
        font-size: inherit
    }
    .answer-list-tbl-container {
        padding: 0
    }
    table.answer-list-table td {
        padding-left: 5px
    }
    .status-expanded-container .profile-topContainer > .dnnRight > ul.profile-statistics > li {
        width: 33%
    }
    .status-expanded-container .profile-topContainer > .dnnRight > ul.profile-statistics {
        width: 200px
    }
    .dnnSocialLink .profile-link {
        margin-top: 50px
    }
}

.DNNContainer_Title_h2 h2 .TitleH2 {
    display: block;
    margin-bottom: 25px
}

.DNNContainer_Title_h3 h3 .TitleH3 {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: solid 1px silver
}

.DNNContainer_Title_h4 h4 .TitleH4 {
    display: block;
    margin-bottom: 25px
}

.copyright-container {
    margin-bottom: 20px;
    text-align: center;
    background: url(images/copyright-background.png) no-repeat center center
}

.copyright-container a {
    color: #fff;
    font-size: 14px;
    background: url(Images/icon-btn-sm-circle-arrow.png) no-repeat right 12px center;
    background-color: #aaa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 12px;
    padding: 9px 36px 9px 16px
}

.copyright-container a:hover {
    background-color: #666
}

.copyright-container > span.split {
    border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    width: 20px;
    height: 0;
    overflow: hidden;
    padding-top: 9px;
    vertical-align: top
}

.topnavbar {
    margin-top: 5px
}

@media (min-width: 980px) {
    .navbar-inner {
        padding-left: 20px
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar-inner {
        padding-left: 5px
    }
    .topnavbar {
        margin: 0 auto!important;
        width: 100%!important;
        text-align: auto
    }
}

@media (max-width: 767px) {
    .navbar-inner {
        padding-left: 5px
    }
    .topnavbar {
        padding-left: 5px;
        padding-right: 20px!important
    }
}

.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%
}

.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell
}

.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center
}

.tab-content {
    padding: 15px;
    background-color: #ededed
}

.nav-tabs {
    margin-bottom: 0;
    border-bottom: 0
}

.tab-pane {
    padding: 10px
}

.nav-tabs>li>a {
    background-color: #fff;
    color: #666!important;
    padding: 20px;
    border: 0;
    margin: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: #ededed!important;
    color: #00abe5!important;
    border: 0
}

.nav-tabs>li>a:hover {
    background-color: #e7e7e7!important;
    border: 0
}

@media (min-width: 768px) and (max-width: 979px) {
    .tabspace a {
        font-size: 11px!important
    }
}

@media (max-width: 480px) {
    .tabspace a {
        font-size: 10px!important
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .dropdown li .dropdown-menu {
        display: block
    }
    .dropdown .dropdown-menu .caret {
        position: absolute;
        display: inline-block!important;
        margin-left: 10px
    }
}

@media (max-width: 768px) {
    .dropdown li .dropdown-menu {
        display: block
    }
    .dropdown .dropdown-menu .caret {
        position: absolute;
        display: inline-block!important;
        margin-left: 10px
    }
}

@media (max-width: 480px) {
    .dropdown .dropdown-menu .caret {
        position: absolute;
        display: inline-block!important;
        margin-left: 10px
    }
}

.nav-tabs {
    margin-left: 0!important
}

@media (min-width: 768px) and (max-width: 979px) {
    h3 {
        font-size: 14px!important
    }
}

@media (max-width: 480px) {
    .sameHeight {
        display: none!important;
        max-height: 200px
    }
}

.referenzen {
    height: 140px!important
}

.referenzen h4 {
    word-break: break-all;
    font-size: 14px
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    /* border-top: 1px solid #ddd */
    border-top: 0px solid #ddd
}

.table th {
    font-weight: 700;
    font-size: 15px
}

.table thead th {
    vertical-align: bottom;
    color: #00abe5!important
}

.table .centered {
    text-align: center!important
}

.table .unlimited {
    color: #00abe5!important
}

.table h3 {
    margin-top: 25px;
    color: #00abe5!important
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #ddd
}

.table .titel {
    cursor: pointer
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0
}

.table tbody tr.success > td {
    background-color: #dff0d8
}

.table tbody tr.error > td {
    background-color: #f2dede
}

.table tbody tr.warning > td {
    background-color: #fcf8e3
}

.table tbody tr.info > td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3
}

.myCollapse {
    display: none
}

.myCollapse.in {
    display: table-row!important
}

@media only screen and (max-width: 800px) {
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block!important
    }
    #no-more-tables thead tr {
        position: absolute!important;
        top: -9999px!important;
        left: -9999px!important
    }
    #no-more-tables td:first-child {
        font-weight: 700;
        color: #00abe5;
        text-align: left!important
    }
    #no-more-tables h3 {
        font-size: 12px
    }
    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #FFF;
        position: relative;
        white-space: normal;
        text-align: right!important;
        font-size: 12px;
        padding-right: 30px
    }
    #no-more-tables td:before {
        position: absolute!important;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700;
        content: attr(data-title)
    }
}

@page {
    min-width: 768px
}

@media print {
    body {
        margin: 0;
        padding: 0!important;
        min-width: 768px
    }
    .container {
        width: auto;
        min-width: 750px
    }
    a[href]:after {
        content: none
    }
}


/* weebly */

.designsContainer {
    white-space: nowrap;
    position: relative;
    /*
top: 50px;
width: 80%;
height: 500px;
*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: table;
}

.imageContainer {
    position: relative;
    display: inline-block;
}

#desktopImage {
    z-index: 1;
}

#desktopImage img {
    width: 90%;
    height: 90%;
    border-top: 15px solid #333333;
    border-left: 15px solid #333333;
    border-right: 15px solid #333333;
    border-radius: 15px 15px 0px 0px;
}

#mobileImage {
    /*
position: relative;
left: -420px;
z-index: 2;
*/
    position: absolute;
    left: -280px;
    z-index: 2;
    bottom: 0px;
    display: block;
}

#mobileImage img {
    width: 13%;
    height: 13%;
    border-top: 8px solid #222222;
    border-left: 8px solid #222222;
    border-right: 8px solid #222222;
    border-radius: 7px 7px 0px 0px;
}

.button-grey-big {
    background: none repeat scroll 0 0 #666 !important;
    color: #fff !important;
    padding: 10px !important;
    font-size: 20px !important;
    border-bottom: 2px solid #666;
}

.thumbnailhover:hover {
    /* position:relative; */
    transform: scale(2.3, 2.3);
    /** default is 1, scale it to 1.5 */
    /* top:-25px;
    left:-35px; */
    /* width:500px; */
    /* height:auto;
    display:block; 
    z-index:999; */
}


/* product slider */

@media (max-width: 767px) {
    .carousel .span4 {
        display: block;
        float: left;
        width: 33%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}


/* input firefox */

.LoginCheckbox input[type="checkbox"],
.LoginCheckbox input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.LoginCheckbox input[type="checkbox"] ~ label:before,
.LoginCheckbox input[type="radio"] ~ label:before {
    content: '';
    display: inline-block;
    cursor: pointer;
    margin: 2px 10px -2px 0;
    width: 14px;
    height: 14px;
    background: #FFF;
    border: 3px solid #FFF;
    border-radius: 2px;
    transition: .3s;
}

.LoginCheckbox input[type="radio"] ~ label:before {
    border-radius: 50%;
}

.LoginCheckbox input[type="checkbox"]:checked ~ label:before ,
.LoginCheckbox input[type="radio"]:checked ~ label:before {
    /* content: '\00d7'; */
	background: #666666; /* 111565 */

	/*
	background-image:url(https://www.webland.ch/portals/0/Images/icons/no.png) no-repeat!important;
	background-size: 14px 14px;	
	*/
}


.LoginCheckbox input[type="checkbox"]:focus ~ label:before,
.LoginCheckbox input[type="radio"]:focus ~ label:before {
    border-color: #FFF;
}


/* dvl carousel */


.productslider-control {
    position: absolute;
	top: 40%;
	left: 15px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #222;
		background-image: none;
	border: 3px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: .5;

}
@media (min-width:768px) {
    .productslider-control {
        /* top: inherit; */ /* dvl product slider */
        bottom: 10px;
        height: 20px;
        width: 20px;
        border: none;
        border-radius: 0;
        z-index: 6;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent
    }
    .productslider-control .right {
        background-image: none;
        text-indent: -9999px;
        right: 10px;
		left: auto;
		right: 15px;
    }
    .productslider-control  .left {
        background-image: none;
        text-indent: -9999px;
        right: 95px;
        left: auto;
    }
}
@media (max-width: 767px) {
    .productslider-control { /* dvl */
        top: auto!important;
        bottom: 20%!important
    }
}








.carousel .productslider {
    margin-bottom: 0;
    /* padding: 0 40px 30px 40px; */
}


/* Reposition the controls slightly */








.productslider-control   {
    left: -12px;
}

.productslider-control  .right {
    right: -12px;
}


/* Changes the position of the indicators */

.carousel-indicators .productslider  {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}


/* Changes the colour of the indicators */

.carousel-indicators .productslider  li {
    background: #c0c0c0;
}

.carousel-indicators .productslider  .active {
    background: #333333;
}



#productslider .carousel-inner .active.left  { left: -33%;             }
#productslider .carousel-inner .active.right { left: 33%;              }
#productslider .carousel-inner .next         { left: 33%               }
#productslider .carousel-inner .prev         { left: -33%              }
#productslider .carousel-control.left        { }
#productslider .carousel-control.right       { }
#productslider .carousel-inner .item         { background: white;      }




/* dvl - DNN 9 */
table .faq_outerTable_webland {
	margin-bottom: 0px!important;
}
table .faq_Tablebg {
	margin-bottom: -60px!important;
	/* display: none; */
}


/* 20 Jahre Webland */
a[href="https://www.webland.ch/de-ch/20-Jahre"] {
	color: #E30613!important;
}