/******************************************
 * Sections defined:
 *
 * ^GLOBAL - Border dimenision boxes- general
 * ^further information box
 * ^highlight-box
 * ^code box
 * ^define style for article text
  ******************************************/






/*Border dimenision boxes- general*/
  .border_dimension{
     width: 660px;
     height: 5px;
     background-repeat: no-repeat;
}


   .middle_dimesion{
    width: 640px;
    padding-left: 10px;
    padding-right: 10px;
    background-repeat: repeat-y;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    line-height: 12px;
}



  /* further information box*/
    .border_dimension.further_top_img{
     background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/further-information-box/fibox-top.png");
     margin-top: 22px;
}
    .border_dimension.further_bottom_img{
     background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/further-information-box/fibox-bottom.png");
}

    div.further_info_box {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/further-information-box/fibox-scalable-middle.png");
}

span.info_box_title {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/further-information-box/info-icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    margin-bottom: 9px; /*   12px margin bottom -3px  [line height is 15 px (-3px)]*/
    padding-left: 26px;
    font-style:italic;
    color: #444444;
    white-space: normal !important;
}




div.further_info_box a:link {
    color: #0060ac;
    text-decoration: none;
    padding-left: 26px;
}


div.further_info_box a:hover {
    text-decoration: underline;
}

/****** ^HIGHLIGHT BOX ******/
div.highlight {
    position: relative;
}

div.highlight_top {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/highlight-box/hlbox-top.png");
    background-repeat: no-repeat;
    height: 5px;
}

div.highlight_middle {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/highlight-box/hlbox-scalable-middle.png");
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-family: Verdana;
    font-size: 12px;
}

div.highlight_bottom {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/highlight-box/hlbox-bottom.png");
    background-repeat: no-repeat;
    height: 5px;
}

div.highlight_title {
    font-family: Verdana;
    font-weight: bold;
    color: #000000;
    margin-bottom: 12px;
}

div.highlight_text {
    color: #444444;
}

/* highlight-box*/

.border_dimension.highlight_top_img {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/highlight-box/hlbox-top.png");
    margin-top: 22px;
}

.border_dimension.highlight_bottom_img {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/highlight-box/hlbox-bottom.png");
}

.highlight_box {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/highlight-box/hlbox-scalable-middle.png");

}

.highlight_box {
    color: #444444;
}

.highlight_box_title {
    margin-bottom: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #000;
}

/* code box*/

   .border_dimension.code_top_img{
     background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/code-box/codebox-top.png");
     margin-top: 22px;
}
    .border_dimension.code_bottom_img{
     background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/code-box/codebox-bottom.png");
}
    .code_box{
    background-color: #444444;
    color: white;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Courier New";
}

/*define style for article text*/
.container_article {
    font-family:verdana;
    font-size: 13px;
}
h1.article_title{
    font-family: Arial;
    color: #000000;
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 22px;
    font-weight: normal;
    width: 630px;
    float: left;

}

h1.contact_blue_title {
    letter-spacing: 2px;
}

.contact_blue_title {
    font-family: Arial !important;
    font-weight: bold !important;
    color: #244590 !important;
    font-size: 34px !important;
    padding-bottom: 24px;
    line-height: 26px;
}

.newkunden-link a {
    color: #0060ac;
    text-decoration: none;
    font-family: Arial;
}

.contact-feature-box-content-text .contact-blue-bar {
    background: #e9f0f4;
    height: 20px;
    padding: 15px;
    margin-bottom: 13px;
    text-align: center;
    margin-right: 2px;
}

.contact-blue-bar .big_title {
    font-family: arial;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    color: #244590;
}

ul.contact-feature-box-container-links {
    padding-left: 27px;
    list-style: disc;
    padding-right: 16px;

}

ul.contact-feature-box-container-links li {
    color: #244590;
    font-size: 12px;
    font-weight: bold;

}

#headline-text {
  padding-right: 46px;
    font-weight: normal;
}
#article-print {
  float: right;
  margin-top: 8px;
  cursor: pointer;
}

h2.sub_headline{
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    padding: 22px 0;
    font-weight: bold;
}

.container_article a{
    color: #0060ac;
    text-decoration:none;
}

.container_article a:hover{
    text-decoration: underline;
}

a.external_link {
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/external-link.png");
    background-position: right center;background-repeat: no-repeat;
    padding-right: 12px;
    white-space: normal !important;
}

.topic-page-element {
  margin-top: 22px;
}

div.regular-table table {
    border-radius: 5px 5px 0 0;

}

/****** ^IMAGE ******/
img.article-image {
    border: 1px solid #444444;
    max-width: 640px;
}

/****** ^IMAGE CAPTION ******/
div.image_caption {
    font-family: Arial;
    font-size: 12px;
    color: #444444;
    font-style: italic;
}

/****** ^IMAGE  ******/
#category-content-area a, #topic-page-content-area a ,a.submit-button{
    color: #0060ac;
    text-decoration: none;
}

#category-content-area a:hover, #topic-page-content-area a:hover {
    text-decoration: underline;
}

/****** ^VALIDITY STATEMENT ******/
div.validity {
    font-family: Verdana;
    font-size: 13px;
    font-style: italic;
    color: #444444;
}


div.validity.trigger {
    margin-top: 5px;
}

/****** ^SUB HEADLINE ******/
div.sub-headline {
    font-family: Arial;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
}

/****** ^HEADLINE ******/
div.headline {
    font-family: Arial;
    font-size: 24px;
    color: #343434;
    line-height: 30px;
    padding-bottom: 7px;
}

/****** ^General BOX ******/

div.box_topleft, div.box_bottomleft {
    margin-right: 5px;
}

div.box_topright, div.box_bottomright {
    background-position: right center;
    width: 5px;
    position: absolute;
    right: 0px;
}

/*fix for the preview*/
.box_topleft + div.box_middleleft {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

div.box_middleright {
    background-position: right center;
    padding-left: 0;
}

/****** ^CODE BOX ******/
div.codebox {
    background: #444444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /* future proofing */
    -khtml-border-radius: 2px; /* for old Konqueror browsers */
}

div.codebox_middle {
    padding: 3px 5px;
    font-family: Courier New;
    font-size: 12px;
    color: #FFFFFF;

}

/****** ^FURTHER INFORMATION BOX ******/
div.further_information.topic-page-element.blockelement {
    position: relative;
    background-color: #f3f8fc;
    border: solid 1px #d9e7f2;
    /*padding: 0px 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

div.further_information_middle {
    padding: 14px 11px;
}

div.further_information_title {
    font-family: Verdana;
    font-size: 12px;
    font-style: italic;
    color: #444444;
    margin-bottom: 6px;
}

img.further_information_icon {
    margin-right: 10px;
}

div.further_information_content {
    padding-left: 26px;
}

div.further_information_content a {
    font-size: 12px;
}

/****** ^BULLET LIST ******/
div.bullet_list {

}

div.bullet_list_title {
    padding-bottom: 22px;
    font-family: Verdana;
    font-size: 14px;
    color: #000000
}

ul.bullet_list_items li {
    font-family: Verdana;
    font-size: 13px;
    color: #444444;
    margin-bottom: 14px;
    background-image: url("/National_Library/20161130034600oe_/https://help.1and1.com/img/assets/topic-page/additional-info-area/bullet-point.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 30px;
}

div.internal ul.bullet_list_items li {
    background-image: none;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 6px;
}

div.internal ul.bullet_list_items li:last-child {
    padding-bottom: 0px;
}

/****** ^NUMBERED STEPS ******/
div.numbered_step {
    margin-top: 37px;
    padding-left: 18px;
}

div.numbered_step_title {
    padding-bottom: 12px;
    font-family: Arial;
    font-size: 14px;
    color: #ffaf16;
    font-weight: bold;
}

div.numbered_step_text {
}

/****** ^LIGHT TABLE ******/
div.light-table {
    padding-left: 20px;
    padding-right: 20px;
}

div.light-table div.light-table-subheadline {
    margin-bottom: 22px;
    font-family: Verdana;
    font-size: 14px;
    color: #000000;
}

div.light-table table {
    margin-left: auto;
    margin-right: auto;
}

div.light-table table thead {
}

div.light-table table thead tr th {
    font-family: Verdana;
    font-size: 13px;
    color: #888888;
    padding-bottom: 14px;
}

div.light-table table thead tr th.header-left {
    text-align: right;
    max-width: 300px;
}

div.light-table table thead tr th.header-right {
    padding-left: 20px;
    text-align: left;
    max-width: 300px;
}

div.light-table table tbody tr td {
    font-family: Verdana;
    font-size: 12px;
    color: #444444;
    padding-bottom: 15px;
    vertical-align: top;
}

div.light-table table tbody tr td.column-left {
    font-weight: bold;
    text-align: right;
    max-width: 300px;
}

div.light-table table tbody tr td.column-right {
    padding-left: 20px;
    text-align: left;
    max-width: 300px;
}

/****** ^REGULAR TABLE ******/
div.regular-table {

}

div.regular-table div.regular-table-subheadline {
    margin-bottom: 12px;
    font-family: Verdana;
    font-size: 14px;
    color: #000000;
}

div.regular-table-border-container {
}

div.regular-table table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;

    border: 1px solid #D3D3D3;

    /* for non-css3 browsers */
    background: #E1ECF2;

    /* for IE */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf2f8', endColorstr='#d8e6ef');*/

    /* for webkit browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#ebf2f8), to(#d8e6ef));

    /* for firefox 3.6+ */
    background: -moz-linear-gradient(top, #ebf2f8, #d8e6ef);
}

div.regular-table table thead {
}

div.regular-table table thead tr {

}

div.regular-table table thead tr th {
    font-family: Verdana;
    font-size: 13px;
    color: #003366;
    padding-left: 10px;
    padding-right: 10px;
    /*The user concept stated 10 for each; however, this does not fit*/
    padding-top: 6px;
    padding-bottom: 6px;
}

div.regular-table table tbody {
    border-collapse: collapse;
}

/*Alternate colors for rows*/
div.regular-table table tbody tr.row0 {
    background-color: #F4F4F4;
}

div.regular-table table tbody tr.row1 {
    background-color: #FFFFFF;
}

div.regular-table table tbody tr td {
    font-family: Arial;
    font-size: 12px;
    color: #444444;
    vertical-align: top;
    padding: 10px;
    border-collapse: collapse;
    border-left: 1px solid #E8E8E8;
}

div.regular-table table tbody tr td.first-cell {
    border-left: none !important;
}

/* For hc2_meta in categories */
div.category-text > div.nohc2 {
    display: table;
    width: 100%;
}
div.category-text > div.nohc2 > * {
    vertical-align: top;
    display: table-cell;
    padding-top: 0px !important;
    width: 100%;
    padding-right: 20px;
}
div.category-text >  div.nohc2 .container_type_2_list li>a {
    color: #888888!important;
    text-decoration: none!important;
}

div.category-text >  div.nohc2 .container_type_2_list li>a:hover {
    color: #0060AC!important;
}

#category-additional-info-area {
    width: 220px;
    padding-right: 7px;
}



/* Popup for jimdo and duda */
div.hc2_mywebsite_version {
    background-color: #E6E6E6;
    padding: 20px;
    border-left: 2px solid #00ABFB;
    margin-bottom: 12px;
}

div.hc2_mywebsite_version_icon {
    float: left;
    width: 80px;
}

div.hc2_mywebsite_version_text {
    margin-top: 12px;
}

div.hc2_mywebsite_version_text #opener {
    cursor: pointer;
}

div.hc2_mywebsite_popup {
    background-color: #2097F9;
    border-radius: 8px;
}

div.hc2_mywebsite_popup button {
    border-radius: 6px;
    border: none;
    font-weight: bold;
    outline-style: none;
    cursor: pointer;
}

div.hc2_mywebsite_popup .ui-dialog-title {
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    color: #fff;
    padding: 24px 32px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_main {
    background-color: #fff;
    padding: 24px 32px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_main div.title_version {
    font-size: 13px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_main div.image_version {
    padding: 8px 0;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_main div.image_version img {
    width: 550px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_main button {
    background-color: #2097F9;
    color: #fff;
    padding: 6px 10px;
    margin-bottom: 12px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_footer {
    padding: 16px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_footer div.popup_info_icon {
    float: left;
    color: #fff;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_footer div.popup_info_icon img {
    width: 50px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_footer div.popup_info_box {
    float: left;
    width: 70%;
    margin-top: 6px;
    margin-right: 12px;
    color: #fff;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_footer div.popup_info_button {
    float: left;
    margin-top: 6px;
}

div.hc2_mywebsite_popup .hc2_mywebsite_popup_content_footer div.popup_info_button button {
    background-color: white;
    color: #2097F9;
    padding: 10px 24px;
}

div.ui-widget-overlay {
    background: #3D3E40;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.8;
}