/* ------------PORTFOLIO-CSS.css Stylesheet f?r«s Portfolio 

               (l?uft bestens in IE, Firefox, Safari)*/



body {
background-color: #ffffff;}

#tagcloud {
position:absolute;
font-family:arial, helvetica;
font-size:8pt;
font-color:#778899;
margin-left:0px;
margin-top:720px;
width:920px;
height:50px;
text-align:center;
}


/* ------------Hier liegen die Styles f?r die HINTERGRUNDBILDER */

#hintergrundbild-home {
position:absolute;
top:50%;
left:50%;
margin-left:-460px;
margin-top:-363px;
background-image:  url('bilder/home.jpg');
width:920px;
height:730px;
}

#hintergrundbild-kontakt {
position:absolute;
top:50%;
left:50%;
margin-left:-460px;
margin-top:-363px;
background-image:  url('bilder/kontakt.jpg');
width:920px;
height:730px;
}

#hintergrundbild-arbeiten {
position:absolute;
top:50%;
left:50%;
margin-left:-460px;
margin-top:-363px;
background-image:  url('bilder/arbeiten.jpg');
width:920px;
height:730px;
}

#hintergrundbild-fakten {
position:absolute;
top:50%;
left:50%;
margin-left:-460px;
margin-top:-363px;
background-image:  url('bilder/fakten.jpg');
width:920px;
height:730px;
}

#sprotte {
position: absolute;
margin-left:485px;
margin-top:395px;
z-index: 1;
width:177px;
height:48px;
background-image:  url('bilder/sprotte.gif');
}
/* -------------------Texte auf allen Seiten 
 muss nat?rlich auch in das hintergrund divtag, nech?*/
 
 
 #menue-home {
position:absolute;
margin-left:85px;
margin-top:80px;
width:133px;
height:130px;
}

 #menue-artwork {
position:absolute;
margin-left:85px;
margin-top:230px;
width:126px;
height:24px;
}

 #menue-fakten {
position:absolute;
margin-left:85px;
margin-top:281px;
width:126px;
height:24px;
}

 #menue-kontakt {
position:absolute;
margin-left:85px;
margin-top:330px;
width:126px;
height:24px;
}
/*-----*/

#text-home {
position:absolute;
font-family:arial, helvetica;
font-size:10pt;
font-color: #000000;
margin-left:265px;
margin-top:80px;
width:195px;
height:450px;
text-align:justify;
}
#text-home1 {
position:absolute;
font-family:arial, helvetica;
font-size:10pt;
font-color: #000000;
margin-left:475px;
margin-top:80px;
width:195px;
height:450px;
text-align:justify;
}

#anschrift {
position:absolute;
font-family:arial, helvetica;
font-size:7pt;
font-color: crimson;
margin-left:265px;
margin-top:390px;
width:195px;
height:450px;
text-align:right;
}

#text-skizzen {
position:absolute;
font-family:arial, helvetica;
font-size:10pt;
font-color: #000000;
margin-left:265px;
margin-top:270px;
width:405px;
height:50px;
text-align:left;
}

#text-buntes {
position:absolute;
font-family:arial, helvetica;
font-size:10pt;
font-color: #000000;
margin-left:265px;
margin-top:80px;
width:405px;
height:50px;
text-align:left;
}



/*--css test für linkbilder THUMBNAILS--*/

/*--2d-art----*/

/*--SCRIBBLES----*/

#drache {
position: absolute;
margin-left:265px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-drache.jpg');
}

#oom {
position: absolute;
margin-left:325px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-oom.jpg');
}
#kaninchen {
position: absolute;
margin-left:385px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-kaninchen.jpg');
}
#kater {
position: absolute;
margin-left:445px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-kater.jpg');
}
#wolf {
position: absolute;
margin-left:505px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-wolf.jpg');
}
#scribble {
position: absolute;
margin-left:565px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-scribble.jpg');
}
#chinadrache {
position: absolute;
margin-left:625px;
margin-top:85px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-chinadrache.jpg');
}
#akt {
position: absolute;
margin-left:265px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-akt.jpg');
}
#nibelungen {
position: absolute;
margin-left:325px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-nibelungen.jpg');
}
#ego {
position: absolute;
margin-left:385px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-ego.jpg');
}
#libelle {
position: absolute;
margin-left:445px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-libelle.jpg');
}
#schlafender-cowboy {
position: absolute;
margin-left:505px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-schlafender-cowboy.jpg');
}
#maus {
position: absolute;
margin-left:565px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-maus.jpg');
}
#dino {
position: absolute;
margin-left:625px;
margin-top:145px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-dino.jpg');
}

/*--web--*/
#heusler {
position: absolute;
margin-left:265px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-heusler.jpg');
}
#akedis {
position: absolute;
margin-left:325px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-akedis.jpg');
}
#abschluss-seite {
position: absolute;
margin-left:385px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-abschluss-seite.jpg');
}
#kuhfilm {
position: absolute;
margin-left:445px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-kuhfilm.jpg');
}
#vermietungspage {
position: absolute;
margin-left:505px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-vermietungspage.jpg');
}
#fraehmke {
position: absolute;
margin-left:565px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-fraehmke.jpg');
}
#greifenreiter {
position: absolute;
margin-left:625px;
margin-top:205px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-greifenreiter.jpg');
}
#holypriest {
position: absolute;
margin-left:265px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-holypriest.jpg');
}
#blubber {
position: absolute;
margin-left:325px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-blubber.jpg');
}
#dtm {
position: absolute;
margin-left:385px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-dtm.jpg');
}
#drache-rot {
position: absolute;
margin-left:445px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-drache-rot.jpg');
}
#monster {
position: absolute;
margin-left:505px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-monster.jpg');
}
#lachs {
position: absolute;
margin-left:565px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-lachs.jpg');
}
#don {
position: absolute;
margin-left:625px;
margin-top:265px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-don.jpg');
}
/*--next row--*/
#don1 {
position: absolute;
margin-left:265px;
margin-top:325px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-don1.jpg');
}
#illu {
position: absolute;
margin-left:325px;
margin-top:325px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-illu.jpg');
}
#insel {
position: absolute;
margin-left:385px;
margin-top:325px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-insel.jpg');
}
#ernst {
position: absolute;
margin-left:445px;
margin-top:325px;
z-index: 1;
width:50px;
height:50px;
background-image:  url('bilder/thumb-ernst.jpg');
}