*     {
*     padding:0; 
*     margin:0;             /* Verschiedene Browsereinstellungen abgreifen*/
*     font-family: Helvetica, Verdana, Arial, sans-serif;   
*     }  

html {height:101%; }

body {height:100%; 
      text-align:center; background-color:#111111}   /*IE zentriet alles (auch div-tag) FF zentriert nur text*/

.pagekasten {background-color:#000000; width:732px; height:580px; top:50%; left:50%; margin-left:-370px; margin-top:-290px; position:absolute;}

.text {position:absolute; width:100%; text-align:center; top:50%; margin-top:-12px; left:50%; margin-left:-50%; font-family: Helvetica, Verdana, Arial,     
       sans-serif; font-size: 14px; }
	   
.text1 {position:relative; width:100%; text-align:center; top:50%; margin-top:-12px; left:50%; margin-left:-50%; font-family: Helvetica, Verdana, Arial,     
       sans-serif; font-size: 14px; }

/*.text2 {position:relative; text-align:center; margin-top:14px; font-family: Helvetica, Verdana, Arial, sans-serif;font-size:16px;}
/*.text3 {position:absolute; margin-top:100px; margin-left:297px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 16px;}*/
	

#viewer1 {width:732px; height:400px; margin-left:0px; float:left; margin-top:8px;}

#navikasten {width:732px; height:120px; float:left; background-color: #000000}

#navikasten a   {width:140px; 
                  height:120px; 
                  display:block;      /*display:block zeigt ganzes Element unabhängig vom Text an*/
                  cursor:pointer;     /*Für IE 7 um gesamtes Element als Link zu definieren*/
                  float:left;
                  }  
				  
a.kasten1 {background: #333333; left:0px; position:absolute;}
a.kasten1:link, 
a.kasten1:visited {color: #333333;}
a.kasten1:hover {color:#333333; background:#000000; text-decoration:none;}          

a.kasten2 {background: #666666; left:148px; position:absolute;}
a.kasten2:link, 
a.kasten2:visited {color: #666666;}
a.kasten2:hover {color:#666666; background:#000000; text-decoration:none;}  

a.kasten3 {background: #999999; left:296px; position:absolute;}
a.kasten3:link, 
a.kasten3:visited {color: #999999;}
a.kasten3:hover {color:#999999; background:#000000; text-decoration:none;}  

a.kasten4 {background: #CCCCCC; left:444px; position:absolute;}
a.kasten4:link, 
a.kasten4:visited {color: #CCCCCC;}
a.kasten4:hover {color:#CCCCCC; background:#000000; text-decoration:none;}  

a.kasten5 {background: #f9fd0a; left:592px; position:absolute;}
a.kasten5:link, 
a.kasten5:visited {color: #f9fd0a;}
a.kasten5:hover {color:#f9fd0a; background:#000000; text-decoration:none;}



#filmkasten a   {width:732px; 
                  height:80px; 
                  display:block;      /*display:block zeigt ganzes Element unabhängig vom Text an*/
                  cursor:pointer;     /*Für IE 7 um gesamtes Element als Link zu definieren*/
                  float:left;
                  }  
				  
a.fkasten1 {background-image:url(images/filmthumbs/thumb_pugilist.jpg); left:0px;} 
a.fkasten1:link, 
a.fkasten1:visited {background-image:url(images/filmthumbs/thumb_pugilist.jpg);}
a.fkasten1:hover {background-image:url(images/filmtext/text_pugilist.jpg); text-decoration:none;}

a.fkasten2 {background-image:url(images/filmthumbs/thumb_daad.jpg); left:0px; text-decoration:none;} 
a.fkasten2:link, 
a.fkasten2:visited {background-image:url(images/filmthumbs/thumb_daad.jpg); text-decoration:none;}
a.fkasten2:hover { background-image:url(images/filmtext/text_daad.jpg); text-decoration:none;}        

a.fkasten3 {background-image:url(images/filmthumbs/thumb_braincurse.jpg); left:0px;} 
a.fkasten3:link, 
a.fkasten3:visited {background-image:url(images/filmthumbs/thumb_braincurse.jpg);}
a.fkasten3:hover {background-image:url(images/filmtext/text_braincurse.jpg); text-decoration:none;}

a.fkasten4 {background-image:url(images/filmthumbs/thumb_odeeh.jpg); left:0px;} 
a.fkasten4:link, 
a.fkasten4:visited {background-image:url(images/filmthumbs/thumb_odeeh.jpg);}
a.fkasten4:hover {background-image:url(images/filmtext/text_odeeh.jpg); text-decoration:none;}

a.fkasten5 {background-image:url(images/filmthumbs/thumb_lichtprodukt.jpg); left:0px;} 
a.fkasten5:link, 
a.fkasten5:visited {background-image:url(images/filmthumbs/thumb_lichtprodukt.jpg);}
a.fkasten5:hover {background-image:url(images/filmtext/text_lichtprodukt.jpg); text-decoration:none;}



#fotokasten {width:732px; height:400px; margin-top:8px; float:left; background-color: #000000}

#fotokasten a {width:732px; height:400px; display:block; cursor:pointer;} 

a.fotokasten1 { background-image:url(images/dufresne.jpg)}
a.fotokasten1:link, 
a.fotokasten1:visited {background-image:url(images/dufresne.jpg)}
a.fotokasten1:hover {background-image:url(dufresne.jpg); background-image:url(images/smallsquares.jpg);text-decoration:none;}


#kontaktkasten {width:732px; height:400px; margin-top:8px; float:left; background-color: #000000}

#kontaktkasten a {width:732px; height:400px; display:block; cursor:pointer;} 

a.kontaktkasten1 {background-image:url(images/adress.jpg);}
a.kontaktkasten1:link, 
a.kontaktkasten1:visited {background-image:url(images/adress.jpg);}
a.kontaktkasten1:hover {background-image:url(images/adress2.jpg); text-decoration:none;}


#name {width:732px; height:44px; margin-top:8px; float:left; background-color:#000000;}

#name a{height:44px; display:block; cursor:pointer;}

a.banner {width:584px; height:44px; float:left; background-image:url(images/mindcore_banner.jpg);}
a.banner:link, 
a.banner:visited {background-image:url(images/mindcore_banner.jpg);}
a.banner:hover {background-image:url(images/mindcore_banner.jpg); background-image:url(images/back.jpg); text-decoration:none;}

a.contact {width:140px; left:592px; top:536px; position:absolute; background-image:url(images/contact.jpg);}
a.contact:link, 
a.contact:visited {background-image:url(images/contact.jpg);}
a.contact:hover {background-image:url(images/contactme.jpg); text-decoration:none;}