/* CSS Document */


@import url(position.css);

body   { color:           yellow; 
		 background:      olive;
		 font-family:     Comic Sans MS, sans-serif; 
		 font-size:       x-large;
		 word-spacing:    normal;
		 width:           auto; }
		 
img    { border:          none; }

h1,h2  { font-family:     Arial, Verdana, sans-serif;
		 text-align:      center; }
		 
p	   { text-align:      justify; }

a	   { text-decoration: none; }

table  { width:           100%; }

p#quelle
	   { text-align:      left; }

#menu li
	   { border:		  thin orange solid; }
		 
#menu p
	   { text-align:      center; }
	   
#menu li:hover
	   { list-style-image:url("images/active-link.png"); }
	   
div#center
	   { text-align:      center; }
	   

/* -------------------------------------------------------------------------------------*/
/* override the menu borders defined in position.css */

#menu { border-top:      medium   lime   solid; 
		border-right:    thin     lime   dashed;
		border-bottom:   medium   lime   solid; }
	   
	   
/* -------------------------------------------------------------------------------------*/
/* Replace images, technique from http://www.stopdesign.com/also/articles/replace_text/ */
	   
h1#header
	   { position: absolute;    top: -30px; left: 40%;
	     background-image:      url("images/title_kinder.png");
	     background-color:      transparent;
  		 background-repeat:     no-repeat;
  		 height:			    90px; 
		 width:	  			    366px; }
h1#header span 
	   { display:               none; }