body {
	background: url("../images/pathos/bg.gif");
	text-align: center;
	margin: 0 auto;
	font: 14px/22px Georgia,"Times New Roman",Times,serif;
}

img {
	border: 0;
}

h1,h2,h3,h4 {
	font-family: "Century Gothic",Helvetica,Arial,sans-serif;
}

h1,h2,h3 {
	text-transform: uppercase;
}

h2 {
	font-size: 20px;
}

h3 {
	color: #332F29;
}

ul {
	list-style-type: none;
}

/*

====   kopf 


*/

#container {
	float: left;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -420px;
	width: 840px;
	background: white;
	padding: 0 0 6px 0;
}

#kopf {
	position: relative;
	margin: 0 auto;
	width: 818px;
	height: 282px;
	background: url("../images/pathos/bg.jpg");
	text-align: left;
}

#illustration {
	float: left;
	width: 736px;
	height: 282px;
	text-align: right;
	margin: 0;
	padding: 0;
}

#rechts {
	float: left;
	height: 282px;
}

#namen {
	position: absolute;
	left: 0;
	top: 0;
}

/*

====   content 


*/

#content {
	margin: 0 auto;
	width: 818px;
	text-align: left;
	margin-bottom: 40px;
}

#index {
	float: left;
	width: 510px;
	margin-left: 20px;
	display: inline;
	text-align: left;
	margin-bottom: 80px;
}

#infoboxen {
	margin: 0 auto;
	float: left;
	width: 238px;
	margin: 45px 0 0 49px;
	display: inline;
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 40px;
}

#infoboxen h4 {
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 12px;
}

#infoboxen a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#infoboxen a:hover {
}

.pathos {
	color: #FF003C;
}

.besserwisserei {
	color: #0028B3;
}

.bild_clear {
	clear: both;
	margin-top: 11px;
}

.bild_links {
	float: left;
	margin: 11px 11px 11px 0;
}

#kommentar {
	clear: both;
	border-top: solid 1px #DCDAD0;
	padding-top: 21px;
	margin-top: 21px;
}

#kommentar h3 {
	margin-top: 0;
}

#kommentar label {
	clear: both;
	display: block;
	float: left;
	width: 100px;
	margin-bottom: 11px;
}

/*

====   infoboxen


*/

#menue {
	padding: 0 0 9px 9px;
}

#menue a {
	display: inline;
	margin-right: 5px;
}

#archiv {
	clear: both; 
	background: url("../images/infoboxen/bg.gif");
	float: left;
	width: 184px;
	padding: 0px 16px 12px 39px;
	display: inline;
}

#archiv a {
	width: 184px;
}

#archiv a.pathos {
	color: #BD425F;
}

#archiv a.pathos:hover {
	color: #FF003C;
}

#archiv a.besserwisserei {
	color: #283873;
}

#archiv a.besserwisserei:hover {
	color: #0028B3;
}

#besserwisserdesmonats {
	position: relative;
	background: url("../images/infoboxen/besserwisser-des-monats.gif");
	width: 108px;
	height: 132px;
	padding: 54px 16px 0 114px;
	margin-bottom: 11px;
}

#besserwisserdesmonats[id] {
	width: 108px;
	height: 78px;
}

#besserwisserdesmonats h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: black;
}

#besserwisserdesmonats a {
	color: #0028B3;
}

#besserwisserdesmonats.w {
	background: url("../images/infoboxen/besserwisserin-des-monats.gif");
}

#derbesserwisserdesmonats {
	position: absolute;
	left: 9px;
	top: 3px;
}

#pathetdesmonats {
	position: relative;
	background: url("../images/infoboxen/pathet-des-monats.gif");
	width: 108px;
	height: 132px;
	padding: 54px 16px 0 114px;
	margin-bottom: 11px;
}

#pathetdesmonats[id] {
	width: 108px;
	height: 78px;
}

#pathetdesmonats h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: black;
}

#pathetdesmonats a {
	color: #FF003C;
}

#pathetdesmonats.w {
	background: url("../images/infoboxen/pathetin-des-monats.gif");
}

#derbesserwisserdesmonats {
	position: absolute;
	left: 9px;
	top: 3px;
}

#kommentare {
	clear: both; 
	float: left;
	background: url("../images/infoboxen/bg.gif");
	width: 184px;
	padding: 0px 16px 12px 39px;
	display: inline;
}

#kommentare a {
	color: #444444;
}

.kommentar {
	font-size: 11px;
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
	border-bottom: solid 1px #DCDAD0;
	color: #444444;
	width: 184px;
}

.kommentar h2 {
	font-size: 14px;
	margin: 6px 0 3px 0;
	color: #444444;
}

#archivliste a {
	font-family: "Century Gothic",Helvetica,Arial,sans-serif;
	text-decoration: none;
	font-weight: bold;
}

#archivliste a.pathos:hover {
	color: #BD425F;
	text-decoration: underline;
}

#archivliste a.besserwisserei:hover {
	color: #283873;
	text-decoration: underline;
}

#shop {
	display: block;
	padding: 32px 16px 0 121px;
	width: 101px;
	height: 96px;
	background: url("../images/infoboxen/zum-hoeren.jpg");
	color: #332F29;
}

#shop a {
	color: #332F29;
}