/* CSS Document */

html 
{font-size: 64%;} /* =10px*/

body {
font-size: 1.3em;
text-align: left;
 padding-top: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../images/snow2.jpg);}

body#winter{background-image: url(../images/bg_snowflakes.jpg);}
body#fingerspiele{background-image: url(../images/snow2.jpg);}
body#spieleindernatur {background-image: url(../images/snow.jpg);}
body#basteln {background-image: url(../images/snow4.jpg);}
body#geschichten{background-image: url(../images/snow7.jpg);}
body#lieder {background-image: url(../images/snow6.gif);}
body#naturtipps{background-image: url(../images/bg_snowflakes.jpg);}
body#links{	background-image: url(../images/snowlink.jpg);}

* 
{margin:0px 0px 20px 0px; padding: 0px; border: 0px;} 
/* Universalselektor: FÜR ALLE ELEMENTE gilt */

a {font-weight:bold;color: #0000cd;}
a:link {color:#CC0000;}
a:visited {color: #990000; text-decoration:none;}
a:hover {color: #cc0000;}
a:active {outline:none;}



h1, h2, h3, h4, h5, h6 {font-family: "Times New Roman", serif;
padding. 0.4em 0em 0.5em 0em;
margin-bottom: 0.4em}

h1 {font-size: 2.4em; border-bottom: 1px dotted;}
body#home h1 {color: #544413;}
h2 {font-size: 2.2em;}
h3 {font-size: 2.0em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.4em;}

#text{
	background-image: url(../images/white50.png);
	width: 920px;
	height: auto;
	padding:20px;
}
#wrapper {width: 1000px; margin:auto;
background-image: url(../images/white50.png);}

#header {overflow: auto;}

#header ul li{
	display: inline; 
	list-style-type:none;
	margin:160px 0px 0px 20px;}

#header ul li a {
	display:block;
	float:left;
	width:160px;
	padding: 102px 0em 0.3em 0em;
	text-transform:uppercase;
	font-weight:lighter;
	text-decoration:none;
	color: black;
	margin: auto;
}

li.fingerspiele a:hover {
background:url(../images/buttons_select3/fingerspiele.png) no-repeat;}
li.spieleindernatur a:hover {
background:url(../images/buttons_select3/spieleindernatur.png) no-repeat;}
li.basteln a:hover {background:url(../images/buttons_select3/basteln.png) no-repeat;}
li.geschichten a:hover {
background:url(../images/buttons_select3/geschichten.png) no-repeat;}
li.lieder a:hover {
background:url(../images/buttons_select3/lieder.png) no-repeat;}
li.naturtipps a:hover {
background:url(../images/buttons_select3/naturtipps.png) no-repeat;}

body#fingerspiele li.fingerspiele a {
background:url(../images/buttons_select3/fingerspiele.png) no-repeat;}
body#spieleindernatur li.spieleindernatur a {
background:url(../images/buttons_select3/spieleindernatur.png) no-repeat;}
body#basteln li.basteln a {
background:url(../images/buttons_select3/basteln.png) no-repeat;}
body#geschichten li.geschichten  a {
background:url(../images/buttons_select3/geschichten.png) no-repeat;}
body#lieder li.lieder a {
background:url(../images/buttons_select3/lieder.png) no-repeat;}
body#naturtipps li.naturtipps a {
background:url(../images/buttons_select3/naturtipps.png) no-repeat;}

li.fingerspiele a {
background:url(../images/buttons_grau3/fingerspiele.png) no-repeat;}
li.spieleindernatur a {background:url(../images/buttons_grau3/spieleindernatur.png) no-repeat;}
li.basteln a {
background:url(../images/buttons_grau3/basteln.png) no-repeat;}
li.geschichten a {
background:url(../images/buttons_grau3/geschichten.png) no-repeat;}
li.lieder a {
background:url(../images/buttons_grau3/lieder.png) no-repeat;}
li.naturtipps a {
background:url(../images/buttons_grau3/naturtipps.png) no-repeat;}

#wrapcontent {
	overflow:auto; 
	background:url(../images/white50.png);
	}

#content {
	float:left; 
	width:550px; 
	text-align: left; 
	padding-top:20px; 
	padding-right:40px; 
	padding-bottom:20px;
	padding-left:40px;
	
	background:url(../images/white25.png);}

	
#sidebar {
	float:right; 
	width:140px; 
	color:black;
	padding-left:5px;
	padding-right: 5px;}

#sidebar a {
	color:black; 
	text-decoration:none; }

#sidebar ul li {list-style-type:none; margin:20px 20px 20px 20px; color:black;}

#sidebar2 {
	float:left; 
	width:140px; 
	color:black;
	padding-left:5px;
	padding-right: 5px;}

#sidebar2 a {
	color:black; text-decoration: none;}
	
#sidebar2 a:hover {	color:#0000cd; text-decoration: none;}


#sidebar2 ul li {list-style-type:none;color:black;}

#sidebar2 #active a {
	color: #cc0000;
}

#footer {}

#navi ul {
	background-color: #green;
	width:180px;
	margin:0px;
	padding:0px;
}

#navi li {	}

#navi li a {
	padding-top:7px;
	padding-right:8px;
	padding-bottom:8px;
	padding-left:8px;
	display: block;
}

div#navi li a:link, div#navi li a:visited {
	text-decoration:none
	background-color:#ffbb11;
	color: black;

}

div#navi li a:hover {
	text-decoration: none;
	background-color: #55FF44;
	color: orange;
}

div#navi a:hover {
	text-decoration: none;
	background-color: orange;
	color: #55FF44;
}

div#navi a:link {
	text-decoration: none;
	background-color: green ;
	color:red;}

#navi2 ul{
list-style-type: none;}

#navi2 ul li {float:left; margin-left:10px;}
.clearer {
	clear: both;
}
#content2{
	
	position:relative;
 	width:960px; 
	text-align: left; 
	padding-top:20px; 
	padding-right:40px; 
	padding-bottom:20px;
	padding-left:40px;
	margin:auto;
	
	background:url(images/white75.png);	
}#nav li{
	list-style-type:none;
}
#nav li a{
	color: black;
	text-decoration: none;	
}

#nav li a:hover{
	color:#0000cd;
}
#nav2{}

#nav2  li{
	list-style-type:none; margin-right:8px;
}
#nav2 li a{
	color: black;
	text-decoration: none;	float: left;
}
#nav2 ul li {
	float:left;
}
#nav2 li a:hover{
	color:#0000cd;	}

#nav2 #active a  {
	color:#cc0000;
}	
	
#textbox{
	
	padding:10px;
	margin-left:20px;
}
h4 {
	font-size:10px
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}
.bold {
	font-weight: bold;
}

#content h4 a {
	color:#0000cd;
	text-decoration:none;
}
#content h4 a:hover {
	color:#990000;
	text-decoration: none;
}

 div#Tmenu {
    font-size: 75%;
    width: 950px;
    padding: 0.8em;
    border: 1px solid white;
    background-color: #eee;
  }
  * html div#Tmenu {
    width: 965px;
    w\idth: 39.8em;  /* IE 6 in standards-compliant mode */
  }
  div#Tmenu div {
    clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0.1em; padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.8em; left: -0.4em;
  }
  * html ul#Navigation li ul {
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0.2em; margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    30px;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.23em 0.97em 0.17em 1.03em;
    border: 1px solid #600;
    border-left-color: #ea0; border-top-color: #ea0;
    color: white; background-color: #c00;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 9.2em;
    w\idth: 7em;  /* IE 6 in standards-compliant mode */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding: 0.17em 1.03em 0.23em 0.97em;
    border-color: #ea0;
    border-left-color: #900; border-top-color: #900;
    background-color: #e00;
  }
  ul#Navigation li ul a:hover {
    border-color: #900;
  }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900;
  }
  ul#Navigation li ul span {
    border-right-color: #c96; border-bottom-color: #c96;
    color: #900; background-color: white;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
    color: black; background-color: #f00;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    background: #eee;
  }