<!--
body {background: #ffffff;
      font-family: verdana, arial, courier;
      background-repeat: repeat-x;
      background-position: center top;
      background-image: url(/index.png);
      background-size: 1676px 150px;
      font-size: 14px;
      color: 000000;}
.menulinks {text-align: left;
            background: #ffffff;
            padding: 10px;}
.balk {background-color: #cc0000;
       width: 30px;
       height: 6px;
       margin: 4px 0;}
.smalmenu {position: fixed;
           top: 0;
           left: 5px;
           padding: 2px; }
.kleine_kerstkaart {width: 160px;
                    height: 120px;}
.tekst {text-align: left;}
.pagina {margin-left: 20px;
         margin-right: 20px;
         margin-bottom: 100px;}
input[type="color"] {width: 200px;
                     height: 100px;}
.haalkaart {width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;}
h2 {font-size: 22px;
    font-family: Comic Sans MS, MS Sans Serif, Arial, Times New Roman, Courier;
    font-weight: 900;
    color: #000000;
    text-align: left;}
A {text-decoration: none;
   font-weight: bold;}
A:hover {color: #0000FF;}
A:link {color: #009900;}
A:visited {color: #990000;}

@media (max-width: 639px) {
body {background-size: 503px 45px;}
.pagina {margin-top: 45px;}
.menulinks {top: 45px;
            position: fixed;
            border-style: solid;
            border-width: 1px;
            border-color: #009900;
            width: 90%;
            margin: auto;
            display: none;}
.smalmenu {display: block;}
.kleine_kerstkaart {padding: 5px;}
.haalkerstkaart{width: 100%;
                height: auto;}
.kerstkaart {width: 300px;
             height: 250px;}
input {max-width: 250px;}
}

@media (min-width: 640px) and (max-width: 799px) {
body {background-size: 1006px 90px;}
#menulinks {margin-top: 90px;}
.menulinks {display: block!important;}
.smalmenu {display: none;}
.kleine_kerstkaart {padding: 10px;}
.kerstkaart {width: 600px;
             height: 450px;}
.haalkerstkaart{width: 100%;
                height: auto;}
}

@media (min-width: 800px) and (max-width: 1023px) {
body {background-size: 1341px 120px;}
#menulinks {margin-top: 120px;}
.menulinks {display: block!important;}
.smalmenu {display: none;}
.kleine_kerstkaart {padding: 10px;}
.kerstkaart {width: 760px;
             height: 600px;}
.haalkerstkaart{width: 800px;
                height: 600px;}
}

@media (min-width: 1024px) {
body {background-size: 1676px 150px;}
#menulinks {margin-top: 150px;}
.menulinks {display: block!important;}
.smalmenu {display: none;}
.kleine_kerstkaart {padding: 10px;}
.kerstkaart {width: 900px;
             height: 650px;}
.haalkerstkaart{width: 800px;
                height: 600px;}
}

// -->