/* ****************************************** */
/*  FRONTPAGE */

div#cycle_of_life{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
	text-align: center;
	color: #98805e;
	font-weight: 900;
	height: 339px;
}

div#cycle_of_life img{
    position: absolute;
    top: 0;
    left: 0;
}

img#rohstoffe{
	position: absolute;
	top: -11px;
	left: 133px;
}

div#rohstoffe_copy{
	position: absolute;
	top: -45px;
	left: 135px;
}


img#produktion{
	position: absolute;
	top: 90px;
	left: 260px;
}

div#produktion_copy{
	position: absolute;
	top: 95px;
	left: 315px;
}

img#transport{
	position: absolute;
	top: 248px;
	left: 202px;
}

div#transport_copy{
	position: absolute;
	top: 290px;
	left: 260px;
}

img#nutzung{
	position: absolute;
	top: 240px;
	left: 37px;
}

div#nutzung_copy{
	position: absolute;
	top: 270px;
	left: -10px;
}

img#nachgebrauch{
	position: absolute;
	top: 80px;
	left: -5px;
}

div#nachgebrauch_copy{
	position: absolute;
	top: 55px;
	left: -90px;
}
/* ************************ users *************************/

div.users_header{
	margin-top: 20px;
	padding: 5px;
	color: #333;
	border-bottom: 1px solid #b22;
}

div.users_header h2{
	margin: -3px 0 0 0;
	padding: 0;
	font-size: 20px;
	color: #777;
}

table.users{
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	border: 1px solid #b22;
}

table.users tr th{
	padding: 5px 5px 5px 20px;
	font-size: 90%;
	font-weight: bold;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

table.users tr td{
	padding: 5px 5px 5px 20px;
	font-size: 90%;
	border-right: 1px solid #666;
}

table.users tr td a{
	color: #333;
	font-weight: bold;
}

table.users tr td a.sbutton{
    color: #fff;
}

table.users tr.rowTrue{
	background-color: #f0f0f0;
}

table.users tr:hover, table.users tr.rowTrue:hover{
    background-color: #f0dddd;
}

div.users_posting_header{
	color: #777;
	font-size: 12px;
}

div.users_posting_header h2{
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #b22;
	font-size: 20px;
}

div.users_posting_header a{
	font-size: 12px;
}

div.useractions ul{
	list-style-type:none;
	font-size: 12pt;
}

table.admin{
	width: 100%
}

table.admin tr td{
	font-size: 120%;
	width: 25%;
	height: 50px;
	border: 1px solid #b22;
	text-align: center;
	vertical-align: middle;
}

table.admin tr td:hover{
	background-color: #b00;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}