W3C CSS Validator results for http://creativworks.info/startseite (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/">
        <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/">
    <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://creativworks.info/startseite
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

.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
.clearfix {
display : block;
}
* {
margin : 0;
padding : 0;
}
body {
font-family : Tahoma, sans-serif;
font-size : 0.8em;
color : #555555;
margin : 30px auto;
width : 728px;
}
#head {
background-image : url(../img/head.jpg);
background-repeat : no-repeat;
height : 168px;
position : relative;
}
#head address {
font-style : normal;
left : 30px;
top : 28px;
position : absolute;
font-size : 0.7em;
}
#head ul {
right : 16px;
top : 51px;
position : absolute;
font-size : 0.7em;
}
#head ul li {
float : left;
list-style-type : none;
margin : 3px;
}
#head a {
color : #555555;
text-decoration : none;
}
#head a:hover {
text-decoration : underline;
}
#navigation {
background-image : url(../img/navi.jpg);
background-repeat : no-repeat;
height : 30px;
padding : 2px;
}
#navigation li {
float : left;
list-style-type : none;
margin : 7px 5px 0 25px;
}
html > body #navigation li {
margin : 7px 5px 0 35px;
}
#navigation li a {
color : #ffffff;
font-weight : bold;
text-decoration : none;
}
#navigation li a:hover {
text-decoration : underline;
}
#navigation #right {
float : right;
margin-right : 30px;
}
#main {
background-image : url(../img/main.gif);
background-repeat : no-repeat;
min-height : 241px;
padding : 20px 30px;
}
#main .preview {
margin : 5px 10px;
}
#main .preview div {
float : left;
border : 1px solid #cccccc;
padding : 3px;
margin : 0;
}
#main .preview ul {
float : left;
margin : 0 0 0 -1px;
padding : 0 0 2px 0;
width : 16px;
border-top : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #ffffff;
}
#main .preview div img {
margin-bottom : -3px;
}
html > body #main .preview ul {
width : 20px;
}
#main .preview ul li {
margin : 0;
padding : 0;
list-style-type : none;
text-align : center;
}
#main .preview ul li a {
margin : 2px 2px 0 0;
padding : 0 2px 0 2px;
font-size : 10px;
color : #999999;
width : 14px;
height : 16px;
background-color : #f5f5f5;
display : block;
text-decoration : none;
}
html > body #main .preview ul li a {
padding : 1px 2px 0 2px;
}
#main .preview ul li a:hover {
background-color : #313842;
color : #ffffff;
text-decoration : none;
border : 0;
}
#main #impressum {
line-height : 1.5em;
font-size : 0.9em;
color : #555555;
margin : 10px 0;
}
#main #impressum p {
font-size : 1em;
}
#main .list {
font-size : 0.9em;
color : #555555;
list-style-type : square;
margin : 10px 20px;
float : left;
}
#main .list li {
margin : 5px;
}
#main .steps {
padding : 10px;
border : 1px solid #f1f1f1;
}
#main .other {
line-height : 1.7em;
font-size : 0.9em;
color : #555555;
text-align : center;
padding : 10px;
border : 1px solid #f1f1f1;
}
#main .list .highlight {
color : #f07d2b;
list-style-type : none;
font-weight : bold;
margin-left : -7px;
}
#main .img {
margin : 8px;
border : 1px dotted #ccc;
padding : 2px;
}
#main .error {
background-color : #e25945;
color : #ffffff;
padding : 5px;
}
#main .error img, #main .success img {
margin : 2px 5px -3px 2px;
}
#main .success {
background-color : #a2d80e;
color : #ffffff;
padding : 5px;
}
#main #kontakt {
margin : 10px 0;
}
#main #kontakt .red {
color : #d84055;
}
#main #kontakt select option {
border : 1px solid #eeeeee;
font-size : 0.95em;
font-family : Tahoma, sans-serif;
color : #666666;
margin : 3px;
width : 180px;
}
#main .hide {
display : none;
}
#main #kontakt input, #main #kontakt select, #main #kontakt textarea {
border : 1px solid #eeeeee;
font-size : 0.95em;
font-family : Tahoma, sans-serif;
color : #666666;
padding : 2px;
margin : 3px;
width : 180px;
}
#main #kontakt .detail {
padding : 10px;
background-color : #ffc000;
color : #ffffff;
margin : 5px;
font-size : 0.86em;
}
#main #kontakt #pflicht {
margin : 0 8px;
}
#main #kontakt textarea {
height : 170px;
}
#main #kontakt .send {
background-color : #ffffff;
width : 80px;
}
#main #kontakt label {
display : block;
margin : 0 3px;
}
#main .s {
font-size : 1em;
color : #ccc;
margin : 2px;
}
#main .m {
font-size : 1em;
color : #c6c6c6;
font-weight : bold;
margin : 2px;
}
#main .l {
font-size : 1.3em;
color : #999999;
font-weight : bold;
margin : 2px;
}
#main .xl {
font-size : 1.5em;
color : #444444;
margin : 2px;
}
#main h3 {
color : #c61672;
font-size : 1em;
margin : 4px 0;
}
#main h4 {
color : #f57721;
font-size : 1em;
padding : 10px 0;
}
#main #first {
padding : 5px;
float : left;
width : 30%;
border-right : 1px solid #f1f1f1;
}
#main #second {
float : left;
width : 32%;
border-right : 1px solid #f1f1f1;
padding : 5px 10px;
}
#main #third {
float : right;
width : 30%;
}
#main .ext:after {
content : " " url(../img/external.gif);
}
#main h1 {
color : #9ed716;
font-size : 1.2em;
margin : 5px 0;
}
#main h2 {
color : #dc410a;
font-size : 0.9em;
border-bottom : 1px solid #dbdbdb;
padding : 3px;
margin : 3px 0;
font-weight : normal;
}
#main p {
line-height : 1.7em;
font-size : 0.9em;
color : #555555;
margin : 5px 0;
text-align : justify;
}
#main a {
color : #adc300;
text-decoration : none;
}
#main a:hover {
text-decoration : underline;
}
#main .sitemap {
width : 210px;
float : left;
border-right : 1px solid #f1f1f1;
color : #777777;
}
#main .sitemap li {
list-style-type : none;
margin : 20px;
font-weight : bold;
font-size : 0.86em;
}
#main .sitemap .parent span {
background-color : #f57721;
padding : 2px 15px;
color : #ffffff;
margin-right : 15px;
}
#main .padding {
float : left;
padding : 20px;
width : 200px;
line-height : 1.9em;
color : #777777;
font-size : 0.86em;
}
#main .sitemap .child {
font-weight : normal;
margin : 5px 0 0 70px;
padding : 0;
list-style-image : url(../img/bullet.gif);
}
#main .sitemap .child span {
background-color : #c2e90b;
padding : 2px 7px;
color : #ffffff;
margin : 0 10px 0 5px;
}
#main .left {
float : left;
}
#main .right {
float : right;
}
#foot {
background-image : url(../img/footer.gif);
background-repeat : no-repeat;
font-style : normal;
height : 54px;
padding : 55px 0 0 20px;
}
#foot li {
float : left;
list-style-type : none;
margin : 5px 10px 5px 10px;
font-size : 0.7em;
}
#foot li a {
color : #555555;
text-decoration : none;
}
.strong {
font-weight : bold;
}
#foot a:hover {
text-decoration : underline;
}

↑ Top