/*
THEME NAME: The-metamorphosis
*/

/* Allgemein */
html {}
body {font-family: Verdana; font-size: 10px; color: #292927; background: #c5c5c2; margin: 0px; padding: 0px;}
a img {border: none;}
#logo {padding: 35px 0px 0px 25px; }

#navibox{background: #292927;  width: 300px; min-height: 100%; position: fixed;	z-index: 1104;}

/* Navigation */
#navi {padding: 20px 0px 0px 25px; width: 100px; text-transform: uppercase; font-size: 10px; float: left; height: 35px; }
#navi a {text-decoration: none; color: #ffffff;}
#navi li {padding: 2px 2px 2px 2px; margin-top:5px;}
#navi ul{list-style-type: none; margin-left:0; padding-left:0; color: #ffffff;}
#navi a {text-decoration: none;  padding: 2px 2px 2px 2px; }
#navi  a:visited {text-decoration: none;}
#navi  a:active {color:#292927; text-decoration: none;}
#navi  a:link  {text-decoration: none; }
#navi   a:hover {color: #292927; background: #ffffff;}
#aktiv  a{color: #292927; background: #ffffff;  }

/* Subnavigation */
#subnavi {padding: 20px 0px 0px 15px; width: 145px; text-transform: uppercase; font-size: 10px; float: left; height: 35px;}
#subnavi a {text-decoration: none; color: #ffffff;}
#subnavi li {padding: 2px 2px 2px 2px; margin-top:5px;}
#subnavi ul{list-style-type: none; margin-left:0; padding-left:0; color: #ffffff;}
#subnavi a {text-decoration: none;  padding: 2px 2px 2px 2px; }
#subnavi  a:visited {text-decoration: none;}
#subnavi  a:active {color:#292927; text-decoration: none;}
#subnavi  a:link  {text-decoration: none; }
#subnavi   a:hover {color: #292927; background: #ffffff;}
#aktiv  a{color: #292927; background: #ffffff;  }

/* Inhalt */
#inhalt {margin: 0; padding:0 0 0 300px; float: left; z-index: 7; position: relative; line-height: 16px;}
.untbox {margin: 0px 0 0 0px; padding: 75px 15px 75px 27px; width: 300px; color: #ffffff; }
.textbox {width: 150px; height: 150px; margin: 15px 0 0 15px; padding: 15px 15px 15px 15px; background: #292927; color: #ffffff; bottom:15px; right: 15px; position:fixed;}
.inhaltbox {width: 750px; height: 300px; margin: 15px 0 0 230px; padding: 15px 15px 15px 15px; background: #ffffff; float: left; position:fixed;}
.photobox {width: 150px; height: 150px; margin: 15px 0 0 15px; padding: 15px 15px 15px 15px; background: #ffffff; float: left; }
.aktuellbox {width: 90%; height: 150px; margin: 15px 0 0 15px; padding: 15px 15px 15px 15px; background: #ffffff; float: left;  }
.bold { font-weight: bold;}


#bgboxsec{background: #4F4F4F;  width: 390px; min-height: 100%; position: fixed;	z-index: 5; margin-left: 300px;}


#thumbs {z-index: 1;}
#showtitle {font-size: 10px; text-transform: uppercase; font-weight: bold;}
#startbox {width: 150px; height: 35px; margin: 15px 0 0 15px; padding: 15px 15px 15px 15px; background: #292927; color: #ffffff; bottom:15px; right: 15px; position:fixed; }


#inhalt a:visited {color:#ffffff; text-decoration: none;}
#inhalt a:active { color:#ffffff; text-decoration: none;}
#inhalt a:link  { color:#ffffff; text-decoration: none; padding: 1px 2px 1px 2px;}
#inhalt a:hover {color: #292927; background-color: #ffffff; text-decoration: none;  padding: 1px 2px 1px 2px;}



/* UEBERSCHRIFTEN */
h1 { font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 0px; text-align: left; padding-bottom: 15px; }

h2 { margin: 0px; padding: 0px; font-size: 10px; }

h3 { margin: 0px; padding: 0px; }

/* Startseite */

#prev {z-index: 6000; position:fixed; left:315px; top:50%; width:20px; height:30px;}
#prev .hover{background-position:-20px 0px;}
#next{z-index: 6000; position:fixed; right:15px; top:50%; width:20px; height:30px;}
#next.hover{background-position:-20px 0px;}