/*
+-------------------------------------------------------------------+
| Voorbeeld van CSS in de stijl van Microsoft Windows XP,           |
| gebaseerd op de richtlijnen uit de "Windows XP Visual Guidelines" |
| van het Windows XP Design Team <www.microsoft.com>.               |
+-------------------------------------------------------------------+
*/

body {
	background-color:#FFFFFF; /* Achtergrondkleur wit */
	color:            #000000; /* Voorgrondkleur zwart */


/* Disables pull-to-refresh but allows overscroll glow effects. */
  overscroll-behavior-y: contain;

}


/* Koppen: */

h1 {
	background-color: #FFFFFF;
	color:            #6487DC;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        21pt;
	font-weight:      bold;
	line-height:      1em;
}

h2 {
	background-color: #FFFFFF;
	color:            #6487DC;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        18pt;
	font-weight:      bold;
	line-height:      1em;
	margin-bottom:    0.25em;
}

h3 {
	background-color: #FFFFFF;
	color:            #6487DC;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        14pt;
	font-weight:      bold;
	line-height:      1em;
	margin-bottom:    0.25em;
}

#winkelclip {
/*  position: fixed; */
/*  right: 8px;*/
/*  top: 82%;*/
/*  width: 14em; */
width:auto;
/*  margin-top: -2.5em;*/
  
      valign: left;
      border-top-left-radius: 4px 4px;
      border-bottom-left-radius: 4px 4px;
      border: 1px solid lightblue;
}

#winkelclipinhoud {
/*  position: fixed;*/
  padding:5px;
/*  right: 8px;*/
/*  top: 91%;*/
/*  width: 14em; */
width:auto;

/*    margin-top: -2.5em; */
  
      valign: left;
      border-top-left-radius: 4px 4px;
      border-bottom-left-radius: 4px 4px;
      border: 1px solid lightblue;
      color: lightblue;
}




/* Besturingselementen (controls) voor formulieren: */

fieldset {
	cursor:  default;
	padding: 10px;
}

input {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

label {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

legend {
	color:       #0046D5;
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

select {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   10pt;
	line-height: 1.1em;
}

/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
	vertical-align: middle;
}


/* Andere blokelementen (block-level elements): */

p {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   9pt;
	line-height: 1.3em;
}

li {
	font-family:   Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:     9pt;
	line-height:   1.2em;
	margin-bottom: 1ex;
}

td {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;

}

th {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

address {
	font-family: Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	font-style:  normal;
	line-height: 1.2em;
	margin-top:  13px;
}


/* Inline elementen: */

cite, em, var {
	font-style:  normal; /* Niet cursief ... */
	font-weight: bold;   /* ... maar vet     */
}


/* Selectors (pseudo-klassen) voor hyperlinks: */

a:link {
	color:            #0000FF;   /* Voorgrondkleur blauw           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:visited {
	color:            #0000FF;   /* Voorgrondkleur blauw           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:hover {
	color:            #6666FF;   /* Voorgrondkleur lichter blauw   */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  none; /* Niet Onderstrepen                   */
}

a:active {
	background-color: #316AC5;   /* Achtergrondkleur donkerblauw   */
	color:            #FFFFFF;   /* Voorgrondkleur wit             */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  none;      /* Niet onderstrepen              */
}


/*
+---------------------------------+
| S P E C I A L E   K L A S S E N |
+---------------------------------+
*/

/* Waarschuwingen: */
.w {
	color:       #DE5C2F; /* Rood         */
	font-style:  normal;  /* Niet cursief */
	font-weight: bold;    /* Vet          */
}

/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.knop {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	width:       75px;
	height:      23px;
	margin:      5px 0 10px 0;
}

      img.displayed {
      display:block;
      margin-left:auto;
      margin-right:auto;
      border:3px solid #EAEAFA;
      border-radius:20px;
      }

      .displayedZoekP {
      display:block;
      margin-left:auto;
      margin-right:auto;
      border:3px solid #EAEAFA;
      border-radius:20px;
      width:35%;
      }

#zoekPPrblok {
float:left;
width: 40%;
margin:auto;
}

      img.displayedfoto2 {
      display:block;
      margin-left:4px;
      margin-right:0px;
      margin-top:2px;
      border:3px solid #EAEAFA;
      border-radius:20px;
      text-align:center;
      }

      img.displayedfoto3{
      display:block;
      margin-left:4px;
      margin-right:0px;
      margin-top:2px;
      border:3px solid #EAEAFA;
      border-radius:20px;
      text-align:center;
      }


img.logozoekpagina {
	margin-left:10px;
	margin-right:10px;
	border:1px solid blue;
	width:10%;
}


#q {
font-size:1.7em;
}

.metofzonderfoto {
	display:block;
}


.terugknopww {
 	text-decoration:none;
	margin: auto;
	margin-top: 15px;
	border:2px solid navy;
	border-radius:15px 15px;
	width: 35%;
	height: 25px;
	color: ivory;
	font-size: 30px;
	padding: 5px;
}


.tekstwinkelw {
width: 50%;
margin-left: auto;
margin-right: auto;
font-size: 1.0em;
}

#winkelw {
width: 85%;
margin-left:auto;
margin-right:auto;

}


.aantalinww {
	float:right; 
	display:block;
	color:black;
}


#dekeuzeknoppen {
width:50%;
margin-left:auto;
margin-right:auto;
}


.inhcellen {
font-size: 0.7em;
}

.inhprodregel {
font-size:9pt;
}

.tekstonderblok {
width: 75%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:left;
font-size: 1.1em;
color:maroon;
padding-top: 10px; 
}

.adrescel {
font-size: 9pt;
}

.defbestelcel{
font-size: 9pt;
}

.defbestelceltotaal{
font-size: 14pt;
}



.eenvandeknoppen {

}

.lettersInvoer {
display:block;
/* font-size:1.4em; */
font-size:13pt;
margin-left:auto;
margin-right:auto;
}

.zoekenPagfoto {
width:50%;
border:1px solid silver;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
border-radius:20px;
box-shadow: 0 0 1px 1px #334433, 0 0 2px 2px ivory; 
}


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

.zoekenPagfoto {
width:80%; 
}

#zoekPPrblok {
width: 80%;
}


.inhcellen {
font-size: 0.7em;
}

.inhprodregel {
font-size: 0.7em;
}

.terugknopww {
width: 30%;
text-align:center;
font-size:30px;
height: 30px;
}

#winkelw {
width: 99%;
font-size: 1.0em;
}

.winkelwdef {
width: 99%;
}



.tekstwinkelw {
width: 99%;
text-align:left;
font-size: 1.1em;
}



.aantalinww {
	display:block;
	color:black;
	font-size:1.5em;
}


.lettersInvoer {
display:block;
/* font-size:1.4em; */
font-size:15pt;
margin-left:auto;
margin-right:auto;
}


.tekstonderblok {
width: 99%;
text-align:left;
font-size: 1.4em;
color:maroon;
padding-top: 10px; 
}


#dekeuzeknoppen {
width:99%;
}

#headww {
display: none;
}

#headwwZoekp {
/* display: none; */
}

img.logozoekpagina {
	width: 25%;
}

h1 {
font-size: 1.6em;
}

#q {
font-size:1.7em;
}


.eenvandeknoppen {
font-size: 1.3em;
margin-left:15px;
color:white;
background-color:blue;

}

#specverder {
font-size: 1.3em;
margin-left:15px;
color:white;
background-color:blue;
}



.adresetc {
width: 99%;
font-size: 2.0em;
}


.adrescel {
font-size: 2.0em;
}

.defbestelcel {
font-size: 1.7em;
}

.defbestelceltotaal{
font-size: 2.3em;
}

textarea {
width: 99%;
font-size: 2.0em;
}


.notitieklant {
font-size: 1.7em;
}



}