/* <style type="text/css">  handig voor highlight */
    .ui-helper-hidden-accessible {display: none}
    
    h1, h2, h3, h4, h5, h6 {
    letter-spacing: -1px;
    }
    #language_container {
    margin-top: 13px;
    }
    .topnav_tiny #language_container {
    margin-top: 0px;
    }
    #menu_container {
    font-size: 1.0em;
    }
    
    #cartform {margin-top: 28px;}    
    .klikhier {
        font-size: 1.2em;  
    }
#menu > li {
    padding-bottom: 28px;
}
#menu ul {
    padding-top: 28px;
}
#menu .caret {
    margin-top: 0.9em;
}

#menu a {
    font-weight: 600;    
    }
#menu_container {
    background-color: #eaf3f9;
    background: linear-gradient(#F6FAFC, #eaf3f9);
    border-bottom: 1px solid #bdbdbd;
}
#topNav.topnav_tiny #menu {
    margin-top: -3px;
}
#logo_site {
    margin-top: -4px;
}
.topnav_tiny #logo_site, .hamburger #logo_site {
    margin-top: 1px;
}
.hamburger {}    
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #3284CB;
}
.comparetable {    
  background-color: #3284CB;
  color: #fff;
  text-align: center;
  border-radius: 15px;
    padding: 1.33em 2em 1em;
    width: auto!important;
    margin-top: 2em;
        
}
 .topnav_tiny #menu ul {
    padding-top: 6px!important;
}
    
/* to cart knop */
    
    #showToCart{display: none; position: fixed;top: 21px;z-index: 99999;right: 107px;}
    #showToCartEmpty{
      position: fixed;
      top: 50px;
      z-index: 99999;
      right: 110px;
      background-color: #3284CB;
      color: #fff;
      padding: 6px 15px;
      border-radius: 21px;
    }
    /*
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #3284CB;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1em;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #3284CB transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
    position: relative;
}    
    */
    

#media_container {
    bottom: 15px;
}
H3 a {font-weight:normal;}
ul.green {
	list-style:none;
	padding-left: 0;
}
ul.green li:before {
    content: '\0025CF';
    color: #3284CB;
    margin-right: 6px;
}
ul.green li.listnot:before {
    color: #ccc;
}
ul.green li { padding: 2px 10px;}
ul.green li:nth-child(even) {  background-color: #e8eff6}
.listnot {
	/*list-style-image: url('http://dev.maakum.nl/~devsitem/home/images/not12.png');*/
	color: #666;
	text-decoration: line-through;
}
/*.pakket {background: linear-gradient(360deg, rgba(255,255,255,0) 5%, rgba(239,247,255,1) 50%, rgba(255,255,255,0) 95%);}
.pakket.email {background: radial-gradient(circle, rgb(239, 247, 255) 0%, rgba(255,255,255,0) 100%);}    */
.pakketrond {
	background-color: #3284CB;
    border-radius: 50%;
	width: 226px;
	height: 226px;
	color: #FFF;
	background-image:url(m.png);
	background-repeat:no-repeat;
	background-position:center;
	border: 8px solid #6BA6D9;
	text-shadow: 0px 0px 1px #666;
	text-align: center;
    margin: 0 auto;
}
.wp .pakketrond {background-image:url(WordPress.png)!important;
    background-size: contain;
    }    
.pakkettitle {
	/*padding-left: 50px;*/
    padding-top: 64px;
	font-size: 1.75em;
	font-weight: bold;
}
.pakkettitle2 {
	padding-top: 30px;
	font-size: 1.75em;
	font-weight: bold;
}
.pakketprice {
	text-align: center;
	/*padding-top: 10px;*/
}
.pakkettext {
	padding-left: 20px;
}
.button {
	margin-left: 35px;
	border: 6px solid #6BA6D9;
	border-radius: 50px !important;
    word-wrap: normal;
}
.button:hover {
	border: 6px solid #3284CB;
}
#steps {
	text-align:center;
}
.step {
	display:inline-block;
	width: 33%;
	color: #ccc;
	position:relative;
}
.step span{
	z-index: 1;
	position:relative;
}
.step .steptxt{

}
.step .stepnr {
	font-weight:bold;
	font-size:24px;
	color: #fff;
	background: #ccc;
	display:inline-block;
	border-radius: 50%;
	margin-right:10px;
	line-height: 38px;
	width: 40px;
	height: 40px;
	text-align:center;
	vertical-align: text-top;
}
.step .lijn {
	border-top: 5px solid #E0EDF7;
	width: 100%;
	position:absolute;
	top: 24px;
	z-index: 0;
}
.step.active { color:#3584C5; }
.step.active .stepnr { background:#3584C5; }


#domainresult, #otherextensionsnot, #otherextensionsnot {clear: both;}
form#checkdomain {text-align:center; }
    #suggestions {max-height: 430px; overflow-y: auto}
.domresult::before, .suggestresult::before {content: '✔  ';
color: #9ee866;
font-size: 30px;}
.domresult.not::before {content: '✘  ';
color: #C00;}
.domresult {
/*	background-color: #EAEAEA; #CEFFAA;*/
	padding: 12px;
	border-bottom: 1px solid rgb(81, 154, 217);
	overflow: auto;
}
   
.domresult .ext {width: 50px; display: none;word-wrap: break-word;vertical-align: top;}
.domresult .ext span { background:#9ee866; border-radius: 50px;
padding: 7px 11px 7px 9px;
font-size: 12px;
display: inline-block;
word-break: break-all;
}
.domresult.not .ext span { 
background: #ef6b6b;
}
.domresult button {margin-top: 2px!important; margin-left: 10px; text-align:right;min-width: 140px; }
.domresult.not {background-color:#FFEBEB}
.domresult .price {margin-left: 15px;}
.domresult .offer {margin-left: 15px;text-decoration: line-through;color: #666;}
.domresult.not .price {}

span.domtxt {
	width:284px;
	max-width: 70%;
	display: inline-block;
}
span.bestelcheck {
	width: 188px;
	display: inline-block;
}
input { font-size: 14px !important; }
input[type='checkbox'] { width:auto }
input#domain {width: 300px;
	border-radius: 50px !important;	padding: 11px !important;}
/*form#bestel { 
	width: 60%!important;
}*/
#cart {}
.cart { clear:both;}
.cart div {
	display: inline-block;
}
.cartdom { width:67%; display: inline-block; }
.cartpr { width:20% }
.cartdel {  width:13%; text-align:right }
#pay {
	text-align: right;
	border-top: 1px solid #76AEDF;
	margin-top: 1em;
	padding: 1em 0;
}
#pay p { width: 90%}
.domknop:disabled { background:#ddd!important; cursor:default}
.knop { -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
.domknop img {margin-left: 7px;margin-top: -2px;margin-bottom: 2px; width: 18px; height:17px;}
.domknop span { font-size: 12px; font-weight:normal;}
.domknop .price { font-size: 14px; font-weight:bold;margin-left: 10px;}
.knop:hover {background-color: #186ab1!important;}
.domknop:disabled:hover {background-color: #ddd!important;}
.strikethrough {
	 position:relative;
	 overflow:hidden;
}
.domknop .strikethrough {
	 font-size:11px!important;
}

.strikethrough::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #C00;
    transform: rotateZ(-20deg);
}
.domknop:disabled .strikethrough::before {border-top: 1px solid #fff;}
/*.domknop:hover img {margin-top: -2px;margin-bottom: 0px; width: 20px; height:19px}*/
.knop3year {}
.btn-delete {
	min-width: 0!important; 
	background:rgba(200, 0, 0, 0.5)!important;
	padding: 4px 9px!important;
}
.offernotice {padding-top: 10px;}
.offernotice span {color: #e7511c}
/*afrekenen*/

#overzicht {
	margin-bottom:20px;
	text-align:left;
}
#overzicht div.o_line:first-child {font-weight:bold;
margin-bottom:1em;}
#overzicht div.o_line.odd { background-color:#f4faff}
#overzicht div.o_line.even { background-color:#e1edf7}
.o_line { margin-bottom:10px;overflow: auto; padding: 10px 5px 15px 10px;border-radius: 15px;width: 96%;}
.o_line div {display: inline-block; margin-right:5px;}
.o_line .domain {width: 300px; margin-bottom: 10px;}
/*.o_line .price {width: 75px; }*/
.extras, .uitbreiding {text-align: right; float:right;}
.uitbreiding { 
margin-right: 25px!important;
margin-bottom: 10px;
}
optgroup { font-style:normal}
.showyear {display: none;}
#bestelheading {
    font-size: 140%;
    font-weight: bold;
    text-align: right;
}
#bestelheading .year {
	float: left;
}
#bestelheading .year1 {
	display: inline-block;
    margin-right: 125px;
}
#bestelheading .year3 {
	display: inline-block;
    margin-right: 90px;
}
#verhuismsg { margin: 15px 0 10px 0; }

/* extra uitbreidingen knoppen */

.extra {
	position:relative;
	margin-top: 4px;
	background-color: #3284CB;
	color:#fff;
	padding: 5px 8px;
	line-height: 1em;
	cursor:pointer;
	border: 4px solid #99c2e5;
	border-radius: 15px;
	transition:all .3s;
    /*transition: transform 0.5s ease-in-out, background-color 0.5s ease-in-out;*/
	}
.extra:hover { background:#186ab1!important; border-color: #094579;}
.extra.selected { background: #094579!important } 
.extra.selected:hover { background: #094579 }
.extra div{ 
	width: 55px;
	float: right;
	text-align:right;
}
.extra .regel1 {font-size: 11px; float: left;}
.extra .regel2 {font-size: 16px; float: left; font-weight: bold;color: gold;}
.extra .regel3 {font-size: 11px; float: left; clear: both;}
.listing-ov {width: 100%}
.listing-ov .r1 {color: #3284CB;}
.listing-ov .date { font-size: 14px; }
.listing-ov .oms-ov { margin-left: 15px }
.listing-ov .price-ov { float: right; }
.besteloverzicht .inputText {min-width: 65%; width: 100%;}
div.submit {height: auto;}

  .ui-tooltip {
      font-family: Source Sans Pro, sans-serif;
      font-weight: normal;
   max-width: 210px;
	font-size:14px;
	background-color: #FFF;
	border: 2px solid #3284CB;
	border-radius: 25px;
	padding: 1em 2em;
	z-index:99999;
    box-shadow: none;
  }
.info {
	display: block;
	width: 14px!important;
	height: 14px!important;
	float:none;
	background: url(i.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 2px;
	top: 5px;
}
div.inputLabelFormulier { margin: 0; }




@media only screen and (max-width: 1200px) {    .step {width: 30%;}
    .pakket {
        margin-top: 17px;
        /*border-top: 2px #6BA6D9 solid;
        padding-top: 35px;
        padding-bottom: 25px;*/
    }
    .years {}
	
	#bestelheading .year1, #bestelheading .year3 { display: none; }
	.showyear {display: inline-block;}
	span.domtxt { min-width: 0;}
	
	span.bestelcheck {
		text-align: right;
		display: inline-block;
		width: 100%;
		font-weight:bold;
	}
	.knopyear { float: right;}
	.knop3year { float: right;}
}
@media only screen and (max-width: 1024px) {
	.fp1 { text-shadow: 1px 1px 1px #ddd}
}   
@media only screen and (max-width: 768px) {
    #showToCart{display: block}
	#language_container {
    margin-top: 6px!important;
}
	.bestelling .onethirdcoll {display: table-header-group;}
	.bestelling .twothirdcoll {display: table-footer-group;}
	.bestelling .para_col { float: none; width: 100%; }
	
	#h3sForm fieldset {padding: 15px;}
    .pakket {
        margin-top: 17px;
        border-top: 2px #6BA6D9 solid;
        padding-top: 35px;
        padding-bottom: 25px;
    }
    
}  
@media only screen and (max-width: 550px) {
    .step { font-size: 90%; margin-bottom: 1em;}
    .step .stepnr {
        font-size: 20px;
        margin-right: 8px;
        line-height: 28px;
        width: 30px;
        height: 30px;
    }
    .step .lijn {display: none;}
}  
@media only screen and (max-width: 480px) {
	.o_line .price {
    	float:right;
	}
	.o_line .domain {
		float:left;
		width:auto;		
	}
	.o_line .uitbreiding {display: none;}
	.fp1 {color:#fff; text-shadow: 1px 1px 1px #999!important;}
	input#domain {
		width: 90%;
		margin-top: 12px;
	}
	label {margin-bottom: 5px; }
	div.inputLabelFormulier { width: 100%; }
	.step {width: 40%;}
}