@charset "UTF-8";

@import url(sprites.css);

@media all {
	* {
		margin: 0;
		padding: 0;
		border: 0;
	}

	body {
		font-family: Calibri, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
		font-size: 87.5%;
		background-color: #ddd;
		color: #333;
		padding: 20px;
	}

	#wrap {
		background-color: #fff;
		border: 1px solid #aaa;
		padding: 30px;
		-moz-box-shadow: 5px 5px 5px #aaa;
		-webkit-box-shadow: 5px 5px 5px #aaa;
		-webkit-border-radius: 20px;
		min-width: 840px;
	}

	h1, h2 {
		font-weight: normal;
		margin-bottom: 0.5em;
	}

	h2 {
		margin: 2em 0 0.5em 0;
	}

	p {
		margin-bottom: 1em;
	}

	a, a:link {
		text-decoration: none;
		background-color: #e4edf6;
		border-bottom: 1px solid #b4c7da;
		color: #333;
		padding: 0.1em 0.2em 0 0.2em;
	}

	a:hover, a:focus {
		background-color: #555;
		border-bottom-color: #000;
		color: #f5f5f5;
	}

	/* clearfix
	************************************************/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	.clearfix:after {
	   content: ".";
	   display: block;
	   height: 0;
	   clear: both;
	   visibility: hidden;
	}

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: inline-block; }

	/* Hides from IE-mac \*/
	* html .clearfix {	height: 1%; }

	.clearfix { display: block; }
	/* End hide from IE-mac */
}