html, body {
width:100%;
}

body {
margin:0; padding:0;
background:#000;
}

body, a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
line-height:20px;
color:#000;
font-weight:normal;
text-decoration:none;
margin:0; padding:0;
list-style-type:none;
outline:none;
border:0;
}

h2 {
font-size:24px;
line-height:30px;
margin-bottom:20px;
}

img {
border:0;
}

#all {
position:relative;
margin-top:110px;
}

#logo, a.fancybox {
float:left;
}

a.fancybox {
margin-top:31px;
width:145px; height:145px;
overflow:hidden;
text-indent:-1000em;
background-repeat:no-repeat;
}

a.fancybox:hover {
background-position:left -145px;
}

#rosalink { background-image:url('img/rosa.jpg'); margin:177px 145px 0 0; }
#tusche { background-image:url('img/tusche.jpg'); margin-top:323px; }
#stift { background-image:url('img/stift.jpg'); }
#oel { background-image:url('img/oel.jpg'); margin:177px 145px 0 0; }
#neueslink { background-image:url('img/neues.jpg'); }

#impressumlink {
position:absolute; left:5px; top:299px;
width:90px; height:20px;
overflow:hidden;
text-indent:-1000em;
}

#impressumlink:hover {
background:url('img/impressum.png') no-repeat;
}

#impressum, #rosa, #neues {
width:400px;
padding:50px;
}

.fancybox-overlay {
background:#000;
}

.fancybox-skin {
padding:0 !important;
}

div a {
text-decoration:underline;
}


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

         #logo {
         position:relative;
         z-index:10000;
         }

         #impressumlink {
         z-index:10001;
         }

}


@media only screen and (max-width: 1157px) {
         #oel { margin-right:0; }
         #neueslink { clear:left; margin:0 0 0 143px; }
}

@media only screen and (max-width: 867px) {
         #oel { clear:left; margin:0 0 0 143px; }
         #neueslink { clear:none; margin:145px 0 0 290px; }
}

@media only screen and (max-width: 722px) {
         #rosalink { margin-right:0; }
         #tusche { position:relative; left:145px; }
         #oel { margin:0 0 0 143px; }
         #neueslink { clear:left; margin:0 0 0 288px; }
         #impressum, #rosa, #neues { width:300px; }
}