/* ======== Bilder ======== */
img
{
	display: block;
	border: 0 none;
}

img.file_icon { display: inline; }

/* ======== geometrie ======== */
#wrapper
{
	position: absolute;
	top: 0px;
	left: 20px;
	background-image: url(TPB-bg-wrapper.gif);
	background-repeat: repeat-x;
	width: 980px;
	height: 600px;
	background-position: 0% 1px;
}

#logo_box
{
	position: absolute;
	left: 54px;
	top: 45px;
}

#menu_wrapper_box
{
	position: absolute;
	left: 214px;
	top: 135px;
	width: 500px;
	height: 67px;
}

#menu_wrapper_box div.menu_group_box
{
	position: absolute;
	top: 0px;
	height: 65px;
	border-left: 1px solid transparent;
}

/* ======== gruppe des selektierten Menus hervorheben ======== */
.menu_group_selected { border-left: 1px #999 solid !important; }

#content_box
{
	position: absolute;
	left: 214px;
	top: 225px;
	width: 295px;
	min-height: 400px;
	padding-left: 8px;
	border-left: 1px #999 solid;
	font-size: 10pt;
	line-height: 150%;
	/* DEBUG 
	background-color: #EEE;*/
	padding-top: 30px;
}

/* ======== Schriften ======== */
* { font-family: Arial, "Helvetica neue", Helvetica, sans-serif; }
#menu_wrapper_box { font-size: 11px; }

#menu_wrapper_box a
{
	display: block;
	margin: 0;
	padding: 0;
}

#content_box a,
	#content_box a:visited,
	#menu_wrapper_box a,
	#menu_wrapper_box a:visited
{
	color: rgb(154, 154, 154);
	text-decoration: none;
	
}
#content_box a { line-height: inherit; }
#menu_wrapper_box a { line-height: 150%; }

#content_box a:hover,
	#menu_wrapper_box a.selected,
	#menu_wrapper_box a:hover { color: #C00; }

/* -- versteckte Menus hervorheben --*/	
#menu_wrapper_box a.hidden { background-color: #FFFFA8; }

h1
{
	font-size: 120%;
	font-weight: normal;
}

h2
{
	font-size: 110%;
	font-weight: bold;
	color: #333;
	padding-bottom: 0;
	/*border: 1px solid red;*/
}

/*p { border: 1px solid green; }*/
/* ======== bei Fehlern ======== */
.error, .alert { color: #C00; }

/* ======== Dekoration ======== */
body
{
	margin: 0;
	background-image: url(stahl_frei_3.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #FFF;
}

/* ======== Tabellen ======== */
/* --- Tabelle mit Rahmen --- */
table.borders
{
	empty-cells: show;
	border-collapse: collapse;
}

table.borders td, 
	table.borders th
{
	border: 1px solid #D2D2D2;
	padding: 0 0.5ex;
	line-height: 120%;
	font-size: inherit;
}
table.borders th
{
	background-color: #D2D2D2;
	text-align: left;
}

td, th { vertical-align: top; }

/* ======== Anzeige Bilder im Content ======== */
#image_box
{
	position: absolute;
	/*border: 1px solid red;*/
	left: 312px;
	top: 0;
	width: 160px;
	overflow: hidden;
}

.image_item_box,
	.download_item_box

{
	/*border: 1px solid grey;*/
	margin-bottom: 8px;
	line-height: 120%;
}

.bildtitel
{
	/*font-weight: bold;*/
	margin-top: 4px;
	margin-bottom: 0;
}

.bildbeschreibung, .bildtitel
{
	color: #333;
	font-size: 11px;
	/*font-style: italic;*/
}

img.deco
{
	margin-bottom: 8px;
	clip: rect(0px, 160px, 20px, 0px);
	/*
	max-width: 160px;
	max-height: 20px;
*/
	overflow: hidden;
}

/* ======== Anzeige Downloads im Content ======== */
#download_box { }

.download_header
{
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin: 0 0 4px 0;
}
.dwl_titel {} 

/* ====== Bearbeitungs-Links im Content ====== */
a.editlink, a.editlink:visited
{
	font-family: inherit;
	font-size: inherit;
	color: #C00;
	text-decoration: none;
}

a.editlink:hover
{
	background-color: #3B71D2;
	color: #fff ! important;
}

/* ====== Bearbeitungs-Icons bei Bildern ====== */
div.editiconbox
{
	position: relative;
	margin: 0;
	padding: 0;
}

div.editiconbox span.iconwrapper
{
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	padding: 1px 2px;
	background-color: #FFC;
}