/* Design Start */

body {
	margin:0em;
	padding:0em;
	
	font-family: 'Open Sans', sans-serif;
	color:#eaeaea;
	text-shadow: 0 0 5px black;
	
	background-color:#002114;
	background-image: url('../../inc/img/always-grey.png');
	
	overflow-y: scroll;
}

header {
	margin: auto;
	width: 64.2em;
}

header nav {
	margin: auto;
	width: 64.2em;
	border:1px #000 solid;
	border-radius: 10px;
}

header .navbar {
	padding:0em 1em !important;
	margin-top:0.4em;
}

header .navbar .icons img {
	width:1.5em;
	padding:0.2em;
}

header .navbar-brand:hover {
	cursor:auto;
	background-color: transparent;
}

header .page_header {
	margin: auto;
	margin-top: 3.5em;
    background-size: cover;
    background-image: url('../../inc/img/banner.png');
    height: 14.5em;
    background-position: center;
    border:1px #000 solid;
}


div#container {
	background-color:#3e543e;
	
	border:1px #000000 solid;
	border-radius:10px;
	
	padding:1em;
	margin: 0.5em auto;

	width:64.09em;
}

header, main, footer {
	background-color:#6e916e;
}

main, footer {
	border:1px #000000 solid;
	<!-- margin:1em 0em 0em 0em; -->
	padding:0.5em;
}

main {
	padding:0em !important;
	padding-bottom:1em !important;
	font-size:1.1em;
}

footer {
	border-radius:0px 0px 10px 10px;
	text-align:center;
}

/* Design Ende */


a:link, a:active, a:visited {
	text-decoration: none;
	color:#062f06;
	text-shadow: 0 0 1px #009900;
}

a:hover {
	text-decoration: none;
	color:#6e916e;
	background-color:#365936;
}

#socialmedia a:hover {
	background-color:transparent;
}


/* Content Start */

h1 {
	margin:0em;
	padding:0.5em;
	padding-bottom:0.2em !important;
	color:#efefef;
	background-color:#4e784e;
	font-size:1.5em;
}

h2 {
	padding:0.5em;
	padding-bottom:0.0em !important;
	margin-top:0.4em !important;
	margin-bottom:0.1em !important;
	border-bottom:1px #000000 dashed;
}

main p.content {
	padding:0em;
	margin:0em 0em 1em 1em;
}

main p.border_dashed {
	margin-bottom:1em !important;
}


table {
	padding:0.3em;
	width:100%;
}

h2 ~ table {
	padding:0.5em;
	width:100%;
}

th {
	vertical-align: top;
	text-align: left;
	width:25%;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.border_dashed {
	border-bottom:1px #000000 dashed;
	margin:0em;
}

div#twitchstatus {
	margin:1em 0em;
	background-color:#6e916e;
	border: 1px #000000 solid;
}

iframe#twitchapp {
	width: 99.7%; 
	height: 270px;
	border: 0px;
}

pre code {
	padding:0.0em 0.5em;
	margin:0.0em 0.5em;
	display:block;
	background-color: #3e543e;
	border:1px dashed #000;
}

a.img_content img {
	margin:1em 0em 0em 0.5em;
}

a.img_content:hover, div.list_img > a:hover {
	background-color: transparent !important;
}

/* Content Ende */

/* Liste-Bild Start */

div.list_img {
	float:left;
	width:72%;
	
	text-shadow: none !important;
}

div.list_img > p {
	text-align: center;
	
	Font-size:1.1em;
	background-color: #002E00;
	
	margin:0em 0em 0em 0.9em;
	
	border:1px solid black;
	border-bottom:0px;
	box-shadow: 5px 10px;
}

div.list_img > ul {
	margin:0em 0em 1em 1em;
	padding:0.5em 2em;
	background-color: #bbd1bb;
	
	border:1px solid black;
	border-top:0px;
}

div.list_img > p, div.list_img > ul {
	box-shadow: 3px 3px 3px #365736;
}

div.list_img > ul > li {
	
	color:black;
	text-shadow: none;
}

div.list_img > a > img {
	margin:1em;
	width:25%;
}

div.list_img + a > img, div.list_img + img {
	margin:0em 1em 0em 0em;
	width:250px;
}

div.list_img p.serien_liste {
	background-color: #bbd1bb;
	padding:0.2em;
	margin-bottom: 1em;
}

div.list_img p.serien_liste span {
	background-color: #7C9B6D;
	line-height: 2.2em;
	white-space: pre;
	padding: 0.2em 1em;
	margin: 0em 0.2em;
	font-size: 0.9em;
}

/* Liste-Bild Ende */

/* Games - IMG Start*/

.game_img_block {
	position: relative;
	text-align: center;
	width: 230px;
	float: left;
	margin:0em 0em 0.3em 1em;
}

.game_img_block > img {
	width:100%;
	border:5px solid #002E00;
}

.game_img_block > h3 {
	position: absolute;
	font-size:0.9em;
	width:200px;
	top: 85%;
	left: 52%;
	transform: translate(-50%, -50%);
} 

h3 span {
	background-color: #002E00;
	color: white;
	padding:0px 5px;
}

/* Games - IMG ENde*/