html 
{ 
    min-height: 100%; 
    margin: 0px;
    
}

body
{
    margin:0px;	
    font-family: Verdana, sans-serif;
    font-size: 11px;    
}

ul { margin:0; padding:0; list-style-type: none;}
li { margin:0; padding:0; margin-right:10px; font-size:12px; font-weight:bold; float:left; width: auto;}

span.errormessage li { float: none; }

div.break { clear: both; padding-top: 12px; }

a           { color:#008AC9; text-decoration:underline; }
a:visited   { color:#008AC9; text-decoration:underline; }
a:hover     { color:#008AC9; text-decoration:none;      }
a:active    { color:#008AC9; text-decoration:underline; }


.orderstep_current  { color: #008AC9; }
.orderstep_done     { color: #A0A0A0; }
li,.orderstep       { color: #A0A0A0; }

select { font-size : 12px; font-weight :normal; color : #000000; }

#results select {width:195px;}

.input              { width: 250px; border: 1px solid #d9d9d9; font-size: 11px; float: left; margin: 4px 0px 8px 0px;}
.inputerror         { color: red }
.inputTextError         { color: red; border: 1px solid red; }
.logininput         { width: 200px;	border: 1px solid #d9d9d9; font-size: 11px; }
.inputtable         { font-weight: bold; }
.inputradiobutton   { width: 250px; border-top: 0px; font-size: 11px; }
.inputspacer        { height:3px; }
.inputshort         { width: 200px; border: 1px solid #d9d9d9; font-size: 11px; float: left; }
.inputstreet        { width: 166px; border: 1px solid #d9d9d9; font-size: 11px; float: left; margin: 4px 8px 4px 0px; }
.inputnumber        { width: 30px;  border: 1px solid #d9d9d9; font-size: 11px; float: left; margin: 4px 8px 4px 0px;}
.inputadditional    { width: 30px;  border: 1px solid #d9d9d9; font-size: 11px; float: left; margin: 4px 8px 4px 0px;}
.inputtelnrkort     { width: 35px;  border: 1px solid #d9d9d9; font-size: 11px; float: left; margin: 4px 8px 4px 0px;}
.inputtelnrlang     { width: 156px; border: 1px solid #d9d9d9; font-size: 11px; float: left; margin: 4px 8px 4px 0px;}
.lookupheader       { padding: 5px 0; width:100%; color:#000; background-color: #009ACE;background:url(../img/page_header_bg.gif) repeat-x;}
.lookupheader td    { padding: 5px 0; }
tr.lookupheader td  { padding: 5px 0; font-weight: bold; color: #fff}
.lookupresult       { background-color:#FFFFFF; height:23px; width: 100%; }
.tablerowspacer     { background-color: #fff; height: 5px; }

.black8 			{ color : #000000; line-height:16px;}
.grey8 	    		{ color : #A0A0A0; line-height:25px; vertical-align:bottom;text-transform:uppercase;}
.black8border	    { color : #000000; line-height:16px; border-bottom: double 3px black; }
.black8bold			{ font-weight : bold; line-height:16px; }

.orange8bold        { font-weight : bold; color : #ff8400; line-height:16px;  }
.errormessage, .errormessage LI { color:#ff0000}
      
.orderrow           { color:Black; height:22px; text-decoration:none; font-size:12px; background-color:#FFFFFF; }
.orderrowtotal      { color:Black; height:18px; text-decoration:none; font-size:12px; background-color:#FFFFFF; }
.checkbutton        { margin-left: 12px; cursor: pointer; }
.button             { margin-top: 12px; cursor: pointer; }

.specialprice       { color: Red; font-weight:bold; }

.info {vertical-align:bottom;margin-bottom:2px; }

.tooltip {font-size:11px;width:280px;padding:10px;z-index: 99;bottom: 10px;border: 1px solid grey;background-color: #FFFFFF;}

.ssldescription      {float:left;width:300px;}

.rounded { -moz-border-radius: 3px; border-radius: 3px; border: 1px #ddd solid; }

#customerTable {color: #000;padding:0px;font-size:14px;}
#customerTable .cusHeader { color: #1b98d1; font-family: Verdana; font-size: 18pt; font-weight: 300; padding: 20px 0 20px 30px; }
#customerTable .cusHeaderNormal { color: #707070; font-family: Verdana; font-size: 14pt; font-weight: 300; padding: 20px 0 20px 30px; border:solid 1px #ddd; border-radius: 3px; }

#eherkenningAdditional .cusHeader { color: #1b98d1; font-family: Verdana; font-size: 18pt; font-weight: 300;}

#orderOverview .cusHeader { color: #1b98d1; font-family: Verdana; font-size: 18pt; font-weight: 300;}



#vpsTable {width: 100%;padding:0;margin:0}
#vpsTable .vpsHeader { background-color: #1b98d1; font-family: Verdana; font-size: 13pt; font-weight: 300; padding: 5px 0 5px 10px; color: #ffffff; }
    #vpsTable .vpsCell {float:left;width:22%; margin:0 2px 2px 0; border: 1px solid #adaeae; background-color:#f2f2f2; padding:6px 6px 10px 6px; }
    #vpsTable .vpsCell .baseColor {color: #707070; font-size: 8px;}
    #vpsTable .vpsCell .priceField {float: right; vertical-align: top;text-align:right;position:relative;height:30px}
    #vpsTable .vpsCell .euroField {float: left; color: #1b98d1; font-size: 11px; vertical-align: top;}
    #vpsTable .vpsCell .thePrice {float: right;position:relative; color: #1b98d1; font-size: 20px; padding: 0; margin-top: -3px;margin-left:3px;margin-bottom:-3px; vertical-align: top;}
    #vpsTable .vpsCell .theTitle{float: left; font-family: Verdana; font-size: 16px; font-weight:300; color: #000;}
    #vpsTable .vpsCell .hrLine {clear: both; height: 1px; border-top: 1px solid #adaeae; margin: 8px 0 3px 0}
    #vpsTable .vpsCell .baseColorTable{color: #000000; font-size: 9px;}
    #vpsTable .vpsCell .baseColorTable .row {width: 100%; font-weight: bold;font-stretch:narrower}
    #vpsTable .vpsCell .radioField{float: left; color: #707070; font-size: 9px;}
    #vpsTable .vpsCell .orderButton{background-color: #2e2e2e; color: #fff; font-size: 12px; border-style: none; padding: 5px 10px 5px 10px}


#customerTable [type="radio"]:checked,
#customerTable [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#customerTable [type="radio"]:checked + label,
#customerTable [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
#customerTable [type="radio"]:checked + label:before,
#customerTable [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #1b98d1;
    border-radius: 100%;
    background: #fff;
}
#customerTable [type="radio"]:checked + label:after,
#customerTable [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #1b98d1;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;    
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#customerTable [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#customerTable [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.forgotPW {text-decoration:none;color:#707070;}

#break{display:none;}
/*.lookupresultResp {display:none;}*/

#overlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}

.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid #1b98d1;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.lookupresult_euro {text-align: right; padding: 0 5px 0 25px !important;}
.lookupresult_price{text-align: right; padding-right: 35px !important;}
#results #sslInfoDescResp {display:none;}

#eh3_12 {display:none;}
#eh3_36 { display: none;}

.check-box-del { padding: 7px;}


.lookupresultResp {display:none;}
.lookupresultscontent .tablerowspacer{height:5px;}
#results .lookupheader td span {padding-left: 10px;}
#results .extraproductinfo {padding:7px 0 7px 0;}
#results .extraproductinfoResp {display:none;padding:7px 0 7px 0;}





@media(max-width:755px) {
    .main_menu {display:none !important;}
    .arrow-steps {display:block !important;}
    body{ padding: 10px 10px 10px 10px !important;}

   .button { margin:15px 0 5px 0 !important;}

    #break{ display: block !important;}
    #lblWWW {display:none !important;}
    #lblExt {display:none !important;}
    .checkbutton {margin: 10px auto 0 auto !important;}
    #ctl00_ContentPlaceHolder1_txtOrderDomain{text-align:center;margin: 10px auto 0 auto; display: inline-block;float:none !important;}
    /*.lookupresultheaderbar { height: 1px; }*/
    .trslide{display:none !important;}
    .lookupresultResp{display:block;display: table-row !important;}
    .lookupresult_euro {text-align: right !important; padding: 0 1px 0 1px !important;}
    .lookupresult_price{text-align: right;min-width:45px; padding-right: 2px !important;}

    /*.lookupresult_chk{padding-right: 5px;}*/
    .lookupresultheaderbar td {width:1px;height: 1px;background-color:#fff !important;padding: 0 !important; margin:0;}
    .lookupresultheaderbar input { display:none;}
  .hdrSelectPackage{ height:1px;overflow: hidden;font-size:13px; text-indent: -9999px;}
    .lookupresultscontent .tablerowspacer{height:10px !important;}

    #results select{padding: 6px 15px 6px 6px !important;font-size:12px !important;width:auto !important;margin-top:7px;background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%;
        -moz-appearance: none; 
        -webkit-appearance: none; 
        appearance: none;}
   .check-box-del{ -ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}

    .additional_text{display:none !important;}
    .additional_left_20{width:10px !important;}
    #results .package_details_info{display:none !important;}
    #results .ssldescription{width:auto !important;line-height:0 !important;}

    #results .extraproductinfo {display:none;padding:7px 0 7px 0;}
    #results .extraproductinfoResp {display:block;margin:0 0 0 0;padding: 0;}

    #results #sslInfoDesc {display:none !important;}
    #results #sslInfoDescResp {display:block !important;}
    #results .hostingddl {width: auto; }
    #results .lookupheader { border: none !important;}
    #results .lookupheader .headerTitle {padding-left: 10px;}
    #results .lookupheader td {background-color: #fff; font-weight: normal;}
    #results .lookupheader td span {
        padding: 0;
        font-weight: normal;
        font-size:16px;
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    /*#results input[type=text]{width:auto !important;}*/
    #customerTable input{width:100% !important;}
    #existingCustomer input{width:100% !important;}
    #orderdomaintable { width: 100% !important;}
    .orderdomaintable { width:100% !important;}
    #orderOverview .rounded { padding: 20px !important;}
    #orderOverview .accountData { margin-right: 0 !important;padding-right: 40px !important;width: calc(100% - 60px) !important;}
    #orderOverview .eherkenningData {margin: 0 0 30px 0 !important;padding-right: 40px !important;width: calc(100% - 60px) !important; }
    #orderOverview input[type="text"] { padding: 8px !important;font-size:13px !important;margin-top: 0 !important;}
    #orderOverview .button {margin:0 !important;}
    

    #results .inforow2 {display:none !important;}
    #results .rowAddToHostingInfo{display:none !important;}
    #results .rowApproverEmailInfo {display:none !important;}
    #results .commonName {display:none !important;}
    #results .commonNameTextbox{width:80px !important;padding: 5px !important;}
    #results .sanText{ display: none !important;}
    #results .txtAuthcode{ width: auto !important;}
   

    #results .cusHeader{ white-space: normal !important;}
    #results .cusHeaderNormal{ white-space: normal !important;}
    .simplemodal-container { width: 85% !important; left:5px !important;}
    #results #btnShowAll2 {background: none!important;border: none;padding: 0!important;font-family: arial, sans-serif;color: #069;text-decoration: underline;cursor: pointer;box-shadow: none !important;}

    #eherkenningAdditional #email {display:inline-block;float:none !important; width: 80% !important;height:auto !important; margin: 0 auto 20px auto !important;padding: 20px 10px 20px 10px !important;}
    #eherkenningAdditional #iban { display:inline-block;float:none !important; width: 80% !important;height:auto !important; margin: 0 auto 10px auto !important;padding: 20px 10px 20px 10px !important;}
    #eherkenningAdditional input[type=text]{width:90% !important;margin: 0 auto;}
    #eherkenningAdditional{table-layout: fixed;}


    #eh3_12 {display:block;}
    #eh3_36 { display: block;}
    #eh3_12_full{display:none;}
    #eh3_36_full{display:none;}
    #rdo3 { -ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);padding: 3px;}
    #rdo1 { -ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);padding: 3px;}
   
    #vpsTable .vpsCell{width: 45%;min-width:140px;}
}