img { border: none; }

body {
  color: #FFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}
body.home {
  background: #CCC url("../i/bg-home.jpg") center top repeat;
}
body.contact {
  background: #CCC url("../i/bg-kontakt.jpg") center top repeat;
}
body.information {
  background: #CCC url("../i/bg-information.jpg") center top repeat;
}
body.wall-of-fame, body.map {
  background: #CCC url("../i/bg-wall-of-fame.jpg") center top repeat;
}
body.register {
  background: #CCC url("../i/bg-register.jpg") center top repeat;
}
body.forum {
  background: #CCC url("../i/bg-forum.jpg") center top repeat;
}

em { font-style: normal; }
strong { font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 18px; margin: 0; padding: 0; }
#primary, #primary li,
ol.list, ul.list,
.list li { list-style-type: none; margin: 0; padding: 0; }

.headline { text-indent: -3000px; }

#wrapper {
  margin: 0 auto;
  min-height: 700px;
  padding: 20px 0px;
  width: 980px;
}
.contact #wrapper { padding: 0; }

#wrapper #content {
  font-size: 21px;
  line-height: 25px;
  position: absolute;
}
#wrapper #content h2 {
  font-size: 21px;
  line-height: 25px;
}

.home #wrapper #content {
  margin-left: 265px;
  top: 55px;
  width: 330px;
}
.contact #wrapper #content {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  margin-left: 100px;
  top: 362px;
  width: 500px;
}
.information #wrapper #content {
  color: #fff;
  margin-left: 260px;
  top: 60px;
  width: 585px;
}
.wall-of-fame #wrapper #content {
  color: #fff;
  margin-left: 290px;
  top: 60px;
  width: 585px;
}
.map #wrapper #content {
  color: #fff;
  margin-left: 280px;
  top: 40px;
  width: 710px;
}
.register #wrapper #content {
  background-color: rgba(194,255,144,.5);
  color: #000;
  margin-left: 340px;
  top: 30px;
  width: 430px;
}
.ie6.register #wrapper #content,
.ie7.register #wrapper #content,
.ie8.register #wrapper #content { background-color: #a8c49e; }

.forum #wrapper #content {
  color: #fff;
  margin-left: 330px;
  top: 60px;
  width: 585px;
}

#content a.cufon-link { color: #3f393d; text-decoration: none; }
#content a.cufon-link:hover { color: #fff; }

/** News Styles **/

.information #wrapper #content {
  font-size: 18px;
  line-height: 22px;
}
.information #wrapper #content a { color: #6dcff6; }

.information #wrapper #content h1 {
  border-bottom: solid 1px #fff;
}
.information #wrapper #content.news h2,
.information #wrapper #content.news h4 {
  float: left;
  width: 400px;
}
.information #wrapper #content.news h3 {
  float: right;
  text-align: right;
  width: 185px;
}
.information #wrapper #content.news div {
  clear: both;
  padding-top: 5px;
}
.information #wrapper #content.news h2,
.information #wrapper #content.news h3 { 
  color: #e6e06a; 
  font-size: 18px;
  font-weight: normal; 
  line-height: 22px;
  margin: 20px 0 10px 0;
  padding: 0;
  text-decoration: none;
}

.information #wrapper #content.news div a { color: #6dcff6; }
.information #wrapper #content.news div img { display: block; margin: auto; }


.information #wrapper #content.faq h3 { font-weight: bold; }
.information #wrapper #content.faq ul.faq { list-style: none; margin: 20px 0; padding: 0; }
.information #wrapper #content.faq a,
.information #wrapper #content.faq h3 { color: #e6e06a; text-decoration: none; }

#logo { 
  font-size: 42px;
  text-align: center;
  margin: 40px 0 20px 0;
  padding: 0;
  width: 236px; 
}
#primary { 
  font-size: 21px;
  text-align: center; 
  width: 236px; 
}
#primary li { padding-bottom: 20px;  }
#primary a, #logo a { color: #3f393d; text-decoration: none; }
#primary a:hover, 
#primary li.selected a,
#primary li.selected li a:hover, 
#primary li.selected li.selected a,
#logo a:hover { color: #fff; }

#primary li ul { margin: 10px 0 0 0; padding: 0; }
#primary li li { 
  font-size: 13px;
  padding-bottom: 10px;
}
#primary li.selected li a {
  color: #3f393d;
  font-size: 13px;
}

.home #primary,
.wall-of-fame #primary,
.map #primary { margin-top: 150px; }
.forum #primary { margin-top: 200px; }
.register #primary { margin: 200px 0 0 70px; }

/** Secondary (select character) **/
#secondary {
  list-style: none;
  margin: 0;
  padding: 0;
}

#secondary li { 
  margin-bottom: 10px;
}

#secondary a { 
  background-color: rgba(194,255,144,.5);
  color: #000;
  padding: 5px;
  display: block;
  text-decoration: none;
}

.ie6 #secondary a,
.ie7 #secondary a,
.ie8 #secondary a {
  background-color: #a8c49e;
}

#secondary li.selected a { 
  background-color: rgba(255,255,255,.5);
}

.ie6 #secondary li.selected a,
.ie7 #secondary li.selected a,
.ie8 #secondary li.selected a { 
  background-color: #ccc;
}


/** Home: Latest Characters */
.home #wrapper #latest {
  margin-left: 613px;
  position: absolute;
  top: 0px;
}
.home #wrapper #latest h3 {
  background: transparent url("../i/home.png") -865px 0px no-repeat;
  height: 370px;
  left: 251px;
  position: absolute;
  top: 0px;
  width: 30px;
}
.home #wrapper #latest ul {
  height: 370px;
  left: 0px;
  position: absolute;
  top: 50px;
  width: 210px;
}
.home #wrapper #latest ul li {
  background-color: rgba(255,255,255,.5);
  color: #3f393d;
  margin-bottom: 26px;
  overflow: hidden;
  padding: 8px;
  position: relative;
}

.ie6.home #wrapper #latest ul li,
.ie7.home #wrapper #latest ul li,
.ie8.home #wrapper #latest ul li { 
  background-color: #ccc;
}

#latest strong { 
  display: block;
  float: left;
  margin-bottom: 10px;
}
#latest em { 
  clear: left; 
  display: block; 
  font-size: 10px;
  text-align: center;
}

#latest .avatar {
  background-color: #FFF;
  border: solid 1px #333;
  clear: left;
  display: block;
  float: right;
  height: 75px;
  margin: 0;
  padding: 12px;
  width: 75px;
}
#latest .avatar img { display: block; margin: auto; height: 75px; width: 75px; }

/** Contact Headers **/
#contact {
  height: 390px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.contact #content a { color: #fff; }

#contact li, #contact a {
  text-indent: -2999px;
  position: absolute;
}

#contact li.start a {
  background: transparent url(../i/start.png) top left no-repeat;
  height: 52px;
  left: 800px;
  top: 10px;
  width: 124px;
}
#contact li.start a:hover { background-position: 0px -52px; }

#contact li.contact a {
  background: transparent url(../i/kontakt.png) top left no-repeat;
  height: 97px;
  left: 80px;
  top: 260px;
  width: 287px;
}

#contact li.impressum a {
  background: transparent url(../i/kontakt-impressum.png) top left no-repeat;
  display: block;
  height: 49px;
  left: 410px;
  top: 236px;
  width: 163px;
}
#contact.contact li.impressum a:hover { background-position: 0px -49px; }

#contact.impressum li.impressum a {
  background: transparent url(../i/impressum.png) top left no-repeat;
  height: 90px;
  left: 80px;
  top: 260px;
  width: 302px;
}

#contact.impressum li.contact a {
  background: transparent url(../i/impressum-kontakt.png) top left no-repeat;
  height: 53px;
  left: 410px;
  top: 236px;
  width: 157px;
}
#contact.impressum li.contact a:hover { background-position: 0px -53px; }

/** Wall of Fame **/
.wall-of-fame h1 {
  background: transparent url(../i/wall-of-fame.png) top left no-repeat;
  height: 79px;
  text-indent: -2000px;
  width: 287px;
}

.wall-of-fame #resultset {
  margin: -15px 0 0 25px;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 252px;
}

.wall-of-fame .search-filter {
  font-size: 14px;
  line-height: 16px;
}
.wall-of-fame .stones {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 84px;
}
.wall-of-fame .stones.b { margin-top: -12px; }
.wall-of-fame .stones.c { margin-top: -23px; }

.wall-of-fame .stones li {
  height: 55px;
  padding-bottom: 18px;
  width: 74px;
}

.wall-of-fame .stones.b li { padding-bottom: 20px; }
.wall-of-fame .stones.c li { padding-bottom: 22px; }

.wall-of-fame .stones a {
  display: block;
  height: 49px;
  width: 74px;
}

.wall-of-fame .stones .inactive a {
  opacity: .5;
}

.wall-of-fame #nav, 
.wall-of-fame #search ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wall-of-fame #nav { 
  padding-left: 55px; 
  overflow: hidden; 
  width: 300px;
}
#nav li { float: left; }
#nav li a {
  display: block;
  height: 28px;
  text-indent: -2000px;
  width: 34px;
}
#nav #next a,
#nav #previous a { width: 20px; }

#nav #stop {
  background: transparent url(../i/stop.png) center center no-repeat;
  height: 28px;
  padding: 0 10px; 
  width: 30px;
}
#nav #begin {
  background: transparent url(../i/begin.png) top left no-repeat;
}
#nav #end {
  background: transparent url(../i/end.png) top left no-repeat;
}
#nav #next {
  background: transparent url(../i/next.png) top left no-repeat;
  margin-right: 10px;
}
#nav #previous {
  background: transparent url(../i/previous.png) top left no-repeat;
  margin-left: 10px;
}

.wall-of-fame #search {
  margin: 30px 0 0 40px;
  width: 210px;
}
.wall-of-fame #search #query {
  width: 200px;
}
.wall-of-fame #search .button { float: right; }

.wall-of-fame #profile {
  left: 400px;
  position: absolute;
  top: 0;
  width: 300px;
}


#content #profile {
  font-size: 13px;
}
#content #profile h2 {
  border-bottom: solid 1px #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}
#content #profile img { 
  display: block; 
  float: left; 
}
#content #profile a { 
  color: #fff;
}
#content #profile ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  width: 180px;
}
#content #profile.image ul {
  clear: right;
  float: right;
}
#content #profile li span {
  clear: right;
  display: block;
  float: left;
  width: 80px;
}
#content #profile li em {
  display: block;
  float: right;
  width: 100px;
}
#content #profile #testament { clear: both; }
#content #profile #testament h3 { 
  border-bottom: solid 1px #fff; 
  font-size: 14px;
}

/** Map */
.map h1 {
  background: transparent url(../i/memorial-map.png) top left no-repeat;
  height: 152px;
  text-indent: -2000px;
  width: 317px;
}

#map ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent url(../i/map.png) top left no-repeat;
  height: 457px;
  top: 100px;
  right: 0px;
  position: absolute;
  text-indent: -2000px;
  width: 340px;
  z-index: 0;
}
#map li { display: block; position: absolute; z-index: 10; }
#map img { display: block; }

#map li.small  { height: 10px; margin: -5px 0 0 -5px; width: 10px; }
#map li.medium { height: 30px; margin: -15px 0 0 -15px; width: 30px; }
#map li.large  { height: 60px; margin: -30px 0 0 -30px; width: 60px; }

#zip-01 { left: 289px; top: 225px; }
#zip-02 { left: 322px; top: 216px; }
#zip-03 { left: 303px; top: 190px; }
#zip-04 { left: 253px; top: 213px; }
#zip-06 { left: 212px; top: 202px; }
#zip-07 { left: 218px; top: 252px; }
#zip-08 { left: 240px; top: 259px; }
#zip-09 { left: 267px; top: 244px; }
#zip-10 { left: 270px; top: 151px; }
#zip-12 { left: 281px; top: 153px; }
#zip-13 { left: 271px; top: 141px; }
#zip-14 { left: 255px; top: 158px; }
#zip-15 { left: 298px; top: 163px; }
#zip-16 { left: 263px; top: 121px; }
#zip-17 { left: 272px; top:  82px; }
#zip-18 { left: 250px; top:  46px; }
#zip-19 { left: 208px; top:  97px; }
#zip-20 { left: 150px; top:  91px; }
#zip-21 { left: 150px; top:  99px; }
#zip-22 { left: 115px; top:  84px; }
#zip-23 { left: 171px; top:  67px; }
#zip-24 { left: 152px; top:  52px; }
#zip-25 { left: 127px; top:  47px; }
#zip-26 { left:  79px; top: 100px; }
#zip-27 { left: 118px; top:  96px; }
#zip-28 { left: 118px; top: 112px; }
#zip-29 { left: 172px; top: 129px; }
#zip-30 { left: 145px; top: 153px; }
#zip-31 { left: 128px; top: 143px; }
#zip-32 { left: 115px; top: 170px; }
#zip-33 { left: 109px; top: 191px; }
#zip-34 { left: 129px; top: 222px; }
#zip-35 { left: 107px; top: 252px; }
#zip-36 { left: 144px; top: 251px; }
#zip-37 { left: 159px; top: 204px; }
#zip-38 { left: 177px; top: 169px; }
#zip-39 { left: 217px; top: 157px; }
#zip-40 { left:  43px; top: 217px; }
#zip-41 { left:  25px; top: 222px; }
#zip-42 { left:  54px; top: 220px; }
#zip-44 { left:  62px; top: 204px; }
#zip-45 { left:  54px; top: 196px; }
#zip-46 { left:  39px; top: 189px; }
#zip-47 { left:  28px; top: 204px; }
#zip-48 { left:  62px; top: 169px; }
#zip-49 { left:  75px; top: 144px; }
#zip-50 { left:  40px; top: 237px; }
#zip-51 { left:  62px; top: 231px; }
#zip-52 { left:  24px; top: 242px; }
#zip-53 { left:  43px; top: 255px; }
#zip-54 { left:  32px; top: 289px; }
#zip-55 { left:  70px; top: 295px; }
#zip-56 { left:  63px; top: 273px; }
#zip-57 { left:  83px; top: 237px; }
#zip-58 { left:  71px; top: 219px; }
#zip-59 { left:  91px; top: 201px; }
#zip-60 { left: 105px; top: 285px; }
#zip-61 { left: 104px; top: 275px; }
#zip-63 { left: 123px; top: 286px; }
#zip-64 { left: 110px; top: 306px; }
#zip-65 { left:  88px; top: 276px; }
#zip-66 { left:  50px; top: 326px; }
#zip-67 { left:  81px; top: 318px; }
#zip-68 { left: 100px; top: 322px; }
#zip-69 { left: 112px; top: 324px; }
#zip-70 { left: 122px; top: 364px; }
#zip-71 { left: 130px; top: 351px; }
#zip-72 { left: 116px; top: 384px; }
#zip-73 { left: 148px; top: 359px; }
#zip-74 { left: 134px; top: 334px; }
#zip-75 { left: 104px; top: 354px; }
#zip-76 { left:  90px; top: 354px; }
#zip-77 { left:  81px; top: 374px; }
#zip-78 { left: 100px; top: 404px; }
#zip-79 { left:  78px; top: 413px; }
#zip-80 { left: 212px; top: 397px; }
#zip-81 { left: 201px; top: 398px; }
#zip-82 { left: 200px; top: 416px; }
#zip-83 { left: 239px; top: 409px; }
#zip-84 { left: 246px; top: 380px; }
#zip-85 { left: 218px; top: 379px; }
#zip-86 { left: 188px; top: 384px; }
#zip-87 { left: 169px; top: 420px; }
#zip-88 { left: 143px; top: 413px; }
#zip-89 { left: 161px; top: 382px; }
#zip-90 { left: 195px; top: 323px; }
#zip-91 { left: 181px; top: 341px; }
#zip-92 { left: 228px; top: 320px; }
#zip-93 { left: 234px; top: 344px; }
#zip-94 { left: 270px; top: 358px; }
#zip-95 { left: 220px; top: 289px; }
#zip-96 { left: 192px; top: 285px; }
#zip-97 { left: 153px; top: 295px; }
#zip-98 { left: 182px; top: 262px; }
#zip-99 { left: 189px; top: 229px; }

.map #secondary {
  margin: 20px 0 0 5px;
  padding: 0;
  width: 300px;
}

#map-start { position: absolute; left: -200px; top: 50px; }
#map-start a { color: #282b2b; font-size: 30px; }
#map-profile { 
  background: transparent url(../i/profil.png) top left no-repeat;
  height: 234px;
  left: 343px; 
  position: absolute; 
  top: 130px;
  text-indent: -2000px;
  width: 31px;
}
#map-photo { 
  background: transparent url(../i/foto.png) top left no-repeat;
  height: 138px;
  left: -42px; 
  position: absolute; 
  top: 180px;
  text-indent: -2000px;
  width: 25px;
}
#map-portrait { 
  background-color: rgba(255,255,255,.5);
  left: -202px; 
  padding: 10px;
  position: absolute; 
  top: 200px;
}
.ie6 #map-portrait,
.ie7 #map-portrait,
.ie8 #map-portrait {
  background-color: #ccc;
}

.map #profile {
  background-color: rgba(255,255,255,.5);
  color: #000;
  margin: 30px 0 0 -3px;
  overflow: hidden;
  padding: 10px;
  width: 300px;
}
.ie6.map #profile,
.ie7.map #profile,
.ie8.map #profile {
  background-color: #ccc;
}

.map #content #profile h2,
.map #content #profile #testament h3 { border-color: #000; }

/** Forum */
.forum #content {
  background-color: rgba(255,255,255,.5);
  color: #000;
  min-height: 500px;
  padding: 20px;
}

.ie6.forum #content,
.ie7.forum #content,
.ie8.forum #content {
  background-color: #ccc;
}

.forum #content a { color: #000; }

.forum #content h1 {
  border-bottom: solid 1px #000;
  color: #000;
  font-size: 14px;
}

.forum #content h2,
.forum #content h3 {
  color: #000;
  font-size: 18px;
  line-height: 22px;
}
.forum #content h2 {
  padding-top: 20px;
}
.forum #content h2#new-entry-switch {
  font-size: 14px;
  line-height: 18px;
}
.forum #content h2#new-entry-switch.active { cursor: pointer; }


.forum #content h2.divider {
  border-top: solid 1px #000;
  margin-top: 40px;
}
.forum #content div {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.forum #content ul.comments,
.forum #content ul.comments h4 {
  color: #000;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
.forum #content ul.comments li { margin-top: 20px; }
.forum #content ul.comments li span { float: right; }

.forum #content form.standard { margin-top: 20px; }


.forum ul.overview {
  font-size: 14px;
  line-height: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.forum ul.overview li { margin-top: 20px; overflow: hidden; }

.forum ul.overview a {
  color: #000;
  display: block;
  float: left;
  text-decoration: none;
  width: 400px;
}
.forum ul.overview span {
  color: #000;
  display: block;
  float: right;
  text-align: right;
  width: 100px;
}

/** Main Register Form **/
.register #content {
  color: #000;
  min-height: 500px;
  padding: 20px;
}
.register #content h1 {
  border-bottom: solid 1px #000; 
}

form.standard {
  font-size: 14px;
}

.register #wrapper #content form#profile h2 {
  font-size: 16px;
  margin: 10px 0 10px 0;
}

.register #content #delete-form {
  position: absolute;
  right: 20px;
  top: 10px;
}
.register #content #delete-form input {
  background-image: none;
  background-color: #e19798;
  border: none;
  font-size: 14px;
  line-height: 16px;
}

form.standard ol {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}
form.standard span.tip {
  display: block;
  font-size: 10px;
  margin-top: -7px;
  padding-left: 120px;
}

form.standard ol li.error,
form.standard ol .error { color: red; }

form.standard ol li.last { display: none; }

form.standard ol li.text label,
form.standard ol li.textarea label,
form.standard ol li.file label,
form.standard ol li.select label {
  display: block;
  float: left;
  width: 120px;
}
form.standard ol li.file img { margin-left: 120px; }

form.standard ol li.radio { margin-left: 120px; overflow: hidden; }
form.standard ol li.radio input,
form.standard ol li.radio label { display: block; float: left; line-height: 20px; }
form.standard ol li.radio label { width: 200px; }
form.standard ol li.radio.long label { font-size: 11px; line-height: 18px; width: 280px; }
form.standard ol li.radio input { clear: left; }

form.standard li.text input { width: 130px; }
form.standard textarea { height: 140px; width: 300px; }

form.standard li.submit { margin-top: 40px; text-align: right; }
form.standard li.submit input {
  background-image: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
}

.register #secondary {
  margin: 30px 0 0 820px;
  position: absolute;
  top: 0;
}


/** Small Register/Login Form */
#wrapper form#register {
  margin: 0;
  padding: 20px 50px;
  position: absolute;
  top: 580px;
  width: 130px;
}
#wrapper form#register.logged-in {
}

#wrapper form#register label { display: none; }

.register #wrapper form#register { margin-left: 105px; }

form {
  color: #000;
}

/** Coordinates Tool **/
#coords-map {
  background: transparent url(../i/coords-map.png) top left no-repeat;
  height: 457px;
  width: 340px;
}