* {
	margin:0;
	padding:0;
}

body, html {
	height:100%; /* always treated as min-height */
}

body {
}

#container {
	min-height:100%;
	width:600px;
}

* html #container {
	height:100%; /* lte IE6 treats height as min-height */
}



p {
	padding:0.5em;
}

#setContainer {
	width:768px;
	margin:0 auto;
	text-align:left;
}

#set1, #set2, #set3 {
	width:545px;
	float:left;
	margin-left:8px;
}
h3{
	font-family: "Arial Narrow Bold", "Arial Narrow", Arial;
	font-size: 16px;
	line-height: 22px;
	}
	
#set1 h3,
#set2 h3,
#set3 h3,
#vorVollen_sControl {
	font-family: "Arial Narrow Bold", "Arial Narrow", Arial;
	font-size: 12px;
	line-height: 22px;
	padding:2px 8px;
}

/* 
	I very rarely advocate using !important, but given the above margins are set
	via an ID for when .js is off, this is the simplest answer.
*/
.s_control {
	padding:0 !important;
	display:visible !important;
}

.s_control a {
	display:block;
	height:24px;
	padding:2px 8px;
	position:relative;
	text-decoration:none;
}

.s_control a span {
	position:absolute;
	top:6px;
	right:8px; /* half pixel stops gecko from firefuxing up position*/
	width:12px;
	height:16px;
	font-size:1px; /* keep IE happy */
	background:url(images/buttons.gif) 0 -16px no-repeat;
}

.sc_shrunk a span {
	background-position:0 0;
}

.sc_shrinking a span {
	background-position:-12px -16px;
}

.sc_expanding a span {
	background-position:-12px 0;
}

.sc_shrinking,
.sc_expanding {
	background:#EEF;
}

.s_content {
	overflow:hidden;
	margin-bottom:8px;
	font-family:baskerville,'palatino linotype','times new roman',serif;
	font-size: 15px;
	line-height: 20px;
}

.s_content.s_shrunk {
	border-bottom:0;
}

#textContentWrap {
	margin:0 auto;
	min-width:568px;
	max-width:596px;
	text-align:left;
	padding-bottom:42px; /* make room for footer */
}

* html #textContentWrap {
	width:568px; /* if scripting is off, fix the width to 800 friendly */
	width:expression(
		(document.body.clientWidth>696) ? "696px" 
			: ((document.body.clientWidth>666) ? "auto" : "568px")
	);
}

#textContent_sControl {
	clear:both;
	height:32px;
	padding:4px 0 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
}

#textContent_sControl a span {
	position:relative;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	top:0;
	right:-8px;
	vertical-align:middle;
}

#textContent {
	overflow:hidden;
}

#footer {
	text-align:center;
	clear:both;
	padding:8px;
	margin-top:-34px;
	position:relative;
	background:#DEF;
	font:bold 14px/16px arial,helvetica,sans-serif;
}