@charset "UTF-8";
* {
margin: 0;
padding: 0;
border: 0;
}



body {
	background: #fff;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #b3b3b3;
	margin-bottom: 10px;
    }
    
h1 {
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #b3b3b3;
	margin: 10px 0px 5px 0px;
	text-transform: capitalize;	
	height: 40px;
		}
		
		h2 {
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #b3b3b3;
	margin: 10px 0px 5px 0px;
	text-transform: capitalize;	
	height: 20px;
		}

p {
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #b3b3b3;
	margin-top: 5px 0px 5px 0px;
	text-transform: none;
		}


a {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #b3b3b3;
	text-decoration: none;
	text-transform: none;	
	margin: 150px 0px 0px 0px;
}

a:hover {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #888;
	text-decoration: none;
	text-transform: none;	
	margin: 150px 0px 0px 0px;
}


#container {
	position:absolute;
	top:4%;
	left:50%;
	width: 80%;
	margin-left:-450px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */	
    }
	
	    .felixseuffert #header {
	margin-bottom: 5px;
	
    }
	
	    .felixseuffert #maincontent {
		float:left;
		width: 80%px;
	   margin-left: 61px;
	
    }
	
	    .felixseuffert #maincontentshow {
		float:left;
		width: 850px;
	   margin-left: 61px;
	   font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ddd;
	
    }
	
	
	.felixseuffert #teaser {
	float: left;
	width: 280px;
	height: 400px;
	margin: 20px 19px 15px 0;
	border-color: #d3d3d3;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	}
	
	
#kontakt {
	float: left;
	width: 700px;
	height: 550px;
	margin: 10px 20px 15px 0;
	border-color: #d3d3d3;

	}
	
	.felixseuffert #thumb {
	width: 280px;
	height: auto;
	margin: 0px 0px 0px 0px;
	
	}
	
	
	
	 .felixseuffert #mail {
height: 300px;	
width: 300px;
float: left;
margin: 0px 20px 15px 0px;
	}
	
	
	form {
	padding: 10px;
	width: 300px; /* Breite des Formulars */
	border: 1px dashed #CCCCCC; 
}

	form label { 
   display: block; /* Beschriftung auf eigener Zeile */
   cursor: pointer; /* Mauszeiger wird zur Hand */ 
   
}
	
	

input#name,
textarea { 
   width: 300px;
   border: 1px solid #8c8c8c;
   margin: 2px 0 2px 0;
}


input#email,
textarea { 
   width: 300px;
   border: 1px solid #8c8c8c;
   margin: 2px 0 2px 0;
}

textarea { 
   height: 160px; 
}