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: 200px ; background-image: url('./bilder/shadow_left.png') ; float: left ;
}
.shadowright
{
	width: 10px ; height: 200px ; 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: 200px ; background-image: url('./bilder/banner.jpg') ; float: left ;
}
.bannertext
{
	position: relative ; width: 500px ; height: 100px ; top: 0px ; left: 400px ; text-align: left ; float: left ;
}

.shadowleft2
{
	width: 10px ; height: 10px ; background-image: url('./bilder/shadow_left.png') ; float: left ;
}
.shadowright2
{
	width: 10px ; height: 10px ; background-image: url('./bilder/shadow_right.png') ; float: left ;
}

.menuebar
{
	width: 1000px ; height: 10px ; background-image: url('./bilder/menuebar.jpg') ; float: left ;
}

#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: #AAAAAA ;
}
a:visited
{
	color: #222255 ;
}

h1
{
	margin-top: 5px ;
	font-size: 200% ;
}

h2
{
	margin-top: 0 ;
	font-size: 125% ;
}

h3
{
	margin-top: 5px ;
	font-size: 100% ;
}

.time
{
	font-size: 80% ;
}

ul
{
	padding-left: 2em ;
}

ul.level1
{
	font-weight: bold ;
	list-style-type: none ;
}
ul.level1 li
{
	margin-top: 10px ;
	margin-bottom: 10px ;
	font-size: 130% ;
}

ul.level2
{
	font-weight: normal ;
	list-style-type: none ;
}
ul.level2 li
{
	margin-top: 5px ;
	margin-bottom: 5px ;
	font-size: 100% ;
}

ul.level3
{
	font-weight: normal ;
	list-style-type: none ;
}
ul.level3 li
{
	margin-top: 5px ;
	margin-bottom: 5px ;
	font-size: 100% ;
}

.title
{
	color: orange ;
}
.subtitle
{
	color: #EEEE00 ;
}

.badtext
{
	color: red ;
	font-weight: bold ;
}

.goodtext
{
	color: green ;
	font-weight: bold ;
}

.Meldung
{
	background-color: red ;
	color: white ;
	border: 1px solid darkred ;
}

.Infobox_left
{
	background-color: #EEEEEE ;
	color: #000000 ;
	border: 1px solid black ;
	float: left ;
	width: 400px ;
	margin-top: 15px ;
	padding: 5px ;
	clear: left ;
}
.Infobox_right
{
	background-color: #EEEEEE ;
	color: #000000 ;
	border: 1px solid black ;
	float: right ;
	width: 400px ;
	margin-top: 15px ;
	margin-bottom: 15px ;
	padding: 5px ;
	clear: right ;
}


.ClearBoth
{
	clear: both ;
}


.contactform_message
{
	border: 5px double red;
	padding: 5px ;
	width: 50% ;
}

.copyright
{
	font-size: 80% ;
	width: 950px ;
	margin: auto ;
	text-align: left ;
	margin-top: 10px ;
}