.responsiveCal {
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
 
.responsiveCal iframe {
position: absolute; top:0; left: 0; width: 100%; height: 100%;
}

@media all and (min-width: 768px) {
    .deskContent {display:block;}
    .phoneContent {display:none;}
}

@media all and (max-width: 767px) {
    .deskContent {display:none;}
    .phoneContent {display:block;}
}

/*
Afspraak_makenphp_contactform
*/

{
  box-sizing: border-box;
}
/*
Afspraak_makenphp_contactform
*/
input[type=text], select, textarea {
  width: 95%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}
/*
Afspraak_makenphp_contactform
*/
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #9966CC;

}
/*
Afspraak_makenphp_contactform
*/
input[type=submit] {
  background-color: #9966CC;
  font-weight: bold;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
/*
Afspraak_makenphp_contactform
*/
input[type=submit]:hover {
 background-color: #ff00ff;
  color: black;
}
/*
Afspraak_makenphp_contactform
*/
.container {
  border-radius: 5px;
  background-color: #9966CC;
  padding: 20px;
}
/*
Afspraak_makenphp_contactform
*/
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}
/*
Afspraak_makenphp_contactform
*/
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
/*
Afspraak_makenphp_contactform
*/
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/*
Afspraak_makenphp_contactform
*/
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}


/*
Navigation for all html pages
*/

.topnav a {
   display: block;
	float: left;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	color:white;
	text-decoration: none;
	border-right: 1px solid black;
	border-height: 1px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: black;
}
/*
Navigation for all html pages
*/
.topnav a:hover {
  background-color: #ff00ff;
  color: black;
}
/*
Navigation for all html pages
*/
.topnav a.active {
  background-color: #ff00ff;
  color: white;
}
/*
Navigation for all html pages
*/
.topnav .icon {
  display: none;
}
/*
Navigation for all html pages
*/
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
/*
Navigation for all html pages
*/
@media screen and (max-width: 600px) {
  .topnav.responsive {position: fixed;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  /*
Navigation for all html pages
*/
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
/*
Navigation for all html pages
*/
@media only screen and (min-width:601px) {

.topnav {
  position: fixed;
	background: black;
	overflow: hidden;
	width: 700px;
	}
	
p { 	
	font-size: 18px;
	width: 100%;

}

#body {font-family:Verdana, Helvetica, Arial, sans-serif;background-color:#9966CC;line-height:125%;padding:0;margin:0;font-size: 20px;}
#bodycontent {background-color:#9966CC;font-size: 16px;}

/*
for all html pages for desktop
*/

#Maincontainer
{
	margin: 0 auto;
	width: 700px;
   	background-color:#FFFFFF;
	
}
/*
for all html pages for desktop
*/
#containerbehehandelingen
{
	margin: 0 auto;
	width: 700px;
	background-color:#FFFFFF;
	}
/*
for all html pages for desktop
*/
#containercontact
{
	margin: 0 auto;
	width: 700px;
	background-color:#FFFFFF;
}
/*
for all html pages for desktop
*/
#containerprijslijst
{
	margin: 0 auto;
	width: 700px;
	background-color:#FFFFFF;

}
/*
for all html pages for desktop
*/
#containerafspraakmaken
{
	margin: 0 auto;
	width: 700px;
	background-color:#FFFFFF;
}
/*
Pedicurita header for desktop
*/

#header
{
	background:#ccc;
	height: 177px;
	background-color:#9966CC; 
	background-image: url(backgrounds/header-bg8.jpg);
}

#header h1 
{ margin: 0; 
}
	
#Maincontent
{
	clear: left;
	padding-top: 20px;
	padding-left: 20px;
	Padding-right: 20px;
}

#content
{
	clear: left;
	padding-top: 30px;
	padding-left: 20px;
	Padding-right: 20px;
	background-color:#FFFFFF;
}

#content h2
{
	color:#000;
	font-size: 160%;
	margin: 0 0 .5em;
}

#mainfooter
{
	
	text-align: right;
	padding: 20px;
	height: 1%;
	color:black;
	background-color:#9966CC;
}

#footer
{
	text-align: right;
	padding: 20px;
	height: 1%;
}

/*
Heading for all html pages
*/
h1 {
 color: #ff00ff;
}

h3 {
    color: #ff00ff;
	font-weight: bold;
	font-size: 20px;
	padding-left: 30px;
}

/*
For prijstlijst
*/
h10 {
 font-size: 18px;
	color: #9966CC;
	font-weight: bold;
}

h11 {
    	
	font-size: 18px;
	color: #9966CC;
	font-weight: bold;
}

ul.c {
font-size: 18px;
}

ul.d {    
font-size: 18px;
}

ul.e {    
padding-right: 30px;
font-size: 20px;
}

ul.f {    
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}

#pricelist {
	padding-top: 0px;  
}

#pricelist th {  }

#pricelist td.bold{
	padding-left: 35px;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#pricelist td.normal{
	padding-left: 15px;
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 5px;
}

#pricelist td.normal1{
	padding-left: 40px;
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 5px;
}

#pricelist td.bullets{
	padding-left: 35px;
}

#pricelist td.foot {
	background-image: url(backgrounds/purple-feet.jpg);
	font-weight: bold;
	background-repeat: no-repeat;
  	background-position: 0px 5px; 
    padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 20px;
}

p.ex1 {		
}

#pricelist td.price {	
	padding-right: 10px;
	font-size: 20px;
	text-align: right;
}


li {
  	list-style-type:disc;
	font-size: 18px;
	margin-left: 35px;
	padding-left: 10px;
}

ol.g {
    list-style-type: upper-roman;
	font-size: 18px;
	margin-left: 35px;
	padding-left: 10px;
}

p {	
	font-size: 18px;
	text-align: justify;
}

address { 
	font-size: 18px;
}

p.border { 
	font-size: 18px;
	border-bottom-style: solid;
	border-width: medium;
	padding-bottom: 20px;
	border-color:#9966CC;
}

P.home {
	padding: 10px;
}

hr{
	border-width: medium;
	border-color:#9966CC;
}

/*
index images slideshow
*/

div.imageslide {
    position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px; 
}

.error {color: #FF0000;
margin: 0 auto;
}

/*
To center all the images
*/
.center{
display:flex;
align-items: center;
justify-content: center;
width: 100%;
}

}


@media only screen and (max-width: 600px) {

/*
Navigation for all html pages for mobile
*/
.topnav {
  position: fixed;
	background: black;
	overflow: hidden;
	width: 360px;
	}

p {
    font-size: 18px;
	width: 100%;
}

#body {font-family:Verdana, Helvetica, Arial, sans-serif;background-color:#9966CC;line-height:125%;padding:0;margin:0;font-size: 20px;}
#bodycontent {background-color:#9966CC;font-size: 16px;}

/*
for all html pages for mobile
*/



#Maincontainer
{
	margin: 0 auto;
	width: 360px;
	background-color:#FFFFFF;
}
/*
for all html pages for mobile
*/


#containerbehehandelingen
{
	margin: 0 auto;
	width: 360px;
	background-color:#FFFFFF;
}

/*
for all html pages for mobile
*/

#containercontact
{
	margin: 0 auto;
	width: 360px;
	background-color:#FFFFFF;
}
/*
for all html pages for mobile
*/

#containerprijslijst
{
	margin: 0 auto;
	width: 360px;
	background-color:#FFFFFF;
}
/*
for all html pages for mobile
*/

#containerafspraakmaken
{
	margin: 0 auto;
	width: 360px;
	background-color:#FFFFFF;
}
/*
Pedicurita header for mobile
*/

#header
{
	background:#ccc;
	height: 177px;
	background-color:#9966CC; 
	background-image: url(backgrounds/header-mob.jpg);
}

#header h1 { margin: 0; }

#Maincontent
{
	clear: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#content
{
	clear: left;
	padding-top: 30px;
	padding-left: 20px;
	Padding-right: 20px;
}

#content h2
{
	color:#000;
	font-size: 160%;
	margin: 0 0 .5em;
}

#mainfooter
{
	
	text-align: right;
	padding: 20px;
	height: 1%;
	color:black;
	background-color:#9966CC;
}

h1 {
	color: #ff00ff;
}

h3 {
	color: #ff00ff;
	font-weight: bold;
	font-size: 20px;
	padding-left: 30px;
}

h10 {   	
	font-size: 18px;
	color: #9966CC;
	font-weight: bold;
	width: 100%;
}

h11 {
    	
	font-size: 18px;
	color: #9966CC;
	font-weight: bold;
}

ul.c { 
font-size: 18px;
}

ul.d {   
font-size: 18px;
}

ul.e {
padding-right: 30px;
font-size: 20px;
}

ul.f {   
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}

#pricelist {
	padding-top: 0px;  
}

#pricelist th {  }

#pricelist td.bold{
	padding-left: 35px;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	}

#pricelist td.normal{
	padding-left: 15px;
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 5px;
	}

#pricelist td.normal1{
	padding-left: 40px;
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 5px;
	}

#pricelist td.bullets{
	padding-left: 35px;
	}

#pricelist td.foot {
	background-image: url(backgrounds/purple-feet.jpg);
	font-weight: bold;
	background-repeat: no-repeat;
  	background-position: 0px 5px; 
    padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 20px;
}

p.ex1 {	
}

#pricelist td.price {
	padding-right: 10px;
	font-size: 20px;
	text-align: right;
}

li {
   	list-style-type:disc;
	font-size: 18px;
	margin-left: 35px;
	padding-left: 10px;
}

ol.g {
    	list-style-type: upper-roman;
	font-size: 18px;
	margin-left: 35px;
	padding-left: 10px;
}

p {	
	font-size: 18px;
	text-align: justify;
}

address { font-size: 18px;
}

p.border { font-size: 18px;
	border-bottom-style: solid;
	border-width: medium;
	padding-bottom: 20px;
	border-color:#9966CC;
}

P.home {padding: 10px;
}

hr{border-width: medium;
border-color:#9966CC;
}

contentfigure {display:block;padding-bottom:10px;border-bottom:10px solid navy;margin-bottom:20px;}
/*
For Pedicurita Header htmlpage
*/

div.imageslide {
    position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px; 
}

.error {color: #FF0000;}
/*
To center all the images
*/
.center{
display:flex;
align-items: center;
justify-content: center;
width: 100%;
}

}