@import url(reset.css);

html, body {
	margin: 0;
	padding: 0;
	background: #EEE url(../images/bg_white_w_shadow.gif) center repeat-y;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #403F49;
	font-size: 12px;
}
#wrapper {
	width: 840px;
	padding: 10px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: #ABB2BA url(../images/pic_dasgelbehaus.jpg) no-repeat;
	height: 149px;
	width: 820px;
	margin-bottom: 20px;
	padding: 10px 10px 0 10px;
	text-align: right;
}
a {
	color: #666;
	text-decoration: underline;
}
a:hover {
	color: #403F49;
	text-decoration: none;
}
/* * * * * START NAVIGATION * * * * */
#nav {
	width: 170px; /* same width as header image */
	float: left;
	font-size: 12px;
	line-height: 19px;	
	padding: 0;
}
#nav a {
	color: #ABB2BA;
	text-decoration: none;
}
#nav a:hover {
	color: #403F49;
	text-decoration: none;
}
#nav ul {
	padding: 0;
	margin: 0;
}	
#nav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}	
#nav a.navact {
	color: #403F49; 
}
/* * * * * END NAVIGATION * * * * */

/* * * * * START CONTENT * * * * */
#content {
	width: 418px; 
	/* Hack for IE on the Mac \*/
	width: 420px;
	/* should be 420px, but IE 5.2 on the Mac acts silly */
	
	float: left;
	margin-right: 20px;
	line-height: 17px;
	padding: 0;
}
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	font-style: normal;
	letter-spacing: 1px;
	margin: 0 0 12px 0;
}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
	font-style: normal;
	letter-spacing: 1px;
	margin: 0 0 6px 0;
}
#content h3 {
	font-size: 12px;
}
#content p {
	margin: 0 0 20px 0;
}
#content p.date {
	margin: 0 0 6px 0;	
}
#content b, #content strong {
	font-weight: bold;
}
#content i, #content em {
	font-style: italic;
}
#content .divider {
	border-bottom: 1px solid #CCC;
	height: 1px;
	margin: 10px 0;
}
#member {
	width: 420px;
}
#member td {
	border: 0;
	padding: 3px 0 3px 0;
}
input, textarea { 
	width: 295px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #403F49;	
	margin-bottom: 7px;
}
.storygallery td {
	vertical-align: top;
	padding-bottom: 20px;
}
.small {
	font-size: 10px;
}
table.listing td {
	vertical-align: top;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #ABB2BA;
}
ul.longlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.longlist li {
	margin-bottom: 5px;
}
table.galleryWithFancyBox td {
	padding: 0 0 10px 0;
	vertical-align: middle;	
	text-align: center;
}
table.galleryWithFancyBox td a:hover img {
	opacity: 0.72;	
}
/* * * * * END CONTENT * * * * */

/* * * * * START RIGHT COLUMN / SPECIALS * * * * */
#rightcol {
	width: 230px;
	float: left;
}
#rightcol p {
		margin: 0 0 20px 0;

}
.infobox {
	padding: 10px;
	border: 1px solid #ABB2BA;
	margin: 0 0 20px 0;
}
.infobox b, .infobox strong {
	font-weight: bold;	
}
.attention {
	color: #C00;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* * * * * END RIGHT COLUMN / SPECIALS * * * * */


/* * * * * START: PRESS SECTION * * * * */
table.press td {
	vertical-align: top;
	font-size: 10px;
	padding: 0 8px 13px 0;
}
table.press td p {
	margin: 0 0 5px 0 !important;
}