W3C CSS Validator results for http://www.infamousrepublic.com/nl/home (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%3A%2F%2Fwww.infamousrepublic.com%2Fnl%2Fhome&profile=css21&usermedium=all&warning=1
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

Warnings (4)

URI : http://www.infamousrepublic.com/style/general.1316706489.css

31 Same colors for color and background-color in two contexts #topMenu and .asterisk
34 Same colors for color and background-color in two contexts #topMenu and .center div p
107 Same colors for color and background-color in two contexts #topMenu and #blok8 #webcamlink
128 .checkbox Same color for background-color and color

↑ Top

Valid CSS information

@charset "utf-8";
html, body, div, span, applet, object, h1, h2, h3, p, a, em, font, img, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
font-family : inherit;
font-weight : inherit;
}
div {
position : relative;
}
a img {
border : none;
}
a:link {
color : #8999a8;
text-decoration : none;
}
a:visited {
color : #8999a8;
text-decoration : none;
}
a:hover {
color : #8999a8;
text-decoration : underline;
cursor : pointer;
}
a:active {
color : #8999a8;
text-decoration : none;
}
body {
line-height : 1.5em;
font-family : Arial, Tahoma;
color : #8999a8;
font-size : 0.7em;
background : #f4f2ed url(../images/bg_infamous.jpg) [top, center];
}
html, body {
height : 100%;
width : 100%;
}
h1 {
font-size : 1em;
font-weight : bold;
margin : 0 0 15px 0;
}
h2 {
font-size : 1em;
font-weight : bold;
margin : 0 0 0 0;
}
strong {
font-weight : bold;
}
.margintop {
margin-top : 20px;
}
.top {
position : absolute;
right : -75px;
top : -14px;
width : 50px;
height : 15px;
background-image : url(../images/sprite.png);
background-position : [-178px, -215px];
background-repeat : no-repeat;
}
.top a {
display : block;
position : absolute;
width : 100%;
height : 100%;
}
.alink {
position : absolute;
display : block;
top : 5px;
}
.ak-icon {
position : absolute;
display : block;
height : 25px;
width : 84px;
top : -6px;
left : -83px;
background : url(../images/sprite.png) no-repeat [-597px, -224px];
}
.vignet {
position : absolute;
display : block;
bottom : 12px;
right : 0;
width : 60px;
height : 60px;
background : url(../images/vignet-werkplek.png) no-repeat [0, 0] !important ;
}
.nl {
background-position : [-620px, -352px];
}
.en {
background-position : [-620px, -282px];
}
.tr {
background-position : [-620px, -419px];
}
.vignet a {
display : block;
height : inherit;
width : inherit;
}
.asterisk {
color : #e20177;
}
.center {
width : 680px;
margin : auto;
height : auto;
}
.center div p {
font-family : Arial, sans-serif;
font-size : 19px;
font-weight : bold;
color : #e20177;
}
#topMenu {
height : 23px;
width : 100%;
background-color : #e20177;
color : #ffffff;
}
#blok1 {
height : 155px;
margin-top : 130px;
background-image : url(../images/sprite.png);
background-position : [8px, 0];
background-repeat : no-repeat;
}
#blok2 {
width : 555px;
padding : 15px 55px 19px 65px;
border-top : 1px solid #e20177;
}
#blok3 {
width : 610px;
border-top : 1px solid #e20177;
padding : 18px 0 20px 70px;
}
#blok4 {
width : 400px;
border-top : 1px solid #e20177;
padding : 19px 0 20px 280px;
}
#blok5 {
width : 610px;
border-top : 1px solid #e20177;
padding : 19px 0 6px 70px;
height : 691px;
}
#blok6 {
border-top : 1px solid #e20177;
padding : 14px 0 15px 0;
}
#blok7 {
width : 610px;
border-top : 1px solid #e20177;
padding : 20px 0 24px 70px;
}
#blok8 {
width : 521px;
border-top : 1px solid #e20177;
padding : 14px 70px 60px 88px;
}
#topMenu #topright {
display : block;
float : right;
padding : 8px 8px 0 0;
width : 230px;
}
#topMenu #topleft {
display : block;
float : left;
width : 500px;
padding : 8px 0 0 8px;
}
#topMenu #topleft img {
display : block;
float : left;
}
#topMenu #topright img {
display : block;
float : left;
}
#blok2 #bwie {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
#blok3 #bwat {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
div ul {
float : left;
width : 210px;
}
div ul li {
font-size : 16px;
font-weight : bold;
line-height : 18px;
}
div ul li ul li {
font-size : 12px;
font-weight : normal;
}
div ul li ul li.ulheader {
margin-top : 20px;
font-weight : bold;
padding : 0 0 0 1px;
}
div ul.last {
float : left;
width : 180px;
}
div ul li, #blok3 ul li ul li {
list-style : none;
}
#blok4 #bvoor {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
#blok4 #clientenblok {
height : 175px;
width : 680px;
border-bottom : 1px solid #d4d4d4;
position : absolute;
top : 0;
left : 0;
}
#blok5 #bcontact {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
#blok5 ul#formulier {
width : 590px;
padding : 0 0 0 0;
}
#blok5 ul#formulier li {
float : left;
line-height : 25px;
}
#blok5 ul#formulier li.leftcolumn {
width : 195px;
font-weight : normal;
font-size : 12px;
text-align : right;
}
#blok5 ul#formulier li.rightcolumn {
width : 380px;
font-weight : normal;
font-size : 12px;
padding : 0 0 0 15px;
}
#blok5 ul#formulier li ul li {
width : 260px;
}
#blok5 #formuliertitel {
float : left;
width : 460px;
font-weight : bold;
font-size : 16px;
}
#blok5 #formuliervelden {
float : left;
width : 130px;
}
#blok6 #broute {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
#blok6 #googlemap {
width : 680px;
height : 175px;
}
#blok6 #undermap {
border-top : 1px solid #d4d4d4;
margin-top : 14px;
padding : 14px 0 0 0;
}
#blok6 #undermap ul {
width : 680px;
}
#blok6 #undermap ul li {
float : left;
width : 265px;
margin : 0 15px 0 0;
font-weight : normal;
font-size : 12px;
text-align : right;
line-height : 25px;
}
#blok6 #undermap ul li.right {
text-align : left;
}
#blok6 #undermap ul li img {
display : block;
float : left;
margin : 3px 10px 0 0;
}
#blok7 #bwebcam {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
#blok7 object {
margin : 0 0 0 70px;
}
#blok7 #undermovie p {
font-size : 12px;
font-weight : normal;
line-height : 20px;
padding : 20px 0 0 0;
color : #8999a8;
}
#blok8 #bsocial {
position : absolute;
left : -260px;
top : 20px;
width : 90px;
}
#blok8 ul {
width : 260px;
}
#blok8 ul li {
float : left;
width : 260px;
margin : 0 15px 0 0;
font-weight : normal;
font-size : 12px;
text-align : right;
line-height : 25px;
}
#blok8 ul.left li {
text-align : left;
}
#blok8 ul.right li {
text-align : right;
}
#blok8 ul.left li img {
display : block;
float : left;
margin : 3px 10px 0 0;
}
#blok8 ul.right li img {
display : block;
float : right;
margin : 3px 0 0 10px;
}
#blok8 .left .imglink {
padding : 1px 0 1px 30px;
background : url(../images/sprite.png) no-repeat;
}
#blok8 .right .imglink {
padding : 1px 30px 1px 0;
background : url(../images/sprite.png) no-repeat;
}
#blok8 #maillink {
background-position : [0, -238px];
}
#blok8 #tellink {
background-position : [0, -265px];
}
#blok8 #tellink:hover {
text-decoration : none;
cursor : default;
}
#blok8 #urllink {
background-position : [0, -289px];
}
#blok8 #avlink {
background-position : [0, -313px];
}
#blok8 #skypelink {
background-position : [0, -338px];
}
#blok8 #linkedlink {
background-position : [-263px, -365px];
}
#blok8 #twitlink {
background-position : [0, -386px];
}
#blok8 #lastlink {
background-position : [0, -363px];
}
#blok8 #flicklink {
background-position : [-263px, -239px];
}
#blok8 #hyveslink {
background-position : [-263px, -263px];
}
#blok8 #youtubelink {
background-position : [-263px, -289px];
}
#blok8 #vimeolink {
background-position : [-263px, -313px];
}
#blok8 #favlink {
background-position : [-129px, -339px];
}
#blok8 #favlink2 {
background-position : [-163px, -339px];
}
#blok8 #rsslink {
background-position : [-434px, -363px];
}
#blok8 #webcamlink {
background-position : [-367px, -408px];
color : #e20177;
font-weight : bold;
}
#blok8 #trblink {
background-position : [-387px, -312px];
}
#blok8 #hsslink {
background-position : [-347px, -340px];
}
#blok8 #mutedlink {
background-position : [-419px, -313px];
}
#blok8 #getfflink {
background-position : [-425px, -387px];
}
#blok8 #htmllink {
background-position : [-427px, -285px];
}
#blok8 #csslink {
background-position : [-434px, -259px];
}
#aanmelden:hover {
cursor : pointer;
}
#nieuwsbriefblok {
position : absolute;
top : 24px;
right : 0;
width : 280px;
height : 42px;
border-bottom : 1px solid #e20177;
background-image : url(../images/aanmelden-nieuwsbrief.png);
background-position : [1px, 18px];
background-repeat : no-repeat;
}
#nieuwsbriefblok input {
position : absolute;
display : block;
top : 12px;
left : 80px;
width : 128px;
padding : 1px 0 0 2px;
border : 1px solid #d4d4d4;
font-size : 10px;
}
#nieuwsbriefblok a {
position : absolute;
display : block;
top : 12px;
left : 215px;
width : 60px;
height : 19px;
}
#nieuwsbriefblok #melding {
position : absolute;
display : block;
top : 12px;
left : 80px;
}
.asuc {
background : url(../images/sprite.png) no-repeat [0, -455px] !important ;
}
.afail {
background : url(../images/sprite.png) no-repeat [0, -418px] !important ;
}
#arrow {
position : absolute;
left : -13px;
top : 19px;
height : 5px;
width : 7px;
background : url(../images/sprite.png) no-repeat [0, -408px];
}
input {
background-color : #fff;
border : 1px solid #d4d4d4;
padding : 1px 0 1px 2px;
height : 15px;
width : 188px;
font-family : Arial, sans-serif;
font-size : 12px;
margin : 0 10px 0 0;
}
textarea {
background-color : #fff;
border : 1px solid #d4d4d4;
padding : 1px 0 1px 2px;
height : 130px;
width : 348px;
font-family : Arial, sans-serif;
font-size : 12px;
margin : 0 10px 0 0;
}
select {
background-color : #fff;
border : 1px solid #d4d4d4;
padding : 1px 0 1px 2px;
height : 20px;
width : 192px;
font-family : Arial, sans-serif;
font-size : 12px;
margin : 0 10px 0 0;
}
.checkbox {
display : block;
float : left;
background-color : #fff;
color : #fff;
border : 1px solid #d4d4d4;
height : 11px;
width : 11px;
padding : 0;
margin : 4px 15px 0 0;
}
#submitpostcode {
position : absolute;
left : 488px;
top : 17px;
height : 19px;
font-size : 11px;
border : 1px solid #d4d4d4;
width : 50px;
line-height : 19px;
padding : 0 4px 0 4px;
}
#submitcontact {
padding : 0 4px 0 4px;
height : auto;
width : auto;
font-size : 11px;
margin : 11px 0 0 0;
}
.error {
background-image : url(../images/delete-16x16.png);
background-repeat : no-repeat;
background-position : [top, right];
}
.succes {
background-image : url(../images/success.png);
background-repeat : no-repeat;
background-position : [top, right];
}
label.error {
position : absolute;
left : -2000px;
}
input.submit:hover {
cursor : pointer;
}
#blok5 form {
display : block;
height : auto;
margin : 0 0 0 0;
font-family : Arial, Tahoma;
color : #8999a8;
font-size : 12px;
}
#blok5 fieldset {
padding : 10px;
color : #fff;
background : #0f1316;
}
.ui-helper-hidden-accessible {
position : absolute;
left : -999em;
}
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover {
color : #999;
}
span.ui-checkbox, span.ui-radio {
display : block;
float : left;
width : 16px;
height : 16px;
background : url(../images/icon_checkbox.png) no-repeat [0, -40px];
margin-top : 3px;
}
span.ui-checkbox:hover {
cursor : pointer;
}
span.ui-helper-hidden {
display : none;
}
label {
padding : 2px 2px 2px 15px;
}
span.ui-radio-state-hover, span.ui-checkbox-state-hover {
background-position : [0, -114px];
}
span.ui-checkbox-state-checked {
background-position : [0, -1px];
}
span.ui-checkbox-state-checked-hover {
background-position : [0, -75px];
}
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked {
background-position : [0, -161px];
}
span.ui-radio-state-checked-hover {
background-position : [0, -200px];
}
#ieoverlay {
background : url(../images/background.png);
z-index : 900;
position : absolute;
display : block;
top : 0;
bottom : 0;
left : 0;
right : 0;
min-height : 100%;
height : 100%;
width : 100%;
}
#iehorizon {
text-align : center;
position : absolute;
top : 50%;
left : 0;
width : 100%;
height : 1px;
overflow : visible;
visibility : visible;
display : block;
z-index : 999;
}
#iecontent {
background-color : #000;
margin-left : -185px;
position : absolute;
top : -200px;
left : 50%;
width : 350px;
height : 270px;
visibility : visible;
z-index : 999;
color : #8999a8;
padding : 20px;
text-align : left;
border : 3px solid #fff;
}
#clientenblok {
overflow : hidden;
}
#holder {
width : 20000em;
position : absolute;
}
#clientenblok #holder div {
float : left;
}
#arrowleft {
position : absolute !important ;
left : 82px;
top : 415px;
height : 22px;
width : 22px;
display : block;
}
#arrowleft:hover, #arrowright:hover {
cursor : pointer;
}
#arrowright {
position : absolute !important ;
right : 82px;
top : 415px;
height : 22px;
width : 22px;
display : block;
}
.sIFR-flash {
visibility : visible !important ;
margin : 0;
padding : 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility : visible !important ;
}
.sIFR-alternate {
position : absolute;
left : 0;
top : 0;
width : 0;
height : 0;
display : block;
overflow : hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin : 0;
padding : 0;
overflow : auto;
letter-spacing : 0;
float : none;
}
.sifr1 {
font-family : Arial;
font-size : 22px;
color : #8999a8;
line-height : 28px;
}
.sIFR-active .sifr1 {
visibility : hidden;
font-family : Arial;
font-size : 22px;
color : #8999a8;
}
.sifrpix {
font-family : Arial;
font-size : 8px;
}
.sIFR-active .sifrpix {
visibility : hidden;
font-family : Arial;
font-size : 8px;
}
#poster:hover {
cursor : pointer;
}
.clearfix {
display : inline-table;
height : 1%;
display : block;
}
html > body .clearfix {
height : auto;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.cleardiv {
clear : both;
}
.clearfix {
display : inline-table;
height : 1%;
display : block;
}
html > body .clearfix {
height : auto;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

↑ Top