body{
background-color:#ccc;
background-image: url('http://pokepirsif.de/layout/images/bg.jpg');
background-attachment: fixed;
color: #292929;
text-shadow: 1px 1px #fff;
font-family: 'verdana';
font-size: 12px;
line-height: 22px;
margin: auto;
padding-top: 3px;
}
#credit {
z-index: 9998;
position:fixed;
width:172px;
padding:5px;
background-color:#c4c4ce;
bottom:0px;
right:-160px;
font-size:13px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
#credit:hover {
right:0px;
color:#000;
}
#credit a{
color:#000;
text-decoration:none;
padding-right: 20px;
opacity:1;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
#credit a:hover {
text-decoration:none;
opacity:1;
}
a{
font-weight: normal;
color: #37812F;
text-decoration: none;
text-transform: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover{
color:#A84C5C;
text-decoration:none;
}
img{
border: none;
}
b {
color:#A18986;
}
i {
color:#5AA952;
}
u {
color:#A84C5C;
}
ol,ul {
list-style:none;
}
#container{
margin: 0 auto;
margin-top: -9px;
width:960px;
background-image: url('http://pokepirsif.de/layout/images/wrapper.png');
background-repeat: repeat-y;
}
#header{
position: absolute;
z-index: 9;
margin: 0px 0px 0px 0px;
width:960px;
height:0px;
background-repeat:no-repeat;
}
#shoutbox{
 position: absolute;
z-index: 8;
margin: 0px 0px 0px 0px;
width: 227px;
height: 376px;
padding-left: 3px;
margin-left: 725px;
top: 131px;
padding-top: 10px;
transition: all 0.7s ease 0s;
background-image: url('http://pokepirsif.de/layout/images/shout.png');
background-repeat:no-repeat;
}
#shoutbox:hover{
top: 440px;
}
#content{
z-index: 9;
float: left;
width: 620px;
padding-left: 75px;
padding-top: 435px;
margin: 0px;
}
#sidebar{
z-index: 9;
float: right;
width: 195px;
margin: 0px;
padding-top: 520px;
padding-right: 25px;
color: #555;
}
#navi1 {
width: 182px;
height: 142px;
padding-top: 8px;
}
.navi {
background-color: rgba(249, 249, 249, 0.50);
padding: 5px;
border-radius: 18px;
letter-spacing: 1px;
text-align: center;
border: 3px dotted #fff;
}
.nav{
text-transform: uppercase;
color: #A84C5C;
padding-left: 8px;
padding-top: 5px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #FFF;
float: left;
text-decoration: none;
font-family: 'Gentium Basic', serif;
font-style: italic;
font-size: 11px;
height: 15px;
width: 140px;
margin-left: 2px;
border-bottom: 1px dotted #BAABA9;
opacity: 0.7;
line-height: 15px;
}
.nav:hover{
text-shadow:1px 1px 0 #000;
color:#F9BEBE;
border-bottom: 1px dotted #BAABA9;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
#footer{
clear:both;
position: relative;
bottom: 0;
height: 119px;
text-align: center;
margin-bottom: -20px;
width:878px;
margin-left: 21px;
padding-top: 50px;
}
blockquote{
background-color: #F6F5EA;
padding: 5px;
border-radius: 18px;
letter-spacing: 1px;
text-align: center;
border: 2px dotted #BAABA9;
}
.menue{
font-family: 'Gentium Basic', serif;
font-weight: normal;
font-size: 26px;
color: #DBCD78;
text-decoration: none;
text-transform: none;
text-align: left;
margin: 1px 1px -30px -20px;
padding: 8px 1px 1px 40px;
height: 68px;
font-style: italic;
background: transparent url("http://pokepirsif.de/layout/images/menue.png") no-repeat scroll 0% 0%;
width: 229px;
}
sub{
font-size: 16px;
color: #A84C5C;
margin-top: 8px;
position: absolute;
}
h1 {
font-family: 'Gentium Basic', serif;
font-weight: normal;
font-size: 30px;
color: #DBCD78;
text-decoration: none;
text-transform: none;
text-align: left;
margin: 1px;
padding: 5px 1px 1px;
height: 68px;
font-style: italic;
background: transparent url("http://pokepirsif.de/layout/images/h1.png") no-repeat scroll 0% 0%;
padding-left: 48px;
padding-top: 41px;
margin-bottom: -40px;
}
h2 {
font-family: 'Gentium Basic', serif;
font-weight: normal;
font-size: 18px;
color: #DBCD78;
text-decoration: none;
text-transform: none;
text-align: left;
margin: 1px;
padding: 5px 1px 1px;
height: 30px;
font-style: italic;
background: transparent url("http://pokepirsif.de/layout/images/h2.png") no-repeat scroll 0% 0%;
padding-left: 30px;
padding-top: 8px;
}
table {
border: 0px;
color: #292929;
text-shadow: 1px 1px #fff;
font-family: 'verdana';
font-size: 12px;
line-height: 22px;
margin: auto;
padding-top: 3px;
}
thead {
font-family: 'Gentium Basic', serif;
font-size: 16px;
font-style: italic;
text-align: center;
background: #DABEB7;
color: #903A3E;
}
input {
font-size: 12px;
font-family: Verdana;
color: #292929;
background-color: #F8C7BE;
border: 1px solid #64B66D;
}
input[type="submit"] {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #FFFFFF;
background-color: #F0908A;
border: 1px solid #64B66D;
}
input[type="reset"] {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #FFFFFF;
background-color: #F0908A;
border: 1px solid #64B66D;
}
.tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
  font-family: Verdana, Arial, Helvetica;
  font-size: 0.75rem;
  color: #292929;
}
.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 100%;
  left: 10px;
  margin-top: 10px;
  background-color: #F4A7A4;
  color: #292929;
  border: 1px solid #292929;
  padding: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Verdana, Arial, Helvetica;
  font-size: 0.75rem;
  border-radius: 3px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
  min-width: 150px;
  max-width: 300px;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.tooltip:hover::after {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.tooltip[data-caption]::before {
  content: attr(data-caption);
  position: absolute;
  top: calc(100% + 10px);
  left: 10px;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: 0.75rem;
  color: #FFFFFF;
  background-color: #F4A7A4;
  padding: 2px 4px;
  border-radius: 3px 3px 0 0;
  border: 1px solid #292929;
  border-bottom: none;
  white-space: nowrap;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}
.tooltip[data-caption]:hover::before {
  opacity: 1;
  visibility: visible;
}
.tooltip .close-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 0.75rem;
  color: #DBCD78;
  cursor: pointer;
  user-select: none;
  background: transparent;
  border: none;
}