/* Startseite intro.css | arithmetiko Bader Corinth GbR | by Lennart Bader */
	body {
		background-color:#99cc33;
		text-align:center;
		
	}
	
	html, body {
		padding:0;
		margin:0;
	}
	
	img {
		border:none;
	}
	
	h1 {
		font-size: 14pt;
		text-align:right;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-stretch: normal;
		
	}
	
	h3 {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:13pt;
		color:#74ace5;
		
		margin:10px 20px 5px 20px;
		font-weight:normal;
	}
	
	#first {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:13pt;
		color:#74ace5;
		
		margin:50px 20px 5px 20px;
		font-weight:normal;
	}
	
	#wrapper {
		height:auto;
		width:auto;
		position:relative;
		margin:0 auto;
	}
		
		#welcome {
			position:relative;
			margin-left:10em;
			margin-top:5%;
		}
	
		#box {
			position:relative;
			margin:0 auto;
			margin-top:2em;
			height:auto;
			width:820px;
			overflow:hidden;
		}
		
			#about{
				float:left;
				height:274px;
				width:230px;
				position:relative;
				background:url(../img/about.png) no-repeat #74ace5;
				color:white;
				padding-top:40px;
				padding-left:20px;
				padding-right:300px;
			}
			
				#about a {
					color:white;
				}
			
			#news {
				float:left;
				width:270px;
				height:314px;
				position:relative;
				background:url(../img/news.png) no-repeat white;
				text-align:left;
			}
			
			.news {
				margin:1em;
				color:gray;
			}
			
				.news a {
					color:black;
				}
			
			#enter {
				clear:both;
				position:relative;

				margin:0 auto;
				margin-top:2em;
				color:white;
				font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
				#enter a {
					color:white;
					text-decoration:none;
					border: 5px solid #d2dfac;
					padding:5px;
				}
				
				#enter a:hover {
					background: #b5d96c;
				}	
				
	#backlink a {
		color:#99cc33;
		text-decoration:none;
	}
	
	#navi {
		padding:5px 0 ;
		margin:0;
		width:100%;
		font-size:90%;
		bottom:0;
		left:0;
		background:#d7ffb0;
	}
	#navi ul {
		position:relative;
		padding:0;
		margin:0;
	}

	#navi li {
		display:inline;
		margin:0;
		margin-left:1em;
		margin-right:1em;
		
	}
	
	#navi li a:hover {
		background:#99cc33;
	}
	
	#navi li a:active {
		background:#aaa;
	}
	
		#navi li a {
			text-decoration:none;
			color:black;
			font-weight:bold;
			padding:5px;
			text-transform: lowercase;
			
		}