/*=======================================================
Stand: Januar 2010
datei: bildschirm.css
datum: 3.2.2010
Autor: T.Trölsch
Aufbau: 1.Kalibrierung und allg. Styles
		2.Styles für Layoutbereiche
		3.sonstige Styles
========================================*/

/*=================================
	1.Kalibrierung und allg. Styles
====================================*/
/*Allgemeine Selektoren*/
* {
margin: 0;
padding: 0;
}

body
{ /* Gestaltet das HTML-Element mit dem namen body */
	Background-color:white; /*Hintergrundfarbe*/
	font-family: Arial,Helvetica, sans-serif;}
	
	
/*==== kopf===*/
	
/*====  wrapper===*/
	
#wrapper{
	position:relative;
	width:1200px; 
	height:800px;
	background-image:url(images/hg_index.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/}
	
	
	#wrapper1{
	position:relative;
	width:1200px; 
	height:800px;
	background-image:url(images/hg1.jpg);
	margin-right: auto;/*Abstand rechts*/}

#wrapper2{
	position:relative;
	width:1200px; 
	height:800px;
	background-image:url(images/hg2.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper3{
	position:relative;
	width:1200px; 
	height:800px;
	margin-right: auto;/*Abstand rechts*/}



/*==== Ende wrapper===*/

div#nav-2 {
background: #000;
height: 14px;
position: relative;
}

div#nav-2 ul, div#nav-2 ul {
list-style: none;
}

div#nav-2 ul {
left: 292px;
position: absolute;
}

div#nav-2 li {
float: left;
height: 26px;
margin-right: 5px;
width: 109px;
}

div#nav-2 li a {
display: block;
height: 100%;
}

div#nav-2 li#trans a {
background: url(images/pro1.jpg);
}

div#nav-21 li#trans, div#nav-2 li#trans a:focus, div#trans-2 li#trans a:hover, div#trans-2 li#trans a:active {
background: url(images/pro1.jpg);
}

div#nav-2 li#philosophie a {
background: url(bilder/philosophie.gif);
}

div#nav-2 li#philosophie, div#nav-2 li#philosophie a:focus, div#nav-1 li#philosophie a:hover, div#nav-2 li#philosophie a:active {
background: url(bilder/philosophie-an.gif);
}

div#nav-2 li#portfolio a {
background: url(bilder/portfolio.gif);
}

div#nav-2 li#portfolio, div#nav-2 li#portfolio a:focus, div#nav-2 li#portfolio a:hover, div#nav-2 li#portfolio a:active {
background: url(bilder/portfolio-an.gif);
}

div#nav-2 li#kontakt a {
background: url(bilder/kontakt.gif);
}

div#nav-2 li#kontakt, div#nav-2 li#kontakt a:focus, div#nav-2 li#kontakt a:hover, div#nav-1 li#kontakt a:active {
background: url(bilder/kontakt-an.gif);
}

/*==== Boxen===*/
#box1{
    position:absolute;
    top: 0;
    left: 125px;
    width:500px;
    height:350px;
    background-color:black;
    border: 0px dotted black;
    padding: 10px;
    margin: 10px;
    margin-top:180px; }
         /*====ende  Boxen===*/
   
/*====Textbereich===*/
    
  #textbereich{
   position:absolute;
   left: 250px;
   width:260px;
   height:100px;
   
   }  
 
   #textbereich1a{
   position:absolute;
   left: 300px;
   width:650px;
   height:600px;
   }  
   
   #textbereich1{
   position:absolute;
   left: 251px;
   width:750px;
    padding-top:510px;} 
   
    #textbereich2{
   position:absolute;
   left: 300px;
   width:660px;
   height:400px;
   padding-top:20px;} 
   
     #textbereich3{
   position:absolute;
   left: 680px;
   width:270px;
   height:600px;
   padding-top:20px;} 
  
   #textbereich4{
   position:absolute;
   left: 50px;
   width:500px;
   height:505px;
   padding-top:150px;
   }   
    #textbereich5{
   position:absolute;
   left: 800px;
   width:200px;
   height:505px;
   padding-top:720px;
   }   
   
    #textbereich6{
   position:absolute;
   left: 60px;
   width:700px;
   height:505px;
   padding-top:20px;
   }   
     #textbereich7{
   position:absolute;
   left: 60px;
   width:700px;
   height:400px;
   padding-top:660px;
   }   
     
 /*==== Ende Textbereich===*/  
  #navibereich{
   position:absolute;
   left: 40px;    
   margin-top:640px;}
   

   #navibereich1{
   position:absolute;
   left: 610px;    
   margin-top:50px;}
   
    #navibereich1a{
   position:absolute;
   left: 40px;    
   margin-top:1060px;}

   
    #navibereich2{
   position:absolute;
   left: 20px;    
   margin-top:43px;}  
   
    
    #navibereich2a{
   position:absolute;
   left: 20px;    
   margin-top:450px;}  

   
    #navibereich3{
   position:absolute;
   left: 910px;    
   margin-top:580px;}  
   
     #navibereich3a{
   position:absolute;
   left: 900px;    
   margin-top:570px;}  
   
   #navibereich4{
   position:absolute;
   left: 910px;    
   margin-top:640px;}  
   
   #navibereich5{
   position:absolute;
   left: 285px;    
   margin-top:150px;}  
   
    #navibereich6{
   position:absolute;
   left: 645px;    
   margin-top:180px;} 
   
    #navibereich7{
   position:absolute;
   left: 450px;    
   margin-top:160px;} 
   
    #navibereich8{
   position:absolute;
   left: 30px;    
   margin-top:200px;} 
   
     #navibereich9{
   position:absolute;
   left: 245px;    
   margin-top:40px;} 


     #navibereich10{
   position:absolute;
   left: 670px;    
   margin-top:480px;} 
   
   #navibereich11{
   position:absolute;
   left: 610px;    
   margin-top:120px;}
   
   #navibereich12{
   position:absolute;
   left: 860px;    
   margin-top:103px;}


   /*==== Ende Textbereich===*/ 
 
    
/*==== Navigation/ Links===*/
   
a.link{
display:block;
width:288px;
height:42px;
border:0px solid #000000;
background-image:url(images/membership1.jpg);
}

a.link:hover {
background-image:url(images/member2.jpg);
}   

a.link1{
display:block;
width:240px;
height:113px;
border:0px solid #000000;
background-image:url(images/treuka1.jpg);
}

a.link1:hover {
background-image:url(images/treuka1a.jpg);
}   

a.link2{
display:block;
width:200px;
height:50px;
border:0px solid #000000;
background-image:url(images/2008.jpg);
}

a.link2:hover {
background-image:url(images/2008a.jpg);
}   
a.link3{
display:block;
width:200px;
height:50px;
border:0px solid #000000;
background-image:url(images/2007.jpg);
}

a.link3:hover {
background-image:url(images/2007a.jpg);
}   
a.link4{
display:block;
width:200px;
height:50px;
border:0px solid #000000;
background-image:url(images/2006.jpg);
}

a.link4:hover {
background-image:url(images/2006a.jpg);
}   
a.link5{
display:block;
width:200px;
height:50px;
background-image:url(images/2005.jpg);
}

a.link5:hover {
background-image:url(images/2005a.jpg);
}   
a.link6{
display:block;
width:200px;
height:50px;
background-image:url(images/2004.jpg);
}

a.link6:hover {
background-image:url(images/2004a.jpg);
}   
a.link7{
display:block;
width:200px;
height:50px;
background-image:url(images/2003.jpg);
}

a.link7:hover {
background-image:url(images/2003a.jpg);
}   
a.link8{
display:block;
width:200px;
height:50px;
background-image:url(images/2002.jpg);
}

a.link8:hover {
background-image:url(images/2002a.jpg);
}   
a.link9{
display:block;
width:200px;
height:50px;
background-image:url(images/2001.jpg);
}

a.link9:hover {
background-image:url(images/2001a.jpg);
}   
a.link10{
display:block;
width:200px;
height:50px;
background-image:url(images/2001b.jpg);
}

a.link11{
display:block;
width:50px;
height:50px;
background-image:url(images/arrow1.jpg);
}

a.link11:hover {
background-image:url(images/arrow1a.jpg);
}   
a.link12{
display:block;
width:50px;
height:50px;
background-image:url(images/arrow2.jpg);
}

a.link12:hover {
background-image:url(images/arrow2a.jpg);
}   

a.link13{
display:block;
width:200px;
height:50px;
background-image:url(images/2002b.jpg);
}

a.link14{
display:block;
width:200px;
height:50px;
background-image:url(images/2003b.jpg);
}

a.link15{
display:block;
width:200px;
height:50px;
background-image:url(images/2004b.jpg);
}

a.link16{
display:block;
width:200px;
height:50px;
background-image:url(images/2005b.jpg);
}

a.link17{
display:block;
width:200px;
height:50px;
background-image:url(images/2006b.jpg);
}

a.link18{
display:block;
width:200px;
height:50px;
background-image:url(images/2009.jpg);
}

a.link18:hover {
background-image:url(images/2009a.jpg);
}  

a.link18a{
display:block;
width:200px;
height:50px;
background-image:url(images/2010.jpg);
}

a.link18a:hover {
background-image:url(images/2010a.jpg);
} 

a.link18b{
display:block;
width:200px;
height:50px;
background-image:url(images/2010b.jpg);
}  
 

a.link19{
display:block;
width:200px;
height:50px;
background-image:url(images/2007b.jpg);
}

a.link20{
display:block;
width:200px;
height:50px;
background-image:url(images/2008b.jpg);
}

a.link21{
display:block;
width:200px;
height:50px;
background-image:url(images/2009b.jpg);
}

a.link22{
display:block;
width:180px;
height:35px;
background-image:url(images/titel2002.jpg);
}
a.link22:hover {
background-image:url(images/titel2002a.jpg);
} 

a.link23{
display:block;
width:270px;
height:35px;
background-image:url(images/ausstellungen.jpg);
}
a.link23:hover {
background-image:url(images/ausstellungen1.jpg);
} 

a.link24{
display:block;
width:270px;
height:35px;
background-image:url(images/presse1.jpg);
}
a.link24:hover {
background-image:url(images/presse.jpg);
} 
a.link25{
display:block;
width:210px;
height:25px;
background-image:url(images/pro1.jpg);
}
a.link25:hover {
background-image:url(images/pro1a.jpg);
} 
a.link26{
display:block;
width:210px;
height:25px;
background-image:url(images/proj2a.jpg);
}
a.link26:hover {
background-image:url(images/pro2.jpg);
} 
a.link27{
display:block;
width:210px;
height:25px;
background-image:url(images/pro3.jpg);
}
a.link27:hover {
background-image:url(images/pro3a.jpg);
} 
a.link28{
display:block;
width:210px;
height:25px;
background-image:url(images/pro5.jpg);
}
a.link28:hover {
background-image:url(images/pro5a.jpg);
} 
a.link29{
display:block;
width:210px;
height:25px;
background-image:url(images/pro4.jpg);
}
a.link29:hover {
background-image:url(images/pro4a.jpg);
} 
a.link30{
display:block;
width:210px;
height:25px;
background-image:url(images/pro6.jpg);
}
a.link30:hover {
background-image:url(images/pro6a.jpg);
} 

a.link31{
display:block;
width:210px;
height:25px;
background-image:url(images/pro7.jpg);
}
a.link31:hover {
background-image:url(images/pro7a.jpg);
} 
a.link32{
display:block;
width:210px;
height:25px;
background-image:url(images/proj2b.jpg);
}
a.link33{
display:block;
width:210px;
height:25px;
background-image:url(images/pro8.jpg);
}
a.link33:hover {
background-image:url(images/pro8a.jpg);
} 
a.link34{
display:block;
width:210px;
height:25px;
background-image:url(images/pro9.jpg);
}
a.link34:hover {
background-image:url(images/pro9a.jpg);
} 
a.link35{
display:block;
width:210px;
height:25px;
background-image:url(images/pro2b.jpg);
}
a.link36{
display:block;
width:210px;
height:25px;
background-image:url(images/pro3b.jpg);
}
a.link37{
display:block;
width:210px;
height:25px;
background-image:url(images/pro4b.jpg);
}
a.link38{
display:block;
width:210px;
height:25px;
background-image:url(images/w1a.jpg);
}
a.link38:hover {
background-image:url(images/w2.jpg);
} 
a.link39{
display:block;
width:210px;
height:25px;
background-image:url(images/w1.jpg);
}
a.link40{
display:block;
width:210px;
height:25px;
background-image:url(images/wand2.jpg);
}
a.link40:hover {
background-image:url(images/wand2a.jpg);
} 
a.link41{
display:block;
width:210px;
height:25px;
background-image:url(images/wand3.jpg);
}
a.link41:hover {
background-image:url(images/wand3a.jpg);
} 
a.link42{
display:block;
width:210px;
height:25px;
background-image:url(images/wand4.jpg);
}
a.link42:hover {
background-image:url(images/wand4b.jpg);
}
a.link43{
display:block;
width:210px;
height:25px;
background-image:url(images/wand5.jpg);
}
a.link43:hover {
background-image:url(images/wand5a.jpg);
}
a.link44{
display:block;
width:210px;
height:25px;
background-image:url(images/pro9b.jpg);
}
a.link45{
display:block;
width:210px;
height:25px;
background-image:url(images/pro8b.jpg);
}

a.link46{
display:block;
width:210px;
height:25px;
background-image:url(images/pro5b.jpg);
}
a.link47{
display:block;
width:210px;
height:25px;
background-image:url(images/wand4a.jpg);
}
a.link48{
display:block;
width:210px;
height:25px;
background-image:url(images/w03.jpg);
}
a.link49{
display:block;
width:210px;
height:25px;
background-image:url(images/wand3b.jpg);
}
a.link50{
display:block;
width:210px;
height:25px;
background-image:url(images/wand2b.jpg);
}
a.link51{
display:block;
width:210px;
height:25px;
background-image:url(images/proj03a.jpg);
}
a.link51:hover {
background-image:url(images/proj03b.jpg);
}
a.link52{
display:block;
width:210px;
height:25px;
background-image:url(images/pro01.jpg);
}
a.link53{
display:block;
width:210px;
height:25px;
background-image:url(images/pro03b.jpg);
}
a.link54{
display:block;
width:210px;
height:25px;
background-image:url(images/proj03.jpg);
}
a.link55{
display:block;
width:210px;
height:25px;
background-image:url(images/proj3b.jpg);
}
a.link56{
display:block;
width:210px;
height:25px;
background-image:url(images/pro6b.jpg);
}
a.link57{
display:block;
width:210px;
height:25px;
background-image:url(images/pro7b.jpg);
}
a.link58{
display:block;
width:210px;
height:25px;
background-image:url(images/z2009.jpg);
}
a.link58:hover {
background-image:url(images/z2009a.jpg);
}
a.link59{
display:block;
width:210px;
height:25px;
background-image:url(images/z2008.jpg);
}
a.link59:hover {
background-image:url(images/z2008a.jpg);
}
a.link60{
display:block;
width:210px;
height:25px;
background-image:url(images/z06.jpg);
}
a.link60:hover {
background-image:url(images/z06a.jpg);
}
a.link61{
display:block;
width:210px;
height:25px;
background-image:url(images/z2007.jpg);
}
a.link61:hover {
background-image:url(images/z2007a.jpg);
}
a.link62{
display:block;
width:210px;
height:25px;
background-image:url(images/z2006.jpg);
}
a.link62:hover {
background-image:url(images/z2006a.jpg);
}
a.link63{
display:block;
width:210px;
height:25px;
background-image:url(images/z2005.jpg);
}
a.link63:hover {
background-image:url(images/z2005a.jpg);
}
a.link64{
display:block;
width:210px;
height:25px;
background-image:url(images/z2004.jpg);
}
a.link64:hover {
background-image:url(images/z2004a.jpg);
}
a.link65{
display:block;
width:210px;
height:25px;
background-image:url(images/z2003.jpg);
}
a.link65:hover {
background-image:url(images/z2003a.jpg);
}
a.link66{
display:block;
width:210px;
height:25px;
background-image:url(images/z2002.jpg);
}
a.link66:hover {
background-image:url(images/z2002a.jpg);
}
a.link67{
display:block;
width:210px;
height:25px;
background-image:url(images/z06b.jpg);
}
a.link68{
display:block;
width:210px;
height:25px;
background-image:url(images/z2009b.jpg);
}
a.link69{
display:block;
width:210px;
height:25px;
background-image:url(images/z2008b.jpg);
}
a.link70{
display:block;
width:210px;
height:25px;
background-image:url(images/z2007b.jpg);
}
a.link71{
display:block;
width:210px;
height:25px;
background-image:url(images/z2006b.jpg);
}
a.link72{
display:block;
width:210px;
height:25px;
background-image:url(images/z2005b.jpg);
}
a.link73{
display:block;
width:210px;
height:25px;
background-image:url(images/z2004b.jpg);
}
a.link74{
display:block;
width:210px;
height:25px;
background-image:url(images/z2003b.jpg);
}
a.link75{
display:block;
width:210px;
height:25px;
background-image:url(images/z2002b.jpg);
}
a.link76{
display:block;
width:210px;
height:25px;
background-image:url(images/z2001.jpg);
}
a.link76:hover {
background-image:url(images/z2001a.jpg);
}
a.link77{
display:block;
width:210px;
height:25px;
background-image:url(images/z2001b.jpg);
}
a.link78{
display:block;
width:210px;
height:25px;
background-image:url(images/aus1.jpg);
}
a.link78:hover {
background-image:url(images/aus3.jpg);
}
a.link79{
display:block;
width:210px;
height:25px;
background-image:url(images/aus2.jpg);
}
a.link80{
display:block;
width:210px;
height:25px;
background-image:url(images/pre1.jpg);
}
a.link80:hover {
background-image:url(images/pre2.jpg);
}
a.link81{
display:block;
width:210px;
height:25px;
background-image:url(images/presse3.jpg);
}
a.link82{
display:block;
width:210px;
height:25px;
background-image:url(images/links1.jpg);
}
a.link82:hover {
background-image:url(images/links2.jpg);
}
a.link83{
display:block;
width:210px;
height:25px;
background-image:url(images/links3.jpg);
}
a.link84{
display:block;
width:210px;
height:25px;
background-image:url(images/impr.jpg);
}
a.link84:hover {
background-image:url(images/impr2.jpg);
}
a.link85{
display:block;
width:210px;
height:25px;
background-image:url(images/imp3.jpg);
}
a.link86{
display:block;
width:210px;
height:25px;
background-image:url(images/praemie0.jpg);
}
a.link86:hover {
background-image:url(images/praemie02.jpg);
}
a.link87{
display:block;
width:210px;
height:25px;
background-image:url(images/news1.jpg);
}
a.link87:hover {
background-image:url(images/news3.jpg);
}
a.link88{
display:block;
width:210px;
height:25px;
background-image:url(images/jahr1.jpg);
}
a.link88:hover {
background-image:url(images/jahr2.jpg);
}
a.link89{
display:block;
width:210px;
height:25px;
background-image:url(images/praemie03.jpg);
}
a.link90{
display:block;
width:210px;
height:25px;
background-image:url(images/news2.jpg);
}
a.link91{
display:block;
width:210px;
height:25px;
background-image:url(images/jahr3.jpg);
}
a.link92{
display:block;
width:210px;
height:25px;
background-image:url(images/pr07.jpg);
}
a.link92:hover {
background-image:url(images/pr07b.jpg);
}
a.link93{
display:block;
width:210px;
height:25px;
background-image:url(images/pr07c.jpg);
}

a.link94{
display:block;
width:288px;
height:42px;
border:0px solid #000000;
background-image:url(images/aktu.png);
}
a.link94:hover {
background-image:url(images/aktu1.png);
}
a.link95{
display:block;
width:121px;
height:121px;
border:0px solid #000000;
background-image:url(images/stern.png);
}

a.link95:hover {
background-image:url(images/stern1.png);
}

a.link96{
display:block;
width:210px;
height:25px;
border:0px solid #000000;
background-image:url(images/pro2010.jpg);
}

a.link96:hover {
background-image:url(images/pro2010a.jpg);
}

a.link97{
display:block;
width:210px;
height:25px;
border:0px solid #000000;
background-image:url(images/pro2010b.jpg);
}
  /*====  Ende Navigation/ Links===*/

 a.hover:link, a.hover:hover, a.hover:active {
  display:inline;
  width:150px;
  height:50px;
  background:url(start.jpg);  }
a.hover:hover {
  background:url(start_over.jpg)
  }
  
  
p {color:black;font-family:arial, sans-serif; font-size:14px;}
h1 {font-family:arial, sans-serif; color:#CD0000;font-size:17px; }
h2 { color:white; font-size:20px; font-family:arial, sans-serif;letter-spacing:0.1em; margin-left:100px; }
h3 { color:#808080; font-size:14px; font-family:arial,sans-serif;letter-spacing:0.2em;}
<!--a{text-decoration:none; font-size:16px; font-family:arial,sans-serif;}
a:link { color: #CD0000;}
a:visited { color:#dc143c; }
a:active { color:#dc143c; }
a:hover {color:#CDCDC1;}

a.navi{color:#c0c0c0;text-decoration:none; font-size:12px; font-family:arial,sans-serif;}
a.navi:link { color:#CD0000; }
a.navi:visited { color:	#CD0000; }
a.navi:active { color:#dc143c; }
a.navi:hover {color:#CDCDC1;}

a.navi1{text-decoration:none; font-size:12px; color:#8B8378; font-family:arial,sans-serif;}
a.navi aus:{color:#c0c0c0;}
a.navi aus:active {color:#c0c0c0;}
a.navi aus:hover {color:#ff00cc;}





/*====  ende Navigation/ Links===*/



ul#nav-1, ul#nav-2 {
list-style: none;
}

ul#nav-1, ul#nav-1 li {
height: 20px;
}

ul#nav-1 {
margin: 60px 0 0 30px;
}

ul#nav-1 li {
float: left;
}

ul#nav-1 #zeichnungen, ul#nav-1 #zeichnungen-an {
background: url(images/navi1.jpg);
width: 255px;
}

ul#nav-1 #zeichnungen :focus, ul#nav-1 #zeichnungen :hover, ul#nav-1 #zeichnungen :active, ul#nav-1 #zeichnungen-an {
background: url(images/navi1a.jpg);
}

ul#nav-1 #projekte, ul#nav-1 #projekte-an {
background: url(images/navi2.jpg);
width:157px;
}

ul#nav-1 #projekte :focus, ul#nav-1 #projekte :hover, ul#nav-1 #projekte :active, ul#nav-1 #projekte-an {
background: url(images/navi2a.jpg);
}

ul#nav-1 #wand, ul#nav-1 #wand-an {
background: url(images/navi3.jpg);
width:207px;
}

ul#nav-1 #wand :focus, ul#nav-1 #wand :hover, ul#nav-1 #wand :active, ul#nav-1 #wand-an {
background: url(images/navi3a.jpg);
}

ul#nav-1 #info, ul#nav-1 #info-an {
background: url(images/navi4.jpg);
width: 194px;
}

ul#nav-1 #info :focus, ul#nav-1 #info :hover, ul#nav-1 #info :active, ul#nav-1 #info-an {
background: url(images/navi4a.jpg);
}


ul#nav-1 #kontakt, ul#nav-1 #kontakt-an {
background: url(images/navi5.jpg);
width: 108px;
}

ul#nav-1 #kontakt :focus, ul#nav-1 #kontakt :hover, ul#nav-1 #kontakt :active, ul#nav-1 #kontakt-an {
background: url(images/navi5a.jpg);
}

ul#nav-1 a, ul#nav-2 li a, ul#nav-2 li span {
display: block;
text-decoration: none;
}

ul#nav-1 a {
height: 100%;
text-indent: -999em;
}


/*=================================
	ENDE
====================================*/