body	{	padding: 0px;
			margin:0px;
			background: #F6E9B2 url(../images/css-body-bg.jpg) repeat-x bottom;
			color: #3C0012;
			text-align: center;
    		font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
    		font-size: 12px;
    		line-height:17px;
}

a, a:visited, a:hover {color: #3C0012; text-decoration: none; outline:none}

h1,h2	{	margin: 0;
			padding: 0 10px;
			font-weight:bold;
			line-height: 34px;
}
h1		{	font-size: 120%}
h2		{	font-size: 100%}
p, table		{	margin:0;padding: 0 10px 1em; width:80%
}
table { width: 100% };
td { line-height:17px; vertical-align: top}
div#container{width:668px; height:520px;
			margin: 30px auto;padding:8px 20px 20px 10px;text-align:left;
			background: url(../images/css-schatten-bg.jpg) no-repeat;
		}


div#staunen, div#lachen, div#begreifen, div#karten, div#ball, div#muetze, div#orange_tl, div#gruen_tl
{float:left;  width:220px; height: 130px; padding:0px 0; }
div#staunen{background: url(../images/css-staunen.gif) bottom right no-repeat}
div#lachen{ background: url(../images/css-lachen.gif) bottom right no-repeat}
div#begreifen{ background: url(../images/css-begreifen.gif) bottom right no-repeat}
div#karten{ background: url(../images/css-karten.gif) bottom right no-repeat}
div#ball{ background: url(../images/css-ball.gif) bottom right no-repeat}
div#muetze{ background: url(../images/css-muetze.gif) bottom right no-repeat}

div#logo{float:right; width:444px; height: 130px; padding:0; background: url(../images/css-logo-bg.gif) center left no-repeat; }
div#logo a { display: block;width:444px;height: 130px; outline: none; }


div#start-logo {float:left;  width:668px; height: 160px; padding:0px 0; background: url(../images/css-start-logo.gif) center left no-repeat; margin-bottom:4px;}
div#nav {float:left; width:220px;height: 240px; padding:0;background:#fff url(../images/css-navi-bg.gif)  top right no-repeat; margin-top:4px; }
div#start {float:left; width:220px;height: 184px; padding:0;background:#fff margin-top:4px; }
div#content, div#content_gruen, div#content_orange {float:right; width:424px;height: 220px; padding:10px;background:#fff url(../images/css-content-bg.gif)  top left no-repeat; margin-top:4px;  overflow:hidden}

div#content_gruen { background:#32AB00; }
div#content_orange { background:#F57803; }
div#gruen, div#orange, div#start_gruen, div#start_orange  {float:left; width:220px;height: 130px; padding: 0;background: url(../images/css-gruen-bg.gif);background-position: bottom left; margin-top:4px; }
div#orange, div#start_orange  { background: url(../images/css-orange-bg.gif); background-position: bottom left; }
div#orange_tl { background: url(../images/css-orange-tl-bg.gif);background-position: top left; }
div#gruen_tl { background: url(../images/css-gruen-tl-bg.gif);background-position: top left; }

div#details{float:right;width:444px;height: 130px; padding: 0;background: url(../images/css-details-bg.gif) top left no-repeat; margin-top:4px;}

div#start_navi{float:right;width:220px;height: 158px; padding: 0;background: url(../images/css-start-navi-bg.gif) ;background-position: bottom right; margin-top:4px;}
div#start_orange, div#start_gruen { height:158px; background-position: bottom left }

div#details ul, div#nav ul, div#geschichte ul, div#start_navi ul { 		
		list-style-type: none;
		list-style-position: outside;
		margin:0; padding: 0;
		
}

div#details ul a, div#nav ul a {
		color: #32AB00; 
}

div#details ul a:hover, div#nav ul a:hover {
 color: #F57803;
}

div#geschichte{float:left;width:670px;height: 510px; padding: 0;background: url(../images/css-geschichte.gif) center no-repeat; margin-top:4px;}
div#geschichte ul{
	margin-top:440px;
	margin-left: 590px;
	color: #fff;
}

div#geschichte ul a, div#start_navi ul a { color: #fff }
div#geschichte ul a:hover, div#start_navi ul a:hover { color: #aaa }


div#details ul{
	margin-top:50px;
	margin-left: 360px;
}

div#start_navi ul{
	margin-top: 80px;
	margin-left: 130px;
}

div#nav ul{
	margin-top:60px;
	margin-left: 140px;
}


div#nav ul li, div#details ul li{
	color: #2C9F04;
}

div#nav ul li.aktiv a, div#details ul li.aktiv {
	color: #F57803;
}

#footer {
 width: 668px;
 clear: both;
 float:left;
 text-align: center;
 margin: 5px auto;
 font-size: 80%;
 color: #53402E;
}

#footer a {  color: #53402E; }
#footer a:hover {  color: #3C0012; }

#start h1 { font-size:200%; color:#fff; margin-top:143px }
#start_gruen p, #start_orange p, #orange_tl p {color:#fff; margin-top:130px }


span.orange { color:#F57803 }
span.gruen { color:#32AB00 }

* html .ie_schwung { margin-top:-10px }