body{
	background-color:RGB(235,235,255);
	text-align:center;
	font-family:verdana;
	font-size:100.01%
}

#header{
	background-image:url(../images/head.jpg);
	height:110px;
	width:800px;
	padding:0;
	background-color:RGB(220,220,255);
}

#navigation{
	height:1.3em;
	width:800px;
	/*border-bottom:solid black 1px;*/
	background-color:RGB(255,220,35);
	text-align:left;
}

#menu{
	list-style-type:none;	
	margin:0;
	padding:0;	
	float:left;
}

#navigation li{
	display:inline;
}

#navigation li a{
	margin:0;
	margin-bottom:0.2em;
	padding-left:10px;
	padding-right:13px;
	font-size:0.7em;
	font-weight:bold;
}

#navigation li a.first{
	border-right:solid RGB(80,80,80) 1px;
}

#navigation li a:link, a:visited, a:active{
	color:RGB(80,80,80);	
}

#navigation li a:hover{
	color:RGB(0,0,0);	
}

#navigation li h1{
	font-size:0.7em;
	margin:0.2em 0.6em;
	display:inline;
}

#main{
	text-align:left;
	margin: 0 auto;
	width:800px;
}

#inhalt{
	float:left;
	width:650px;
	margin:6px 0;
	background-color:RGB(225,225,255);
	padding:0;
	font-size:0.7em;
	overflow:hide;
	text-align:center;
}

#inhalt h1{
	font-size:1em;
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
}

* html div#inhalt {
    width:650px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}

#inhalt p{
	margin:0;	
}

#top{
	clear:both;
	height:10px;
	background-image:url(../images/topContent.png);
	background-repeat:no-repeat;
}

#middle{	
	clear:both;
	padding:0 10px;
}

#bottom{
	clear:both;
	height:10px;
	background-image:url(../images/bottomContent.png);
	background-repeat:no-repeat;
	background-color:RGB(235,235,255);
}

#time{
	text-align:left;
}

#time img{
	margin-right:5px;
	height:12px;
	width:20px;
	vertical-align:bottom;
}

#time p{
	margin:0;
}

#time .pTime{
	margin-top:4px;
}

#time #au{
	margin-top:10px;
}

form#loginForm{
	margin:0;
	padding:0;
}

input#userNameField, input#passwordField{
	width:4.1em;
	height:1.3em;
	margin-bottom:0.2em;
	padding:0;
	padding-top:0.2em;
}

* html input#userNameField, * html input#passwordField{
	height:1.7em;
	width:4.4em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
	padding-top:0
}

input#submitButton{
	height:1.8em;
	width:4.1em;
	margin:0;
	padding:0;
}

#infobox, #weather, #randomPic, #statistics, #time{
	padding:0;
	margin:6px 0 0 656px;
	width:144px;	
	font-size:0.7em;
	background-color:RGB(225,225,255);	
}

#weather{
	font-size:0.6em;	
}

.middle{
	padding:0 10px;	
}

.top{
	height:10px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
}

.bottom{
	height:10px;
	background-image:url(../images/bottom.png);	
	background-repeat:no-repeat;
	background-color:RGB(235,235,255);
}

* html .bottom{
	clear:both;
}

#weather #imgWeather{
	float:left;
	margin:1px 5px 0 0;
}

#weather .detailsWeather{
	margin:0;
}

#quickInfoText{
	font-size:0.9em;
}

#quickInfoDate{
	font-size:0.8em;
}

* html div#infobox, * html div#statistics, * html div#time, *html div#weather, *html div#randomPic{
    margin-left:653px;
}

#infobox p, #statistics p{
	margin:0;
}

#infobox h1, #statistics h1, #time h1, #weather h1, #randomPic h1{
	font-size:0.9em;
	text-align:center;
	margin:0 0 6px 0;	
}

#randomImgCenter{
	margin-left:9px;
}

#randomPic img{
	border:0;
}

#statistics{
	margin:6px 0 6px 656px;	
}

#statisticTable{
	font-size:1em;
}

p#by{
	float:left;	
	padding:10px;
}

p#update{
	float:right;
	text-align:right;
}

p#by, p#update{
	margin:0;
	height:1.3em;
	width:394px;
	padding:3px;
	background-color:RGB(255,220,35);
	font-size:0.6em;
	color:RGB(100,100,100);
}

* html p#by, * html p#update{
    width:400px; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}