html body { height: 100% }
body {
margin: 0;
padding: 0;
background: #fff url('images/hr_x_2.gif') repeat-x 0 67px;
font-family: georgia,sans-serif;
font-size: 90%;
color: gray;
text-align: center;
scrollbar-base-color: #fff
}
div { margin: 0; padding: 0 }
div#wrap { margin: 0 auto; padding: 0 26px; background: url('images/af-logo.gif') no-repeat 26px 20px }
div#header { padding: 20px 0; background: url('images/title-main.gif') no-repeat 55% 26px }
div#header-projects { padding: 20px 0; background: url('images/title-projects.gif') no-repeat 55% 26px }
div#header-concept { padding: 20px 0; background: url('images/title-concept.gif') no-repeat 55% 26px }
div#header-diptych { padding: 20px 0; background: url('images/title-diptych.gif') no-repeat 55% 26px }
div#header-press { padding: 20px 0; background: url('images/title-press.gif') no-repeat 55% 26px }
div#header-persons { padding: 20px 0; background: url('images/title-persons.gif') no-repeat 55% 26px }
div#header-map { padding: 20px 0; background: url('images/title-map.gif') no-repeat 55% 26px }
div#header-mail { padding: 20px 0; background: url('images/title-mail.gif') no-repeat 55% 26px }
h1#af { display: none }
div#topmenu { width: 100%; height: 15px; padding: 13px 27px 12px 0; background: url('images/topmenu-bg.gif') no-repeat 100% 0 }
img#sitemap { float: right }
img#mail { float: right; margin-right: 22px; _margin-right: 19px }
img#home { float: right; margin-right: 25px; _margin-right: 22px }
img.border { border: 1px solid lightpink }

div#menu { padding: 0 0 10px 0; text-align: center }
div#menu img { margin: 0 20px }

div.content { width: 100%; background: url('images/reddot.gif') repeat-y 0 0 }

div.leftbar { float: left; width: 200px; text-align: left; padding: 0 0 0 5px }

div.cover { background: url('images/reddot.gif') repeat-y 100% 0 }
div.small { height: 900px }
div.mainbar { margin:0 160px 0 200px; padding: 0 5px; text-align: left; background: url('images/reddot.gif') repeat-y 0 0 }

div.rightbar { float: right; width: 160px; text-align: left }

div.bottom { height: 60px; background: url('images/redsq.gif') no-repeat 0 100% }

div#footer { width: 100%; text-align: center; margin:20px 0; padding: 16px 0;  background: lightpink }

div.line { clear: both; height: 6px }

a { color: gray; text-decoration: underline }
a:hover { text-decoration: none }
a.top { display: block; padding: 20px 0 20px 20px; border-top: 1px dotted darkred; background: url('images/top.gif') no-repeat 3px 50% }
a.right { background: url('images/right.gif') no-repeat 3px 2px; padding-left: 20px }
p { font-size: 85%; margin: 6px 10px 10px 10px }
.italic { font-style: italic }
p.projects-date { margin: 6px 10px 0 10px; color:darkred }
p.projects-content { margin: 0 10px 16px 60px }
p.marginleft { margin-left: 40px }
.projects-content-list { margin: 0 10px 0 20px }
.color { color: darkred }
h2 { font: bold 12px verdana,sans-serif }
h2 { color: white; background: lightpink; padding: 3px 0 3px 6px; margin: 6px 10px 6px 10px }
h2.top { color: white; background: lightpink; padding: 3px 0 3px 6px; margin: 6px 10px 2px 10px }
h2.bottom { color: darkred; background: #ffe8eb url('images/right.gif') no-repeat 3px 5px; padding: 3px 0 3px 20px; margin: 1px 10px 20px 10px }
h2.light { color: darkred; background: #ffe8eb url('images/right.gif') no-repeat 3px 5px; padding: 3px 0 3px 20px; margin: 6px 10px 20px 10px }
ul { list-style-image: url('images/redsq_small.gif') }
ul li { font-size: 85%; margin: 0 0 6px 0 }
li ul li { font-size: 100%; margin: 0 0 6px 0 }
li.group { margin-top: 10px; margin-bottom: 10px; padding-left: 4px }
td { font-size: 75% }
table.big td { font-size: 85% }
p.copy { font: 10px verdana,sans-serif; color: darkred }
hr { color: darkred; width: 90%; height: 0; text-align: center }
hr.wide { width: 98% }