html {
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	font-style: italic;
	color: #b32400;
	font-style: bolder;
}

.outerContent {
	padding: 30px;
}

.mainContent {
	width: 1280px;
	height: auto;
	max-height: auto;
	position: relative;
	border: 0px solid gray;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	box-shadow: 0px 0px 40px 10px #000000;
	font-family: verdana, sans-serif;
	border-spacing: 0px;
	background-color: #87ceeb;
}

.nojsactiv {
	color: red;
	font-weight: bolder;
	font-style: italic;
	border: 5px double red;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	margin: 20px;
	padding: 15px;
}

/* Inside of mainContent */
.headerContent {
	background: transparent url('../images/header.png') scroll no-repeat top center;
	width: 1280px;
	height: 398px;
	position: relative;
	border-spacing: 0px;
}

/* Inside of headerContent */
.titleContent {
	background: transparent url('../images/wolke.png') scroll no-repeat center center;
	position: absolute;
	width: 430px;
	height: 120px;
	top: auto;
	bottom: 10px;
	left: 350px;
	text-align: center;
}

.titleInner {
	width: inherit;
	height: auto;
	transform: rotate(-5deg);
	font-size: 20px;
	position: absolute;
	top: 40px;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	color: #ffffff;
}

/* Inside of headerContent */
.fontnameContent {
	background: transparent url('../images/fontname.png') scroll no-repeat center center;
	width: 900px;
	height: 200px;
	position: absolute;
	top: 5px;
	left: 190px;
}

/* Inside of mainContent */
.bodyContent {
	background: transparent url('../images/middle.png') scroll repeat-y center top;
	width: 1280px;
	height: auto;
	min-height: 284px;
	position: relative;
	border-spacing: 0px;
}

.bodyInner {
	width: 720px;
	height: auto;
	margin-left: 280px;
}

.naviContent {
	background: transparent url('../images/navi.png') scroll no-repeat center center;
	width: 1280px;
	height: 170px;
	position: relative;
}

.naviContent a {
	text-decoration: none;
	font-style: none;
	color: Inherit;
}

.navi_1 {
	position: absolute;
	top: 55px;
	left: 360px;
	width: 125px;
	cursor: pointer;
}

.navi_2 {
	position: absolute;
	top: 55px;
	left: 505px;
	width: 125px;
	cursor: pointer;
}

.navi_3 {
	position: absolute;
	top: 55px;
	left: 648px;
	width: 125px;
	cursor: pointer;
}

.navi_4 {
	position: absolute;
	top: 55px;
	left: 793px;
	width: 125px;
	cursor: pointer;
}

.navi_font {
	text-align: center;
	font-weight: bolder;
	font-style: italic;
	font-size: 20px;
	color: #000000;
	cursor: pointer;
	text-shadow: -2px 0 #daa520, 0 2px #daa520, 2px 0 #daa520, 0 -2px #daa520;
}

/* Inside of bodyContent */
.leftTree {
	position: absolute;
	width: 250px;
	height: auto;
	top: 20px;
	left: 16px;
	overflow: visible;
}

.subNaviContent {
	position: relative;
	color: #ffffff;
	overflow: visible;
}

.subNaviContent a {
	text-decoration: none;
	font-style: none;
	color: Inherit;
}

.subNaviRightContent {
	width: 250px;
	height: 70px;
	overflow: visible;
	position: relative;
}

.subNaviRightBackground {
	background: transparent url('../images/sign_tree_right.png') scroll no-repeat right center;
	width: 120px;
	height: 130px;
	position: absolute;
	top: -30px;
	left: 132px;
	cursor: pointer;
}

.subNaviRightInner {
	left: -10px;
	padding-top: 50px;
	color: #ffffff;
	text-align: center;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	transform: rotate(-25deg);
	padding-right: 10px;
}

.subNaviLeftContent {
	width: 250px;
	height: 70px;
	overflow: visible;
	position: relative;
}

.subNaviLeftBackground {
	background: transparent url('../images/sign_tree_left.png') scroll no-repeat left center;
	width: 120px;
	height: 130px;
	position: absolute;
	top: -30px;
	left: 0px;
	cursor: pointer;
}

.subNaviLeftInner {
	padding-left: 5px;
	width: auto;
	height: auto;
	padding-top: 55px;
	color: #ffffff;
	text-align: center;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	transform: rotate(25deg);
}

/* Inside of bodyContent */
.rightTree {
	position: absolute;
	width: 250px;
	height: auto;
	top: 15px;
	left: auto;
	right: 15px;
}

.statsHeaderContent {
	width: inherit;
	position: relative;
	height: 20px;
	color: black;
	font-weight: bolder;
	text-decoration: underline;
	font-size: 20px;
	text-shadow: -2px 0 #ff8c00, 0 2px #ff8c00, 2px 0 #ff8c00, 0 -2px #ff8c00;
}

.statsLeftHeader {
	top: 0px;
	left: 0px;
	width: 125px;
	height: 20px;
	text-align: center;
	transform: rotate(26deg);
	position: absolute;
}

.statsRightHeader {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	height: 20px;
	text-align: center;
	transform: rotate(-26deg);
	position: absolute;
}

.statsContent {
	width: inherit;
	height: auto;
	position: relative;
	height: 90px;
}

.statsBackground {
	background: transparent url('../images/double_sign.png') scroll no-repeat center center;
	position: absolute;
	width: 250px;
	height: 130px;
	top: -20px;
}

.statsLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 130px;
	text-align: right;
	font-size: 14px;
	color: #ff8c00;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.statsLeftLine1 {
	transform: rotate(26deg);
	position: absolute;
	top: 27px;
	left: -5px;
	width: 120px;
}

.statsLeftLine2 {
	transform: rotate(26deg);
	position: absolute;
	top: 44px;
	left: -5px;
	width: 120px;
}

.statsLeftLine3 {
	transform: rotate(26deg);
	position: absolute;
	top: 61px;
	left: -5px;
	width: 120px;
}

.statsLeftLine4 {
	transform: rotate(26deg);
	position: absolute;
	top: 78px;
	left: -5px;
	width: 120px;
}

.statsRight {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	height: 130px;
	text-align: left;
	font-size: 14px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.statsRightLine1 {
	transform: rotate(-26deg);
	position: absolute;
	top: 27px;
	left: 10px;
	width: 120px;
}

.statsRightLine2 {
	transform: rotate(-26deg);
	position: absolute;
	top: 44px;
	left: 10px;
	width: 120px;
}

.statsRightLine3 {
	transform: rotate(-26deg);
	position: absolute;
	top: 61px;
	left: 10px;
	width: 120px;
}

.statsRightLine4 {
	transform: rotate(-26deg);
	position: absolute;
	top: 78px;
	left: 10px;
	width: 120px;
}

.counterHeaderContent {
	width: inherit;
	position: relative;
	height: 20px;
	color: black;
	font-weight: bolder;
	text-decoration: underline;
	font-size: 20px;
	text-shadow: -2px 0 #40e0d0, 0 2px #40e0d0, 2px 0 #40e0d0, 0 -2px #40e0d0;
}

.counterLeftHeader {
	top: 0px;
	left: 0px;
	width: 125px;
	height: 20px;
	text-align: center;
	transform: rotate(26deg);
	position: absolute;
}

.counterRightHeader {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	height: 20px;
	text-align: center;
	transform: rotate(-26deg);
	position: absolute;
}

.counterContent {
	width: inherit;
	position: relative;
	height: 90px;
}

.counterBackground {
	background: transparent url('../images/double_sign.png') scroll no-repeat center center;
	position: absolute;
	width: 250px;
	height: 130px;
	top: -20px;
}

.counterLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 130px;
	text-align: right;
	font-size: 14px;
	color: #40e0d0;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.counterLeftLine1 {
	transform: rotate(26deg);
	position: absolute;
	top: 27px;
	left: -5px;
	width: 120px;
}

.counterLeftLine2 {
	transform: rotate(26deg);
	position: absolute;
	top: 44px;
	left: -5px;
	width: 120px;
}

.counterLeftLine3 {
	transform: rotate(26deg);
	position: absolute;
	top: 61px;
	left: -5px;
	width: 120px;
}

.counterLeftLine4 {
	transform: rotate(26deg);
	position: absolute;
	top: 78px;
	left: -5px;
	width: 120px;
}

.counterRight {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	height: 130px;
	text-align: left;
	font-size: 14px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.counterRightLine1 {
	transform: rotate(-26deg);
	position: absolute;
	top: 27px;
	left: 10px;
	width: 120px;
}

.counterRightLine2 {
	transform: rotate(-26deg);
	position: absolute;
	top: 44px;
	left: 10px;
	width: 120px;
}

.counterRightLine3 {
	transform: rotate(-26deg);
	position: absolute;
	top: 61px;
	left: 10px;
	width: 120px;
}

.counterRightLine4 {
	transform: rotate(-26deg);
	position: absolute;
	top: 78px;
	left: 10px;
	width: 120px;
}

/* Inside of mainContent */
.footerContent {
	background: transparent url('../images/footer.png') scroll no-repeat center top;
	width: 1280px;
	height: 206px;
	position: relative;
	border-spacing: 0px;
}

/* Inside of footerContent */
.footerInner {
	position: absolute;
	width: inherit;
	height: auto;
	top: auto;
	bottom: 10px;
	text-align: center;
}

.friends {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%) perspective(50px) rotateX(5deg);
	transform-style: preserve-3d;
	opacity: 0.8;
	text-align: center;
}

.friendsHeader {
	text-align: center;
	font-weight: bolder;
	width: 100%;
	margin-bottom: 10px;
}

.friends img {
	max-width: 250px;
	max-height: 60px;
	z-index: 100;
}

.impressumContent {
	width: 1px;
	height: 1px;
	overflow: visible;
}

.impressumBackground {
	background: transparent url('../images/double_sign.png') scroll no-repeat right center;
	position: absolute;
	width: 125px;
	height: 130px;
	top: 0px;
	left: auto;
	right: 18px;
}

.impressumRight, .impressumRight a {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 125px;
	height: 130px;
	text-align: left;
	font-size: 14px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	text-decoration: none;
}

.impressumRightLine1 {
	transform: rotate(-26deg);
	position: absolute;
	top: 30px;
	left: 0px;
	width: 120px;
}

.impressumRightLine2 {
	transform: rotate(-26deg);
	position: absolute;
	top: 50px;
	left: 5px;
	width: 120px;
}

.impressumRightLine3 {
	transform: rotate(-26deg);
	position: absolute;
	top: 60px;
	left: 30px;
	width: 120px;
}

.talkbuttons {
	position: fixed;
	width: 50px;
	height: 290px;
	top: 20vh;
	left: -5px;
}

.dynmapbutton {
	width: 50px;
	height: 50px;
	background: transparent url('./../images/talks/icon_dynmap.png') no-repeat local top right;
	border: 0px groove black;
}

.discordbutton {
	margin-top: 10px;
	width: 50px;
	height: 55px;
	background: transparent url('./../images/talks/icon_discord.png') no-repeat local top right;
	border: 0px groove black;
}

.teamspeakbutton {
	margin-top: 10px;
	width: 50px;
	height: 50px;
	background: transparent url('./../images/talks/icon_teamspeak.png') no-repeat local top right;
	border: 0px groove black;
}

.facebookbutton {
	margin-top: 10px;
	width: 50px;
	height: 50px;
	background: transparent url('./../images/talks/icon_facebook.png') no-repeat local top right;
	border: 0px groove black;
}

.twitterbutton {
	margin-top: 10px;
	width: 50px;
	height: 50px;
	background: transparent url('./../images/talks/icon_twitter.png') no-repeat local top right;
	border: 0px groove black;
}

.youtubebutton {
	margin-top: 10px;
	width: 50px;
	height: 50px;
	background: transparent url('./../images/talks/icon_youtube.png') no-repeat local top right;
	border: 0px groove black;
}

.discordContent {
	position: fixed;
	width: 350px;
	height: 500px;
	top: 20vh;
	left: -360px;
	overflow: hidden;
	background-color: rgb(0,0,0);
	border: 3px solid white;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	visibility: hidden;
}

.discordLink {
	position: absolute;
	top: auto;
	left: auto;
	bottom: 5px;
	right: 10px;
	text-align: right;
	color: #ffffff;
	font-size: 18px;
}

.discordLink a {
	color: #ffffff;
	text-decoration: none;
}

.teamspeakContent {
	position: fixed;
	width: 350px;
	height: 500px;
	top: 20vh;
	left: -360px;
	overflow: hidden;
	background-color: rgb(0,0,0);
	border: 3px solid white;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	visibility: hidden;
}

.tsviewer {
	position: relative;
	left: 20px;
	width: 350px;
	height: 460px;
	overflow: hidden;
	padding: 10px 0;
}

.tsviewerheader {
	position: relative;
	height: 70px;
	width: 350px;
	background: transparent url('./../images/talks/header_teamspeak.png') no-repeat scroll center;
	background-size: cover;
	z-index: 100;
}

.tsLink {
	position: absolute;
	top: 5px;
	left: auto;
	right: 10px;
	text-align: right;
	color: #ffffff;
	font-size: 18px;
	z-index: 103;
}

.tsLink a {
	color: #ffffff;
	text-decoration: none;
}

.hideTalk {
	left: -360px;
	transition: left 3s;
	-webkit-transition: left 3s;
	-moz-transition: left 3s;
	-o-transition: left 3s;
}

.showTalk {
	left: -5px;
	transition: left 3s;
	z-index: 1000;
	-webkit-transition: left 3s;
	-moz-transition: left 3s;
	-o-transition: left 3s;
}


/*
**** IP Signs ****
*/
.IPContent {
	width: 250px;
	height: 130px;
	position: absolute;
	top: auto;
	left: 15px;
	bottom: -10px;
	overflow: visible;
	z-index: 100;
}

.IPBackground {
	background: transparent url('../images/double_sign.png') scroll no-repeat center center;
	position: absolute;
	width: 250px;
	height: 130px;
	top: -20px;
}

.IPLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 130px;
	text-align: right;
	font-size: 16px;
	color: #000000;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.IPLeftLine1 {
	transform: rotate(26deg);
	position: absolute;
	top: 29px;
	left: -5px;
	width: 120px;
	color: #000000;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.IPLeftLine2 {
	transform: rotate(26deg);
	position: absolute;
	top: 55px;
	left: -5px;
	width: 120px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.IPLeftLine3 {
	transform: rotate(26deg);
	position: absolute;
	top: 75px;
	left: -5px;
	width: 120px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.IPRight {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	height: 130px;
	text-align: left;
	font-size: 16px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.IPRightLine1 {
	transform: rotate(-26deg);
	position: absolute;
	top: 29px;
	left: 10px;
	width: 120px;
	color: #000000;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.IPRightLine2 {
	transform: rotate(-26deg);
	position: absolute;
	top: 49px;
	left: 10px;
	width: 120px;
	color: #000000;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.IPRightLine3 {
	transform: rotate(-26deg);
	position: absolute;
	top: 75px;
	left: 10px;
	width: 120px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}


/*
**** IP Signs ****
*/
.ModContent {
	width: 250px;
	height: 130px;
	position: absolute;
	top: auto;
	left: 15px;
	bottom: -100px;
	overflow: visible;
	z-index: 100;
}

.ModBackground {
	background: transparent url('../images/double_sign.png') scroll no-repeat center center;
	position: absolute;
	width: 250px;
	height: 130px;
	top: -20px;
}

.ModLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 130px;
	text-align: right;
	font-size: 16px;
	color: #000000;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.ModLeftLine1 {
	transform: rotate(26deg);
	position: absolute;
	top: 35px;
	left: -5px;
	width: 120px;
	color: #000000;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.ModLeftLine2 {
	transform: rotate(26deg);
	position: absolute;
	top: 65px;
	left: -5px;
	width: 120px;
	color: #ffffff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.ModLeftLine2 a {
	color: rgba(255, 255, 255, 0.8);
	font-style: normal;
}

.ModRight {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 125px;
	height: 130px;
	text-align: left;
	font-size: 12px;
	color: #ffffff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.ModRightLine1 {
	transform: rotate(-26deg);
	position: absolute;
	top: 30px;
	left: 10px;
	width: 120px;
}

.ModRightLine2 {
	transform: rotate(-26deg);
	position: absolute;
	top: 46px;
	left: 10px;
	width: 120px;
}

.ModRightLine3 {
	transform: rotate(-26deg);
	position: absolute;
	top: 62px;
	left: 10px;
	width: 120px;
}

.ModRightLine4 {
	transform: rotate(-26deg);
	position: absolute;
	top: 78px;
	left: 10px;
	width: 120px;
}