@charset "utf-8";
/* The animation code */
@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

/* The element to apply the animation to */

#ani{
    width: 100px;
    height: 100px;
    position: relative;
    background-color: red;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
#marquee {
 width: 200px;
 margin: auto;
 padding: -200px;
 overflow: hidden ;
 white-space: nowrap;

     animation: marquee 10s linear reverse infinite;
    -webkit-animation: marquee 10s linear reverse infinite;

	}

.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}
html, body {
    background-attachment: fixed;
    background-color: #160779;
    background-image: url("../Bilder/siege_of_shanghai_by_tri5tate-d6jslph.jpg");
    background-position: left top;
    background-size: cover;
    height: 100%;
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
body {
    color: white;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#wrapper {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
	position:relative;
    overflow: hidden !important;
}
#header {
    background-attachment: fixed;
    background-color: red;
    background-image: url("../Bilder/splatter.jpg");
    height: 134px;
    min-width: 783px;
    padding-top: 10px;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.h1 {color: white;
	float: center;}
.logo {
    float: middle;
    height: auto;
    margin: auto;
    max-width: 450px;
    position: inherit;
    width: 100%;
}
.logo img {
    width: 100%;
}
.header_navi {
    margin-left: 126px;
    margin-top: -58px;
    width: 288px;
	position: absolute;
}
.header_navi ul {
padding-top: 4px;
font-size: 17px;
/*font-family: "droid sans", verdana, sans-serif;*/
text-align: left;
font-style: normal;
}
.header_navi li {
    display: inline;
    list-style: none outside none;
    margin: 0 8px;
    padding: 0;
}
#pd-profil {
   background: url("../grafiken/layout/head_avatar.png") no-repeat scroll right center transparent;
    height: 132px;
    padding-top: 10px;
    position: absolute;
    right: 13px;
    top: 5px;
    width: 320px;
}
#pd-profil .status {
    float: left;
    width: 163px;
	text-align: right;
}
.head_avatar {
	float: left;
    height: auto;
    margin-left: 21px;
}
#navi {
    background: url("../Bilder/splatter.jpg") repeat scroll left top #132209;
    min-height: 26px;
    margin-top: 134px;
    width: 100%;
}
#navi li {
    display: inline;
    font-size: 100%;
    list-style: none outside none;
    margin: 0 4px;
    padding: 0;
}
#navi ul {
    padding-top: 2px;
	padding-right: 24px;
    text-align: right;
}
#info {
    width: 260px;;
	float: left;
}
#info li {
    display: inline;
    font-size: 100%;
    list-style: none outside none;
    margin: 0 8px;
    padding-left: 10px;
}
#info ul {
    padding-top: 2px;
	padding-right: 24px;
    text-align: left;
}
#inhalt {
    background-attachment: fixed;
    background-color: #141212;
    background-image: url("../grafiken/layout/content-hg.jpg");
    background-position: left top;
    background-repeat: repeat;
    border: 1px solid #D0C6B5;
    box-shadow: 0 3px 16px -5px #000000 inset;
    color: white;
    margin: 190px auto 70px;
    overflow: visible;
    padding: 18px;
    width: 666px;
}
#text {
    margin: 0 auto;
    width: 95%;
}
.textbox, .txb {
    background-color: #C2C0BE;
    box-shadow: 0 1px 6px;
    margin-bottom: 20px;
    padding: 14px 18px 15px;
}
.deko-left {
    margin-left: -22px;
    margin-top: -23px;
}
.deko-right {
    float: right;
    margin-right: -23px;
    margin-top: -29px;
}
.shadow-bottom {
    background: url("../grafiken/layout/footer_schatten.png") repeat-x scroll 0 0 transparent;
    height: 69px;
    margin-top: 48px;
    position: fixed;
    width: 100%;
}
#content {
    width: 100%;
}
#footer {
    background: url("../Bilder/Blut.jpg") repeat fixed left top #660000;
    border-top: 2px solid #51393C;
    bottom: 0;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
}
.footer_text {
    margin: 5px auto;
    width: 909px;
}
.karte_sidebar {
    background-color: #C2C0BE;
    box-shadow: 0 1px 6px;
    float: left;
    margin-left: 679px;
    margin-top: 163px;
    min-height: 111px;
    padding: 34px 1px 8px 12px;
    position: absolute;
    width: 111px;
	background-image:url("../grafiken/layout/sidebar-top.png");
	background-position: 4px 4px;
	background-repeat:no-repeat;
}
.karte_sidebar ul {
    padding-left: 5px;
}
.karte_sidebar li {
    list-style: none outside none;
    padding-bottom: 6px;
}
.shop_sidebar {
   background-color: #C2C0BE;
box-shadow: 0 1px 6px;
float: left;
margin-left: 679px;
margin-top: 0;
height: 553px;
min-height: 111px;
padding: 34px 5px 13px 5px;
position: absolute;
width: 140px;
background-image: url("../grafiken/layout/sidebar-top.png");
background-position: 31px 4px;
background-repeat: no-repeat;
overflow: scroll;
}
.shop_sidebar ul {
    padding-left: 5px; 
	line-height: 1.5em;
}
.shop_sidebar li {
    list-style: none outside none;
    padding-bottom: 2px;
}
.links_sidebar {
   background-color: #C2C0BE;
box-shadow: 0 1px 6px;
float: left;
margin-left: 679px;
margin-top: 163px;
min-height: 111px;
padding: 34px 20px 8px 12px;
position: absolute;
width: 177px;
background-image: url("../grafiken/layout/sidebar-top.png");
background-position: 41px 4px;
background-repeat: no-repeat;
}
.links_sidebar ul {
    padding-left: 5px;
}
.links_sidebar li {
    list-style: none outside none;
    padding-bottom: 16px;
}
ul {
    margin: 0;
    padding: 0;
}

h1 {
    background-image: url("../grafiken/layout/titel-ornament.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 120%;
    padding-left: 40px;
}
h2 {
    color: #FFFFFF;
    font-size: 105%;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
h3 {
    color: #FFFFFF;
    font-size: 100%;
    font-weight: 700;
    margin: 10px 0 0;
    padding: 0 0 0 5px;
}
input {
    background-color: #FFFFFF;
    border: 1px solid #8F7E6C;
}
.b {
    font-weight: 700;
}
.braunerbg {
    background-color: #8F7E6C;
}
.markierung_grau {
    background-color: #CCCCCC;
    border: 1px dotted #FFFFFF;
    margin-bottom: 16px;
	margin-left:80px;
	padding-left: 36px;
padding-right: 36px;
padding-bottom: 16px;
padding-top: 4px;
width:400px;
text-align:center;
}
a:link {
    color: #AF784B;
    text-decoration: overline;
}
a:visited {
    color: #AF784B;
    text-decoration: overline;
}
a:hover {
    color: #FF8438;
    text-decoration: none;
}
a:active {
    color: #5B442B;
    text-decoration: none;
}
#header a:link {
    color: #AF784B;
    text-decoration: none;
}
#header a:visited {
    color: #AF784B;
    text-decoration: none;
}
#header a:hover {
    color: #FF8438;
    text-decoration: none;
}
#header a:active {
    color: #5B442B;
    text-decoration: none;
}
#footer a:link {
    color: #AF784B;
    text-decoration: none;
}
#footer a:visited {
    color: #AF784B;
    text-decoration: none;
}
#footer a:hover {
    color: #FF8438;
    text-decoration: none;
}
#footer a:active {
    color: #5B442B;
    text-decoration: none;
}