/*
 * CSS - Silbernetzwerk
 * step by step modification
 *
 * @author Daniel Sturm
 * @date 091218 2002
 */

/* general classes */
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.cb {
	clear: both;
}
.inactive {
	background:#ccc;
	color:#999;
	opacity:.2;
}
#content .inactive, #content .inactive img, #content .inactive div {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}
#content .inactive, #content .inactive .oddRow {
	background:none;
}

#content .messages a.button {
	font-size: 1.1em;
}

#content .groups {
	background: url(../appImg/contentShadow.gif) repeat-x 0 3.5em #fff;
	font-size: 1.2em;
	padding-top: 1.2em;
	position: relative;
}
#content .groups form,
#content .groups #interactiveBox {
	font-size: 0.83em;
}
#content .groups h2 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 1em;
}
#content .groups form {
	margin: 0 0 1em;
}
#content .groups p {
	margin: 0 0 1em;
}
#content .groups p.description {
	width: 36em;
}
#content .groups img {
	text-indent: -999em;
}

/* forms */
#content .groups form input,
#content .groups form select,
#content .groups form textarea {
	margin-bottom: 0.5em;
}
#content .groups form input[type=text],
#content .groups form textarea {
	width: 28em;
}
#content .groups.threads form input[type=text],
#content .groups.threads form textarea {
	width: 46em;
}
#content .groups form label {
	margin-bottom: 0.25em;
}
#content .groups form p {
	font-size: 1.2em;
	margin-top: 0.25em;
}
#content .groups form .error_message {
	margin-top: 0em;
}

#content li.odd{
	background-color: #f7f7f7;
}

#content h1.contentHead {
	border-bottom: 1px solid #000;
	color: #333;
	display: block;
	font-size: 1.15em;
	letter-spacing: 0;
	line-height: 2em;
	margin: 0 0 1em;
	text-transform: uppercase;
}

#content .groups h1.contentHead {
	background: url(../img/ico/gruppen.gif) 0pt 0pt no-repeat transparent;
	padding-left: 55px;
}

/* lists in boxes */
#content .contentBox ul,
#content .listHeaderBox ul {
	clear: left;
	margin: 0;
	padding: 0.5em;
}
#content .contentBox li,
#content .listHeaderBox li {
	clear: left;
	display: block;
	margin-top: 1em;
	padding: 0.5em;
}
#content .contentBox li:first-child,
#content .listHeaderBox li:first-child {
	margin-top: 0;
}
#content .contentBox img,
#content .listHeaderBox img {
	border: 1px solid #d7d7d7;
	float: left;
	margin-right: 1em;
}
#content .contentBox h3 img {
	border: none;
	float: none;
	height: auto;
	margin: 0;
	width: auto;
}

/* links in boxes */
#content .contentBox ul.links,
#content .listHeaderBox ul.links {
	background: none;
	border: none;
	color: #900;
	float: right;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
#content .contentBox ul.links li,
#content .listHeaderBox ul.links li {
	display: inline;
	margin-left: 0.5em;
}
#content .contentBox ul.links a,
#content .listHeaderBox ul.links a {
	color: #900;
}

/* search box */
#content div.searchBox {
	display: block;
	margin: 1em 0;
}

/* content box */
#content .contentBox {
	background: url(../appImg/reiter_schatten.gif) 0% 0% no-repeat transparent;
	margin-top: 2em;
	min-height: 2em;
}
#content .contentBox.w100 {
	clear: left;
	width: 47.5em;
}
#content .contentBox.w50 {
	background-image: url(../appImg/reiter_halb_schatten.gif);
	float: left;
	margin-right: 1.5em;
	width: 22.5em;
}
#content .contentBox.w50.right {
	float: right;
}
#content .contentBox h3 {
	background: 0% 0% no-repeat transparent;
	border: 0;
	color: #900;
	display: block;
	float: left;
	font-size: 1.08em;
	line-height: 20px;
	padding: 0.3em 1em 0;
}
#content .contentBox div h4,
#content .contentBox ul h4 {
	color: #333;
	font-weight: bold;
	padding: 0;
}
#content .contentBox div,
#content .contentBox ul {
	background: url(../appImg/contentBoxHalfShadowBot.gif) 0% 100% repeat-x transparent;
	border: 0pt solid #888;
	border-width: 0 1px 1px 1px;
	clear: left;
	margin: 0;
	padding: 0.5em;
}
#content .contentBox div {
	padding: 1em;
}
#content .contentBox img {
	height: 50px;
	width: 50px;
}

#content .contentBox h3.groupBoxHead {
	background: url(../appImg/ico_groups.gif) 13px 2px no-repeat transparent;
	padding-left: 40px;
}

#content #myHome .contentBox,
#content .profile .contentBox {
	font-size: 1.2em;
	margin: 0 0 1em;
}
#content #myHome .contentBox.w50,
#content .profile .contentBox.w50 {
	width: 23.25em;
}
#content #myHome .contentBox img,
#content .profile .contentBox img {
	background: url(../img/ico/gruppen_dummy.gif);
	text-indent: -999em;
}

/* list header */
#content .listHeaderBox {
	background: url(../appImg/reiter_schatten.gif) 0% 0% no-repeat transparent;
	height: 4em;
	margin-top: 2em;
}
#content .listHeaderBox h2 {
	background: url(../img/ico/forum.gif) 1em 0.3em no-repeat transparent;
	border: 0;
	color: #900;
	display: block;
	float: left;
	font-size: 1.08em;
	line-height: 1.5em;
	padding: 0.3em 1em 0;
	padding-left: 40px;
}

/* list box */
#content div.listBox {
	display: block;
	margin-bottom: 2em;
}
#content div.listBox ul {
	margin: 1em 0;
}
#content div.listBox ul a {
	color: #005C00;
}
#content div.listBox .item {
	display: block;
	padding: 5px;
}
#content div.listBox .item h4 {
	color: #333;
	font-weight: bold;
}
#content div.listBox div.item {
	margin-bottom: 0.5em;
}
#content div.listBox li.item {
	float: left;
	width: 31%;
}
#content div.listBox .item.oddRow {
	background: #f4f4f4;
}

#content div.listBox div.item .details {
	float: left;
	width: 39em;
}
#content div.listBox div.item .head {
	border-bottom: 1px dotted #707070;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}
#content div.listBox div.item .head h3 {
	float: left;
	overflow: hidden;
	padding: 0;
	width: 21em;
}
#content div.listBox div.item .head span {
	float: right;
	margin-left: 1.5em;
}
#content div.listBox div.item .head strong {
	white-space:nowrap;
}
#content div.listBox div.item .content {
	float: left;
	width: 29.5em;
}
#content div.listBox div.item .info {
	border-left: 1px dotted #707070;
	float: right;
	padding-left: 0.5em;
	text-align: right;
}
#content div.listBox div.item img.thumb {
	background: url(../img/thumb/dummy.gif) 50% 50% no-repeat #fff;
	border: 1px solid #d7d7d7;
	float: left;
	height: 6.25em;
	margin: 0 1em 0.25em 0;
	text-indent: -999em;
	width: 6.25em;
}
#content .groups div.listBox div.item img.thumb {
	background-image: url(../img/thumb/gruppen_dummy.gif);
}
#content div.listBox.text div.item .details {
	width: 100%;
}
#content div.listBox.text div.item .thumb {
	display: none;
}

#content div.listBox .item.groupAdmin {
	background-color: #ffe3e3;
}
#content div.listBox .item.groupAdmin .thumb {
	border-color: #666;
}

/* group box */
#content div.groupBox {
	background: url(../appImg/boxGroupBG.gif) no-repeat 100% 100% #900;
	color: #fff;
	height: 192px;
	line-height: 1.5em;
	margin: 1em 0;
	width: 420px;
}
#content .threads div.groupBox {
	height: 117px;
}
#content div.groupBox a {
	color: #fff;
}
#content div.groupBox h2,
#content div.groupBox p {
	margin-left: 160px;
}
#content .threads div.groupBox h2,
#content .threads div.groupBox p {
	margin-left: 85px;
}
#content div.groupBox h2 {
	border: none;
	display: block;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	overflow: hidden;
	width: 18em;
}
#content .threads div.groupBox h2 {
	display: table-cell;
	height: 75px;
	vertical-align: middle;
}
#content div.groupBox img {
	background: url(../img/med/gruppen_dummy.gif) 50% 50% no-repeat #fff;
	border: 1px solid #d7d7d7;
	float: left;
	height: 150px;
	margin: 0 1em 0 0;
	width: 150px;
}
#content .threads div.groupBox img {
	background-image: url(../img/thumb/gruppen_dummy.gif);
	height: 75px;
	width: 75px;
}
#content div.groupBox p.isGroupMember {
	padding-left: 20px;
}

/* thread data box */
#content div.threadBox {
	line-height: 1.4em;
}
#content div.threadBox img {
	background: url(../img/med/gruppen_dummy.gif) 50% 50% no-repeat #fff;
	border: 1px solid #d7d7d7;
	float: left;
	margin: 0 1em 0 0;
}