/* RESETS */
* { position: relative; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0 }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
button, input, select, textarea { font-family: inherit; color: inherit; }
body, h1, h2, h3, h4, h5, h6, p, li { margin: 0; padding: 0; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
em { font-style: italic; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: 'courier new', monospace, serif; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
abbr[title],acronym { cursor:help; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: inherit; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, ul.nav, ol.nav { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul.horizontal li { display: inline-block; /* float: left; */ }
ul.horizontal a, ul.nav a, nav ul a { display: block; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
[readonly], .readonly { color: #999; font-family: monospace; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.hidden, [hidden] { display: none !important; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* GRIDS */
.grid {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}

.grid-unit {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

.g1, .g1-2, .g1-3, .g2-3, .g1-4, .g3-4, .g1-5, .g2-5, .g3-5, .g4-5, .g1-6, .g5-6, .g1-8, .g3-8, .g5-8,.g7-8, .g1-12,
.g5-12, .g7-12, .g11-12, .g1-24, .g5-24, .g7-24, .g11-24, .g13-24, .g17-24, .g19-24, .g23-24 {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

.g1 { display: block; }
.g1-2 { width: 50%; }
.g1-3 { width: 33.33333%; }
.g2-3 { width: 66.66666%; }
.g1-4 { width: 25%; }
.g3-4 { width: 75%; }
.g1-5 { width: 20%; }
.g2-5 { width: 40%; }
.g3-5 { width: 60%; }
.g4-5 { width: 80%; }
.g1-6 { width: 16.656%; }
.g5-6 { width: 83.33%; }
.g1-8 { width: 12.5%; }
.g3-8 { width: 37.5%; }
.g5-8 { width: 62.5%; }
.g7-8 { width: 87.5%; }
.g1-12 { width: 8.3333%; }
.g5-12 { width: 41.6666%; }
.g7-12 { width: 58.3333%; }
.g11-12 { width: 91.6666%; }
.g1-24 { width: 4.1666%; }
.g5-24 { width: 20.8333%; }
.g7-24 { width: 29.1666%; }
.g11-24 { width: 45.8333%; }
.g13-24 { width: 54.1666%; }
.g17-24 { width: 70.8333%; }
.g19-24 { width: 79.1666%; }
.g23-24 { width: 95.8333%; }

/* STYLES */
body {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #353535;
    background: #eff2f2 none;
}

#mainnav a,
nav li {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2 linear;
}

.wrapper {
    margin: 0 auto;
    width: 960px;
    border-radius: 8px;


}

.wrapper.pad {
    padding: 20px 20px 0 20px;
    width: 920px;
}

.wrapper.padbottom {
    padding-bottom: 20px !important;
}

.wrapper.border {
    border: 1px solid #cccccc;
    left: -1px;
    box-shadow: 0 0 2px rgba(20,20,40, .2);
    overflow: hidden;
}

.wrapper.back {
    background-color: #fff;
}

#teaser {
    _height: 270px;
    _background: #ff6c00 url('../img/teaserback.jpg') no-repeat center center;
    margin-top: 25px;
}

#mainnav ul {

}

#mainnav ul a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    margin-right: 5px;
    text-decoration: none;
    font-size: 14px;
    background-color: #009E8E;
    font-family: Corbel, sans-serif;
    border-radius: 4px;
}

#mainnav ul a:hover {
    background-color: #fff;
    color: #009E8E;
}

#mainwrapper {
    margin-top: 25px;
}

#main h1 {
    color: #009E8E;
}


#sidebar-r {
    float: left;
    background-color: #eee;
    width: 209px;
    margin-top: -20px;
    border-right: 1px solid #aaa;
    right: -21px;
    padding: 20px;
}

#content {
    width: 670px;
    float: left;
}

.is-admin #content {
    width: 920px;
}

#sidebar-l {
    width: 195px;
    float: left;
    margin-right: 35px;
}

#content-inner {
    width: 440px;
    float: left;
}

.fullwidth #content-inner,
.is-admin #content-inner {
    width: 690px;
}

#content-inner.fullwidth {
    width: 670px;
}


address {
    font-style: normal;
    line-height: 166%;
}

address span {
    display: block;
}

address .button {
    margin-top: 20px !important;
}

.tel {
    padding: 2px 0 2px 16px;
    background: transparent url('../img/phone.gif') no-repeat left 6px;
    /* font-size: 14px; */
}

.fax {
    padding: 2px 0 2px 16px;
    background: transparent url('../img/fax.gif') no-repeat left 6px;
    /* font-size: 14px; */
}




form div {
    margin: 5px 0;
    clear: left;
}


form label {
    width: 150px;
    float: left;
    margin-right: 10px;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
    top: 4px;
}

form .multichk-holder label {
    width: 190px;
    min-height: 2em;
}

form .help {
    display: block;
    color: #888;
    font-size: 10px;
    margin-left: 160px;
}

form .help.imp {
    font-size: 12px;
    color: #006505;
    font-weight: bold;
}

form .toplabel {
    margin-left: 160px;
    text-align: left;
    font-weight: bold;
    width: 260px;
    float: none;
}


form .choicelabel {
    margin: 0 0 10px 0;
    float: left;
    width: 250px;
    text-align: left;
}

form .gutachter-erg .choicelabel {
    width: auto;
    font-size: 11px;
    padding: 0 4px 0 12px;
}

form .asinput,
form input,
form textarea,
form select {
    width: 270px;
    font-size: 12px;
    font-family: Corbel, sans-serif;
    box-shadow: 2px 2px 2px #eee inset;
}

form input.inl,
form select.inl {
    width: 65px;
    _font-size: 11px;
    padding: 1px;
}

form input:focus,
form textarea:focus,
form select:focus {
    border-color: #000000;
    box-shadow: 2px 2px 1px #ccc inset;

}

form p.formnotice {
    font-weight: bold;
    margin-top: 0 !important;
    display: inline;
    width: 260px !important;
    top: 1px !important;
    margin-left: 0 !important;
}

form p.formnotice,
form input[type="radio"],
form input[type="checkbox"] {
    width: auto;
    float: left;
    margin-left: 160px;
    top: 6px;
    margin-right: 10px;
}

form table label,
form table input[type="radio"],
form table input[type="checkbox"] {
    margin: 0;
    float: none;
    top: auto;
    width: auto;
}

form div {
    margin-bottom: 12px;
    clear: left;
}

#sidebar-r label,
form.toplabels label {
    display: block;
    float: none;
    margin-right: 0;
    text-align: left;
    width: auto;
    top: auto;
}


#sidebar-r label {
    color: #677;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;

}

#sidebar-r .authboxside .help {
    display: none;
}

#sidebar-r .box {
    margin-bottom: 15px;
    padding-bottom: 15px;
}


form input,
form textarea,
form select {
    padding: 3px;
    border: 1px solid #ccc;
}

#sidebar-r form input,
#sidebar-r form textarea,
#sidebar-r form select {
    width: 202px;
}
textarea[required],
input[required] {
    background-color: #fff;
}

.more-link,
button,
.button {
    border: 0;
    border-radius: 2px;
    background-color: #009E8E;
    text-shadow: 0 1px 0 #000;
    padding: 5px 10px 4px 10px;
    color: #fff !important;
    box-shadow: 0 4px 4px #fff;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    line-height: normal !important;

}

.more-link:hover,
button:hover,
.button:hover {
    background-color: #ffffff;
    color: #000 !important;
}

.alignright ,
.r { float: right; clear: right; }

.alignright  { margin: 0 0 5px 10px; }


h3 {
    font-weight: normal;
    font-family: Calibri, sans-serif;
    font-size: 16px;
    margin-bottom: 8px;
}

h6 {
    font-size: 14px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
}

h1 {
    margin-bottom: 1em;
    font-size: 21px;
}


h5 {
    font-size: 12px;
    color: #009E8E;
    font-weight: bold;
}

h4 {
    font-size: 17px;
    font-weight: bold;
    color: #009E8E;

}

h4, h5, h6 {
    margin: .2em 0 .6em;
}

#sidebar-l nav {
    margin-top: 10px;
}

#sidebar-l nav a {
    text-decoration: none;
    padding: 3px 0  3px 16px;
    border-bottom: 1px solid #ddd;
    color: #111;
    opacity: .5;
    background: transparent url('../img/li.png') no-repeat left 7px;
}

#sidebar-l nav li.current a {
    color: #ff6c00;
    background-image: url('../img/arr.png');
}

#sidebar-l nav a:hover,
#sidebar-l nav li.current a {
    opacity: 1;
    border-bottom-color: #ff6c00;

}

#main p {
    margin-bottom: .8em;

}

#main li,
#main p {
    color: #555;
    line-height: 166%;
}


.additional-box {
    float: left;
    width: 210px;
    margin-left: 20px;
}

.additional-box.first {
    margin-left: 0;
}

.additional-box.twocol {
    width: 430px;
}

#content-additional {
    margin-top: 20px;
    clear: left;
    padding-bottom: 20px;
}


h2 {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

    border: 1px solid #dddddd;
    border-radius: 2px;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: Corbel, sans-serif;
    padding: 3px 0;
    text-align: center;
}

.footertext {
    font-size: 10px; 
    color: #AFAFAF;
}


footer {
    background-color: #333;
    padding: 20px 0;
    margin-top: 40px;
}


.footerbox {
    float: left;
    width: 210px;
    margin-left: 20px;
}

.footerbox.first {
    margin-left: 0;
}

.footerbox a {
    text-decoration: none;
    font-size: 11px;
    color: #6b778b;
    padding: 3px 0;
}

.footerbox a:hover {
    color: #eee;
}

#meta-nav {
    position: absolute;
    right: 0;
    top: 0;
}

#meta-nav a {
    font-size: 11px;
    color: #888;
    text-decoration: none;
    margin-left: 15px;
    text-shadow: 0 1px 0 #fff;
}

#meta-nav a:hover {
    text-decoration: underline;
    color: #444;
}


#content .formerror p {
    color: #a00;
    font-weight: bold;
}

#teaser .wrapper {
    height: 270px;
}

#teaser img {
    position: absolute;
    left: 0;
    top: 0;
}

#teaser-text {
    z-index: 10;
    width: 350px;
    top: 20px;
    left: 20px;
}

#teaser-text h4 {
    font-size: 18px;
    margin-bottom: 1em;
}

#teaser-text p {
    line-height: 155%;
    margin-bottom: .8em;
}


#mainwrapper a {
    color: #009E8E;
}

table.back {
    width: 100%
}

table.back th,
table.back td {
    padding: 2px 4px 2px 1px;
}

table.back th {
    text-align: left;
    font-weight: bold;
}

table.back tr:nth-child(2n) td {
    background-color: #f2f2f2;
}


.splash {
    text-align: center;
    font-weight: bold;
    border: 1px dashed #FF9900;
    background-color: #FFFFB4;
    border-radius: 4px;
    margin-top: 25px;
}

td.iconset a {
    display: inline-block;
    margin: 0 2px;
    opacity: .6;
}

td.iconset a:hover {
    opacity: 1;
}


.withborder {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}




.gutachter-erg {
    width: 100%;
}

.hrtop {
    margin-top: 10px;
}

.hrtop,
.gutachter-erg tr td {
    border-top: 1px solid #ccc;
    padding: 4px 0;
}


.gutachter-erg .row0 { width: 134px; }
.gutachter-erg .row1 { max-width: 140px; }
.gutachter-erg .row2 { width: 140px; }
.gutachter-erg .row3 {  }

.gutachter-erg .block {
    display: block;
}


.gutachter-erg address {
    font-size: 11px;
}

.gutachter-erg .meta {
    font-size: 11px;
    color: #777;
    max-height: 102px;
    overflow: hidden;
}

.gutachter-erg .dname {
    font-size: 14px;
    color: #000000;
}

.gutachter-erg .specs {
    max-height: 30px;
    width: 250px;
    max-width: 250px;
    overflow: hidden;
}

#expertsearch-box {
    background-color: #eee;
    margin-top: 5px;
}

/* .js-enabled */ #expertsearch-box {
    display: block;
}


body #rdg {
    display: block;
    height: 144px;
    width: 209px;
    background: transparent url('../img/ring-deutscher-gutachter-static.png') no-repeat center top;
    text-indent: -9999px;
    margin-bottom: 25px;
    opacity: 1;

    -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -o-transition: opacity .4 linear;
    -ms-transition: opacity .4s linear;
    transition: opacity .4 linear;
}

body #rdg:hover {
    /* background-position: bottom; */
    opacity: .6;
}


div.searchresult-mark {
    float: right;
    margin-top: 0 !important;
}

.logo-profile-small {
    max-width: 120px;
    max-height: 120px;
    margin-left: 4px;
}

.logo-profile-full {
    max-width: 200px;
    float: right;
    margin: 2px 0 6px 18px;
}

.logopreview {
    padding: 5px;
    border: 2px dashed #455599;
    float: none !important;
    margin-left: 0 !important;

}

#mainwrapper a.deletelink {
    color: #c14741;
}

tr.bb td {
    border-bottom: 1px solid #ccc;
}

table.messages {
    width: 100%;
}

table.messages dt {
    font-weight: bold;
}

table.messages dd {
    margin-left: 20px;
    color: #555;
}


.sub-h1 {
    color: #888 !important;
    margin-top: -16px;
}

.pagination {
    margin-top: 10px;
}

.pagination a {
    display: inline-block;
    width: 25px;
    line-height: 25px;
    text-decoration: none;
    background-color: #eee;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 2px;
}

.pagination a.current {
    background-color: #999;
    color: #fff !important;
}


.pricecompare {
    margin: 4px 0 18px;
}

.pricecompare .additional-box {
    height: 240px;

}


.pricecompare .pc-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 10px;
    background: #fff url('../img/verlauf.png') repeat-x center top;
}

.pricecompare .additional-box:hover .pc-inner {
    background: #ff6c00;
    opacity: .9;
}

.pricecompare .additional-box:hover .pc-inner * {
    color: #000 !important;
    text-shadow: none !important;
    opacity: .9;
}

.pricecompare .pc-inner .button {
    position: absolute;
    bottom: 0;
    width: 190px;
    font-size: 12px;
    font-weight: bold;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.pricecompare .pc1 .pc-inner { height: 115px; }
.pricecompare .pc2 .pc-inner { height: 195px; }
.pricecompare .pc3 .pc-inner { height: 240px; }

.pricecompare * {
    text-align: center;
    line-height: 170%;
}

.pricecompare .descr,
.pricecompare .price,
.pricecompare .rebate,
.pricecompare strong,
.pricecompare .button {
    display: block;
}


.pricecompare .rebate {
    font-size: 17px;
    padding: 10px 0;
    line-height: normal !important;
    opacity: .7;
    position: absolute;
    bottom: 17px;
    width: 100%;
}

.pricecompare .rebate strong {
    font-size: 36px;
    line-height: normal !important;
}

.pricecompare .lz {
    color: #009E8E;
    font-size: 19px;
    padding: 7px 0 2px;
}

.pricecompare .price {
    color: #FF6C00;
    text-shadow: 0 1px 0 #fff;

    font-weight: bold;
}

.kg {
    font-size: 11px;
    color: #999 !important;
}

ul.features {
    list-style: none;
    margin: 5px 0 20px 0;
    padding: 5px 0;
    border: 1px solid #ccc;
    border-left: 0; border-right: 0;
}

ul.features li {
    background: transparent url('../img/check.png') no-repeat left 1px;
    line-height: 24px !important;

    padding: 0 0 0 40px;
}


.entry-meta {
    float: right;
    width: 300px;
    color: #777;
    text-align: right;

}

.entry-content .more-link {
    float: right;
}


.rdgpost {
    margin: 10px 0;
    padding: 5px 0;
}

body.page #content,
.home.page #content,
.blog #content,
.single-post #content {
    width: auto !important;
}

#content.fullwidth {
    width: 920px !important;
}



.dllogo {
    padding: 5px 0;
    margin: 5px 0;
    border-top: 1px solid #ddd;
    height: 88px;

}

.dllogo img {
    position: absolute;
    max-width: 200px;
}

.dllogo strong,
.dllogo a {
    padding: 2px 0 2px 220px;
    display: block;


}

.markcurrent a.current {
    font-weight: bold;
}

.ccgp {
    color: #455599;
    font-weight: bold;
    text-decoration: none;
}


img.alignleft,
a.alignleft {
    margin: 0 10px 5px 0;
    float: left;
}

img.alignright,
a.alignright {
    margin: 0 0 5px 10px;
    float: right;
}

.partnerlinks li {
    display: inline-block;
    float: left;
    width: 120px;
}

.partnerlinks a {
    display: block;
}

.partnerlinks img {
    position: static !important;
}

ul.partnerlinks {
    padding-left: 0;
}

#tabs {
    margin-bottom: 20px;
}


input.code {
    font-weight: bold;
    font-family: monospace;
    font-size: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

textarea.code {
    font-weight: bold;
    font-family: monospace;
    font-size: 16px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ajerror {
    font-weight: bold;
    color: #c00;
}

#navtabs li a {
    padding: 5px !important;
}

.ui-tabs-panel ul {
    -moz-column-count:      2;
    -webkit-column-count:   2;
    column-count:           2;

    -moz-column-gap:    40px;
    -webkit-column-gap: 40px;
    column-gap:         40px;
}

form.inline label {
    margin:  0 8px 0 0;
    padding: 0;
    float: none;
    display: inline;
    top: -2px;

}

form.inline input {
    width: 150px;
    margin:  0 16px 0 0;
    float: none;
}

#sitelogo {
    font-size: 28px;
    text-decoration: none;
    text-transform: uppercase;
    color: #009E8E;
    text-shadow: 0 1px 0 #fff;
    padding: 60px 85px 0 0;
    background: transparent url('../img/logo_calc.png') no-repeat right 16px;
    display: inline-block;
    min-width: 266px;
}


#sitelogo span {
    color: #FF6C00;
    font-weight: bold;
    text-shadow: 0 1px 0px #333;
}

#sitelogo em {
    font-size: 9px;
    color: #999;
    display: block;
    font-style: normal;
}

#sitelogo:hover span {
    left: -2px;
    top: -2px;
    text-shadow: 0 1px 0px #333, 2px 3px 1px #bbb;
}

#sitelogo       em.hovertext { display: none; }
#sitelogo:hover em.subline   { display: none; }
#sitelogo:hover em.hovertext { display: block; }

.multichk-holder {
    padding: 4px;
    width: 230px;
    margin-bottom: 0;
    margin-right: 5px;
    float: left;
    clear: none;
}

.multichk-holder input {
    margin: 0 5px 0 0 !important;
}

.multichks {
    margin: 0 0 10px 160px;
    /* overflow: hidden; */
    padding-bottom: 10px;
    width: 500px;

}

.multichk-holder label {
    text-align: left;
    top: 5px;
}

.subsitetextcustom {
    width: 275px;
    height: 275px;
    top: 40px;
    left: 18px;
    z-index: 200;
    box-shadow: 0 0 3px #666;
    display: none;
    position: absolute;
    opacity: .7;
}

.subsitetextcustom:focus,
.subsitetextcustom:hover {
    opacity: 1;
}


.am-mode-buyed { background-color: #ffe4dd; }
.am-mode-free { background-color: #ecffd5; }
.am-mode-none { background-color: #eee; }

span.legend {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border: 1px solid #aaa;
    top: 1px;
}

/* label.triggersreadonly:hover, */
.checkreadonly[readonly]:hover {
    opacity: .2;
    cursor: not-allowed;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}