/*
 * Copyright by Oliver Musebrink (www.olivermusebrink.de)
 */


/*
 * HTML
 */
html
{
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  100%;
}


/*
 * Body
 */
body
{
  margin:           0px;
  padding:          0px;
  width:            100%;
  height:           100%;
  background-color: #161514;
}


/*
 * Header
 */
#header
{
  margin:              0px;
  padding:             0px;
  width:               100%;
  height:              81px;
  background-color:    #161514;
  background-image:    url("../images/background-header.png");
  background-position: center bottom;
  background-repeat:   no-repeat;
}

#header .wrapper
{
  margin:  0px auto 0px auto;
  padding: 39px 40px 14px 40px;
  width:   680px;
  height:  28px;
}


/*
 * Logo
 */
#logo
{
  margin:              0px;
  padding:             0px;
  width:               227px;
  height:              28px;
  display:             block;
  float:               left;
  background-color:    none;
  background-image:    url("../images/sprites.png");
  background-position: 0px 0px;
}


/*
 * Menu
 */
#menu
{
  margin:  0px;
  padding: 0px;
  float:   right;
}

#menu li
{
  margin:  5px 0px 1px 0px;
  padding: 0px;
  display: block;
  float:   left;
}

#menu a
{
  margin:           0px 0px 0px 20px;
  padding:          0px;
  height:           22px;
  display:          block;
  background-color: none;
  background-image: url("../images/sprites.png");
  opacity:          0.5;
  -moz-opacity:     0.5;                /* Firefox 1.6 and bofore */
  -khtml-opacity:   0.5;                 /* Safari 1.x */
  filter:           alpha(opacity=50);  /* IE */
}

#menu a.selected
{
  margin:           0px 0px 0px 20px;
  padding:          0px;
  height:           22px;
  display:          block;
  background-color: none;
  background-image: url("../images/sprites.png");
  opacity:          1.0;
  -moz-opacity:     1.0;                 /* Firefox 1.6 and bofore */
  -khtml-opacity:   1.0;                 /* Safari 1.x */
  filter:           alpha(opacity=100);  /* IE */
}

#menu .vita
{
  width:               25px;
  background-position: 0px -61px;
}

#menu .contact
{
  width:               46px;
  background-position: -25px -61px;
}


/*
 * Category list
 */
#category-list
{
  margin:  0x;
  padding: 5px 0px 1px 0px;
  float:   right;
}

#category-list li
{
  margin:  0px;
  padding: 0px;
  display: block;
  float:   left;
}

#category-list a
{
  margin:           0px 0px 0px 20px;
  padding:          0px;
  display:          block;
  height:           22px;
  background-color: none;
  background-image: url("../images/sprites.png");
  opacity:          0.5;
  -moz-opacity:     0.5;                /* Firefox 1.6 and bofore */
  -khtml-opacity:   0.5;                /* Safari 1.x */
  filter:           alpha(opacity=50);  /* IE */
}

#category-list a.selected
{
  margin:           0px 0px 0px 20px;
  padding:          0px;
  display:          block;
  height:           22px;
  background-color: none;
  background-image: url("../images/sprites.png");
  opacity:          1.0;
  -moz-opacity:     1.0;                 /* Firefox 1.6 and bofore */
  -khtml-opacity:   1.0;                 /* Safari 1.x */
  filter:           alpha(opacity=100);  /* IE */
}

#category-list a.portrait
{
  width:               44px;
  background-position: 0px -33px;
}

#category-list a.industrie
{
  width:               51px;
  background-position: -44px -33px;
}

#category-list a.themen
{
  width:                 48px;
  background-position:   -95px -33px;
}


/*
 * Content
 */
#content
{
  margin:           0px;
  padding:          20px;
  font-family:      Verdana, Arial, sans-serif;
  font-size:        12px;
  font-style:       normal;
  font-weight:      normal;
  line-height:      18px;
  text-decoration:  none;
  text-transform:   none;
  color:            #716b68;
  background-color: #141312;
}

#content .clear
{
  clear: both;
}

.content p
{
  margin:  0px;
  padding: 0px;
}

.content h1
{
  color:       #716b68;
  font-weight: bold;
}

.content a
{
  margin:          -3px;
  padding:         3px;
  color:           #b1a8a3;
  text-decoration: none;
}

.content a:hover
{
  color:           #b1a8a3;
  text-decoration: underline;
}

.content li
{
  margin:              0px 0px 0px 18px;
  padding:             0px;
  list-style-type:     disc;
  list-style-position: outside;
}

.content label
{
  margin:         0px;
  padding:        0px 0px 2px 0px;
  display:        block;
  text-align:     left;
  vertical-align: top;
}

.content input,
.content textarea,
.content button
{
  margin:           0px 0px 5px 0px;
  padding:          2px 4px 2px 4px;
  border-width:     1px;
  border-style:     solid;
  border-color:     #3c3834;
  font-family:      Verdana, Arial, sans-serif;
  font-size:        12px;
  font-style:       normal;
  font-weight:      normal;
  line-height:      18px;
  text-decoration:  none;
  text-transform:   none;
  color:            #716b68;
  background-color: #141312;
}

.content input
{
  width: 200px;
}

.content textarea
{
  width: 300px;
}

.content input:hover,
.content textarea:hover,
.content button:hover
{
  border-width:     1px;
  border-style:     solid;
  border-color:     #716b68;
  background-color: #141312;
}

.content td.date
{
  margin:      0px;
  padding:     0px 18px 18px 0px;
  white-space: nowrap;
}

.content td.text
{
  margin:  0px;
  padding: 0px 0px 18px 0px;
}


/*
 * Error
 */
#error
{
  margin:  0px auto 0px auto;
  padding: 0px;
  width:   680px;
}

#error .left
{
  margin:  0px;
  padding: 0px;
  float:   left;
  width:   210px;
  height:  100%;
}

#error .right
{
  margin:  0px;
  padding: 0px;
  float:   right;
  width:   210px;
  height:  100%;
}

#error .middle
{
  margin:  0px;
  padding: 0px 25px 0px 25px;
  float:   left;
  width:   210px;
  height:  100%;
}


/*
 * Vita
 */
#vita
{
  margin:  0px auto 0px auto;
  padding: 0px;
  width:   680px;
}

#vita .left
{
  margin:  0px;
  padding: 0px;
  float:   left;
  width:   210px;
  height:  100%;
}

#vita .right
{
  margin:  0px;
  padding: 0px px 0px 25px;
  float:   right;
  width:   445px;
  height:  100%;
}


/*
 * Contact
 */
#contact
{
  margin:  0px auto 0px auto;
  padding: 0px;
  width:   680px;
}

#contact .left
{
  margin:  0px;
  padding: 0px;
  float:   left;
  width:   330px;
  height:  100%;
}

#contact .right
{
  margin:  0px;
  padding: 0px;
  float:   right;
  width:   330px;
  height:  100%;
}


/*
 * Contact form
 */
#contact-form
{
  margin:  0px;
  padding: 0px;
  width:   300px;
}

#contact-form .submit
{
}

#contact-form .reset
{
}

#contact-form div.error
{
  margin:          0px 0px 9px 0px;
  padding:         0px;
  font-family:     Verdana, Arial, sans-serif;
  font-size:       10px;
  font-style:      italic;
  font-weight:     normal;
  line-height:     15px;
  text-decoration: none;
  text-transform:  none;
  color:           #716b68;
}

#contact-form input.error,
#contact-form textarea.error
{
}


/*
 * Footer
 */
#footer
{
  margin:              0px;
  padding:             0px;
  width:               100%;
  height:              83px;
  background-image:    url("../images/background-footer.png");
  background-position: center top;
  background-repeat:   no-repeat;
  background-color:    #161514;
}

#footer .wrapper
{
  margin:  0px auto 0px auto;
  padding: 20px 40px 40px 40px;
  width:   680px;
}


/*
 * Splash page
 */
#splash-link
{
  margin:              190px auto 240px auto;
  padding:             0px;
  display:             block;
  width:               510px;
  height:              50px;
  background-image:    url("../images/grafsteininger.png");
  background-position: center center;
  background-repeat:   no-repeat;
}


/*
 * Eyecatcher
 */
#eyecatcher-container
{
  margin:              0px auto 0px auto;
  padding:             0px;
  position:            relative;
  width:               342px;
  height:              482px;
  text-align:          center;
  background-color:    #141312;
  background-image:    url("../images/ajax-loader-image.gif");
  background-position: center center;
  background-repeat:   no-repeat;
}

#eyecatcher
{
  margin:       0px auto 0px auto;
  padding:      0px;
  display:      none;
  width:        340px;
  height:       480px;
  border-width: 1px;
  border-style: solid;
  border-color: #3c3834;
}


/*
 * Image
 */
#image-wrapper
{
  margin:   0px auto 0px auto;
  padding:  0px;
  width:    722px;
  height:   482px;
  position: relative;
}

#image-container
{
  margin:              0px auto 0px auto;
  padding:             0px;
  position:            relative;
  text-align:          center;
  background-color:    #141312;
  background-image:    url("../images/ajax-loader-image.gif");
  background-position: center center;
  background-repeat:   no-repeat;
}

#image
{
  margin:       0px;
  padding:      0px;
  display:      none;
  border-width: 1px;
  border-style: solid;
  border-color: #3c3834;
}

#image-navigation
{
  position: absolute;
  top:      0;
  left:     0;
  height:   100%;
  width:    100%;
  z-index:  10;
}

#image-button-previous
{
  display:          block;
  float:            left;
  z-index:          100;
  width:            50%;
  height:           100%;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE and Opera into showing it */
}

#image-button-next
{
  display:          block;
  float:            right;
  z-index:          100;
  width:            50%;
  height:           100%;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE and Opera into showing it */
}

#button-previous
{
  margin:              0px;
  padding:             0px;
  float:               left;
  width:               60px;
  height:              100%;
  background-image:    url("../images/button-previous.png");
  background-position: center center;
  background-repeat:   no-repeat;
  opacity:             0.0;
  -moz-opacity:        0.0;               /* Firefox 1.6 and bofore */
  -khtml-opacity:      0.0;               /* Safari 1.x */
  filter:              alpha(opacity=0);  /* IE */
}

#button-next
{
  margin:              0px;
  padding:             0px;
  float:               right;
  width:               60px;
  height:              100%;
  background-image:    url("../images/button-next.png");
  background-position: center center;
  background-repeat:   no-repeat;
  opacity:             0.0;
  -moz-opacity:        0.0;               /* Firefox 1.6 and bofore */
  -khtml-opacity:      0.0;               /* Safari 1.x */
  filter:              alpha(opacity=0);  /* IE */
}


/*
 * Browse thumbnails
 */
#browse-thumbnails
{
  margin:  0px auto 0px auto;
  padding: 0px;
  width:   660px;
}

#browse-thumbnails li
{
  margin:              1px;
  padding:             0px;
  float:               left;
  width:               42px;
  height:              42px;
  list-style-type:     none;
  list-style-image:    none;
  background-color:    #141312;
  background-image:    url("../images/ajax-loader-thumbnail.gif");
  background-position: center center;
  background-repeat:   no-repeat;
}

#browse-thumbnails div.thumbnail
{
  margin:           0px;
  padding:          0px;
  display:          none;
  border-style:     solid;
  border-width:     1px;
  border-color:     #3c3834;
  background-color: #141312;
}

#browse-thumbnails img
{
  opacity:        0.33;
  -moz-opacity:   0.33;               /* Firefox 1.6 and bofore */
  -khtml-opacity: 0.33;               /* Safari 1.x */
  filter:         alpha(opacity=33);  /* IE */
}




/*
color palette:
141312
1f1e1d
3c3834
57524e
716b68
887f76
9f948d
b1a8a3
c3b8b4
*/