ul.nav {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

li.nav {
 float: left;
}

a:link, a:visited {
}

a:hover, a:active {
}

div.red-border {
 border-style: solid;
 border-width: 4px;
 border-color: #F00;
}

div.main-content {
 margin-left: auto;
 margin-right: auto;
}

div.navigation {
}

div.nav-home-position {
 background-repeat: no-repeat;
 background-position: bottom center;
 background-color: transparent;
 position: relative;
 bottom: 2px;
 right: 8px;
 width: 140px;
 height: 155px;
}

div.nav-home-icon {
 background-image: url("web_icons/teapot.png");
 background-repeat: no-repeat;
 background-position: center;
 background-color: transparent;
 width: 127px;
 height: 98px;
 -webkit-transform: rotate(0deg);
 position: relative;
 right: -12px;
 bottom: -8px;
}

div.nav-home {
 background-image: url("web_icons/w_home.png");
 background-color: transparent;
}

div.nav-home-selected {
 background-image: url("web_icons/r_home.png");
 background-color: transparent;
}

div.nav-career-position {
 background-repeat: no-repeat;
 background-position: bottom center;
 position: relative;
 bottom: 15px;
 right: 5px;
 width: 140px;
 height: 155px;
 -webkit-transform: rotate(-6deg);
 transform: rotate(-6deg);
}

div.nav-career-icon {
 background-image: url("web_icons/compass.png");
 background-repeat: no-repeat;
 background-position: center;
 width: 127px;
 height: 98px;
 -webkit-transform: rotate(23deg);
 transform: rotate(23deg);
 position: relative;
 bottom: -18px;
 right: -9px;
}

div.nav-career {
 background-image: url("web_icons/w_career.png");
}

div.nav-career-selected {
 background-image: url("web_icons/r_career.png");
}

div.nav-community-position {
 background-repeat: no-repeat;
 background-position: bottom center;
 background-size: 101%;
 background-position: center bottom;
 position: relative;
 bottom: -5px;
 width: 140px;
 height: 155px;
 right: -3px;
 -webkit-transform: rotate(-5deg);
}

div.nav-community-icon {
 background-image: url("web_icons/glasses.png");
 background-repeat: no-repeat;
 background-size: 86%;
 background-position: center;
 width: 127px;
 height: 98px;
 -webkit-transform: rotate(0deg);
 position: relative;
 right: -7px;
 bottom: -8px;
}

div.nav-community {
 background-image: url("web_icons/w_community.png");
}

div.nav-community-selected {
 background-image: url("web_icons/r_community.png");
}

div.nav-skills-position {
 background-repeat: no-repeat;
 background-position: bottom center;
 position: relative;
 right: -15px;
 bottom: 8px;
 width: 140px;
 height: 155px;
}

div.nav-skills-icon {
 background-image: url("web_icons/spanner.png");
 background-repeat: no-repeat;
 background-position: center;
 width: 127px;
 height: 98px;
 -webkit-transform: rotate(0deg);
 position: relative;
 right: 2px;
 bottom: -18px;
}

div.nav-skills {
 background-image: url("web_icons/w_skills.png");
}

div.nav-skills-selected {
 background-image: url("web_icons/r_skills.png");
}

div.nav-private-position {
 background-repeat: no-repeat;
 background-position: bottom center;
 position: relative;
 right: -8px;
 bottom: 9px;
 width: 140px;
 height: 155px;
 -webkit-transform: rotate(-3deg);
}

div.nav-private-icon {
 background-image: url("web_icons/sign.png");
 background-repeat: no-repeat;
 background-position: center;
 width: 127px;
 height: 98px;
 -webkit-transform: rotate(0deg);
 position: relative;
 bottom: -14px;
}

div.nav-private {
 background-image: url("web_icons/w_private.png");
}

div.nav-private-selected {
 background-image: url("web_icons/r_private.png");
}

div.nav-download-position {
 background-repeat: no-repeat;
 background-position: bottom center;
 position: relative;
 right: -17px;
 bottom: 16px;
 width: 130px;
 height: 159px;
 -webkit-transform: rotate(3deg);
}

div.nav-download-icon {
 background-image: url("web_icons/futura.png");
 background-repeat: no-repeat;
 background-position: bottom center;
 width: 127px;
 height: 98px;
 -webkit-transform: rotate(0deg);
 position: relative;
 right: 5px;
 bottom: -23px;
}

div.nav-download {
 background-image: url("web_icons/w_download.png");
 background-position: bottom center;
}

div.nav-download-selected {
 background-image: url("web_icons/r_download.png");
 background-position: bottom center;
}

div.nav-home:hover {
 background-image: url("web_icons/st_home.png");
}

div.nav-career:hover {
 background-image: url("web_icons/st_career.png");
}

div.nav-community:hover {
 background-image: url("web_icons/st_community.png");
}

div.nav-skills:hover {
 background-image: url("web_icons/st_skills.png");
}

div.nav-private:hover {
 background-image: url("web_icons/st_private.png");
}

div.nav-download:hover {
 background-image: url("web_icons/st_download.png");
 background-position: bottom center;
}

div.main-content {
 position: relative;
 bottom: 5px;
 width: 840px;
}

div.mail-button {
 width: 144px;
 height: 100px;
 position: relative;
 bottom: -86px;
 right: -20px;
 cursor: pointer;
}

div.home-background {
 background-image: url("backgrounds/bg_home.png");
 background-repeat: no-repeat;
 width: 840px;
 height: 603px;
}

div.home-kaestschen {
 background-image: url("sprites/kaestchenZu.png");
 background-repeat: no-repeat;
 width: 198px;
 height: 167px;
 position: relative;
 bottom: -177px;
 right: -2px;
}

div.home-kaestschen:hover {
 background-image: url("sprites/kaestchenOffen.png");
}

div.home-schrank {
 background-image: url("sprites/schrankZu.png");
 background-repeat: no-repeat;
 width: 292px;
 height: 181px;
 position: relative;
 bottom: 870px;
 right: -218px;
}

div.home-schrank:hover {
 background-image: url("sprites/schrankOffenOrdnerli.png");
}

div.home-portrait {
 background-repeat: no-repeat;
 background-position: center;
 width: 72px;
 height: 90px;
 position: relative;
 bottom: 177px;
 right: -562px;
}

div.home-portrait-left {
 background-image: url("sprites/portraitLookRight.png");
}

div.home-portrait-right {
 background-image: url("sprites/portraitbackToRight.png");
}

div.home-portrait-front {
 background-image: url("sprites/portraitGrinning.png");
}

div.home-portrait-back {
 background-image: url("sprites/portraitBack.png");
}

div.home-portrait-right-rollover {
 width: 120px;
 height: 144px;
 position: relative;
 bottom: 389px;
 right: -543px;
}

div.home-portrait-left-rollover {
 width: 220px;
 height: 146px;
 position: relative;
 bottom: 794px;
 right: -687px;
}

div.home-portrait-front-rollover {
 width: 110px;
 height: 140px;
 position: relative;
 bottom: 382px;
 right: -712px;
}

div.home-portrait-back-rollover {
 width: 240px;
 height: 220px;
 position: relative;
 bottom: 95px;
 right: -171px;
}

div.career-background {
 background-image: url("backgrounds/bg_career.png");
 background-repeat: no-repeat;
 width: 840px;
 height: 603px;
}

div.career-phone {
 background-image: url("sprites/telephonestill.png");
 background-repeat: no-repeat;
 background-position: bottom left;
 width: 126px;
 height: 67px;
 position: relative;
 bottom: -137px;
 right: -4px;
}

div.career-phone:hover {
 background-image: url("sprites/telephoneRinging1.png");
}

div.career-text {
 background-color: transparent;
 width: 340px;
 height: 458px;
 position: relative;
 bottom: 105px;
 right: -422px;
 font: normal 100 normal x-small / 1.25 courier;
 transform: rotate(2deg);
 -webkit-transform: rotate(2deg);
}

div.community-background {
 background-image: url("backgrounds/bg_community.png");
 background-repeat: no-repeat;
 width: 840px;
 height: 603px;
}

div.community-phone {
 background-image: url("sprites/telephonestill.png");
 background-repeat: no-repeat;
 background-position: bottom left;
 width: 126px;
 height: 82px;
 position: relative;
 bottom: -122px;
 right: -4px;
}

div.community-phone:hover {
 background-image: url("sprites/telephoneRinging2.png");
}

div.community-list {
 position: relative;
 bottom: -24px;
 right: -502px;
 width: 268px;
 height: 394px;
 -webkit-transform: rotate(-20deg);
 transform: rotate(-20deg);
 font: 500 x-small / 1 courier;
}

div.skills-background {
 background-image: url("backgrounds/bg_skills.png");
 background-repeat: no-repeat;
 width: 840px;
 height: 603px;
}

div.skills-mouth {
 width: 23px;
 height: 41px;
 position: relative;
 bottom: -254px;
 right: -702px;
 transform: rotate(-10deg);
 -webkit-transform: rotate(0deg);
}

div.skills-mouth:hover {
 -webkit-transform: rotate(-14deg);
}

div.skills-eyes:hover {
 background-image: url("sprites/eyesfreakazoid.png");
 background-repeat: no-repeat;
 opacity: 0.72;
}

div.skills-eyes {
 background-image: ;
 background-repeat: no-repeat;
 width: 83px;
 height: 38px;
 position: relative;
 bottom: -179px;
 right: -681px;
}

div.skills-perspective {
 position: relative;
 right: -167px;
 bottom: -7px;
 height: 286px;
 width: 300px;
 margin: 50px;
 padding: 10px;
 border: 1px solid rgba(255, 0, 0, 0);
 -webkit-perspective: 200px;
 perspective: 150px;
}

div.skills-text {
 position: relative;
 background-color: transparent;
 border: 2px solid rgba(0, 0, 255, 0);
 width: 380px;
 height: 240px;
 bottom: -42px;
 right: -9px;
 -webkit-transform: rotateX(25deg);
 transform: rotateX(25deg);
 font: normal normal lighter medium / 1.4 courier;
}

div.private-background {
 background-image: url("backgrounds/bg_private.png");
 background-repeat: no-repeat;
 width: 840px;
 height: 603px;
}

div.private-girl {
 background-image: url("sprites/twirlygirlyDiscolight.png");
 background-repeat: no-repeat;
 width: 108px;
 height: 249px;
 position: relative;
 bottom: -113px;
 right: -298px;
}

div.private-girl:hover {
 background-image: url("sprites/twirlygirlyDiscolightsWink1.png");
}

div.private-greenbot-bubble {
 background-image: url("sprites/greenbotSpeechbubble.png");
 background-repeat: no-repeat;
 background-position: left bottom;
 width: 200px;
 height: 178px;
 position: relative;
 bottom: 238px;
 right: -24px;
 opacity: 0.001;
}

div.private-greenbot-clickarea {
 width: 118px;
 height: 142px;
 cursor: pointer;
 position: relative;
 bottom: 835px;
 right: -160px;
}

div.private-greybot-bubble {
 background-image: url("sprites/greybotSpeechbubble.png");
 background-repeat: no-repeat;
 background-position: center right;
 width: 254px;
 height: 207px;
 position: relative;
 bottom: 453px;
 right: -422px;
 opacity: 0.001;
}

div.private-greybot-clickarea {
 width: 109px;
 height: 144px;
 cursor: pointer;
 position: relative;
 bottom: 1007px;
 right: -415px;
}

div.private-freakazoid-bubble {
 background-image: url("sprites/freakazoidSpeechbubble.png");
 background-repeat: no-repeat;
 background-position: center top;
 width: 153px;
 height: 200px;
 position: relative;
 bottom: 496px;
 right: -711px;
 opacity: 0.001;
}

div.private-freakazoid-clickarea {
 width: 95px;
 height: 109px;
 position: relative;
 bottom: 1022px;
 right: -660px;
}

div.private-pinkguy-bubble {
 background-image: url("sprites/pinkguySpeechbubble.png");
 background-repeat: no-repeat;
 background-position: right bottom;
 width: 180px;
 height: 90px;
 position: relative;
 bottom: 597px;
 right: -87px;
 opacity: 0.001;
}

div.private-pinkguy-clickarea {
 width: 76px;
 height: 77px;
 position: relative;
 bottom: 1137px;
 right: -74px;
}

div.private-mirrorball {
 background-repeat: no-repeat;
 width: 150px;
 height: 148px;
 position: relative;
 bottom: 1468px;
 right: -243px;
}

div.private-mirrorball:hover {
 background-image: url("sprites/mirrorball.png");
 height: 149px;
 width: 151px;
 bottom: 1474px;
 position: relative;
}

div.download-background {
 background-image: url("backgrounds/bg_download.png");
 background-repeat: no-repeat;
 width: 840px;
 height: 603px;
}

div.download-rocket {
 background-image: url("sprites/flamerocket.png");
 background-repeat: no-repeat;
 width: 402px;
 height: 222px;
 position: relative;
 -webkit-transform: rotate(-12deg);
 bottom: 96px;
 right: -246px;
}

div.download-rocket:hover {
 background-image: url("sprites/flamerocket2.png");
}

div.download-cv-english {
 position: relative;
 width: 227px;
 height: 290px;
 bottom: 18px;
 right: -348px;
}

div.download-cv-german {
 position: relative;
 width: 227px;
 height: 290px;
 bottom: 352px;
 right: -586px;
}

div.designby {
 color: #FFFFFF;
 text-align: right;
 margin-top: -9px;
 font: 12px courier;
}