W3C CSS Validator results for http://www.yvonnekok.com (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS!
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
Valid CSS!
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>
        

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

http://jigsaw.w3.org/css-validator/validator?uri=http://www.yvonnekok.com
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Valid CSS information

body {
background : #f8f8f7 url(../images/gradient.jpg) repeat-x [left, top];
margin : 0;
padding : 0;
font-family : Georgia, "Times New Roman", serif;
font-size : 14px;
letter-spacing : 1px;
line-height : 1.8em;
}
#container {
position : relative;
width : 95%;
max-width : 900px;
margin : 0 auto;
background : transparent url(../images/menubg.gif) repeat-x [left, 151px];
}
#header {
margin : 0;
height : 183px;
background : transparent url(../images/menul.jpg) no-repeat [left, 4px];
color : #164460;
}
h1 {
color : #164460;
font-size : 4.1em;
font-weight : normal;
margin : 0;
}
#header h1 {
padding : 80px 0 30px 5px;
height : 4.1em;
}
#header h1 span {
color : #648496;
}
#header #foto {
position : absolute;
top : 144px;
left : 69px;
z-index : 110;
}
#nav {
position : absolute;
top : 151px;
padding : 0;
margin : 0;
height : 26px;
width : 100%;
border : 0;
background : url(../images/menur.jpg) no-repeat [right, top];
color : #f8f8f7;
}
#nav ul {
margin : 0;
padding : 0 0 0 255px;
}
.move li {
margin : 0;
font-size : 0.85em;
font-weight : 600;
letter-spacing : 0;
list-style-type : none;
float : left;
position : relative;
line-height : 2em;
z-index : 10;
}
#nav .login a, #nav .login a:visited, #nav .login a:link {
text-decoration : none;
font-weight : bold;
font-size : x-small;
float : right;
margin-right : 5px;
color : #456375;
}
#nav .login a:hover {
color : #f8f8f7;
}
.move li.back {
background : transparent url("../images/menu/lava.gif") no-repeat [right, top];
width : 9px;
height : 20px;
z-index : 8;
position : absolute;
top : 2px;
left : -600px;
}
.move li.back .left {
background : url("../images/menu/lava.gif") no-repeat [top, left];
height : 20px;
margin-right : 9px;
}
.move li a {
color : #f8f8f7;
text-decoration : none;
padding : 0 15px;
display : block;
float : left;
height : 30px;
position : relative;
overflow : hidden;
}
.move .dummy {
position : absolute;
left : 160px;
width : 28px;
}
#nav li .en span, #nav li .nl span {
display : none;
}
#nav li a.en {
width : 24px;
background : transparent url(../images/menu/en.gif) no-repeat [50%, 6px];
}
#nav li a.nl {
width : 18px;
background : transparent url(../images/menu/nl.gif) no-repeat [50%, 6px];
}
#nav li a:hover, #nav li a:active, #nav li a:visited {
border : none;
}
#content {
min-height : 450px;
width : 100%;
position : absolute;
top : 175px;
margin : 0;
padding : 0;
background : transparent url(../images/mainbg.jpg) no-repeat [right, top];
color : #081721;
}
#side {
background : transparent url(../images/menul.jpg) no-repeat [left, -171px];
position : relative;
float : left;
top : 0;
left : 0;
width : 200px;
min-height : 125px;
max-height : 425px;
overflow : hidden;
padding : 235px 0 0 60px;
font-size : 0.8em;
line-height : 1.8em;
letter-spacing : 0;
}
#side dl {
padding : 0;
margin : 0;
}
#side dt {
padding : 5px 0 15px 21px;
background : transparent url(../images/bullet.gif) no-repeat [5px, 5px];
}
#side dd {
padding : 0 0 25px 0;
}
#main {
position : relative;
top : 0;
left : 0;
margin : 0 180px 0 260px;
min-height : 450px;
padding : 20px 0 5px 10px;
background : transparent url(../images/menul.jpg) no-repeat [-260px, -171px];
}
h2 {
font-size : 2.8em;
font-weight : normal;
color : #164460;
line-height : 1.2em;
padding-bottom : 2px;
margin : 0 0 5px 0;
letter-spacing : 1px;
}
h3 {
font-size : 2.1em;
font-weight : normal;
color : #164460;
line-height : 1.8em;
margin : 0;
letter-spacing : 1px;
}
h4 {
font-size : 1em;
font-weight : bold;
color : #081721;
margin : 0;
letter-spacing : 1px;
}
#main p {
margin : 0 0 1.2em 0;
text-align : justify;
}
div.scrollbox {
background : transparent;
padding : 0 0 0 5px;
margin : 0;
border : none;
position : absolute;
width : 476px;
height : 118px;
overflow : auto;
}
.second {
top : 300px;
}
div.scrollbox div.sleft {
position : absolute;
height : 118px;
width : 22px;
left : 0;
top : 0;
background : transparent url("../images/bgscrollleft.gif") no-repeat [left, top];
display : none;
}
div.scrollbox div.sright {
position : absolute;
height : 118px;
width : 22px;
top : 0;
background : transparent url("../images/bgscrollright.gif") no-repeat [left, top];
display : none;
}
div.thumbs {
letter-spacing : -1px;
width : 950px;
left : 0;
}
#side h3 {
font-size : 1em;
font-weight : bold;
}
div.thumbs a, div.thumbs a:hover {
border : none !important ;
text-decoration : none;
margin : 0 !important ;
padding : 0 !important ;
}
div.thumbs a img {
margin : 0 4px 0 0;
padding : 0;
border : 1px solid #b6b6b6;
}
div.thumbs a span {
visibility : hidden;
display : none;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
fieldset.tinymce a:hover {
border : none !important ;
}
hr {
border : 0;
border-top : 1px solid #164460;
height : 0;
}
img.right {
float : right;
}
img {
border : 0;
}
table {
margin : 0;
padding : 0;
}
td {
margin : 0;
padding : 0;
}
#side a, #side a:link, #side a:active, #content a, #content a:link, #content a:active {
color : #164460;
text-decoration : none;
padding : 0 0 1px 0;
border : 1px solid #164460;
border-width : 0;
}
#side a:hover, #content a:hover {
border-width : 0 0 1px 0;
}
#side a:visited, #content a:visited {
color : #648496;
border-color : #648496;
}
#footer {
clear : left;
padding : 5px 0 0 0;
margin : 0 3px;
font-size : x-small;
text-align : center;
}
.noline {
border : 0 !important ;
}
.source {
display : block;
font-size : x-small;
font-style : italic;
}
body {
margin : 0;
padding : 0;
font-family : Georgia, "Times New Roman", serif;
font-size : 14px;
letter-spacing : 1px;
line-height : 1.8em;
}
#container {
position : relative;
width : 95%;
max-width : 900px;
margin : 0 auto;
background : transparent url(../images/menubg.gif) repeat-x [left, 151px];
}
#header h1 {
font-size : 1.8em;
font-weight : normal;
}
#nav {
display : none;
}
#side dl {
padding : 0;
margin : 0;
}
#side dt {
padding : 5px 0 15px 21px;
background : transparent url(../images/bullet.gif) no-repeat [5px, 5px];
}
#side dd {
padding : 0 0 25px 0;
}
#main h2 {
font-size : 1.2em;
font-weight : normal;
line-height : 1.2em;
letter-spacing : 1px;
}
#main h3 {
font-size : 0.8em;
font-weight : normal;
line-height : 1.8em;
margin : 0;
letter-spacing : 1px;
}
#main h4 {
font-size : 0.6em;
font-weight : bold;
letter-spacing : 1px;
clear : both;
}
#thumbs a, #thumbs a:hover {
border : none !important ;
text-decoration : none;
margin : 0;
padding : 0;
}
#thumbs a img {
margin : 0 7px 7px 0;
}
fieldset {
border : none;
}
hr {
border : 0;
border-top : 1px solid #164460;
height : 0;
clear : both;
}
img.right {
float : right;
}
img {
border : 0;
}
#side a, #side a:link, #side a:active, #content a, #content a:link, #content a:active {
color : #164460;
text-decoration : none;
padding : 0 0 1px 0;
border : 1px solid #164460;
border-width : 0;
}
#side a:hover, #content a:hover {
border-width : 0 0 1px 0;
}
#side a:visited, #content a:visited {
color : #c06aba;
border-color : #c06aba;
}
#footer {
font-size : x-small;
text-align : center;
}

↑ Top