body {
    background-color : #FFFFFF;
    font-family : Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 0px;
    padding: 0px;
  }

.content {
   margin-left : 162px;
  }

#menu ul {
    list-style: none;
    padding: 0;
    margin: 0
  }

#menu li {
    float : left;
    margin-top: 0px; /* For IE5 Mac only - reset to 0 below */
    margin-bottom: 0px; /* For IE5 Mac only - reset to 0 below */
  }


#menu a {
    display : block;
    padding-top: 1px; /* For IE5 Mac only - reset to 0 below */
    padding-left: 0px; 
    padding-bottom: 1px; /* For IE5 Mac only - reset to 0 below */
    padding-right: 0px; /* For IE5 Mac only - reset to 10 below */
  }

#nav a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
    height:1px;
  }

#menu a img {
    width: 52px;
    /* IE5 Win can't dynamically change size - don't use 0px to hide */height: 141px;
    position:absolute;
    top: 19px;
    left: 0px;
    border: 0;
    visibility: hidden;
  }

/* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 0px; 
	display: block;
	line-height: 13px;
	}	
#nav li {
	margin-top:0;
	margin-bottom:0;
	width: 80px;
	}
/* end hack */


/* to make menu text invisible */

.invisible {
    visibility: hidden;
	font-size:8px;
  }

.img_left {
    height : 141px;
    left : 0px;
    position : absolute;
    top : 19px;
    visibility : visible;
    width : 52px;
  }

.img_top {
    height : 69px;
    left : 585px;
    position : absolute;
    top : 0px;
    visibility : visible;
    width : 160px;
  }
  
.img_bottom {
    height : 100px;
	width : 126px;
    position : absolute;
	left : 437px;
    top : 395px;
    visibility : visible;
    
  }
  
 .img_visuals {
    height : 79px;
	width : 105px;
    position : absolute;
	left : 530px;
    top : 150px;
    visibility : visible;
    
  }
  
  .img_smal_left {
    height :40px;
	width : 48px;
    position : absolute;
	left : 110px;
    top : 265px;
    visibility : visible;
    
  }

#link_larry_cooper {
    background-image: url(../images/m_larry_cooper.gif);
    background-repeat:no-repeat;
    width: 68px;
    height: 15px;
  }

 
#link_larry_cooper:hover, #link_larry_coope:active, #link_larry_coope:focus {
    background-image: url(../images/m_larry_cooper_gr.gif);
    background-repeat:no-repeat;
    width: 68px;
    height: 15px;
  }

/* usw für die weiteren links */

#link_motion_graphics {
    background-image : url(../images/m_motion_graphics.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 85px;
  }

#link_motion_graphics:hover, #link_motion_graphics:active, #link_motion_graphics:focus {
    background-image: url(../images/m_motion_graphics_gr.gif);
    background-repeat:no-repeat;
    width: 85px;
    height: 15px;
  }
  
#link_tv_design {
    background-image : url(../images/m_tv_design.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 49px;
  }

#link_tv_design:hover, #link_tv_design:active, #link_tv_design:focus {
    background-image: url(../images/m_tv_design_gr.gif);
    background-repeat:no-repeat;
    width: 49px;
    height: 15px;
  }
  
#link_visuals {
    background-image : url(../images/m_visuals.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 40px;
  }

#link_visuals:hover, #link_visuals:active, #link_visuals:focus {
    background-image: url(../images/m_visuals_gr.gif);
    background-repeat:no-repeat;
    width: 40px;
    height: 15px;
  }

#link_film {
    background-image : url(../images/m_film.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 25px;
  }

#link_film:hover, #link_film:active, #link_film:focus {
    background-image: url(../images/m_film_gr.gif);
    background-repeat:no-repeat;
    width: 25px;
    height: 15px;
  }

#link_shootings {
    background-image : url(../images/m_shooting.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 96px;
  }

#link_shootings:hover, #link_shootings:active, #link_shootings:focus {
    background-image: url(../images/m_shooting_gr.gif);
    background-repeat:no-repeat;
    width: 96px;
    height: 15px;
  }
  
#link_print {
    background-image : url(../images/m_print.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 30px;
  }

#link_print:hover, #link_print:active, #link_print:focus {
    background-image: url(../images/m_print_gr.gif);
    background-repeat:no-repeat;
    width: 30px;
    height: 15px;
  }
  
#link_corporate_id {
    background-image : url(../images/m_corporate_id.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 96px;
  }

#link_corporate_id:hover, #link_corporate_id:active, #link_corporate_id:focus {
    background-image: url(../images/m_corporate_id_gr.gif);
    background-repeat:no-repeat;
    width: 96px;
    height: 15px;
  }  
  
#link_berlin_helsinki {
    background-image : url(../images/m_berlin_helsinki.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 128px;
  }

#link_berlin_helsinki:hover, #link_berlin_helsinki:active, #link_berlin_helsinki:focus {
    background-image: url(../images/m_berlin_helsinki_gr.gif);
    background-repeat:no-repeat;
    width: 128px;
    height: 15px;
  }    
  
 #link_long {
    background-image : url(../images/m_long.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 28px;
  }

#link_long:hover, #link_long:active, #link_long:focus {
    background-image: url(../images/m_long_gr.gif);
    background-repeat:no-repeat;
    width: 28px;
    height: 15px;
  }
  
 #link_contact {
    background-image : url(../images/m_contact.gif);
    background-repeat : no-repeat;
    height : 15px;
    width : 44px;
  }

#link_contact:hover, #link_contact:active, #link_contact:focus {
    background-image: url(../images/m_contact_gr.gif);
    background-repeat:no-repeat;
    width: 44px;
    height: 15px;
  }      
  
#menu a:hover img {
    visibility:visible;
  }

a:link, a:visited { color: rgb(0, 0, 0);
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
 }

a:hover, a:focus, a:active { color: rgb(0, 255, 0);
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
 }