html {
min-height: 100.06%;
}

body {
background:	#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style:	normal;
text-align: center;
line-height: 1.2;
color: #000000;
}

h1, h2 {
margin: 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

a {
color: #000000;
}

img {
border: 0;
}

#rahmen {
width: 812px;
height: 553px;
padding-top: 120px;
margin: 0 auto;
background: url(../images/rahmen.jpg);
background-repeat: no-repeat;
text-align: left;
}

#navigation {
margin: 0 auto auto 180px;
width: 600px;
padding: 0;
}

#navigation li {
margin-left: 20px;
list-style-type: none;
float: left;
display: inline;
}

#navigation a.aktiv {
background-position	: 0px -65px;
}

#navigation a {
display: block;
overflow: hidden;
text-indent: -100px;
}

#home a {
background: url(../images/home.gif);
color: #000000;
width: 76px;
height: 65px;
}

#home a:hover {
background-position	: 0px -65px;
}

#portfolio a {
background: url(../images/portfolio.gif);
color: #000000;
width: 124px;
height: 65px;
}

#portfolio a:hover {
background-position	: 0px -65px;
}

#vita a {
background: url(../images/vita.gif);
color: #000000;
width: 136px;
height: 65px;
}

#vita a:hover {
background-position	: 0px -65px;
}

#kontakt a {
background: url(../images/kontakt.gif);
color: #000000;
width: 135px;
height: 65px;
}

#kontakt a:hover {
background-position: 0px -65px;
}

#container {
margin: 0;
clear: both;
padding-top: 30px;
}

#links {
padding-left: 60px;
float: left;
width: 348px;
}

#rechts {
padding: 0;
float: left;
width: 340px;
}

#pf1, #pf2, #pf3 {
margin: 0 0 0 30px;
width: 615px;
padding: 0;
}

#kat1, #kat2, #kat3 {
margin: 0 0 0 30px;
width: 616px;
height: 108px;
padding: 0;
}

#pf1 li, #pf2 li, #pf3 li, #kat1 li, #kat2 li, #kat3 li {
margin: 0;
list-style-type: none;
float: left;
display: inline;
}

#kat1 a, #kat2 a, #kat3 a {
display: block;
width: 154px;
height: 108px;
overflow: hidden;
border-style: none;
}

#pf1 a, #pf2 a, #pf3 a {
display: block;
width: 205px;
height: 108px;
overflow: hidden;
text-indent: -100px;
}

#pf1 a:hover, #pf2 a:hover, #pf3 a:hover {
background-position	: 0px -108px;
}

#character a {
background: url(../images/key_character.jpg);
color: #000000;
}

#comic a {
background: url(../images/key_comic.jpg);
color: #000000;
}

#food a {
background: url(../images/key_food.jpg);
color: #000000;
}

#non-food a {
background: url(../images/key_non-food.jpg);
color: #000000;
}

#layout a {
background: url(../images/key_layout.jpg);
color: #000000;
}

#logo a {
background: url(../images/key_logo.jpg);
color: #000000;
}

#still a {
background: url(../images/key_still.jpg);
color: #000000;
}

#storyboard a {
background: url(../images/key_storyboard.jpg);
color: #000000;
}

#download a {
background: url(../images/key_download.jpg);
color: #000000;
}

#seitenzahlen {
position: relative;
clear: both;
text-align: left;
margin: 0;
padding: 60px 0 0 20px;
width: 185px;
height: 13px;
}

#seitenzahlen ul {
text-align: left; 
width: 78px; 
height: 13px;
margin: 0;
padding: 0;
}

#seitenzahlen li { 
margin: 0;
list-style-type: none;
float: left;
display: inline;
}

#seitenzahlen a {
display: block;
overflow: hidden;
text-indent: 100px;
border-style: none;
}

#pagename {
width: 107px;
}

#eins {
width: 15px;
}

#zwei {
width: 15px;
}

#drei {
width: 15px;
}

#back {
width: 18px;
}

#forward {
width: 15px;
}

#back_ohne {
width: 18px;
}

#forward_ohne {
width: 15px;
}

#eins a:hover, #zwei a:hover, #drei a:hover, #back a:hover, #forward a:hover {
background-position	: 0px -13px;
}

#eins a {
background: url(../images/eins.gif);
color: #000000;
width: 7px;
height: 13px;
}

#zwei a {
background: url(../images/zwei.gif);
color: #000000;
width: 8px;
height: 13px;
}

#drei a {
background: url(../images/drei.gif);
color: #000000;
width: 9px;
height: 13px;
}

#back a {
background: url(../images/back.gif);
color: #000000;
width: 11px;
height: 13px;
}

#forward a {
background: url(../images/forward.gif);
color: #000000;
width: 10px;
height: 13px;
}

#back_ohne a {
background: url(../images/back.gif);
color: #000000;
width: 11px;
height: 13px;
}

#forward_ohne a {
background: url(../images/forward.gif);
color: #000000;
width: 10px;
height: 13px;
}


#pnav {
margin: 25px 22px 0 22px;
height: 13px;
}

#pforward {
padding-left: 5px;
}

#pforward_ohne {
padding-left: 5px;
}

#schliessen {
padding-left: 255px;
}

#pnav div {
float: left;
}

#pnav a {
display: block;
overflow: hidden;
text-indent: 100px;
border-style: none;
}

#pback a {
background: url(../images/back.gif);
color: #000000;
width: 11px;
height: 13px;
}

#pback_ohne a {
background: url(../images/back.gif);
color: #000000;
width: 11px;
height: 13px;
}

#pforward a {
background: url(../images/forward.gif);
color: #000000;
width: 10px;
height: 13px;
}

#pforward_ohne a {
background: url(../images/forward.gif);
color: #000000;
width: 10px;
height: 13px;
}

#schliessen a {
background: url(../images/kreuz.gif);
color: #000000;
width: 12px;
height: 13px;
}

#pback a:hover, #pforward a:hover, #schliessen a:hover {
background-position	: 0px -13px;
}

#popup {
visibility: hidden;
margin: 0;
padding: 0;
text-align: left;
clear: both;
position: absolute;
background: url(../images/prahmen.png);
overflow: hidden;
width: 357px;
height: 512px;
}

#pbild {
clear: both;
width: 297px;
height: 387px;
margin: 28px 22px 0 22px;
}

#pseitenzahlen {
text-align: left;
margin: 20px 22px 0 22px;
padding: 0;
height: 13px;
}

#pseitenzahlen li { 
width: 15px;
list-style-type: none;
float: left;
display: inline;
}

#pseitenzahlen a {
display: block;
overflow: hidden;
text-indent: 1000px;
border-style: none;
}

#pseitenzahlen a:hover {
background-position	: 0px -13px;
}

#peins a {
background: url(../images/eins.gif);
color: #000000;
width: 7px;
height: 13px;
}

#pzwei a {
background: url(../images/zwei.gif);
color: #000000;
width: 8px;
height: 13px;
}

#pdrei a {
background: url(../images/drei.gif);
color: #000000;
width: 9px;
height: 13px;
}

#pvier a {
background: url(../images/vier.gif);
color: #000000;
width: 9px;
height: 13px;
}

#pfuenf a {
background: url(../images/fuenf.gif);
color: #000000;
width: 8px;
height: 13px;
}

#psechs a {
background: url(../images/sechs.gif);
color: #000000;
width: 8px;
height: 13px;
}

#seitenzahlen a.page, #pseitenzahlen a.page {
background-position	: 0px -13px;
}

#down1, #down2, #down3, #down4 {
margin: 0 0 0 30px;
clear: both;
width: 615px;
padding: 0;
}

#down1 li, #down2 li, #down3 li, #down4 li {
margin: 0;
list-style-type: none;
float: left;
display: inline;
height: 50px;
}

#down1 a, #down2 a, #down3 a, #down4 a {
display: block;
width: 152px;
height: 36px;
overflow: hidden;
text-indent: -100px;
color: #ffffff;
}

#down1 a:hover, #down2 a:hover, #down3 a:hover, #down4 a:hover {
background-position	: 0px -36px;
}

#dcharacter a {
background: url(../images/download_character.gif);
}

#dlayout a {
background: url(../images/download_layout.gif);
}

#dkomplett a {
background: url(../images/download_komplett.gif);
}

#dcomic a {
background: url(../images/download_comic.gif);
}

#dstill a {
background: url(../images/download_still.gif);
}

#dfood a {
background: url(../images/download_food.gif);
}

#dnon-food a {
background: url(../images/download_non-food.gif);
}

#dlogo a {
background: url(../images/download_logo.gif);
}

#dstoryboard a {
background: url(../images/download_storyboard.gif);
}