body
	{
		margin: 0;
		padding: 0;
		font: 85% Verdana;
		text-align: center;
		background-image:url('../pic/layout/back.jpg');
		background-position: center center;

	}
	
	#container
	{
		margin: 1em auto;
		width: 950px;
		height: 700px;
		text-align: left;
		background-image:url('../pic/layout/back.jpg');
	}
	
	#header
	{
		height: 56px;		
		background-image:url('../pic/layout/Logo.gif');
		background-repeat: no-repeat;
		background-position: bottom left;
	}

	#mainnav
	{
		clear: both;
		height: 59px;
		background-image:url('../pic/layout/navi.gif');
		background-position: top left;
		background-repeat: no-repeat;
		

	}

	#li
	{
		float: left;
		width: 82px;
		height: 500px;
		background-image:url('../pic/layout/li.gif');
		background-position: left;
		background-repeat: repeat-y;

	}


	#re
	{
		margin:0 0 0 0;
		float: right;
		width: 55px;
		height: 500px;
		background-image:url('../pic/layout/re_neu.gif');
		background-position: right;
	}
	
	#teaser
	{
		float: right;
		margin: 0 0 0 0;
		width: 190px;
		height: 500px;
		background-color: #fff;

	}

	#content
	{
		float: left;
		margin: 0 0 0 0;
		width: 623px;
		height: 500px;
		background-color: #fff;
		text-align: center top;
	}

	#footer
	{
		clear: both;
		height: 50px;
		background-image:url('../pic/layout/unten.gif');
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	div.spacer{
		height: 25px;
	}
	
	img
	{
		border: none;
	}

	img.oben {
		margin: 6px 0 0 0;
	}

	#pichome{
		margin: 15px 0 0 8px;
		height: 330px;
		width: 593px;
		background-image:url('../pic/start/pigames_sommer.jpg');
		background-repeat: no-repeat;
	}
	
	#teaserhome{
		margin: 22px 0 0 5px;
		height: 135px;
		background-color: white;

	}

	h1{
		padding: 0 0 0 10px;
		color: white;
		font:small-caps 130% Verdana;
		height:24px;
		vertical-align: middle;
		background-image:url('../pic/h1/h1.gif');
		background-position: center left;
		background-repeat: no-repeat;
	} 

	h2{
		margin: 5px 0 0 0;
		padding: 0 0 0 3px;
		color: #838a89;
		font: bold 85% Verdana;
		vertical-align: middle;
	} 
	
	h3{
		margin: 5px 0 5px 0;
		padding: 0 0 0 3px;
		color: #ff5900;
		font: bold 85% Verdana;
		vertical-align: middle;
	} 
	
	h4{
		height: 2px;
		width: 600px;
		border-bottom: 1px dotted #FF5900;
	}


	div.texteaser {
		margin: 0px 0 15px 0;
		padding: 0 0 0 2px;
		color: #838a89;
		font: 85% Verdana;

	}
	
	div.text {
		margin: 0 20px 0 5px;
		color: black;
		font: 85% Verdana;
		text-align: justify;		

	}

	span.textklein {
		font: 85% Verdana;
	}

	span.textorange {
		color: #FF5900;
		font-weight: bold;
	}

	span.textrosa {
		color: #920071;
		font-weight: bold;
	}

	span.textblau {
		color: #0E99C6;
		font-weight: bold;
	}

	span.textgruen {
		color: #abb710;
		font-weight: bold;
	}


	a.orange {
		color: #FF5900;
		text-decoration: underline;
	}
	a.blau {
		color: #0E99C6;
		text-decoration: underline;
	}
	
	a.gruen {
		color: #abb710;
		text-decoration: underline;
	}

	a.rosa {
		color: #920071;
		text-decoration: underline;
	}

	a.weiss {
		color: white;
		text-decoration: none;
	}


/*NAVIGATION*/


				ul#nav {
					margin: 10px 0 0 196px;
					float: left;
					list-style-type:none;
					text-align: center;
				}

				ul#nav li{
					margin-left: 2px;
					height: 43px;
					float: left;
					white-space:nowrap;
				}

				ul#nav li img{
					border: none;
				}
				ul#nav li span {
					color: #838A89;
					font: bold small-caps 130% Verdana;
				}

				ul#nav li span.textorange {
					color: #ff5900;
					font: bold small-caps 130% Verdana;
				}

				ul#nav li span:hover {
					color: #FF5900;
					font: bold small-caps 130% Verdana;		
				}

				ul#nav li.ebene1 a, ul#nav li.active a {
					width: 100%;
					height: 100%;
					text-decoration: none;
					position: relative;
				}

				ul#sub {
					margin: 15px 0 0 0;
					text-align: left;
					float: none;
					list-style-type:none;
					display:none;
					position: relative;
					height: 150px;
					opacity: .8;
					background: url(../pic/mainnav/unternavi.gif) left top no-repeat;
				}

				ul#sub li{
					margin-left: -20px;
					padding: 5px 0 0 0;
					text-align: block;
					height: 25px;
					float: none;

				}

				ul#nav li:hover ul
				{
					display:block;
				}

				ul#nav li.ebene1{
					width: 112px;
					background: url(../pic/mainnav/nichtaktiv.gif) left top no-repeat;
				}
				ul#nav li.ebene1:hover {
					width: 112px;
					background: url(../pic/mainnav/hover.gif) left top no-repeat;
				}


	#footer ul {
		margin: 0 0 0 720px;
		text-align: right bottom;
		}
	

 	#footer ul li {
		font: 65% Verdana;
                	display: inline;
               	list-style: none;
		padding-left: 5px;
		color: white;
               }