* {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: Georgia, serif;
}

html { 
overflow-y: scroll; 
}

#container {
  width: 960px;
  margin: 0 auto 30px auto;
  position: relative;
  left: -25px;
}


a, a:link, a:visited, a:active, a:hover { 
  outline-style:none;
}

/* ----------------------------------------
   HEADER
   ---------------------------------------- */
#header {
  position: relative;
  height: 170px;
}

/* -- LOGO -- */
#header #logo {
  display: block;
  width: 111px;
  height: 28px;
  overflow: hidden;
  text-indent: -1000em;
  background: url('../pics/logo.gif') no-repeat;
  position: absolute;
  left: 20px;
  top: 60px;
}


/* -- NAVIGATION -- */
#header #navigation {
  display: block;
  width: 105px;
  height: 58px;
  position: absolute;
  left: 203px;
  top: 45px;
}

#header ul#navigation, #header ul#navigation li {
  list-style: none;
}

#header ul#navigation li a,
#header ul#navigation li a:link,
#header ul#navigation li a:visited {
  display: block;
  width: 105px;
  height: 29px;
  text-indent: -1000em;
  overflow: hidden;
  background: url('../pics/navigation.gif') no-repeat;
}

#header ul#navigation li#portfolio a,
#header ul#navigation li#portfolio a:link,
#header ul#navigation li#portfolio a:visited {
  background-position: 0 0;
}

#header ul#navigation li#portfolio a:hover,
#header ul#navigation li#portfolio a:active,
#header ul#navigation li#portfolio a.on:link,
#header ul#navigation li#portfolio a.on:visited {
  background-position: 0 -61px;
}

#header ul#navigation li#info_kontakt a,
#header ul#navigation li#info_kontakt a:link,
#header ul#navigation li#info_kontakt a:visited {
  background-position: 0 -29px;
}

#header ul#navigation li#info_kontakt a:hover,
#header ul#navigation li#info_kontakt a:active,
#header ul#navigation li#info_kontakt a.on:link,
#header ul#navigation li#info_kontakt a.on:visited {
  background-position: 0 -90px;
}


/* -- PORTFOLIO-NAVIGATION -- */

#portfolio_navigation {
  width: 540px;
  height: 135px;
  position: absolute;
  left: 410px;
  top: 60px;
}

#portfolio_navigation ul {
  list-style: none;
  width: 130px;
  height: 135px;
  list-style: none;
  float: left;
}


#portfolio_navigation ul li {
  list-style: none;
  padding-bottom: 8px;
}

#portfolio_navigation ul li a,
#portfolio_navigation ul li a:link,
#portfolio_navigation ul li a:visited {
  display: block;
  width: 115px;
  height: 10px;
  overflow: hidden;
  text-indent: -1000em;
}

#portfolio_navigation ul li a:hover,
#portfolio_navigation ul li a:active,
#portfolio_navigation ul li a.on:link,
#portfolio_navigation ul li a.on:visited {
  background-position: 0 -10px;
}







/* ----------------------------------------
   CONTENT
   ---------------------------------------- */


/* -- TEXT -- */

#content.text {
  padding-left: 203px;
}

#content.text a,
#content.text a:link,
#content.text a:visited {
  color: #999;
}

#content.text a:hover,
#content.text a:active {
  color: #000;
}


#content.text h3 {
  font-family: Georgia, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #999;
}

#content.text h2 {
  width: 115px;
  height: 10px;
  overflow: hidden;
  text-indent: -1000em;
  margin-bottom: 20px;
}

#content.text h2#info_header {
  background: transparent url('/public/hlabel/Info') 0 -10px no-repeat;
}

#content.text h2#kontakt_header {
  background: transparent url('/public/hlabel/Kontakt') 0 -10px no-repeat;
}


#content.text p {
  margin-left: 15px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
}


a#blog_link, a#blog_link:link, a#blog_link:visited {
  display: block;
  width: 115px;
  height: 10px;
  background: transparent url('/public/hlabel/Blog') 0 -10px no-repeat;
  overflow: hidden;
  text-indent: -1000em;
}

a#blog_link:hover, a#blog_link:active {
  background: transparent url('/public/hlabel/Blog') 0 0 no-repeat;
}


/* -- Galerie -- */

#gallery_desc {
  font-size: 11px;
  color: #999;
  margin: 0 0 40px 205px;
}

#gallery_desc h2 {
  width: 115px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: 0 -10px;
  text-indent: -1000em;
  overflow: hidden;
}

#gallery_desc p {
  margin: 25px 0 0 100px;
}



#file {
  margin-left: 224px;
  width: 720px;
  height: 500px;
  overflow-x: hidden;
}

#file_changer {
  margin: 40px 0 25px 818px;
  font-size: 10px;
  color: #999;
  line-height: 16px;
}


#file_prev, a#file_prev, a#file_prev:link, a#file_prev:visited {
  cursor: pointer;
  display: block;
  width: 13px;
  height: 16px;
  text-indent: -1000em;
  line-height: 16px;
  overflow: hidden;
  background: url('/public/pics/file_changer.gif') 0 6px no-repeat;
  float: left;
}

#file_changer_label {
  float: left;
  line-height: 16px;
  text-align: center;
  width: 60px;
}

#file_next, a#file_next, a#file_next:link, a#file_next:visited {
  cursor: pointer;
  display: block;
  width: 13px;
  line-height: 16px;
  height: 16px;
  text-indent: -1000em;
  overflow: hidden;
  background: url('/public/pics/file_changer.gif') -13px 6px no-repeat;
  float: left;
}


#current_file {
  cursor: pointer;
}