/* ZENTRALE ELEMENTE*/

a:link, a:visited, a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: underline;
    color: #000000;
}

a:hover {text-decoration: none;}



a:link.head, a:visited.head, a:active.head {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: underline;
    color: #0072BC;
}

a:hover.head {text-decoration: none;}

body, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    margin-right: 0px;
    margin-left: 20px;
    padding-right: 0px;        
}

#leftmenue {
    position: fixed; 
    left:15px;
    top:3px;
    width:190px;
    background:#ffffff;
    border:0px solid #000;
    padding: 5px 5px 5px 5px;

}

#content {
    background:#ffffff;
    position: absolute;
    top: 10px;
    left:160px;
    width:900px;
    border:0px solid #000;
    voice-family: inherit;
    margin-left: 201px;
    margin-right:201px; 
}

#rahmen {
    background: #F4F3F3;
    position: fixed; 
    height: 100%;
    top: 3px;
    left:204px;
    bottom: 10px;
    width:125px;
    border:1px solid #E1E1E1;
    padding: 5px;
    color: gray;
    text-align: right;
    padding-top: 5%;
    vertical-align: text-top;
    font-size: 8pt;
}

#rueckmeldung {
    background: #F4F3F3;
    height: 80px;
    top: 3px;
    width:850px;
    border:1px solid #E1E1E1;
    padding: 5px;
    margin-left: 30px;
    color: #000000;
    text-align: left;
    padding-top: 5px;
    vertical-align: text-top;
    font-size: 9pt;
}

html>body #content {
    margin-left: 201px;
    margin-right:201px; 
}

.highlight{
    background-color: yellow;	
}

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

select {
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.wide {
    width: 100%;
}

div.box {
    background-color: #F4F3F3;
    border: 1px solid #E1E1E1;
    padding: 5px;
    width: 95%;
    margin-left: 0px;
    margin-bottom: 15px;
}

div.boxgreen {
    background-color: #DFF6E7;
    border: 1px solid #84C2A1;
    padding: 5px;
    width: 95%;
    margin-left: 0px;
    margin-bottom: 15px;
}

td.guide {
    background-color: #F4F3F3;
    border: 1px solid #E1E1E1;
    padding: 5px;
    margin-left: 0px;
    color:gray;

}

td.hoch {
    height: 25px;
    padding: 3px;
}

.green {
    /*color: green;*/
    color:#7296c0;
}

.red {
    color: red;
}

.big {
    font-size: 10pt;
}

.small {
    font-size: 8pt;
    color: gray;
}

.center {
    text-align: center;
}

.ab {
    padding-top: 3px;
    clear: both; 
}

.bez {
    float: left;
    width: 120px;
    text-align: right;
    font-weight : bold; 
}

.formw {
    float: right;
    width: 220px;
    text-align: left; 
}

.formbox {
    width: 350px; 
    height : 280px;
    padding: 5px;
}

td.right {
    text-align: right;
}

td.rightbold {
    text-align: right;
    font-weight: bold;
}

td.bold {
    font-weight: bold;
}

h1{
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;   
    color: #222222;
}

h2 {
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
}

h3 {
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.tr1{
    background-color: transparent;
    vertical-align: middle;


}

.tr1:hover {
    background-color: #C5D1D8;
    vertical-align: middle;


}

.li1{
    background-color: transparent;
    vertical-align: middle;
    padding: 17px;
    padding-left: 10px;
    list-style-type: NONE;


}

.li1:hover{
    background-color: #C5D1D8;
    vertical-align: middle;
    padding: 17px;
    padding-left: 10px;
    list-style-type: NONE;


}

.tr2{
    background-color: #E5F1F8;   
    vertical-align: middle;


}

.tr2:hover{
    background-color: #C5D1D8; 
    vertical-align: middle;


}

.li2{
    background-color: #E5F1F8;
    padding: 17px;
    padding-left: 10px;   
    vertical-align: middle;
    list-style-type: NONE;
    min-height: 30px;
}

.tr2:hover{
    background-color: #C5D1D8; 
    padding: 17px;
    padding-left: 10px;   
    vertical-align: middle;
    list-style-type: NONE;


}

.tr3{
    background-color: #D7FBDF;
    background-image: url(/images/tr3bg.jpg);
    background-repeat: repeat-x;
    vertical-align: middle;


}

.tr4{
    background-color: #FDE8E9;
    background-image: url(/images/tr4bg.jpg);
    background-repeat: repeat-x;
    vertical-align: middle;


}


.trgrau1{
    background-color: #F4F3F3;


}

.trgrau2{
    background-color: #E1E1E1;


}


.head {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #0072BC;
}

hr {
    border: 1px dotted #CCCCCC;
}

hr.middle {
    border: 1px dotted #CCCCCC;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}




/* Seitenanpassungen - Hilfe */

div.seite_hilfe h2.boxhead { margin:0px;padding:2px 6px;float:left;font-weight:normal; background-color: #FAFAFA; border: 1px solid #E1E1E1; border-bottom:1px solid #F4F3F3;
                             border-top-left-radius: 6px;
                             border-top-right-radius: 6px;
                             -webkit-border-top-left-radius: 6px;
                             -webkit-border-top-right-radius: 6px;
                             -moz-border-radius-topleft: 6px;
                             -moz-border-radius-topright: 6px;
                             text-shadow:#BFBFBF 1px 1px 2px;
}
div.seite_hilfe div.box { width:500px;padding:10px;margin:0px;
                          border-top-right-radius: 10px;
                          border-bottom-right-radius: 10px;
                          -webkit-border-top-right-radius: 10px;
                          -webkit-border-bottom-right-radius: 10px;
                          -moz-border-radius-topright: 10px;
                          -moz-border-radius-bottomright: 10px;
                          border-width:0px;
                          border-right-width:1px;
                          box-shadow:3px 0px 6px #BFBFBF;
                          -moz-box-shadow:3px 0px 6px #BFBFBF;
                          -webkit-box-shadow:3px 0px 6px #BFBFBF;
}
div.seite_hilfe div.boxbg {
    clear:both;width:750px;padding:0px;margin-bottom:15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border:1px solid #e1e1e1;
    box-shadow:none;-moz-box-shadow:none;
    background-position:520px 0px;
}

div.seite_hilfe div.box p { margin:0px;padding:0px;line-height:1.7em;padding-bottom:10px;text-align:justify;font-size:12px; }
div.seite_hilfe div.box p a { color:#dd0000;text-shadow:#FEBABA 1px 1px 2px;letter-spacing:0.05em; }

/* Rahmenanpassungen */

div.rahmen_hilfe { text-align:left !important; }
div.rahmen_hilfe ol { margin-left:10px;padding-left:16px; }
div.rahmen_hilfe ol li { margin-left:0px;line-height:2em;padding-left:0px; }

/* Menueanpassung netcup */

#leftmenue a.menue {    
    display:block;
    width:160px;
    height:28px;
    background:url('/images/newnav/nav_bg.jpg') no-repeat top left;
    text-decoration:none;
    margin-bottom:4px;
}

#leftmenue a.linkbox { height:22px;margin-bottom:0px; }

#leftmenue div.linkbox4 {
    background:url('/images/newnav/nav_linkbox4.jpg') no-repeat top left;
    height:78px;
    padding-top:2px;
    padding-bottom:8px;
    padding-left:15px;
    line-height:18px;
}

#leftmenue div.linkbox5 {
    background:url('/images/newnav/nav_linkbox5.jpg') no-repeat top left;
    height:198px;
    padding-top:2px;
    padding-bottom:8px;
    padding-left:15px;
    line-height:18px;
}

#leftmenue div.linkbox6 {
    background:url('/images/newnav/nav_linkbox6.jpg') no-repeat top left;
    height:116px;
    padding-top:2px;
    padding-bottom:8px;
    padding-left:15px;
    line-height:18px;
}

#leftmenue div.linkbox2 {
    background:url('/images/newnav/nav_linkbox2.jpg') no-repeat top left;
    height:38px;
    padding-top:2px;
    padding-bottom:8px;
    padding-left:15px;
    line-height:18px;
}

#leftmenue div a {    
    color:#7296c0;
    text-shadow:1px 1px 2px #c9dffb;
    text-decoration:none;
    background:url('/images/newnav/nav_listitem.jpg') 0px 2px no-repeat;
    padding-left:18px;
}

a.menue span {
    display:block;
    width:131px;
    height:18px;
    padding:2px;
    line-height:18px;
    color:#7296c0;
    text-shadow:1px 1px 2px #c9dffb;
    font-size:12px;
    text-decoration:none;
    padding-left:25px;
    background-position:2px 2px;
    background-repeat:no-repeat;
}

a.wikilink:active span, a.wikilink:visited span, a.wikilink:link span {	
    line-height:18px;
    color:#7296c0;
    text-shadow:1px 1px 2px #c9dffb;
    font-size:12px;
    text-decoration:none;

}

a.wikilink:hover span { 
    color:#bd0000; 
    text-shadow:1px 1px 2px #f9b6b6; 
    text-decoration:none;
}

a.plesklink:active span img, a.plesklink:visited span img, a.plesklink:link span img {
    text-align: center; 
    font-weight: normal; 
    margin-left: auto; 
    margin-right: auto;	
    text-decoration:none;
    color: #2498e3;
    padding: 8px;
    margin: 8px;
}

a.plesklink:hover span img { 
    text-align: center; 
    font-weight: normal; 
    margin-left: auto; 
    margin-right: auto;	
    text-decoration: underline;
    color: #2498e3;
    padding: 8px;
    margin: 8px;
    background-color: #E1E1E1;
}

img.pleskicon {
    margin-left: auto; 
    margin-right: auto;
    width: 40px;
    height: 40px;
}

td.plesktd {
    text-align: center; 
    font-weight: normal; 
    margin-left: auto; 
    margin-right: auto;
    width: 20%;
}

div.trbox {
    background-color: #F4F3F3;
    border: 0px solid #E1E1E1;
    padding: 0px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

div.logbox {
    background-color: #F4F3F3;
    border: 1px solid #E1E1E1;
    padding: 5px;
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

#leftmenue a.menue:hover span, #leftmenue div a:hover, #leftmenue a.logout span { color:#bd0000; text-shadow:1px 1px 2px #f9b6b6; }
#leftmenue a.logout { margin-top:20px; }

a.uebersicht span { background-image:url('/images/newnav/nav_uebersicht.jpg'); }
a.hosting span { background-image:url('/images/newnav/nav_hosting.jpg'); }
a.domains span { background-image:url('/images/newnav/nav_domains.jpg'); }
a.dns span { background-image:url('/images/newnav/nav_dns.jpg'); }
a.cloud span { background-image:url('/images/newnav/nav_cloud.jpg'); }
a.rechnungen span { background-image:url('/images/newnav/nav_rechnungen.jpg'); }
a.partner span { background-image:url('/images/newnav/nav_partner.jpg'); }
a.kontakt span { background-image:url('/images/newnav/nav_kontakt.jpg'); }
a.stammd span { background-image:url('/images/newnav/nav_stammd.jpg'); }
a.logout span { background-image:url('/images/newnav/nav_logout.jpg'); }
a.hilfe span { background-image:url('/images/newnav/nav_hilfe.jpg'); }
a.ssl span { background-image:url('/images/newnav/nav_ssl.jpg'); } 
a.emailumzug span { background-image:url('/images/newnav/nav_emailumzug.png'); }
a.sogo span { background-image:url('/images/newnav/nav_sogo2.jpg'); }
a.handles span { background-image:url('/images/newnav/nav_handles.jpg'); }
a.abuse span { background-image:url('/images/newnav/nav_abuse.jpg'); }

div#rueckmeldungsslzertifikate {
    background: #F4F3F3;
    height: 90px;
    top: 3px;
    width:850px;
    border:1px solid #E1E1E1;
    padding: 5px;
    margin-left: 30px;
    color: #000000;
    text-align: left;
    padding-top: 5px;
    vertical-align: text-top;
    font-size: 9pt;
}
ul#certs, ul#certs li {margin:0;padding:0;list-style-type:none;display:block;}
ul#certs li {float:left;text-align:center;padding:1em 2em;}

ul.sogodetail_menue {
    background:white;
    width:100%;
    height:23px;
}

ul.sogodetail_menue, ul.sogodetail_menue li, div.sogodetail_detail ul, div.sogodetail_detail ul li {
    margin:0 !important;
    padding:0 !important;
    list-style-type:none;
    border-collapse:separate;
    border-spacing:0px;
}

ul.sogodetail_menue li {
    float:left;
    border-left:1px solid #E1E1E1 !important;
    border-top:1px solid #E1E1E1 !important;
    border-right:2px solid #FFFFFF !important;
    cursor:pointer;
    position:relative;
    background: #E7E7E7;
    margin:0 !important;
    padding:0 !important;
    position:relative;
}

ul.sogodetail_menue li a {
    display:block;
    height:22px;
    line-height:22px;
    padding:0 10px;
    border-right: 1px solid #E1E1E1 !important;

}

ul.sogodetail_menue li:last-child { border-right:1px solid #E1E1E1 !important; }

div.sogodetail_detail {
    border:1px solid #E1E1E1;
    padding:10px 15px;
    display:none;
    margin-bottom:30px;
    min-height: 320px;
}

li.sogodetail_menue.active {
    border-right:2px solid #FFFFFF !important;
}


li.sogodetail_menue.active a {
    background: #F3F3F3;
    border-bottom:1px solid #F3F3F3;
    position:relative;
    top:0;
    height:22px;
    left:0;
}

li.sogodetail_menue a:hover {
    background-color:#F3F3F3;
}

div.sogodetail_detail ul li {
    line-height:27px;
    vertical-align: middle;
    position:relative;
    padding-left:27px;
}


div.hint {
    position:absolute;
    z-index: 9000;
    padding: 10px;
    width: 350px;
    border: 1px solid #7F7F7F;
    background-color: #CFCFCF;    
    top: 35%;
    left: 50%;
    display: none;
}

div.success {
    position:absolute;
    z-index: 9000;
    padding: 10px;
    width: 350px;
    border: 1px solid #009900;
    background-color: #33FF33;
    top: 35%;
    left: 50%;
    display: none;
}

.ordernow {
    text-align: center;    
    background-color: #33FF33;
    color: #FFFFFF;    
    font-weight: bold;
    float: right;
    width: 100px;
    height: 50px;
    padding-top: 35px;
}

ul.produktdetail_menue, ul.domainsdetail_menue, ul.partnerprogrammdetail_menue, ul.handlesdetail_menue {
    background:white;
    width:100%;
    height:23px;
}

ul.produktdetail_menue, 
ul.produktdetail_menue li, 
ul.domainsdetail_menue, 
ul.domainsdetail_menue li, 
ul.partnerprogrammdetail_menue, 
ul.partnerprogrammdetail_menue li, 
ul.handlesdetail_menue, 
ul.handlesdetail_menue li, 
div.produktdetail_detail ul, 
div.produktdetail_detail ul li, 
div.handlesdetail_detail ul, 
div.handlesdetail_detail ul li, 
div.partnerprogrammdetail_detail ul, 
div.partnerprogrammdetail_detail ul li, 
div.domainsdetail_detail ul, 
div.domainsdetail_detail ul li{
    margin:0 !important;
    padding:0 !important;
    list-style-type:none;
    border-collapse:separate;
    border-spacing:0px;
}


/* aufzaehlungsliste in confirm dialog START */
div.produktdetail_detail ul#incldomainslist
{
    margin-bottom: 12px !important;
    margin-left: 40px !important;
    margin-top: 12px !important; 
}

div.produktdetail_detail ul#incldomainslist li
{
    list-style-type: disc;

}
/* aufzaehlungsliste in confirm dialog ENDE */

ul.produktdetail_menue li, ul.domainsdetail_menue li, ul.partnerprogrammdetail_menue li, ul.handlesdetail_menue li {
    float:left;
    border-left:1px solid #E1E1E1 !important;
    border-top:1px solid #E1E1E1 !important;
    border-right:2px solid #FFFFFF !important;
    cursor:pointer;
    position:relative;
    background: #E7E7E7;
    margin:0 !important;
    padding:0 !important;
    position:relative;
}

ul.produktdetail_menue li a, ul.domainsdetail_menue li a, ul.partnerprogrammdetail_menue li a, ul.handlesdetail_menue li a {
    display:block;
    height:22px;
    line-height:22px;
    padding:0 10px;
    border-right: 1px solid #E1E1E1 !important;
}

ul.produktdetail_menue li:last-child, ul.domainsdetail_menue li:last-child, ul.partnerprogrammdetail_menue li:last-child, ul.handlesdetail_menue li:last-child { 
    border-right:1px solid #E1E1E1 !important; 
}

div.produktdetail_detail, div.domainsdetail_detail, div.partnerprogrammdetail_detail, div.handlesdetail_detail, div.domains_order_detail {
    border:1px solid #E1E1E1;
    padding:10px 15px;
    display:none;
    margin-bottom:30px;
    min-height: 320px;
}

div.domains_order_detail {
    /* ????????????????????????????*/
}


li.produktdetail_menue.active, li.domainsdetail_menue.active, li.partnerprogrammdetail_menue.active, li.handlesdetail_menue.active {
    border-right:2px solid #FFFFFF !important;
}


li.produktdetail_menue.active a, li.domainsdetail_menue.active a, li.partnerprogrammdetail_menue.active a, li.handlesdetail_menue.active a {
    background: #F3F3F3;
    border-bottom:1px solid #F3F3F3;
    position:relative;
    top:0;
    height:22px;
    left:0;
}

li.produktdetail_menue a:hover, li.domainsdetail_menue a:hover, li.partnerprogrammdetail_menue a:hover, li.handlesdetail_menue a:hover {
    background-color:#F3F3F3;
}

div.produktdetail_detail ul li, div.domainsdetail_detail ul li, div.partnerprogrammdetail_detail ul li, div.handlesdetail_detail ul li {
    line-height:27px;
    vertical-align: middle;
    position:relative;
    padding-left:27px;
}



#loading {
    position: fixed;
    clear: both;
    width: 150px;
    height: 80px;
    padding:1%;      
    top: 40%;
    left: 45%;
    background: #333 url('https://ccp.netcup.net/images/loading.gif') no-repeat center 15px;
    text-align: center;
    color: #EFEFEF;
    z-index: 100;
    font-size: 12px;    
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
}


/* Modal dialog START */
.modal {
    background: rgba(51, 51, 51, 0.75);
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    clear: both;
    color: #EFEFEF;
    font-size: 12px;    
    height:100%;
    left: 0px;
    padding:1%;      
    position: absolute;
    text-align: center;
    top: 0px;
    width:100%;
    z-index: 100;
}

.confirmdialog .message {
    background: rgba(255, 255, 221, 1);
    border: 1px solid #80744A;
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    color: #80744A; 
    display: inline-block;
    filter:alpha(opacity=100);
    left: 50%;
    margin: -15% 0 0 -25%;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 400px;
    vertical-align: middle;
    width: 460px;
}


.confirmdialog h1{
    background: none;
}

/* Modal dialog END */

.deactivated {
    color: #6492BB;
}

fieldset {
    margin-top: 12px;
    border-color: #CCCCCC;
}

legend {
    color: #222222;
    font-size: 14px;
}

span.pleskshortinfo {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E1E1E1;
    margin-right: 8px;   
    font-size: 12px;
    color: gray;
}

td.pleskshortinfo {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.abusedetail_detail {
    border:1px solid #E1E1E1;
    padding:10px 15px;

    margin-bottom:30px;
    min-height: 320px;
}

.tblauflistung {
    margin-left: auto; 
    margin-right: auto;	
}

.tdauflistung {
    height: 20px;
}

#loadingwrapper {
    clear: both;
    height:100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width:100%;
    z-index: 100;
    opacity:.5;
    filter:alpha(opacity=5);
    background: #FFFFFF;
    cursor: wait;
}

.errorbox {
    background-color: #FFEEEE;
    border: 1px solid #E01C24;
    color: #E01C24;
    padding: 10px;
}

.infobox {
    background-color: #DEF;
    border: 1px solid #06F;
    color: #06F;
    padding: 10px; 
}

.successbox {
    background-color: #EEFFEE;
    border: 1px solid #009900;
    color: #009900;
    padding: 10px;
}

.row.dsgvo-txt.text-justify {
    max-height: 200px;
    border: 1px solid black;
    /*overflow: hidden;*/
    overflow-y: scroll
}

.col-6 {
    width: 100%;
}

textarea.col-6 {
    height: 100px;
}
/*
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}*/