html {
height: 100%;
padding: 0 0 1px 0;
}

body {
background: #a9b5c1 url('../images/gradient.png') repeat-x;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #707070;
text-align: center;
}

#wrapper {
margin: 0 auto;
padding-top: 10px;
width: 1040px;
}

#header {
width: 1040px;
height: 29px;
background: url('../images/header.png') no-repeat;
}

#content {
float: left;
width: 1040px;
background: url('../images/background.png') repeat-y;
padding: 0 35px 0  35px;
}

#content_work {
text-align: left;
padding-top: 10px;
width: 970px;
}


#content_back {
text-align: left;
padding-top: 10px;
width: 970px;
height: 580px;
background: url('../images/start_background.jpg') no-repeat;
}

#content_back_work {
text-align: left;
padding-top: 10px;
width: 970px;
height: 580px;
background: url('../images/more_work_background.jpg') no-repeat right top;
}

#content_back_bio {
text-align: left;
padding-top: 10px;
width: 970px;
height: 580px;
background: url('../images/bio_background.jpg') no-repeat right top;
}

#content_back_contact {
text-align: left;
padding-top: 10px;
width: 970px;
height: 580px;
background: url('../images/contact_background.jpg') no-repeat right top;
}

#footer {
clear: both;
width: 1040px;
height: 56px;
background: url('../images/footer.png') no-repeat;
}

#divider {
float: left;
height: 1px;
line-height: 1px;
width: 970px;
background: #d0d0d0;
}

#footer span {
text-align: right;
display: block;
color: #707070;
font-family: verdana, arial, sans-serif;
font-size: 10px;
padding: 8px 45px 0 0;
}

/* NAVIGATION */

#navigation {
padding: 15px 10px 25px 10px;
}

#sub_navigation {
clear: both;
margin: 0;
padding: 10px 0 0 10px;
}

a#home_button_start {
position: relative;
margin: 0;
margin-left: 10px;
display: block;
background: url('../images/buttons/lutz_brockhaus_start.png') no-repeat;
width: 379px;
height: 34px;
}

a#home_button {
position: relative;
margin: 0;
margin-left: 10px;
display: block;
background: url('../images/buttons/lutz_brockhaus.png') no-repeat;
width: 379px;
height: 34px;
}

a#home_button:hover,
a#home_button.selected {
background: url('../images/buttons/lutz_brockhaus_hv.png') no-repeat;
}

a#work_button {
position: relative;
float: left;
display: block;
background: url('../images/buttons/work.png') no-repeat;
width: 118px;
height: 17px;
}

a#work_button:hover,
a#work_button.selected {
background: url('../images/buttons/work_hv.png') no-repeat;
}

a#bio_button {
position: relative;
float: left;
margin-left: 19px;
display: block;
background: url('../images/buttons/bio.png') no-repeat;
width: 125px;
height: 17px;
}

a#bio_button:hover,
a#bio_button.selected {
background: url('../images/buttons/bio_hv.png') no-repeat;
}

a#contact_button {
position: relative;
float: left;
margin-left: 19px;
display: block;
background: url('../images/buttons/contact.png') no-repeat;
width: 110px;
height: 17px;
}

a#contact_button:hover,
a#contact_button.selected {
position: relative;
background: url('../images/buttons/contact_hv.png') no-repeat;
}

a#more_work_button {
position: relative;
float: left;
display: block;
background: url('../images/buttons/more_work.png') no-repeat;
width: 166px;
height: 7px;
}

a#more_work_button:hover,
a#more_work_button.selected {
position: relative;
background: url('../images/buttons/more_work_hv.png') no-repeat;
}

/* PAGE Browser */

#pagectrl {
padding: 40px 0 0 0;
margin: 0;
clear: both;
line-height: 27px;
height: 27px;
border-bottom: 1px solid #d0d0d0;
}

#pagebrowser {
line-height:10px;
height: 10px;
float: left;
padding: 8px 0 0 10px;
}

#pageinfo {
float: right;
padding-right: 10px;
}

.hor_div {
display: block;
float: left;
background: url('../images/hor_div.png') no-repeat;
width: 18px;
height: 9px;
}

a#previous_button {
position: relative;
float: left;
display: block;
background: url('../images/buttons/arrow_left.png') no-repeat;
width: 8px;
height: 9px;
}

a#previous_button:hover{
position: relative;
background: url('../images/buttons/arrow_left_hv.png') no-repeat;
}

a#forward_button {
position: relative;
float: left;
display: block;
background: url('../images/buttons/arrow_right.png') no-repeat;
width: 8px;
height: 9px;
}

a#forward_button:hover{
position: relative;
background: url('../images/buttons/arrow_right_hv.png') no-repeat;
}

/* WORK Navigation */

#work_navigation {
position: relative;
float: left;
width: 210px;
}

#images {
position: relative;
float: left;
width: 760px;
height: 587px;
}

#work_navigation ul {
list-style-type: none;
margin: 4px 0 0 10px;
padding: 0;
line-height: 25px;
}

#download_links ul {
list-style-type: none;
margin: 30px 0 0 0;
padding: 0;
line-height: 25px;
}

#work_navigation ul li,
#download_links ul li {
padding: 0;
margin: 0;
color: #13537f;
}

#work_navigation li a,
a {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #0097c9;
text-decoration: none;
}

#download_links li a {
padding: 0 12px 0 0;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #0097c9;
text-decoration: none;
background: url('../images/icons/pdf_icon.gif') no-repeat right;
}

#work_navigation li a:hover,
#download_links li a:hover,
a:hover {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #13537f;
text-decoration: none;
}

/* OTHER Areas */

#small_content {
width: 490px;
clear: both;
margin: 50px 0 0 10px;
line-height: 16px;
}

.bio_table,
.contact_table {
position: relative;
}

.bio_table .date {
font-weight: bold;
width: 90px;
}

.bio_table td,
.contact_table td {
height: 33px;
vertical-align: top;
padding: 0;
margin: 0;
}

.contact_table .info {
width: 155px;
}

.contact_table .top {
height: 25px;
}

.contact_table .about {
width: 52px;
}

/* IE hacks */
* html #header {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png', sizingMethod='image');
}

* html #footer {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer.png', sizingMethod='image');
}

* html #content {
  padding: 0;
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.png', sizingMethod='scale');
}

* html #pagectrl {
   padding: 34px 0 0 0; 
}

* html #download_links li a {
   position: absolute;
}

* html .bio_table td {
height: 32px;    
}

/* /IE hacks */