/* violett #6F1F77*/

* {margin:0; padding:0;}

html {height:101%;}

.top {
	display:block;
	width:1024px;
	height:100px;
	background-image:url(img/innen_apfel_var1.jpg);
	}
	
.logo{
	position:absolute;
	width:191px;
	height:100px;
	left:417px;
	}

	
body {
	background-color:#1b1b1b; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size:13px;
	height:101%; 
	}
		
#container {
	background-color:#343434;
	position:relative;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
	}
a img {border:none;} /* sagt, dass in IE keine linien um die anklickbaren Bilder/Logos erscheinen */
		
#navi {float:right; padding-right:20px;}
	
.floatstop {clear:both;}

#navi ul {position:relative; right:0; top:0; list-style-type:none;}

#navi li {float:left; padding-top:10px; padding-bottom:73px;}

.portrait {width:190px; margin:0 auto;}

.mytable {width:577px; margin:0 auto;}  /* sagt, dass meine Tabelle zentriert steht */

.home {
	background-image:url(img/navi_balken_weiss.gif); background-repeat:no-repeat;
	}
.profil {
	background-image:url(img/navi_balken_weiss.gif); background-repeat:no-repeat; color:#acd752;
	}
.projekte {
	background-image:url(img/navi_balken_weiss.gif); background-repeat:no-repeat;
	}
.kontakt {
	background-image:url(img/navi_balken_weiss.gif); background-repeat:no-repeat;
	}


#navi a:link, #navi a:visited {
	color:#FFF; 
	text-decoration:none; 
	font-size:12px;
	}
	
#navi a:hover {
	color:#acd752;
	}

.nackig {width:20px;}	

#content h1,h2,h3,h4 {
	padding-top:0px;
	font-size:16px; 
	font-weight:normal; 
	letter-spacing:0,8px; 
	padding-left:222px; 
	color:#acd752;
	}

#content p {
	min-height:150px;
	max-width: 450px;
	padding-top:15px;
	padding-left:417px;
	color:#FFF; 
	letter-spacing:0,8px; 
	line-height:180%;
	}
	
#content .table {
	position:absolute;
	margin:auto;
	}
	
#content .email {
	color:#FFF;
	}
	
	
.footer {position:absolute;
	width:191px;
	height:50px;
	left:417px;
	}

#footer {height:30px;}
#footer .impressum {font-size:11px; padding-left:20px; color:#787878; text-decoration:none;}