/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.11.2014, 20:36:29
    Author     : Asteria
*/

a {
	font-style: normal;
	text-decoration: none;
}

.active {
    text-decoration: underline;
}

h1, h2, h3 {
	margin: 0px 0px 0px 10px;
}

h1 {
    margin-left: 0px;
    padding-top: 10px;
}

h3 {
	display: inline;
}

html, body {
    margin:   0px;
    padding:  0px;
    background-color: #ccccff;
}

li {
    display: inline;
    padding: 15px;
}

body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

.header-content, .top {
    top: 0px;
    left: 0px;
    height: 150px;
}

.top {
    background-color: #aaaaff;
    text-align: center;
    vertical-align: middle;
}

.header-content {
    position: relative;
}

.bottom-info {
    position: fixed;
    color: #ddddff;
    right: 5px;
    bottom: 5px;
}

.startseite {
    text-align: center;
    width: auto;
}

.test {
    margin-bottom: -4px;
    bottom: 0px;
}

.impressum{
    position: absolute;
    left: 20px;
    width: 80%;
}

.ff-inhalt{
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
}

.left {
    text-align: left;
    float: left;
    margin-bottom: 25px;
}

.right {
    text-align: right;
    float: right;
    margin-bottom: 25px;
}

.violet {
    color: #390077;
}

.linklist {
    font-size: 10px;
}

.ffcategory {
    font-size: 20px;
    font-weight: bold;
}

.mmo-inhalt{
    text-align: center;
    vertical-align: middle;
    margin-left: 300px;
    margin-right: 300px;
}

.mmo-details {
    margin-left: -250px;
    text-align: left;
}

.mmo-steckbrief {
    vertical-align: top;
    padding-top: 50px;
    padding-left: 50px;
}

.mmochars {
    padding-left: 25px;
}

.charname {
    font-size: 25px;
    font-weight: bold;
    color: black;
}

.utopia-inhalt{
    margin-top: 30px;
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
}

.utopia-features {
    margin-top: 20px;
}

.utopia-class {
    margin-right: 200px;
    text-align: left;
}

.utopia-heroes {
    margin-left: 200px;
    margin-right: 200px;
    text-align: left;
}

.red {
    color: red;
}

.clear {
    clear: none;
}