@import url(http://fonts.googleapis.com/css?family=Cardo serif);
@import url(http://fonts.googleapis.com/css?family=Spinnaker   sans-serif);

ueberschrift { position: absolute; color: blue; line-height: 1; font-family: Spinnaker ; font-weight:lighter; letter-spacing:3px; font-size: 17px;} 
h1 {color: black;line-height: 1.3;font-family: Cardo;font-weight:normal;font-size: 15px;text-decoration:none;} 
h2 {color: black;line-height: 1.3;font-family: Spinnaker, Arial;font-weight:normal;font-size: 13px;text-decoration:none;} 
h3 {color: black;line-height: 1.2;font-family: Spinnaker, Arial;font-weight:normal;font-size: 12px;text-decoration:none;} 

#de { position: fixed; left:50px; top:160px; width:20px; height:25px; background-color:none; overflow:auto; z-index:900; }
#en { position: fixed; left:70px; top:160px; width:20px; height:25px; background-color:none; overflow:auto; z-index:900; }

#work { position: fixed; left:50px; top:195px; width:800px; height:20px; background-color:none; overflow:auto; z-index:800; }
#about { position: fixed; left:50px; top:225px; width:800px; height:20px; background-color:none; overflow:auto; z-index:800; }
#impressum { position: fixed; left:50px; top:255px; width:800px; height:20px; background-color:none; overflow:auto; z-index:800; }

#shop { position: fixed; left:60px; top:365px; width:800px; height:20px; background-color:none; overflow:auto; z-index:800; }
#blog { position: fixed; left:60px; top:385px; width:800px; height:100px; background-color:none; overflow:auto; z-index:800; }
#instagram { position: fixed; left:60px; top:405px; width:800px; height:20px; background-color:none; overflow:auto; z-index:800; }

#contact { position: fixed; left:50px; top:415px; width:800px; height:100px; background-color:none; overflow:auto; z-index:800; }
#strich { position: fixed; left:50px; top:420px; width:800px; height:20px; background-color:none; overflow:auto; z-index:800; }




a.logo {
background: url(home.png) no-repeat;position: fixed; top:10px; left:0px; width: 170px; height:150px; background-color:none; overflow:auto; z-index:800;}
a.logo:hover {background: url(leer.png) no-repeat;z-index:500;}



.boxy-link { width: 140px; height: 140px; display: block; line-height: 1; font-family: Oxygen; font-weight:lighter; font-size: 11px; letter-spacing:4px; text-decoration:none; }
.boxy1 { background: url(boxy.png) no-repeat;position: fixed; top:20px; left:0px; z-index:800;}
.boxy-link:hover { background-position: 0 -140px; color: black;line-height: 1; font-family: Oxygen; font-size: 11px; font-weight:normal; letter-spacing:4px; text-decoration:none;}



.haus-link { width: 140px; height: 140px; display: block; line-height: 1; font-family: Oxygen; font-weight:lighter; font-size: 11px; letter-spacing:4px; text-decoration:none; }
.haus1 { background: url(haus.png) no-repeat;position: fixed; top:20px; left:0px; z-index:400;}
.haus-link:hover { background-position: 0 -140px; color: black;line-height: 1; font-family: Oxygen; font-size: 11px; font-weight:normal; letter-spacing:4px; text-decoration:none;}



.pirobox_gall img:hover {opacity: 0.6;}
.work img:hover {left: 0px;top: 0px; opacity: 0.4;text-align: center;  z-index: 30;}

#arbeiten {position: absolute; top:70px; left:300px; overflow:auto; z-index:300;}
#arbeiten li { list-style-type: none; float: left; margin:18px; text-align: center; font-weight: lighter; }

#arbeiten1 {position:absolute; top:120px; left:300px; width:800px; height:300px;border-width:0px;  border: 0px; border-spacing: 20px;empty-cells:show}    
#arbeiten2 {position: absolute; top:70px; left:150px; overflow:auto; z-index:300;}
#arbeiten3 {position: absolute; top:0px; left:290px; overflow:auto; z-index:300;}
#arbeiten4 {position:absolute; top:10px; left:320px; border-width:0px;  border: 0px; border-spacing: 20px;}
#arbeiten5 {position:absolute; top:20px; left:450px; border-width:0px;  border: 0px; border-spacing: 20px;}
#arbeiten6 {position:absolute; top:150px; left:450px; border-width:0px;  border: 0px; border-spacing: 20px;}
#arbeiten7 {z-index:700;position:absolute; top:800px; left:3px; width:800px; height:300px;border-width:0px;  border: 0px; border-spacing: 20px;empty-cells:show}
#arbeiten8 {position:absolute; top:145px; left:670px; border-width:0px;  border: 0px; border-spacing: 20px;}
#arbeiten9 {position:absolute; top:318px; left:50px; border-width:0px;  border: 0px; border-spacing: 20px;}
#kasten {position:fixed; top:360px; left:50px; width:100px; height:100px;border-width:0px;  border: 0px; border-spacing:0px;empty-cells:show}    



#drucke {position:absolute; top:920px; left:420px; border-width:0px;  border: 0px; border-spacing: 0px;}
#drucke li { list-style-type: none; float: left; margin-left:20px;margin-bottom:20px; text-align: center; font-weight: lighter; }


	
	
#lang {
position:absolute; 
color: black;
font-family: Spinnaker; 
font-variant: normal;
font-size: 10px; 
line-height:1;
	
}
a.lang {color:black;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 10px; text-decoration:none;}

a.lang:link {color:black;line-height: 1;font-family: Spinnaker , Arial;position: center; font-size: 10px; text-decoration:none;}
a.lang:hover {color:black;line-height: 1;font-family: Spinnaker, Arial ;font-size: 10px;letter-spacing:2px;text-decoration:none;}
a.langgeklickt {color:black;line-height: 1;font-family: Spinnaker, Arial ;font-size: 10px;letter-spacing:1px;text-decoration:underline;}


#inhalt {
position:absolute; 
color: white;
font-family: Spinnaker, Arial; 
font-variant: normal;
font-size: 17; 
font-weight: lighter;
line-height:1;
	
}
a.inhalt {color: white;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 17px; text-decoration:none;}

a.inhalt:link {color: white;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 17px; text-decoration:none;}
a.inhalt:hover {color: black;line-height: 1;font-family: Spinnaker, Arial ;font-size: 14px;letter-spacing:4px;text-decoration:none;}
a.inhalt:active {color:white;line-height: 1;font-family: Spinnaker, Arial ;font-size: 17px;letter-spacing:6px;text-decoration:none;}

#link {
position:absolute; 
color: black;
font-family: Spinnaker, Arial; 
font-variant: normal;
font-size: 17px; 
line-height:1;
	
}
a.link {color:black;line-height: 1;font-family: Spinnaker , Arial;position: center; font-size: 17px; text-decoration:none;}

a.link:link {color:black;line-height: 1;font-family: Spinnaker , Arial;position: center; font-size: 17px; text-decoration:none;}
a.link:hover {color:black;line-height: 1;font-family: Spinnaker, Arial ;font-size: 17px;letter-spacing:4px;text-decoration:none;}
a.link:active {color: #08088A;line-height: 1;font-family: Spinnaker, Arial ;font-size: 17px;letter-spacing:4px;text-decoration:none;}
a.angeklickt {color: #08088A;line-height: 1;font-family: Spinnaker, Arial ;font-size: 17px;letter-spacing:4px;text-decoration:none;}

a.verlinkung {color:black;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 17px; text-decoration:none;}

a.verlinkung:link {color:black;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 12px; text-decoration:none;}
a.verlinkung:hover {color:black;line-height: 1;font-family: Spinnaker, Arial ;font-size: 12px;letter-spacing:1px;text-decoration:none;}


a.followlink {color:black;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 17px; text-decoration:none;}
a.followlink:link {color:#08088A;line-height: 1;font-family: Spinnaker, Arial ;position: center; font-size: 12px; text-decoration:none;}
a.followlink:hover {color:#08088A;line-height: 1;font-family: Spinnaker, Arial ;font-size: 12px;letter-spacing:1px;text-decoration:none;}



.imglink{ z-index: 0; algin:center; position: relative;	color:white; line-height: 1;font-family: Spinnaker, Arial ; font-weight:lighter; font-size: 11px; letter-spacing:4px; text-decoration:none; } 
a.ueberschriften {color: #08088A;font-family: Spinnaker, Arial ;font-size: 15px;letter-spacing:1px;	text-decoration:none;}
	

hr.linie {	position: absolute;	width: 30px; color:#08088A; background-color:transparent;	}
hr.linie2 {	position: absolute;	width: 422px; color:#08088A; background-color:transparent;	}

#beschriftung{position: fixed;top:180px;left:1100px;width: 270px; overflow:auto;z-index:400;}
#beschriftung2 {position: fixed;top:340px;left:50px;width:330px; overflow:auto;z-index:400;}

ul {
    list-style-type: none;
}