html, body {width:100%;height:100%}

body,td,input,textarea {font-family:Arial,sans-serif;font-size:12px;color:rgb(0,0,0);}
tr {margin:0px;padding:0px}

body {background:rgb(160,160,160);margin:0px;padding:0px;text-align:center}

.spacer {font-size:1px;padding:0px;margin:0px}

a, button {text-decoration:none;color:rgb(5,115,185); cursor:pointer}

.navi {background:rgb(255,255,255);border-top:solid rgb(141,141,141) 1px;border-bottom:solid rgb(141,141,141) 1px;
	text-align:left;font-size:15px;font-weight:bold;padding-left:220px}
.navi a {margin-left:6px;margin-right:6px;color:rgb(0,0,0)}
.navi a.active {color:rgb(5,115,185)}
.navi a:hover {color:rgb(219,220,222)}

.navi2 {background:rgb(141,141,141);border-top:solid rgb(219,220,222) 1px;border-bottom:solid rgb(219,220,222) 1px;
	text-align:left;font-size:15px;font-weight:bold;padding-left:250px}

.navi2 a {margin-left:10px;margin-right:10px;color:rgb(255,255,255)}
.navi2 a.active {color:rgb(5,115,185)}
.navi2 a:hover {color:rgb(0,0,0)}

.inhalt {background:url(images/hg.jpg) rgb(219,220,222);background-repeat:no-repeat;vertical-align:top;padding:5px}

.copyright {text-align:left;margin-left:10px}
.copyright a {color:rgb(0,0,0)}

.kasten, 
.orderconfirmation .product,
.orderconfirmation .customerdata,
.orderconfirmation .payment,
.orderconfirmation .confirmations
    {border:solid rgb(255,255,255) 1px;padding:8px;margin:10px;border-collapse:collapse;text-align:left}


.kasten h1,
.orderconfirmation .product h3,
.orderconfirmation .customerdata h3,
.orderconfirmation .payment h3,
.orderconfirmation .confirmations h3
{background:rgb(255,255,255);padding:5px 8px;text-align:left;font-size:15px;font-weight:bold;margin:-8px -8px 8px -8px}

.orderconfirmation .product,
.orderconfirmation .customerdata
{ display:inline-block; width:40%; vertical-align:top }

table.domainprices,
table.domainprices th,
table.domainprices td {border:solid rgb(255,255,255) 1px;border-collapse:collapse}

table.domainprices {padding:0px;margin:10px;text-align:center; width:200px}
table.domainprices th {margin:0px; background:rgb(255,255,255);padding:5px 8px;text-align:left;font-size:13px;font-weight:bold; text-align:center}
table.domainprices td {font-size:10pt;  padding:4px}



.productdiv {border:solid rgb(255,255,255) 1px;padding:0px;margin:10px;border-collapse:collapse;text-align:left; width:189px;float:left}
.productdiv .descriptionbox {padding:0px 8px 0px 8px}
.productdiv h1 {margin:0px; background:rgb(255,255,255);padding:5px 8px;text-align:left;font-size:15px;font-weight:bold; text-align:center}

.productdiv ul,
.orderconfirmation .product ul
{padding-left:0px; list-style-type:none; list-style-position:inside; margin-left:0px}



.productdiv ul.mainfeatures>li,
.orderconfirmation .product ul.mainfeatures>li
 {background:url(images/hook.svg) no-repeat; background-size:12pt 12pt; padding-left:12pt; min-height: 12pt; font-size:10pt; font-weight:bold }


.productdiv ul.otherfeatures>li,
.orderconfirmation .product ul.otherfeatures>li
 {background:url(images/hook.svg) no-repeat; background-size:10pt 10pt; padding-left:10pt; min-height: 10pt; font-weight:normal; }


.productdiv .price {padding:4pt; margin-left:auto; margin-top:10pt; width:50pt; background:rgb(141,141,141); color:rgb(255,255,255); font-size:16pt; font-weight: bold; text-align:right}
.productdiv .price .info {font-size:8pt; font-weight: normal}
.productdiv .price .otherprice {font-size:8pt; font-weight: normal}

.productdiv .noorder {text-align:center; font-size:8pt; font-weight:bold; background:rgb(141,141,141); padding:6px}
.productdiv .orderbutton {text-align:center; font-size:11pt; font-weight:bold; background:rgb(255,255,255); padding:6px; border:none; display:block; width:100%; font-family:inherit}
.productdiv .orderbutton:hover {background:#EBECEE}

.productcomparison {border-collapse:collapse}

.productcomparison .hook, .productcomparison .cross {width:12pt;height:12pt;background-size:12pt 12pt; background-repeat:no-repeat; margin: auto}
.productcomparison .hook {background-image:url(images/hook2.svg)}
.productcomparison .cross {background-image:url(images/cross.png); background-size:8pt 8pt}

.productcomparison td, .productcomparison th {height:16pt; width:80pt; text-align:center; border: solid 1px; border-spacing:10pt;border-color: rgb(255,255,255)}
.productcomparison th:first-child, .productcomparison tfoot td:first-child {border-left-color:  rgb(255,255,255)}
.productcomparison th:last-child,  .productcomparison tfoot td:last-child  {border-right-color: rgb(255,255,255)}
.productcomparison th, .productcomparison tfoot td {border-right-color: rgb(141,141,141)}

.productcomparison th {background:rgb(255,255,255); padding:4pt; font-size:11pt}
.productcomparison td {padding:4pt}
.productcomparison .feature, .productcomparison tfoot td:first-child {font-weight:bold}

.productcomparison tfoot * {padding:0px}

.productcomparison .price {background:rgb(255,255,255);margin:0px; padding:4pt; background:rgb(255,255,255); color:rgb(0,0,0); font-size:16pt; font-weight: bold; text-align:center}
.productcomparison .otherprice {font-size:8pt; font-weight: normal}

.productcomparison .noorder {text-align:center; font-size:8pt; font-weight:bold; background:rgb(141,141,141)}
.productcomparison .orderbutton {text-align:center; font-size:10pt; font-weight:bold; padding:6px;  border:none; background:rgb(255,255,255); font-family:inherit}
.productcomparison .orderbutton:hover {background:#EBECEE}

a.cancelcontract {font-size:11pt}

    .tooltip { display: inline-block; margin-left:2px; }
    .tooltip .sign { cursor: default;
                    display:inline-block; vertical-align: 0%; width:10px; height:10px; margin: 0px; padding:2px; text-align:center;
                    color: rgb(5,115,185); font-size:0.8em; font-weight:bold; background:rgb(255,255,255);
                    border: 0px solid rgb(141,141,141);  border-radius:10px }
                    .tooltip .content { display:inline; position:absolute; margin-left:5px; background:rgb(255,255,255); color:rgb(0,0,0); padding: 6px; border: 1px solid rgb(141,141,141); max-width: 200px }

                    .tooltip       .content { visibility: hidden }
                    .tooltip:hover .content { visibility: visible}


label { display: block; }

form {margin:0px;padding:0px}

img {border:solid rgb(0,0,0) 1px;}

p    {margin-bottom:8px;margin-top:8px}

.container {margin:0px;padding:0px}

input {background: rgb(255,255,255)}

input.whois {width:200px}

div.logo {width:200px;text-align:left;position:relative;left:10px;top:9px;padding:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:-95px;z-index:1}
.logo img {height:90px;border:0px}

h3 {font-size:14px;margin:20px 0px 5px 0px}
h4 {font-size:12px;font-weight:bold;margin:15px 0px 0px 0px}

/*ul {margin:0px 20px}*/

.emailtable td, .emailtable th {vertical-align:top; padding: 4px 10px }
.email {width:250px}





/* order page */

.navigation button {text-align:center; font-size:11pt; font-weight:bold; background:rgb(141,141,141); padding:8px; border:none; display:inline-block; width:auto; font-family:inherit; color:white; margin: 10px}
.navigation button:hover {background:rgb(160,160,160) }

.navigation button.confirm, .navigation button.forward
 {background:#035388}
.navigation button.confirm:hover, .navigation button.forward:hover
{background:rgb(5,115,185)}


.contentID {font-size:0.7em; margin-top:40px}


.orderconfirmation .product .productdesc { font-weight:bold; font-size:1.2em }
.orderconfirmation ul.domainlist {  list-style-type:none; list-style-position:inside; margin:0px; padding:0px }
.orderconfirmation ul.domainlist li { display:inline-block; background:rgb(255,255,255); padding:4px; width:auto; margin-left:8px; margin-top:4px;}

.categorybutton {display:inline-block; text-align:center;  font-family:inherit; 
    border:solid rgb(255,255,255) 1px;padding:0px;margin:10px;border-collapse:collapse;text-align:left; width:189px;vertical-align:top;
}
.categorybutton h3 { background:rgb(255,255,255);text-align:center; margin:0px; padding:10px}
.categorybutton p {  text-align:center; color:rgb(0,0,0); margin:20px }
.categorybutton:hover {background:rgb(160,160,160)}
.categorybutton:hover h3 {background:#EBECEE}



    .formelement {
        margin: 8px;
    }


        .formelement .radiogroup > label,
        .formelement .checkbox > label {
            display: inline;
        }



        .formelement > label {
            font-weight: bold;
            margin-bottom: 2px;
        }


        .formelement input.error {
            background-color: red;
        }

         
        .formelement .formerror,
        .formerror 
        {
            color: red;
        }


        .formelement input.edit {
            width: 300px;
        }



button.invisibledefaultbutton {overflow: visible !important; height: 0px !important; width: 0px !important; margin: 0px !important; border: 0px !important; padding: 0px !important; display: block !important;}