@font-face { font-family: Junction; src: url('Junction 02.otf'); }
@font-face { font-family: Dominik; src: url('Dominik Peters.ttf'); }

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #222;
}

#wrapper {
	font-family: Junction, Tahoma, sans-serif;
	font-size: 2em;
	text-shadow: #000 1px 1px;
	margin: 0 auto;
	width: 1000px;
	padding-top: 20px;
}

#wrapper img {
	float: left;
	margin: 20px 0px 0 20px;
}

#me a {
	color: #28AB15;
}

#charakters a {
	color: #7093FF;
}

#interests a {
	color: #FB5E00;
}

#contact a {
	color: #FB1FC3;
}

#address {
	font-size: 50%;
	font-family: Tahoma, Arial;
	text-shadow: none;
	color: #aaa;
	margin: -10px 0 20px 0;
}

h1 {
	padding-top: 55px;
	font-size: 220%;
	color: #28AB15;
}

a {
	text-decoration: none;
}

a span {
	display: none;
	font-size: 70%;
	font-family: Dominik, 'Trebuchet MS', Arial;
	text-shadow: none;
	color: #aaa;
}

a:hover span {
	display: inline;
}

a:hover {
	color: #aaa !important;
}

a:active {
	color: #fff !important;
}

.box  {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-shadow: none;
	color: #000;
	overflow:auto;
	margin: 30px;
}

.box .hand {
	font-style: none;
	font-family: Dominik, 'Trebuchet MS', sans-serif;
	font-size: 25px;
}

.box p {
	margin-bottom: 15px;
}

.box ul {
	margin-left: 20px;
	margin-top: -10px;
}

.box img {
	border: 0;
}