/*
 * author: Sebastian Roehrich
 * date: 10-11-2015
 * last updated: 17-11-2015
 * version: 1.1
 */

body
{
	font: normal 1em Verdana;
	color: rgb(0, 0, 0);
	margin: 0;
	padding:0;
	border:0;
	font-size: 20px;
	line-height: 90%;
	background-color:rgb(123, 123, 123);
}
#maindiv {
	text-align:center;
}
#displaying {
	text-align:center;
}
.ship {
    border-radius: 14px;
    background: rgb(86, 86, 86);
    width: 350px;
	margin: 7px auto;
	padding: 9px;
}
.ship span {
	font-size: 10pt;
}
.damagecard{
	border-radius: 24px;
	background: rgb(146, 145, 145);
	margin: 7px auto;
}
h1
{
	font: bold 3em Georgia;
	margin: 1em 0 1em;
}
small
{
	color: #666666;
}

div {
	text-align:center;
}
input {
	 text-align: center;
	 width:50px;
	 margin: 2px;
}
.bbCodeArea {
	width:300px;
	height:300px;
}
.damageCounter {
	background: rgb(71, 71, 71);
	color: rgb(205, 70, 70);
}
button {
	background:#7C7C7C;
	border-radius: 10px;
	margin: 5px;
}
.langBtn {
	background: rgb(224, 189, 134);
	width: 100px;
	height: 50px;
}
.initButton {
	background:#24AD26;
	width:200px;
	height:35px;
}
.shipName {
	width:300px;
}
.shieldBtn {
	background:#7070F5;
}
.shieldDisplay {
	
}

.hullBtn {
	background:#B5B657;
}
.hullDisplay{
	
}

.addDmgBtn {
	background:#B54949;
}
.questionMark {
	
}
.equipcard {
	color:#0D922A;
	border-radius: 24px;
	background: rgb(79, 79, 79);
	margin: 7px auto;
}

@media (max-width:1000px) {
	button {
		width:100px;
		height:30px;
		font-size:19px;
	}
	.addDmgBtn {
		width:150px;
		height:49px;
	}
	.questionMark {
		width:50px;
		height:50px;
	}
	input {
		font-size:20px;
	}
	select {
		width:40px;
		height:40px;
		font-size:20px;
	}
	.ship span {
		font-size: 12pt;
	}
}

@media (max-width:500px) {
	button {
		width:127px;
		height:50px;
		font-size:25px;
	}
	.addDmgBtn {
		width:150px;
		height:80px;
	}
	.questionMark {
		width:50px;
		height:50px;
	}
	input {
		font-size:30px;
	}
	.ship span {
		font-size: 15pt;
	}
}

.german {
	display: none;
}