/*
	Stylesheet-Definitionen für P7DE
	Ausgabemedium: Bildschirm
	Browser: alle
*/

/*
	-----------------------------------------------------------------------------
	HTML-Elemente
	-----------------------------------------------------------------------------
*/

HTML
{
	height:100%;
	margin:0px;
	padding:0px;
}

BODY
{
	background-color:#eeeeee;
	font-family:Arial;
	font-size:11px;
	height:100%;
	line-height:150%;
	margin:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Container
	-----------------------------------------------------------------------------
*/

DIV#container_page
{
	background-image:url('../image/bg_container_page.gif');
	background-position:left top;
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	padding-left:10px;
	padding-right:10px;
	width:1000px;
}

DIV#container_pagebrand
{
	background-color:#707070;
	background-image:url('../image/bg_container_pagebrand.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:189px;
}

DIV#container_main
{
	background-color:#ffffff;
	background-image:url('../image/bg_container_main.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	padding:20px;
	width:960px;
}

DIV#container_content
{
	font-size:1.1em;
	margin-right:300px;
}

DIV#container_context
{
	float:right;
	width:280px;
}

DIV#container_footer
{
	background-color:#ffd900;
	clear:both;
	color:#000000;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

DIV.container_context_box
{
	background-color:#f6f6f6;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:1px;
	margin-bottom:10px;
}

DIV.container_context_logo
{
	margin-bottom:10px;
}

DIV.container_tip
{
	background-color:#f6f6f6;
	float:right;
	margin-bottom:10px;
	margin-left:20px;
	padding:10px;
	width:150px;
}

/*
	-----------------------------------------------------------------------------
	Bilder
	-----------------------------------------------------------------------------
*/

IMG
{
	border:none;
}

IMG#image_headline
{
	margin-left:20px;
	margin-top:60px;
}

IMG#image_signet
{
	clear:right;
	float:right;
	margin-right:20px;
	margin-top:20px;
}

IMG.image_border
{
	border-color:#d71d1d;
	border-style:solid;
	border-width:1px;
	margin-bottom:20px;
}

IMG.image_left
{
	float:left;
	margin-right:20px;
}

IMG.image_right
{
	float:right;
	margin-left:20px;
}

DIV.container_tip IMG
{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

/*
	-----------------------------------------------------------------------------
	Formulare
	-----------------------------------------------------------------------------
*/

FORM
{
	margin:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Formularelemente
	-----------------------------------------------------------------------------
*/

INPUT,SELECT,OPTION,TEXTAREA
{
	font-family:Arial;
	font-size:1em;
}

INPUT.input_button
{
	width:100px;
}

INPUT.input_button_delete,
INPUT.input_button_disable,
INPUT.input_button_edit,
INPUT.input_button_enable,
INPUT.input_button_enter,
INPUT.input_button_show
{
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	border:none;
	height:22px;
	width:22px;
}

INPUT.input_button_delete
{
	background-image:url('../image/buttons/bg_button_delete.gif');
}

INPUT.input_button_disable
{
	background-image:url('../image/buttons/bg_button_disable.gif');
}

INPUT.input_button_edit
{
	background-image:url('../image/buttons/bg_button_edit.gif');
}

INPUT.input_button_enable
{
	background-image:url('../image/buttons/bg_button_enable.gif');
}

INPUT.input_button_enter
{
	background-image:url('../image/buttons/bg_button_enter.gif');
}

INPUT.input_button_show
{
	background-image:url('../image/buttons/bg_button_show.gif');
}

/*
	-----------------------------------------------------------------------------
	Listen
	-----------------------------------------------------------------------------
*/

UL#list_menumeta
{
	float:right;
	list-style-type:none;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;
}

UL#list_menumain
{
	background-color:#707070;
	background-image:url('../image/bg_list_menumain.gif');
	background-position:left bottom;
	background-repeat:no-repeat;
	height:20px;
	list-style-type:none;
	margin:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
}

UL#list_menumain LI UL
{
	background-color:#d71d1d;
	left:0px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:20px;
	visibility:hidden;
}

UL#list_menumain LI:hover UL
{
	visibility:visible;
}

UL#list_menusub
{
	list-style-type:none;
	list-style-position:inside;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

DIV#container_content UL
{
	list-style-type:square;
	list-style-position:inside;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Listenelemente
	-----------------------------------------------------------------------------
*/

UL#list_menumeta LI
{
	border-right-color:#ffffff;
	border-right-style:solid;
	border-right-width:1px;
	color:#ffffff;
	float:left;
	font-size:0.9em;
	padding-left:5px;
	padding-right:5px;
}

UL#list_menumain LI
{
	position:relative;
	color:#ffffff;
	float:left;
}

UL#list_menumain LI UL LI
{
	background-image:url('../image/bg_list_menumain.gif');
	background-position:right top;
	background-repeat:no-repeat;
	border-top-color:#ffffff;
	border-top-style:solid;
	border-top-width:1px;
	color:#ffffff;
	float:none;
	position:relative;
}

/*
	-----------------------------------------------------------------------------
	Tabellen
	-----------------------------------------------------------------------------
*/

DIV#container_context TABLE,
DIV#container_content TABLE
{
	margin-bottom:20px;
	padding-left:10px;
	width:100%;
}

/*
	-----------------------------------------------------------------------------
	Tabellenzellen
	-----------------------------------------------------------------------------
*/

DIV#container_context TABLE TH,
DIV#container_content TABLE TH,
DIV#container_context TABLE TD.tablecell_highlight,
DIV#container_content TABLE TD.tablecell_highlight
{
	background-color:#f6f6f6;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-weight:bold;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

DIV#container_context TABLE TD,
DIV#container_content TABLE TD
{
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

DIV#container_context TABLE TH.tablecell_center,
DIV#container_context TABLE TD.tablecell_center,
DIV#container_content TABLE TH.tablecell_center,
DIV#container_content TABLE TD.tablecell_center
{
	text-align:center;
}

DIV#container_context TABLE TH.tablecell_right,
DIV#container_content TABLE TH.tablecell_right,
DIV#container_context TABLE TD.tablecell_right,
DIV#container_content TABLE TD.tablecell_right
{
	text-align:right;
}

DIV#container_context TABLE TR.tablerow_border TH,
DIV#container_content TABLE TR.tablerow_border TH,
DIV#container_context TABLE TR.tablerow_border TD,
DIV#container_content TABLE TR.tablerow_border TD
{
	border-bottom-color:#bbbbbb;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/*
	-----------------------------------------------------------------------------
	Überschriften
	-----------------------------------------------------------------------------
*/

DIV#container_content H1
{
	color:#d71d1d;
	font-size:2em;
	font-weight:bold;
	line-height:100%;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

DIV#container_content H2
{
	color:#d71d1d;
	font-size:1.2em;
	font-weight:bold;
	line-height:100%;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

DIV.container_context_box H2
{
	background-image:url('../image/bg_list_menumain.gif');
	background-position:right top;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	line-height:100%;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-transform:uppercase;
}

/*
	-----------------------------------------------------------------------------
	Texte
	-----------------------------------------------------------------------------
*/

DIV#container_content P
{
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

DIV#container_context P
{
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
}

DIV.text_error
{
	background-color:#f7dddd;
	border-color:#d71d1d;
	border-style:solid;
	border-width:1px;
	color:#d71d1d;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
}

P.text_small
{
	font-size:0.9em;
}

/*
	-----------------------------------------------------------------------------
	Links
	-----------------------------------------------------------------------------
*/

UL#list_menumeta LI A:active,
UL#list_menumeta LI A:focus,
UL#list_menumeta LI A:link,
UL#list_menumeta LI A:visited
{
	color:#ffffff;
	text-decoration:none;
}

UL#list_menumeta LI A:hover
{
	text-decoration:underline;
}

UL#list_menumain LI A:active,
UL#list_menumain LI A:focus,
UL#list_menumain LI A:link,
UL#list_menumain LI A:visited
{
	border-left-color:#ffffff;
	border-left-style:solid;
	border-left-width:1px;
	color:#ffffff;
	display:block;
	float:left;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	text-decoration:none;
}

UL#list_menumain LI A.link_active,
UL#list_menumain LI A:hover
{
	background-color:#ffd900;
	color:#000000;
}

UL#list_menumain LI UL LI A:active,
UL#list_menumain LI UL LI A:focus,
UL#list_menumain LI UL LI A:link,
UL#list_menumain LI UL LI A:visited
{
	border-left:none;
	color:#ffffff;
	display:block;
	float:none;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	text-decoration:none;
	width:150px;
}

UL#list_menumain LI UL LI A:hover
{
	background-color:#ffd900;
	color:#000000;
}

UL#list_menusub LI A:active,
UL#list_menusub LI A:focus,
UL#list_menusub LI A:link,
UL#list_menusub LI A:visited
{
	display:block;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	text-decoration:none;
}

UL#list_menusub LI A.link_active,
UL#list_menusub LI A:hover
{
	background-color:#f6f6f6;
	text-decoration:underline;
}

DIV#container_footer A:active,
DIV#container_footer A:focus,
DIV#container_footer A:link,
DIV#container_footer A:visited
{
	color:#000000;
	text-decoration:none;
}

DIV#container_footer A:hover
{
	text-decoration:underline;
}

A:active,
A:focus,
A:link,
A:visited
{
	color:#0e4d96;
	text-decoration:none;
}

A:hover
{
	color:#0e4d96;
	text-decoration:underline;
}

