﻿body 
{
	text-align: center ;
	background-color: #cbcccc ;
	background-image: url(./bilder/bg_gradient.jpg) ;
	background-repeat: repeat-x ;
	font-family: arial, sans-serif ;
	font-size: 100% ;
	font-color: #000000 ;
}
/* Layoutangaben */

.container
{
	width: 1020px ;
	height: auto ;
	margin-top: 50px ;
	margin-left: auto ;
	margin-right: auto ;
}
.shadowtopleft
{
	width: 10px ;
	height: 10px ;
	background-image: url('./bilder/shadow_topleft.png') ;
	float: left ;
}
.shadowtop
{
	width: 1000px ;
	height: 10px ;
	background-image: url('./bilder/shadow_top.png') ;
	float: left ;
}
.shadowtopright
{
	width: 10px ;
	height: 10px ;
	background-image: url('./bilder/shadow_topright.png') ;
	float: left ;
}

.shadowleft
{
	width: 10px ; height: 199px ; background-image: url('./bilder/shadow_left.png') ; float: left ;
}
.shadowright
{
	width: 10px ; height: 199px ; background-image: url('./bilder/shadow_right.png') ; float: left ;
}

.shadowbottomleft
{
	width: 10px ; height: 10px ; background-image: url('./bilder/shadow_bottomleft.png') ; float: left ;
}
.shadowbottom
{
	width: 1000px ; height: 10px ; background-image: url('./bilder/shadow_bottom.png') ; float: left ;
}
.shadowbottomright
{
	width: 10px ; height: 10px ; background-image: url('./bilder/shadow_bottomright.png') ; float: left ;
}

.banner
{
	width: 1000px ; height: 199px ; background-image: url('./bilder/banner.jpg') ; float: left ;
}

.shadowleft2
{
	width: 10px ; height: 49px ; background-image: url('./bilder/shadow_left.png') ; float: left ;
}
.shadowright2
{
	width: 10px ; height: 49px ; background-image: url('./bilder/shadow_right.png') ; float: left ;
}

.menuebar
{
	width: 1000px ; height: 49px ; background-image: url('./bilder/menuebar.jpg') ; float: left ;
}
.menuebar1
{
	width: 251px ; height: 49px ; background-image: url('./bilder/menuebar.jpg') ; float: left ;
}
.menuebar2
{
	width: 15px ; height: 49px ; background-image: url('./bilder/menuebar.jpg') ; float: left ;
}
.menuebar3
{
	width: 15px ; height: 49px ; background-image: url('./bilder/menuebar.jpg') ; float: left ;
}
.menuebar4
{
	width: 298px ; height: 49px ; background-image: url('./bilder/menuebar.jpg') ; float: left ;
}

.startitem1
{
	width: 120px ; height: 49px ; background-image: url('./bilder/start_login_normal.jpg') ; float: left ;
}
.startitem1:hover
{
	background-image: url('./bilder/start_login_over.jpg') ;
}
.startitem2
{
	width: 142px ; height: 49px ; background-image: url('./bilder/start_register_normal.jpg') ; float: left ;
}
.startitem2:hover
{
	background-image: url('./bilder/start_register_over.jpg') ;
}
.startitem3
{
	width: 159px ; height: 49px ; background-image: url('./bilder/start_info_normal.jpg') ; float: left ;
}
.startitem3:hover
{
	background-image: url('./bilder/start_info_over.jpg') ;
}

#content
{
	width: 1020px ; height: auto ; background-image: url(./bilder/content.png) ; float: left ; text-align: left ;
}
.padding
{
	padding: 20px ;
}

.Navi
{
	width: 100% ;
	color: #FFFFFF ;
}
.Navi a:link
{
	color: #CCCCFF ;
}
.Navi a:hover
{
	color: #FFFFFF ;
}
.Navi a:active
{
	color: #FFAAAA ;
}
.Navi a:visited
{
	color: #AAAACC ;
}

.footer
{
	margin: auto ; margin-top: 20px ; width: 1020px ; clear: both ; text-align: left ;
}
.footer_margin
{
	margin-left: 15px ;
}

/* Spielformatierung */

a:link
{
	color: #000022 ;
}
a:hover
{
	color: #555555 ;
}
a:active
{
	color: #FFAAAA ;
}
a:visited
{
	color: #222255 ;
}

h1
{
	margin-top: 5px ;
	font-size: 150% ;
}

h2
{
	margin-top: 5px ;
	font-size: 125% ;
}

.badtext
{
	color: red ;
	font-weight: bold ;
}

.goodtext
{
	color: green ;
	font-weight: bold ;
}

.Fehlermeldung
{
	background-color: darkred ;
	color: white ;
	border: 1px solid red ;
}

.Erfolgsmeldung
{
	background-color: darkgreen ;
	color: white ;
	border: 1px solid green ;
}

.Nachricht
{
	background-color: darkred ;
	text-align: center ;
	color: white ;
	padding: 5px ;
}
.Nachricht a:link
{
	color: white ;
}
.Nachricht a:hover
{
	color: yellow ;
}
.Nachricht a:visited
{
	color: #CCCCCC ;
}
.Nachricht a:active
{
	color: red ;
}

.Infobox_left
{
	background-color: #EEEEEE ;
	color: #000000 ;
	border: 1px solid black ;
	float: left ;
	width: 400px ;
	margin-top: 15px ;
	padding: 5px ;
}
.Infobox_right
{
	background-color: #EEEEEE ;
	color: #000000 ;
	border: 1px solid black ;
	float: right ;
	width: 300px ;
	margin-top: 15px ;
	padding: 5px ;
}

.Shop
{
	width: 300px ;
	float: left ;
	padding: 5px ;
	margin: 5px ;
	border: 1px solid black ;
	background-color: #EEEEEE ;
}

.Shopimage
{
	width: 100px ;
	height: 100px ;
	float: left ;
	margin-right: 5px ;
	margin-bottom: 5px ;
	border: 1px dashed black ;
}

.Avatarimage
{
	width: 100px ;
	height: 100px ;
	float: left ;
	margin-right: 5px ;
	margin-bottom: 5px ;
	border: 2px solid black ;
}

.ClearBoth
{
	clear: both ;
}

/* Sonstige Angaben */
        #Text1
        {
            width: 225px;
        }
        #Password1
        {
            width: 225px;
        }
        .style2
        {
            font-size: x-large;
            font-weight: bold;
        }
