body { height: 100%; margin: 0; padding: 0; }
html { height: 100%; margin: 0; padding: 0; }
p { }
td { }
a:link { color: black; }
a:visited { }
a:hover { color: gray; }
a:active { }
h1 { color: black; font-family: "Lucida Grande"; margin: 0 0 14px; }
.fliesstext { color: gray; font-size: 11px; font-family: "Lucida Grande"; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { margin: 0; padding: 0; word-wrap: break-word; }
/*Seitenaufbau*/
#wrap { position: relative; width: 900px; margin: 0 auto; padding: 0; }
#header { position: absolute; top: 60px; width: 900px; margin: 0; padding: 0; }
#content { position: absolute; top: 90px; width: 900px; height: 470px; border: solid 1px silver; }
#content ul { margin: 0; padding: 30px 0 0 25px; list-style-type: none; }
#content ul li { color: gray; font-size: 11px; font-family: "Lucida Grande"; line-height: 12px; }
#content_vita { position: absolute; top: 110px; width: 900px; height: 640px; margin-bottom: 30px; border: solid 1px silver; }
#content_vita ul { margin: 0; padding: 30px 0 0 25px; list-style-type: none; }
#content_vita ul li { color: gray; font-size: 11px; font-family: "Lucida Grande"; line-height: 12px; }
#content_imprint { position: absolute; top: 110px; width: 900px; height: 640px; margin-bottom: 30px; border: solid 1px silver; }
#content_imprint ul { margin: 0; padding: 30px 0 0 25px; list-style-type: none; }
#content_imprint ul li { color: gray; font-size: 11px; font-family: "Lucida Grande"; line-height: 12px; }
#footer { position: absolute; top: 550px; width: 900px; }
#thumbs { width: 900px; }
#menue { position: absolute; top: 11px; left: 550px; width: 380px; height: 13px; }
#menue ul { list-style-type: none; }
#menue ul li { float: left; }
/*Menüpunkte*/
a.fashion{ text-decoration:none; background-image:url(../images/fashion.png); background-repeat: no-repeat; width:40px; height:13px; margin: 0 10px 0 0; padding: 0; display:block     }
a.fashion_active { background-image: url(../images/fashion_over.png); text-decoration: none; background-repeat: no-repeat; display: block; margin: 0 10px 0 0; padding: 0; width: 40px; height: 13px; }
a.fashion:hover{ background-image: url(../images/fashion_over.png); background-repeat: no-repeat; }
a.advertising{ text-decoration:none; background-image:url(../images/advertising.png); background-repeat: no-repeat; width:62px; height:13px; margin: 0 10px 0 0; padding: 0; display:block     }
a.advertising_active { background-image: url(../images/advertising_over.png); text-decoration: none; background-repeat: no-repeat; display: block; margin: 0 10px 0 0; padding: 0; width: 62px; height: 13px; }
a.advertising:hover{ background-image: url(../images/advertising_over.png); background-repeat: no-repeat; }
a.people{ text-decoration:none; background-image:url(../images/people_editorial.png); background-repeat: no-repeat; width:89px; height:13px; margin: 0 10px 0 0; padding: 0; display:block     }
a.people_active { background-image: url(../images/people_editorial_over.png); text-decoration: none; background-repeat: no-repeat; display: block; margin: 0 10px 0 0; padding: 0; width: 89px; height: 13px; }
a.people:hover{ background-image: url(../images/people_editorial_over.png); background-repeat: no-repeat; }
a.clients{ text-decoration:none; background-image:url(../images/clients.png); background-repeat: no-repeat; width:35px; height:13px; margin: 0 10px 0 0; padding: 0; display:block     }
a.clients_active { background-image: url(../images/clients_over.png); text-decoration: none; background-repeat: no-repeat; display: block; margin: 0 10px 0 0; padding: 0; width: 35px; height: 13px; }
a.clients:hover{ background-image: url(../images/clients_over.png); background-repeat: no-repeat; }
a.vita{ text-decoration:none; background-image:url(../images/vita.png); background-repeat: no-repeat; width:21px; height:13px; margin: 0 10px 0 0; padding: 0; display:block     }
a.vita_active { background-image: url(../images/vita_over.png); text-decoration: none; background-repeat: no-repeat; display: block; margin: 0 10px 0 0; padding: 0; width: 21px; height: 13px; }
a.vita:hover{ background-image: url(../images/vita_over.png); background-repeat: no-repeat; }
a.imprint{ text-decoration:none; background-image:url(../images/imprint.png); background-repeat: no-repeat; width:40px; height:13px; margin: 0 10px 0 0; padding: 0; display:block     }
a.imprint_active { background-image: url(../images/imprint_over.png); text-decoration: none; background-repeat: no-repeat; display: block; margin: 0 10px 0 0; padding: 0; width: 40px; height: 13px; }
a.imprint:hover{ background-image: url(../images/imprint_over.png); background-repeat: no-repeat; }
/*Nur für die Index.html*/
#start_logo { position: absolute; top: 50%; left: 0; width: 585px; padding-left: 315px; }
#wrap_start { margin-right: auto; margin-left: auto; position: relative; top: 0; width: 900px; min-height: 100%; }
#start_menue { position: absolute; top: 12px; left: 600px; width: 350px; height: 13px; margin: 0; padding: 0; }
#start_menue ul { margin: 0; padding: 0; list-style-type: none; }
#start_menue ul li { float: left; margin: 0; padding: 0; }
#content_left { position: absolute; top: 0; left: 0; width: 200px; height: 470px; margin: 0; padding: 0; }
#content_right { position: absolute; top: 0; left: 200px; width: 200px; height: 470px; margin: 0; padding: 22px 0 0; }