html, body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height:100%;
  background-color: #fff;
  text-align: center;
}
body {
  color: black;
  font: normal 100.1% "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
  background-color: #fff;
}
p, h1,h2,h3 {
   margin: 0px;
   padding: 0px;
   text-align: left;
}
ul, ol {
   text-align: left;
   font-size: 80%;
   margin-left: 15%;
}
ul {
   list-style-image: url(../pix/circle.gif);
}
h1, h2 {
    color: #00A651;
}
h1 {
   font-size: 140%;
}
h2 {
   font-size: 120%;
}

img, a {
     border: none;
}
#Holder {
        width:915px;
        margin: auto;
        padding: 0px;
		text-align: left;
}
#Header {
        background: #fff url(../pix/kribbelkrabbel.png) 10px 0px no-repeat;
        height: 50px;
		margin-top: 0px;
		padding: 130px 0px 0px 220px;
		font-size: 110%;
		font-weight: bold;
		color: #00A651;
}
#Header span {
	float:right;
	margin: -100px 150px 0px 0px;;
}
#Content {
        width: 620px;
        min-height: 320px;
        height: auto !important;
        height: 320px;
		margin: 10px 0px 0px 10px;
        float: left;
        border: 2px dotted #00A651;
		background-color:#fff;
}
#Content div {
        margin: 10px 10px 10px 10px;
}
#Content div p {
        margin-bottom: 5px;
        font-size: 80%;
}

#FeldContainer {
        text-align: center;
		min-height: 250px;
		height: auto!important;
		height: 250px;
		padding-right: 5px;
}
#FeldContainer.LeftAlign p {
        text-align: left;
}
#FeldContainer img {
        display: block;
        margin: auto;
}
#FeldContainer h1 {
        text-align: left;
        font-size: 25px;
}
#FeldContainer p {
        padding-top: 10px;
        text-align: center;
}
#FeldContainer p.Kommentar {
		float: left;
        font-size: 70%;
		width: 530px;
}
#FeldContainer p#Back {
		float: right;
		width: 50px;
}
#FeldContainer p.CenterAlignB {
        padding-top: 10px;
        text-align: center;
        font-weight: bold;
}
#FeldContainer p.AlignCenterP {
        padding-top: 10px;
		font-size: 100%;
        text-align: center;
}
#FeldContainer a {
        padding-top: 10px;
        text-align: center;
        font-weight: bold;
        color: #00A651;
        text-decoration: underline;
}
#FeldContainer a:hover {
        text-decoration: none;
}
#FeldContainer p.GreatGreen,  a.GreatGreen, span.GreatGreen {
        width: 100%;
        padding-top: 10px;
        line-height: 15px;
        font-size: 15px;
        font-weight: bold;
        color: #00A651;
        text-decoration: none;
}
#FeldContainer input.Button {
        text-align: center;
        background-color: #96EEC1;
		border: 1px solid #00A651;
        cursor: pointer;
}
#FeldContainer span.displaySpan {
        margin: 0px 20px 0px 2px;
        color: #00A651;
		font-weight: bold;
}
#BildAnzahl {
        margin: 0px 20px 0px 20px;
}
#BildBeschreibung {
        font-size: 15px;
        color: #00A651;
}
div#KonzeptInhalt p.CenterAlignB {
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	height: 30px;
}
div#KonzeptInhalt p.CenterAlignB a {
        padding-top: 10px;
        text-align: center;
        font-weight: bold;
        color: #00A651;
        text-decoration: underline;
}
div#SchwarzesBrett  {
	height: auto;
	border: 1px dashed #000;
	margin: 20px 0px;
	padding: 20px;
	color: #444444;
	font-weight: bold;
	background-color: #ccc;
}
div#SchwarzesBrett  p.CenterAlign {
	text-align: center;
}
div#SchwarzesBrett h3 {
	font-size: 120%;
	color:  #00A651;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #ccc;
	padding: 3px 0px 3px 0px;
}
div#Spielplatz1 {
	margin-right: 10px;
}
div#Spielplatz1 img {
	display: inline;
}
div#Spielplatz1 table img {
	display: block;
}
p#noJs {
	color: #f00;
	font-weight: bold;
	border: 1px solid #f00;
	padding: 10px;
}
span a.gameNumber {
        line-height: 25px;
        font-size: 25px;
        font-weight: bold;
        padding: 0px 5px 0px 10px;
        color: #00A651;
        cursor: pointer;
        text-decoration: none;
}
span.gameNumber {
        line-height: 25px;
        font-size: 35px;
        font-weight: bold;
        padding: 0px 5px 0px 10px;
        color: #00A651;
        cursor: pointer;
        text-decoration: none;
}
p#AlertP {
		display: none;
        font-size: 14px;
        color: #00A651;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
}
#Menu {
        width: 240px;
        float: right;
        margin-left: 20px;
}
#Menu ul {
        list-style-type: none;
		list-style-image: none;
        margin: 0px;
        padding: 0px;
}
#Menu a {
        display: block;
        font-size: 14px;
        text-decoration: none;
        margin-bottom: 5px;
		color: #00A651;
		text-indent: 120px;
}
#Menu a:hover {
        display: block;
        font-size: 14px;
        font-weight: bold;
        
}
#Menu span {
        display: block;
        font-size: 14px;
        font-weight: bold;
        text-indent: 120px;
        text-decoration: none;
        color: #00A651;
        margin-bottom: 5px;
}
#Ueber_unsButton {
        background: url("../pix/menu/konzept.gif") 0px 0px no-repeat;
        height: 41px;
		line-height: 41px;

}
#Ueber_unsButton:hover {
        background: url("../pix/menu/konzept.gif") 0px -41px no-repeat;
        line-height: 41px;
}
#Ueber_unsButton_on {
        background: url("../pix/menu/konzept.gif") 0px -41px no-repeat;
        height: 41px;
        line-height: 41px;
}
#RaeumeButton {
        background: url("../pix/menu/raeume.gif") 0px 0px no-repeat;
        height: 31px;
		line-height: 31px;
}
#RaeumeButton:hover {
        background: url("../pix/menu/raeume.gif") 0px -31px no-repeat;
        line-height: 31px;
}
#RaeumeButton_on {
        background: url("../pix/menu/raeume.gif") 0px -31px no-repeat;
        height: 31px;
        line-height: 31px;
}
#TeamButton {
        background: url("../pix/menu/team.gif") 0px 0px no-repeat;
        height: 54px;
		line-height: 54px;
}
#TeamButton:hover {
        background: url("../pix/menu/team.gif") 0px -54px no-repeat;
        line-height: 54px;
}
#TeamButton_on {
        background: url("../pix/menu/team.gif") 0px -54px no-repeat;
        height: 54px;
        line-height: 54px;
}
#AnmeldungButton {
        background: url("../pix/menu/anmeldung.gif") 0px 0px no-repeat;
        height: 40px;
		line-height: 40px;
}
#AnmeldungButton:hover {
        background: url("../pix/menu/anmeldung.gif") 0px -40px no-repeat;
        line-height: 40px;
}
#AnmeldungButton_on {
        background: url("../pix/menu/anmeldung.gif") 0px -40px no-repeat;
        height: 40px;
        line-height: 40px;
}
#UnterstuetzerButton {
        background: url("../pix/menu/unterstuetzer.gif") 0px 0px no-repeat;
        height: 44px;
		line-height: 44px;
}
#UnterstuetzerButton:hover {
        background: url("../pix/menu/unterstuetzer.gif") 0px -44px no-repeat;
        line-height: 44px;
}
#UnterstuetzerButton_on {
        background: url("../pix/menu/unterstuetzer.gif") 0px -44px no-repeat;
        height: 44px;
        line-height: 44px;
}
#KontaktButton {
        background: url("../pix/menu/kontakt.gif") 0px 0px no-repeat;
        height: 39px;
		line-height: 39px;
}
#KontaktButton:hover {
        background: url("../pix/menu/kontakt.gif") 0px -39px no-repeat;
        line-height: 39px;
}
#KontaktButton_on {
        background: url("../pix/menu/kontakt.gif") 0px -39px no-repeat;
        height: 39px;
        line-height: 39px;
}
#SubMenu {
	float: right;
	width: 240px;
	margin: 20px 0px 0px 20px;
	height: 25px;
	text-align: center;
	
}
#SubMenu p#FooterInformation
{
	width: 240px;
	margin: auto auto;
}
#SubMenu a {
        top: 0px;
        color: #00A651;
        font-size: 70%;
        text-decoration: none;
		margin: 0px 5px 0px 5px;
}
#SubMenu a:hover {
        color: #f33;
}

#Footer {
        clear: left;
        padding: 10px 10px 10px 20px;
}