body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%; }

#container { position:relative; width:745px; height:530px; margin:20px auto 0 auto; }

#container ul { width:270px; height:240px; padding:0; margin:5px; float:left; }
#container li { float:left; }
ul#menu, ul#gallery li { list-style-type:none; }

#container a.gallery, #container a.gallery:visited { display:block; height:40px; width:40px; text-decoration:none; margin:10px 15px 10px 10px; text-align:left; cursor:default; }

#container a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden; color:#fff; }
#container a.gallery:hover img { border:none; }

#container a.gallery:hover span { position:absolute; width:471px; height:490px; top:-160px; left:266px; background:#fff; text-align:center; color:#000; }


/*FS*/

#header { position:relative; left:0; top:0; width: 100%; height: 27px; text-align:left; }
#header ul { width: 730px; height: 27px; border-bottom:1px solid #aaa; }
ul#head { height: 27px; }
/*ul#head { margin:0; padding:0; }*/
#head li { display: inline; list-style-type: none; }
#head li a { display: block; }

#head li a.start { width:363px; height:27px; background-image:url(../images/nav/menue_eng_1.gif) }
#head li a.vita { width:62px; height:27px; background-image:url(../images/nav/menue_eng_2_grey.gif) }
#head li a.portfolio { width:114px; height:27px; background-image:url(../images/nav/menue_eng_3_grey.gif) }
#head li a.services { width:107px; height:27px; background-image:url(../images/nav/menue_eng_4_grey.gif) }
#head li a.contact { width:82px; height:27px; background-image:url(../images/nav/menue_eng_5_grey.gif) }

#head li a.vita:hover { width:62px; height:27px; background-image:url(../images/nav/menue_eng_2_red.gif) }
#head li a.portfolio:hover { width:114px; height:27px; background-image:url(../images/nav/menue_eng_3_red.gif) }
#head li a.services:hover { width:107px; height:27px; background-image:url(../images/nav/menue_eng_4_red.gif) }
#head li a.contact:hover { width:82px; height:27px; background-image:url(../images/nav/menue_eng_5_red.gif) }

#head li a.vita-selected { width:62px; height:27px; background-image:url(../images/nav/menue_eng_2_black.gif) }
#head li a.portfolio-selected { width:114px; height:27px; background-image:url(../images/nav/menue_eng_3_black.gif) }
#head li a.services-selected { width:107px; height:27px; background-image:url(../images/nav/menue_eng_4_black.gif) }
#head li a.contact-selected { width:82px; height:27px; background-image:url(../images/nav/menue_eng_5_black.gif) }

#menu { position:absolute; left: 1px; top:40px; }
#menu ul { margin-left:0; padding-left:0; }
#menu li a { display: block; width:249px; height: 37px; }

#menu li a.cinque { background-image:url(../images/nav/portfolio_eng_1_gg.gif); height: 25px; }
#menu li a.impressions { background-image:url(../images/nav/portfolio_eng_2_gg.gif) }
#menu li a.portrait { background-image:url(../images/nav/portfolio_eng_3_gg.gif) }
#menu li a.reportage { background-image:url(../images/nav/portfolio_eng_4_gg.gif) }

#menu li a.cinque-selected { background-image:url(../images/nav/portfolio_eng_1_bg.gif); height: 25px; }
#menu li a.impressions-selected { background-image:url(../images/nav/portfolio_eng_2_bg.gif) }
#menu li a.portrait-selected { background-image:url(../images/nav/portfolio_eng_3_bg.gif) }
#menu li a.reportage-selected { background-image:url(../images/nav/portfolio_eng_4_bg.gif) }

#menu li a.cinque:hover, a.cinque:active { background-image:url(../images/nav/portfolio_eng_1_gb.gif); height: 25px; }
#menu li a.impressions:hover, a.impressions:active { background-image:url(../images/nav/portfolio_eng_2_gb.gif) }
#menu li a.portrait:hover, a.portrait:active { background-image:url(../images/nav/portfolio_eng_3_gb.gif) }
#menu li a.reportage:hover, a.reportage:active { background-image:url(../images/nav/portfolio_eng_4_gb.gif) }

#gallery {position:absolute; left: -8px; top:200px;}

div.textbox { 
	width: 730px; height: 269px;
	position:absolute; left:5px; top: 45px;
	border-bottom:solid 1px gray;
	padding-bottom: 13px;
}
* html div.textbox { position:absolute; left:10px; top: 45px; }

div.textbox p { text-align:left; }

div.boxleft { float:left; width:350px; height: 259px; text-align:left; padding:5px; background-color:#EEEEEE; }

div.boxright { float:right; width:360px; height: 259px; padding:5px; background-color:#EEEEEE; }

ul#services { list-style-type:disc; width: 90%; height: 100px; }
ul#services li { width:100%; line-height:1.6em; margin-left: 0.7em; }

a.mail { display: block; width:326px; height:27px; background-image:url(../images/nav/mail_black.gif) }
a.mail:hover { display: block; width:326px; height:27px; background-image:url(../images/nav/mail_red.gif) }

#footer { position:absolute; left:3px; top:510px; width: 100%; height: 9px;  }
#footer ul { width: 730px; height:9px;} /* overwrite height from contain ul */
#footer-links ul { list-style-type: none; margin-left:0; padding-left:0; }
#footer-links li { display: inline; line-height: 8px; } /* line-height hack: 1px less than image */

*+html #footer-links a { margin-top: 4px;} 
* html #footer-links a { margin-top: 4px;} 
#footer-links a.design { display: block; width:151px; height:9px; background-image:url(../images/nav/impressum_eng_design_grey.gif); background-repeat:no-repeat; }
#footer-links a.design:hover { display: block; width:151px; height:9px; background-image:url(../images/nav/impressum_eng_design_red.gif); background-repeat:no-repeat; }