* {
		font-family: verdana,sans-serif;
		margin: 0;
		padding: 0;
	}

.userimage {
		width: 200px;
		height: auto;
		margin-right: 1em;
		margin-bottom: 1em;
		float: left;
	}

html {
		background-color: white;
		height: 100%;
	}

body {
		background-color: #e0e0e0;
		height: 100%;
	}

#content {
		background-color: #f0f0f0;
		max-width: 960px;
		margin: 0 auto;
		height: 100%;
		overflow: auto;
	}

#header {
		background-color: #e8e8e8;
		overflow: auto;
	}

#main {
		padding: 0 0.3em;
	}

nav {
		float: left;
		margin-right: 1em;
		background-color: #ccc;
		width: 12em;
		margin-top: 0.1em;
	}

aside {
		float: right;
		width: 13em;
		margin-left: 1em;
		padding-left: 1em;
		padding-right: 1em;
		font-size: 80%;
		background-color: #ccc;
	}

nav a {
		text-decoration: none;
		color: black;
		display: block;
		padding-left: 0.2em;
	}

nav li {
		list-style: none;
		position: relative;
		background-color: white;
		border: 1px solid black;
		border-bottom: none;
		margin-left: -1px;
		margin-top: -1px;
	}

nav ul {
		width: 12em;
	}

nav ul ul {
		position: absolute;
		top: 0;
		left: 12em;
		display: none;
	}

nav ul li:last-of-type {
		border-bottom: 1px solid black;
	}

nav ul li:hover {
		background-color: #bbb;
	}

nav ul li:hover > ul {
		  display: block;
	}

nav ul li a:hover {
		color: white;
	}

nav li.submenu {
		background-image: url('triangle.png');
		background-position: right;
		background-repeat: no-repeat;
	}


body > #main {
		height: 100%;
		overflow: auto;
	}

#board {
		height: 600px;
		width: 700px;
		margin-bottom: 1em;
	}

#main > h1, #main > h2 {
		padding-left: 30px;
	}

#main > h2 {
		margin-top: 1em;
		margin-bottom: 1em;
	}

#main > h2 > a {
		text-decoration: none;
		color: black;
	}

#main > h2 > a {
		text-decoration: none;
		color: black;
	}

#main > h2 > a:hover {
		color: blue;
	}

@media all and (min-width: 1100px) {
		  #board {
		    float: right;
		    margin-top: -110px;
		    margin-right: 100px;
		  }
	}

div.column {
		width: 100px;
		float: left;
	}

div.cell {
		height: 99px;
		width: 99px;
		border-top: 1px solid black;
		border-left: 1px solid black;
	}

div.column div.cell:last-of-type {
		height: 98px;
		border-bottom: 1px solid black;
	}

div.column:last-of-type > div.cell {
		width: 98px;
		border-right: 1px solid black;
	}

div.spieler {
		background-color: blue;
	}

div.server {
		background-color: red;
	}

div.none {
		background-color: #e0e0e0;
	}

.blog {	padding:0;
	position:relative;
	}

.blog a{padding:0;
	position:relative;
	}


#footer	{
		
		background-color: #e8e8e8;
		width:960px;
		color:black;
		font-size:smaller;
		bottom:0;
		position:fixed;
	}