* {
margin: 0;
padding: 0;
}

body {
background-color:#ffffff;
}


.containeraround{
background-position:top center;
background-image: url(pics/hintergrund.png);
background-repeat: no-repeat;
padding-top:5px;
height:745px;
}

#container {
margin: 0 auto;
width:800px;
padding-top:0px;
}



#randfarben {
margin-left:10px;
position:absolute;
bottom:10px;
font-family:  sans-serif;
font-size:13px;
text-decoration:none;
}

#randfarben a {
text-decoration:none;
color:#cbcccc;
}







.video {
margin-left: 40px;
margin-top: 80px;
}

.video2 {
margin-left: 40px;
margin-top: 80px;
}

.video3 {
margin:-200px;
padding:0px;
}




#farbdesignback{
background-image: url(pics/herzschlag.png);
background-repeat: no-repeat;
position:fixed;
width:400px;
height:109px;
margin-top:450px;
margin-left:200px;
z-index:7;
}

#farbdesignback:hover {
background-image: url(pics/herzschlag.png);
background-repeat: no-repeat;
position:fixed;
width:400px;
height:109px;
margin-top:450px;
margin-left:200px;
z-index:7;
}


#imagine{
background-image: url(pics/imaginehell.png);
background-repeat: no-repeat;
position:absolute;
width:450px;
height:100px;
margin-left:180px;
margin-top:30px;
z-index:999;
}

#imagine:hover {
background-image: url(pics/imaginedunkel.png);
background-repeat: no-repeat;
position:absolute;
width:450px;
height:100px;
margin-left:180px;
margin-top:30px;
z-index:999;
}



#facebook {
position:absolute;
width:100px;
height:100px;
margin-left:640px;
margin-top:50px;
z-index:999;
}

#facebook:hover {
background-image: url(pics/facebook.png);
background-repeat: no-repeat;
position:absolute;
width:100px;
height:100px;
margin-left:640px;
margin-top:50px;
z-index:999;
}



#kristal {
position:absolute;
width:120px;
height:120px;
margin-left:0px;
margin-top:230px;
z-index:999;
}

#kristal:hover {
background-image: url(pics/kristal.gif);
background-repeat: no-repeat;
position:absolute;
width:120px;
height:120px;
margin-left:0px;
margin-top:230px;
z-index:999;
}

#pulver {
position:absolute;
width:107px;
height:250px;
margin-left:725px;
margin-top:115px;
z-index:999;
}

#pulver:hover {
background-image: url(pics/pulver.gif);
background-repeat: no-repeat;
position:absolute;
width:107px;
height:250px;
margin-left:725px;
margin-top:115px;
z-index:999;
}

#slider {
position:absolute;
width:120px;
height:72px;
margin-left:90px;
margin-top:0px;
z-index:999;
}

#slider:hover {
background-image: url(pics/hawk.gif);
background-repeat: no-repeat;
position:absolute;
width:120px;
height:72px;
margin-left:90px;
margin-top:0px;
z-index:999;
}

#truecolor {
position:absolute;
width:150px;
height:150px;
margin-left:650px;
margin-top:250px;
z-index:999;
}

#truecolor:hover {
background-image: url(pics/truecolor.gif);
background-repeat: no-repeat;
position:absolute;
width:150px;
height:150px;
margin-left:650px;
margin-top:250px;
z-index:999;
}

#farbflash {
position:absolute;
width:100px;
height:95px;
margin-left:0px;
margin-top:55px;
z-index:999;
}

#farbflash:hover {
background-image: url(pics/farbflash.gif);
background-repeat: no-repeat;
position:absolute;
width:100px;
height:95px;
margin-left:0px;
margin-top:55px;
z-index:999;
}