/* ruthgossweiler dot ch */
/* reset css > grazie Eric Meyer ---------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:					0;
	padding:				0;
	border:					0;
	outline:				0;
	font-size:				100%;
	vertical-align:			baseline;
	background:				transparent;
}
body { line-height:			1; }
ol, ul { list-style:		none; }
blockquote, q { quotes:		none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
/* remember to define focus styles! */
:focus { outline:			0; }
/* remember to highlight inserts somehow! */
ins { text-decoration:		none; }
del { text-decoration:		line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:		collapse;
	border-spacing:			0;
}
/* basis ---------------------------------------------------------------- */
html {
	height:					100%;
/*	overflow-y:				scroll; */
}
body {
	color:					#444;
	background-color:		#f4f3ee;
	height:					100%;
	width:					100%;
	text-align:				center;
}
a {
	color:					#000;
	border-bottom:			none;
	text-decoration:		none;
}
a img {
	border:					none;
}
div,
p {
	background-color:		transparent;
	overflow:				visible !important;
}
.laden { background:		#f4f3ee url(/css/pix/wait.gif) no-repeat 8px 8px; }
/* struktur ------------------------------------------------------------- */
#wrapper {
	position:				absolute;
	top:					50%;
	left:					0;
	width:					100%;
	height:					0;
	background-color:		transparent;
	text-align:				center;
	display:				block;
	overflow:				visible;
	z-index:				0;
}
#textblock,
table#textblock {
	margin:					0 auto;
	padding:				0;
	max-width:				800px;
	text-align:				left;
	overflow:				visible;
	z-index:				1;
}
#textzeile {
	margin:					0 auto;
	padding:				0;
	max-width:				800px;
	text-align:				left;
	overflow:				visible;
	z-index:				1;
}
/* txpo ----------------------------------------------------------------- */
html,
body {
	font-family:			InconsolataMedium, 'InconsolataMedium', Inconsolata, Consolas, 'Lucida Console', 'Andale Mono', Simple-Regular, 'Courier New', Courier, monospace;
	font-size:				18px;
	font-weight:			normal;
	line-height:			24px;
}
strong,
b, .b { font-weight:		bold; }
pre, .pre { white-space:	pre; }
.small, .klein {
	font-size:				14px;
	line-height:			16px !important;
}
.kleiner,
span.kleiner a {
	font-size:				12px;
	line-height:			16px !important;
}
.abso { margin-top:			24px; }
.abso2 { margin-top:		24px; }
.absoklein { margin-top:	16px; }
.absoklein2 { margin-top:	32px; }
.abs { margin-bottom:		24px; }
.abs2 { margin-bottom:		48px; }
.absklein { margin-bottom:	16px; }
.absklein2 { margin-bottom:	32px; }
.absklein3 { margin-bottom:	14px; }
/* resimg --------------------------------------------------------------- */
#background {
	margin:					0;
	padding:				0;
	text-align:				center;
	vertical-align:			middle;
	color:					transparent;
	background-color:		transparent;
	font-size:				0 !important;
}
#background p.klein {
	margin:					0 auto;
}
.a_l_img {
	position:				absolute;
	top:					0;
	left:					0;
	width:					50%;
	height:					100%;
/*	cursor:					url(/css/pix/left.gif), w-resize; */
}
.a_l_img:hover {
	background:				transparent url(/css/pix/ret.gif) no-repeat center left;
}
.a_r_img {
	position:				absolute;
	top:					0;
	right:					0;
	width:					50%;
	height:					100%;
/*	cursor:					url(/css/pix/right.gif), e-resize; */
}
.a_r_img:hover {
	background:				transparent url(/css/pix/vor.gif) no-repeat center right;
}