﻿
html, body, .pagelayout{
	font-family: Times New Roman, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	height: 100%;
	margin: auto;
}
body{
	background: url(/theawakeningwiki/img/bg.jpg) center top no-repeat;
	background: url(/theawakeningwiki/img/bg.jpg) center top no-repeat, url(/theawakeningwiki/img/bg_r.jpg) center top repeat-y;
	background-color: #000000;
}

.pagelayout{
	width: 80%;
	max-width: 1200px;
}
.table_shadow_left{
	width: 50px;
	background: url(../../img/shadow.png);
	background-repeat: repeat-y;
	background-position: right;
}
.table_shadow_right{
	width: 50px;
	background: url(../../img/shadow2.png);
	background-repeat: repeat-y;
	background-position: left;
}
.bgimg{
	width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0px;
}

h2{
	font-size: 25px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
hr{
	border-color: #3C3C3C;
}
li{
	margin: 5px 0px;
}
input, textarea, select, a{
	outline: none;
	box-shadow: none;
}
.link{
	color: #333;
	text-decoration: none;
}

.d-inline{
	display: inline-block;
}
.p-70{
	padding-left: 70px;
}
.p-80{
	padding-left: 80px;
}
.p-150{
	padding-left: 150px;
}

.article_list{
	margin-left: 30%;
}
.article_list img{
	border: none;
	border-radius: 6px;
}
.columns_3 > td:nth-child(1){
	width: 25%;
}
.columns_3 > td:nth-child(2){
	width: 50%;
}
.columns_3 > td:nth-child(3){
	width: 25%;
}
.bodytext{
	max-width: 100%;
	font-size: 19px;
	text-align:left;
	color: #000;
	line-height: 22px;
	padding: 0px 10%;
	position: relative;
}
.images_center, .images_left, .images_right{
	border: 2px solid #3a291d;
	max-width: 100%;
}
.images_center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.images_left, .images_right{
	max-width: 25%;
	margin-bottom: 10px;
}
.images_right{
	margin-left: 20px;
}
.images_left{
	margin-right: 20px;
}
a:link{
	color: #e71d00;
	text-decoration: none;
}
a:visited{
	color: #a74f43;
	text-decoration: none;
}
a:hover{
	color: #e71d00;
	text-decoration: underline;
}
a:active{
	color: #666;
}
.linkname{
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
a.linkname:link{
	text-decoration:none;
}
a.linkname:visited{
	color: #000;
	text-decoration:none;
}
a.linkname:hover{
	color: #000;
	text-decoration:none;
}
a.linkname:active{
	color: #000;
	text-decoration:none;
}
a.headline:link{
	font-size: 25px;
	font-weight: bold;
	color: #333;
	text-align: center;
	text-decoration:none;
}
a.headline:visited{
	color: #333;
	text-align: center;
	text-decoration:none;
}
a.headline:hover{
	color: #333;
	text-align: center;
	text-decoration:none;
}
a.headline:active{
	color: #333;
	text-align: center;
	text-decoration:none;
}
.headline_small{
	font-weight: bold;
	color: #333;
}
a.headline_small:link{
	font-weight: bold;
	color: #333;
	text-decoration:none;
}
a.headline_small:visited{
	font-weight: bold;
	color: #333;
	text-decoration:none;
}
a.headline_small:hover{
	font-weight: bold;
	color: #333;
	text-decoration:none;
}
a.headline_small:active{
	font-weight: bold;
	color: #333;
	text-decoration:none;
}
.nonselectable{
	user-select: none;
	cursor: default;
}

.rocklou{
	height: 16px;
	font-size: 17px;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
}

@media only screen and (max-width: 1300px){
	.pagelayout{
		width: 100%;
	}
	.headline{
		font-size: 22px;
		line-height: initial;
	}
	td, .bodytext{
		font-size: 18px;
	}
	.rocklou{
		font-size: 14px;
	}
	.article_list{
		margin-left: 20%;
	}
}

@media only screen and (max-width: 900px){
	td, .bodytext{
		font-size: 18px;
	}
	.rocklou{
		font-size: 13px;
	}
}

@media only screen and (max-width: 800px){
	td, .bodytext{
		font-size: 17px;
	}
	.columns_3 > td:nth-child(1){
		width: 10%;
	}
	.columns_3 > td:nth-child(2){
		width: 80%;
	}
	.columns_3 > td:nth-child(3){
		width: 10%;
	}
}

@media only screen and (max-width: 600px){
	.headline{
		font-size: 19px;
		line-height: initial;
	}
	td, .bodytext{
		font-size: 16px;
	}
	.rocklou{
		font-size: 12px;
	}
	.table_shadow_left, .table_shadow_right{
		width: 0px;
	}
	.article_list{
		margin-left: 10%;
	}
}
