@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


body{
	margin-bottom:0px;
	background-repeat: repeat;
	background-color: #f9f9f8;
	font-family:Georgia;
	font-size:11px;
	color: #000000;
}

A:link {text-decoration: none; color: #0033CC; font-size:11px;  }
A:visited {text-decoration:none; color:#0033CC; font-size:11px; }
A:active {text-decoration: none; color:#0033CC; font-size:11px; }
A:hover {text-decoration: none; color: #0033CC; font-size:11px;  }



#news { position:fixed; top:200px; left: 300px;
        font-family:"Courier New", Courier, monospace;
		color:#FFFFFF; font-size:30px;}
		
.news A:link {text-decoration: none; font-family:"Courier New", Courier, monospace; color: #903; font-size:16px; }
.news A:visited {text-decoration:none; font-family:"Courier New", Courier, monospace; color:#FFFFFF; font-size:16px; }
.news A:active {text-decoration: none; font-family:"Courier New", Courier, monospace; color:#FFFFFF; font-size:16px;}
.news A:hover {text-decoration: none; font-family:"Courier New", Courier, monospace; color: #FFFF00; font-size:16px; }

#unten { 
    background-image:url(pix/backmenuleiste_white.png); background-repeat:repeat;
    height:30px; position: fixed; bottom:0; left:0; right:0; z-index:8; padding-left:50px; padding-top:1px;
    padding-bottom:16px;
    color:#FF9900; font-family:Verdana; font-size:11px;
}

#cc { height:30px; width:80px; position: fixed; bottom:8px; right:8px; z-index:8; padding-right:10px; 
    }
	
#credits { height:30px; width:500px; position: absolute; top:8px; left:8px; z-index:7; padding-left:15px; 
    }
	
#cctext { width:200px; position: absolute; top:150px; right:0px; padding-right:20px; z-index:7; 
    }

#back { 
    background-image:url(pix/down111.png);
    position: fixed; bottom:0; left:0; right:0; z-index:1; 
    width:800px; height:400px
}


#pixanim { 
    background-image:url(pix/pixanim.gif);
    position: fixed; bottom:0; left:0; right:0; z-index:2; 
    width:800px; height:400px
}


#sounds_bg {
    position: fixed; z-index:3;left:300px; bottom:0px; width:800px; height:600px; background-image:url(pix/sounds_bg.png) 
}

#headphones {
    position: fixed; z-index:3;left:435px; bottom:45px; width:80px; height:80px; 
}

 #me {
    position: fixed; z-index:3; right:0px;bottom:0px; width:1000px; height:750px; background-image:url(pix/me1000cut.png) 
}

#bio {
    z-index:4; width:450px; font-size:11px; font-family: Georgia; padding-left:62px; padding-top:10px; position: absolute 
}

#number { 
    color:#660033; font-family:Georgia; font-size:400px; z-index:3; padding-left:300px; position:absolute;
}

#kiss {
    background-image:url(pix/kiss.png);
    width:799px; height:762px; z-index:4; position:absolute; left:200px; top:0px;
}

#poem {z-index:3; width:750px; height:800px; background-image:url(pix/wepeace.png); background-repeat:no-repeat; position: absolute; left: 200px; top:50px;}
#translation { position:absolute; z-index:3; left: 1000px; top:50px; font-family: "Courier New", Courier, monospace;}

#birdfridge {
    background-image: url(pix/sounds/birdandfridge.png);
    width:352px; height:288px; z-index:4; position:fixed; left:96px; bottom:120px;
}

#sounds { 
    height:288px; z-index:5; position:fixed; left:350px; bottom:120px; right:0px;
}

/*systems*/

#radiosolarsystem {position:absolute; top:40px; left:70px; width:350px; z-index:5}

#smokinggarden {position:absolute; top:40px; left:530px; width:350px; z-index:5}

#golemka {position:absolute; top:295px; left:530px; width:350px; z-index:5}

#darwin {position:absolute; top:510px; left:70px; width:350px; z-index:5}

#BR  {position:absolute; top:510px; left:530px; width:350px; z-index:5}

#tarot {position:absolute; top:295px; left:70px; width:350px; z-index:5}

#calculus {position:absolute; top:810px; left:70px; width:350px; z-index:5}

#spacer {position:absolute; top:1200px; left:70px; width:350px; z-index:5}


/*bio*/

#freedom {position:absolute; bottom:70px; right:100px; width:500px; z-index:6}
#evolution {position:absolute; bottom:70px; right:100px; width:480px; z-index:6}
	



.style2 {color: #993300}
.style3 {color: #00A6A6}
.style5 {color: #D4D0C8}

.soundfiles A:link {text-decoration: none; color: #FF0099; font-size:8px;  }
.soundfiles A:visited {text-decoration:none; color:#000000; font-size:8px; }
.soundfiles A:active {text-decoration: none color:#FF0099; font-size:8px; }
.soundfiles A:hover {text-decoration: none; color: #FF0099; font-size:8px; background:#FFFF33; }

.soundfiles1 A:link {text-decoration: none; color: #996600;  font-size:8px;  }
.soundfiles1 A:visited {text-decoration:none; color:#000000; font-size:8px; }
.soundfiles1 A:active {text-decoration: none color:#0000FF; font-size:8px; }
.soundfiles1 A:hover {text-decoration: none; color: #996600; font-size:8px; background:#FFFF33; }

.soundfiles2 A:link {text-decoration: none; color: #339999;  font-size:8px;  }
.soundfiles2 A:visited {text-decoration:none; color:#000000; font-size:8px; }
.soundfiles2 A:active {text-decoration: none color:#339999; font-size:8px; }
.soundfiles2 A:hover {text-decoration: none; color:#339999;  font-size:8px; background:#FFFF33; }

.soundfiles3 A:link {text-decoration: none; color: #339999;  font-size:11px;  }
.soundfiles3 A:visited {text-decoration:none; color:#000000; font-size:11px; }
.soundfiles3 A:active {text-decoration: none color:#339999; font-size:11px; }
.soundfiles3 A:hover {text-decoration: none; color:#339999;  font-size:11px; background:#FFFF33; }

.bio A:link {text-decoration: underline; color: #33FF00;  font-size:11px;  }
.bio A:visited {text-decoration:underline; color:#33FF00; font-size:11px; }
.bio A:active {text-decoration: underline; color:#33FF00; font-size:11px; }
.bio A:hover {text-decoration: underline; color:#33FF00;  font-size:11px;}


/* hi form*/

#hi {position: fixed; bottom:325px; left:337px; z-index:10; color:#F69; font-size:11px; }
.inputfield {height:16px; border:0px; font-family:Georgia; }
.sendbutton {font-size:11px; font-family:Georgia; border:0px;}

#welcometext {position:fixed; top:241px; left:350px; z-index:10; }