@media (max-aspect-ratio: 1/1)
{
	@viewport {
		width: device-width;
	}
	@-ms-viewport {
		width: device-width;
	}
}





html {
	background-color:#f6f6f6;
	height:100%;
}

body {
	font-family: Calibri,Arial,sans-serif;
	margin-left: auto;
	margin-right: auto;
	
	/*
	padding-right: 10px;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:10px;	
	*/
	/*max-width: 628px;*/
	max-width: 20cm;
	min-height: 100%;
	
	height: auto;
	/*overflow:hidden;*/
	margin-top:0px;
	margin-bottom:0px;
	border-left:thin solid gray;
	border-right:thin solid gray;
	background-color:#FCFCFC;
}
 
.haelftelinks {
}

#widgets {
  display: inline;
  float: right;
}

.widgets {
  display: inline;
  float: right;
}


.bodydiv {
	/*border-left: thin solid gray;
	border-right: thin solid gray;
	border-bottom: thin solid gray;
	border-radius: 0cm 0cm .25cm .25cm;*/
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	
	padding: 1em 5% 1em 5%;
	/*width:100%;*/
}

.bodydiv p {
	text-align:justify;
}

.bodydiv ul {
	text-align:left;
}

.kopf {
	/*margin-left: auto;
	margin-right: auto;
	max-width: 650px;*/
	/*width:100%;*/
	left:0px;
	right:0px;
	padding:0px;
	/*
	background-repeat: no-repeat;
	background-position: top;
	background-image: url('../bilder/headerTHG.png');*/
	/*height: 250px;*/
	color: white;
	
	/*border-left: thin solid gray;
	border-right: thin solid gray;
	border-top: thin solid gray;*/
	/*border-radius: .25cm .25cm 0cm 0cm;
	box-sizing: border-box;
	-moz-box-sizing: border-box;*/

	background: #475055;
	background: -moz-linear-gradient(top, #475055 0%, #3e4347 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#475055), color-stop(100%,#3e4347));
	background: -webkit-linear-gradient(top, #475055 0%,#3e4347 100%);
	background: -o-linear-gradient(top, #475055 0%,#3e4347 100%);
	background: -ms-linear-gradient(top, #475055 0%,#3e4347 100%);
	background: linear-gradient(to bottom, #475055 0%,#3e4347 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475055', endColorstr='#3e4347',GradientType=0 );
}

.kopf p {
	margin:0px;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.kopf a {
	text-decoration: none;
	color: white;
	font-size: xx-large;
	font-weight: bolder;
}

.kopf img {
	margin:0px;
	bottom:0px;
	border:0px;
}

h1 {
	margin-top: 0px;
}

.tab {
	margin-left: 1em;
}


.ShipStations
{
font-weight:bold;
color:#FFE191;
background-color:#050E15;
padding: 0pt 5pt 2pt 5pt;
border-width:2pt;
border-color:#1E5A96;
border-style:solid;
border-radius:7pt;
float:right;
margin-left:1em;
}

/*.ShipStations:before{
	content:"Ship Stations";
}*/

.ShipStations p {
	margin-top: .2em;
	margin-bottom: .2em;
}

.ShipStations img {
	border: 1px #1E96BD solid;
	border-radius:2px;
	height:26px;
}




.ShipGear
{
margin-left:.5em;
font-weight:bold;
color:#FFE191;
background-color:#050E15;
border-width:2px;
border-color:#1E5A96;
border-style:solid;
border-radius:7pt;
float:right;
padding:.05em;
}

.GearRow
{

}

.GearRow td
{
	color:#AAC8F0;
	vertical-align:middle;
	text-align:right;
	padding:.15em;	
	font-size:50%;
}


.ShipGear img {
	height:23px;
	margin-left:1px;
}

.ShipGear:hover{
	-transform:scale(1.8);
	-transform-origin: 100% 25%;
	-moz-transform:scale(1.8);
	-moz-transform-origin: 100% 25%;
	-ms-transform:scale(1.8);
	-ms-transform-origin: 100% 25%;
	-o-transform:scale(1.8);
	-o-transform-origin: 100% 25%;
	-webkit-transform:scale(1.8);
	-webkit-transform-origin: 100% 25%;
}	

.purple {
	color: #BE00BE;
}
.blue {
	color: #0046C8;
}
.tactical {
	color: #C80F0F;
}
.engineering {
	color:#DCB450;
}
.science {
	color: #0046C8;
}


.blogentry
{
	height:100%;
	/*overflow:hidden;*/
	margin-bottom: 2em;
}

.date
{
	float:left;
	border: 1px gray solid;
	border-radius:3pt;
	text-align:center;
	color:gray;
	font-size: 50pt;
	background-color:white;
}

.day {
	font-size: 100%;
}

.month {
	font-size: 48%;
	background-color:#424A4D;
	color:white;
	padding: 1pt 0pt 1pt 0pt;
}

.year {
	font-size: 36%;
	font-weight:bold;
	padding: 2pt 0pt 2pt 0pt;
}

.blogtext {
	margin-left: 65pt;
	height:auto;
}

.blogtext h2 {
	border-bottom:2pt #424A4D solid;
	margin-top: 0px;
}

.protip {
	margin-left: 2em;
	margin-right: 2em;
	border:thin green solid;
	border-radius:3pt;
	width:auto;
}

.protip p {
	margin: .3em;
}

.protipheader {
	padding-left: .3em;
	padding-bottom: .2em;	
	background-color:green;
	font-weight:bold;
	color:white;
}

.advancedcomment {
	margin-left: 2em;
	margin-right: 2em;
	border:thin blue solid;
	border-radius:3pt;
}

.advancedcomment p {
	margin: .3em;
}

.advancedcommentheader {
	padding-left: .3em;
	padding-bottom: .2em;	
	background-color:blue;
	font-weight:bold;
	color:white;
}


blockquote {
	font-style:italic;
}


.lcarsFrame {
	border-left: 2ex #3e4347 solid;
	border-radius: 2ex 0cm 0cm 0cm;
}

.lcarsHeader {
	background-color: #3e4347;
	display:table-row;
}

.lcarsTab:first-child {
	border-left: 2pt #FCFCFC solid;
}


.lcarsTab {
	padding: .4ex 6pt .4ex 4pt;
	border-right: 2pt #FCFCFC solid;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:white;
	text-decoration:none;
}

.lcarsEmptyTab {
	display:table-cell;
	width:100%;
}

.lcarsContent {
	padding: 2pt;
	padding-left:3pt;
}

.lcarsBasic		{background-color:green; font-weight:bold;}
.lcarsAdvanced	{background-color:navy; font-weight:bold;}
.lcarsElite		{background-color:purple; font-weight:bold;}

.lcarsContent > h4 {margin:0pt;}
.lcarsContent > ul  {margin-top:1ex;margin-bottom:1ex;}

.stationtype {
	border:0px !important;
}

img.marker {
	height:1.5ex;
}

img {
	max-width:100%;
}

/* Sachen für das Leaderboard */

		table.leaderboard td {padding: 2pt 7pt 2pt 7pt;border-left:solid gray 1px;}
		table.leaderboard th {padding: 2pt 7pt 2pt 7pt;border-left:solid gray 1px;}
		table.leaderboard th {text-align:left; border-bottom: solid gray 1px;border-collapse:collapse;}
		table.leaderboard tr th:first-child {border-left:0px;}
		table.leaderboard tr td:first-child {border-left:0px;}
		

		table.tab {
			border-bottom:0px;
			border-radius:5px;
			color:white;
			width:100%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			font-weight:bold;
			padding: 3pt;
			background-color:#444C4F;
		}
		
		table.tab a {
			color:white;
			text-decoration:none;
		}
		
		table.tab tr td {
			border-left: 2px white solid;
		}
		table.tab tr td:first-child {
			border-left: none;
		}
		
		.winner {
			background-color:#DDFFDD;
		}
		.loser {
			background-color:#FFDDDD;
		}
		.neutral {
			background-color:#E0E0E0;
		}
		
		tr.total {
			background-color:#E0E0E0;
		}
		tr.total td {
			border:none;
		}
		
		.tableSelection {
			display:table;
			margin-top:.5em;
			margin-bottom:1em;
			border-bottom:0px;
			border-radius:5px;
			width:100%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			font-weight:bold;
			background-color:#888C8F;
		}
		.tableSelection a {
			display:table-cell;
			color:white;
			text-decoration:none;
			border-left: 2px white solid;
			padding: 4pt;
		}
		.tableSelection a:first-child {
			border-left: none;
		}
		.tableSelection a:last-of-type {
			border-right: 2px white solid;
		}
		.tableSelection .cap {
			width:.75em;
			display:table-cell;
		}
		a.tabActive {
			background-color:#666C6F;
		}
		
		canvas.canvas {
			margin-left:auto;
			margin-right:auto;
		}