@charset "utf-8";
/* CSS Document */

 body {
    	font: 100%  Arial, Helvetica, sans-serif;
    	background: #f3d67a;
		background-image: url(bg.jpg);
		background-repeat:repeat-x;
    	margin: 0; 
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }

h1 {font-size: 40px;
color:#a56a03;
}

p {font:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#534c40;
line-height:150%;}


#content {width:820px;
background-image:url(shadow-content.png);
background-repeat:no-repeat;
max-height:420px;
position:relative;
top:100px;
padding-top:100px;
margin: 0 auto;
z-index:1;
overflow:hidden;
border:solid 0px yellow;

}	


#navigation {width:820px;
height:45px;
background-image:url(shadow-nav.png);
position: relative;
top:0px;
text-align: center;
margin: 0 auto;
display:block;
z-index:1;
}

#content-img {float:left;
margin: 0 0 0 0;
position:relative;
top:-90px;
border:solid 0px red;}

#content-frame {
max-width:800px;
max-height:400px;
margin: -0px 0 0 0;
position:relative;
top:-90px;
text-align: left;
padding: 20px 50px 10px 0;
overflow:hidden;
border:solid 0px green;
}

#uhr {background-image:url(digitaluhr-mit.png);
background-repeat:no-repeat;
background-position:right;
width:180px;
height:220px;
position:relative;
top:-550px;
text-align: center;
margin: 0 auto;
padding-left: 750px;
	z-index:99;}


#menu {
	padding:10px 0 0 20px;
	font-size:12px;


}
#menu li {
	float:left;
	padding-right:20px;
		list-style-type:none;
		
}
#menu li a {
	display:block;
	font-size:12px;
color:black;
	line-height:1.2em;
	text-decoration:none;
		font-size:24px;
}

#menu li a:hover, #menu #menu_active a {
	color:red;
}

#stoerer {
  background-color: #c1ff2c;
  text-align: center;
}

#stoerer a {
  color: #000000;
  text-decoration:none;
  font-size:12px;
  font-weight: bolder;
  
}