.hide_mobile {
 display: block !important;
 width: 100% !important;
}

.show_mobile {
 display: none !important;
 font-size:1px;
 width:0 !important;
}


* {
 margin: 0; padding: 0;
}
html, body {
 background-color:#e2e2e2;
 font-family:arial;
 font-size:12px;
 color: #5B6566;
}

ul {
 margin-left: 25px !important;
}

li {
 margin-left: 25px !important;
}


label {margin-right:20px;}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #000000;}
a:active {color: #000000;}

.wrapper {
 background-color:#ffffff;
 min-height: 100%;
 margin: 0 auto;
 width:900px;
 box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .2);
}

.left{
 float:left;
 width:560px;
 line-height:18px;
}

.right{
 float:right;
 width:280px;
 padding-top:46px;
}

.footer{
 clear:both;
 width:900px;
 border-top: solid #cccccc 1px;
 color: #9fa8aa;
 text-align: center;
 font-size: 12px;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
 color: #5b6566;
}

.footer, .push {
 height: 55px;
 padding-top:20px;
}

.contentwrapper{
 margin:0 auto;
 width:900px;
}
.content{
 width:844px;
 padding: 0 28px;
}
.preheader{
 color:#9fa8aa;
 display:block;
 font-size:18px;
 font-style:italic;
 margin: 10px 0 0 0;
 
}

#nav {
 width: 560px;
 height: 34px;
 margin:26px 0 36px 0;
 float: left;
 text-align: left;
 line-height: 30px;
}
.left h1{
 font-size:25px;
 font-weight:normal;
 color:#5b6566;
 margin:10px 0;
 padding:0;
 clear:left;
 letter-spacing:2px; 
 line-height:130%;
}
h2{
 font-size:14px;
 color:#0083c7;
 margin:20px 0 15px 0;
 padding:0;
}


p{
 margin:0;
 padding:0;
}
.form{
 background-color:#cce9f7;
 border: 1px #8ecae8 solid;
 width:100%;
 border-radius: 5px;
} 
.formcontent{
 margin: 20px 10px 20px 20px;
} 
.formcontent p{
 color:#0082c6; 
 margin-bottom:10px;
 font-style:italic;
}

.registreren{
 font-style:normal !important;
 margin-top:20px;
 margin-bottom:0 !important;
}


.intro {
 margin-bottom:30px;
}

.circle{
 background-image:url(https://image.mc.noordhoff.nl/lib/fe3611717564047f701d73/m/4/ed82c353-8890-4a3d-8ca1-5f59908e5455.png);
 width:16px;
 height:16px;
 padding:8px;
 float:left;
 margin-top:3px;
 margin-right:10px;
 color:#ffffff;
 font-weight:bold;
 font-size:16px;
}
.inputtitle{
 padding:8px 0 8px 42px;
 color:#5b6566;
 font-size:18px;
 font-weight:bold;
 margin-bottom:20px;
 line-height:130%;
 display:block;

}

.hr {
  height: 0px;
  margin: 0px;
  border-bottom: 1px solid #8ecae8;
  font-size: 1px;
  width: 100%;
  margin-top:30px;
  margin-bottom:20px;
}

.inputcontainer {
 color: #000000;
 margin-bottom:10px;
}

.checkbox {
 padding:10px;
 border: 1px solid #8ecae8;
 background-color: #ebf8ff;
}

.checkbox:hover{
 border: 1px solid #008dcf;
}

.input {
 border: 1px solid #8ecae8;
 background-color: #ebf8ff;
 border-radius: 3px;
 padding: 15px;
 resize: none;
}

.medium {
 width: 220px;
}
.large{
 width: 490px;
}
.large2{
 width: 466px;
}
.formcontent input[type=submit] {
 width: 174px;
 height: 38px;
 border: none;
 background-color: transparent;
 font-size: 18px;
 font-weight: bold;
 text-shadow: 0px 1px 0px rgba( 0, 0, 0, .7);
 color: #FFFFFF;
 margin-top: 10px;
 margin-right: 5px;
 background-image: url(https://image.mc.noordhoff.nl/lib/fe3611717564047f701d73/m/4/0b8c60f8-1b3e-4bce-b44a-64694b2b64b9.jpg);
 background-repeat: no-repeat;
 background-position: top;
 float: right;
}

.gaverder{
 width: 174px;
 height: 45px;
 border: none;
 background-color: transparent;
 font-size: 18px;
 font-weight: bold;
 text-shadow: 0px 1px 0px rgba( 0, 0, 0, 1);
 color: #FFFFFF;
 margin-top: 10px;
 margin-right: 5px;
 background-image: url(https://image.mc.noordhoff.nl/lib/fe3611717564047f701d73/m/4/021b97fc-8e79-46ec-ab99-efada748cbe8.jpg);
 background-repeat: no-repeat;
 background-position: top;
 float: left;
}
.gaverder:hover{
 background-position: 50% 0%;
}



#qoute {
 width: 436px;
 min-height: 80px;
 float: left;
 padding-left: 128px;
 padding-bottom:20px;
 background-image: url(https://image.mc.noordhoff.nl/lib/fe3611717564047f701d73/m/4/a2e3cf99-f884-4bb6-adc3-f35a1923f6db.png);
 background-repeat: no-repeat;
 margin: 30px 0px;
 color: #5b6566;
 margin-bottom: 0px;
}
#qoute i {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 line-height: 20px;
 font-size: 15px;
}
#qoute b {
 line-height: 30px;
 font-size: 13px;
}

.right_side_item {
 width: 200px;
 padding: 20px 25px;
 background-color: #f7f7f7;
 background-image: url(https://image.mc.noordhoff.nl/lib/fe3611717564047f701d73/m/4/5ef1a3c7-c6d5-475e-a9d8-da8a95552b48.png);
 background-repeat: no-repeat;
 background-position: center right;
 float: right;
 -webkit-border-radius: 3px;
    border-radius: 3px;
 border: solid #c5cbcc 1px;
 -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
 margin-bottom: 20px;
 color: #5b6566;
}

.docentenBeoordeling {
 font-size: 22px;
 width: 200px;
}

.lastOrder {
 line-height: 17x;
 font-size: 13px;
}
.hulpBestellen {
 line-height: 17px;
 font-size: 13px;
}
.hulpBestellen h1 {
 font-size: 16px;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 color: #0083c7;
 margin-bottom: 15px;
}


.productname{
 float:left;
 }
.productprice{
 color:#008dcf;
 font-weight:bold;
 float:right;
 font-size:14px;
 }

.questioncomment{
 color:#008dcf;
 font-size:12px;
 font-style:italic;
 margin:10px 0;
 padding:0;
}
 .hoverme{text-decoration:none;}
 .hoverme div{display:none;text-decoration:none;}
 .hoverme:hover div{
  display:block;
  border: 1px #ccc solid; 
  background: rgba(255, 255, 0, 0.7);
  font-size: 12px;
  color: #000;
  text-decoration:none;
  cursor:default;
  padding:20px;
  width:85%;

  }
 .hoverme:hover{
  margin-bottom:-205px;
  display:block;
  position:relative;
  top:10;
  left:-50;
  z-index:2;
 }
 
 .hoverme2{text-decoration:none;position:relative;}
 .hoverme2 div{display:none;text-decoration:none;}
 .hoverme2:hover div{
  display:inline-block;
  border: 1px #ccc solid; 
  text-decoration:none;
  cursor:default;
  padding:20px;
  width:400px;
  position:absolute;
  top:10;
  left:-50;
  z-index:10;
 } 
 .hoverme2 div:hover:{display:inline-block;}
 
 

 
.changelink{color:#f51b82 !important;font-size:14px;}
.checkbox2{
 padding:10px;
 border: 1px solid #8ecae8;
 background-color: #ffffff;
}
.select-big {
    border:none;
    background:url(https://image.mc.noordhoff.nl/lib/fe3611717564047f701d73/m/4/0f3c51ee-fe0e-4929-9871-a348b021e526.jpg) 0 0 no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

.dimmed {
  position: relative;
}

.dimmed:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
 pointer-events: none;
z-index:1;
}
.popup{
 background-color:#ffffff;
 color: #000000;
   background: rgba(255, 255, 255, 1);
 z-index:10;
 padding:15px;
 position: absolute;
   top: 30%;
   left: 30%;
 width:360px;

}
.popup h3{
 font-size: 20px;
 color: #008ace;
 font-weight:normal;
 font-family:verdana;
}
.popup .info{
 background-color:#ffffcd;
 margin:5px 0;
 padding:15px;
 font-size:14px;
 line-height:150%;

}
.popup span{font-size:10px;}

select::-ms-expand {
    display: none;
}