/*
  Stylesheet-Definitionen für myFruit.de
  Ausgabemedium: Bildschirm
  Browser: alle
*/

/*
	-----------------------------------------------------------------------------
	HTML-Elemente
	-----------------------------------------------------------------------------
*/

HTML
{
	height:100%;
}

BODY
{
	background-color:#ffffff;
	color:#6a1f1e;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	height:100%;
	margin:0px;
	padding:0px;
}

FORM
{
	margin:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Container
	-----------------------------------------------------------------------------
*/

DIV#container_tip
{
	position:absolute;
	top:250px;
	left:300px;
	width:400px;
	border:1px solid #808080;
	background-color:#d7d5d1;
	padding:0px;
	z-index:1001;
}

DIV#container_tip_top
{
	display:block;
	height:17px;
	background-image:url(/system/images/caption.gif);
	background-repeat:repeat-x;
	border-top:1px solid #f7f5f1;
	border-left:1px solid #f7f5f1;
	border-right:1px solid #474541;
	border-bottom:1px solid #808080;
}

DIV#container_tip_top DIV#dialog_caption
{
	float:left;
	display:inline;
	margin:0px;
	padding-top:2px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}

DIV#container_tip_content
{
	display:block;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	border-left:1px solid #f7f5f1;
	border-right:1px solid #474541;
	border-bottom:1px solid #474541;
	overflow:auto;
	/* max-height:200px; */
}

DIV#container_pagebrand
{
	background-image:url('../images/bg_pagebrand.jpg');
	background-position:left top;
	background-repeat:x-repeat;
	height:158px;
	width:1000px;
}

DIV#container_content
{
	background-color:#ffb536;
	padding:10px;
	width:980px;
}

DIV#container_search
{
	background-color:#ffd15c;
	border-color:#ff8000;
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
	padding:5px;
}

DIV#container_left
{
	float:left;
	margin-bottom:10px;
	width:180px;
}

DIV#container_right
{
	float:right;
	margin-bottom:10px;
	width:160px;
}

DIV#container_center
{
	margin-bottom:10px;
	margin-left:190px;
	margin-right:170px;
}

DIV#container_center_user
{
	margin-bottom:10px;
	margin-left:190px;
	margin-right:0px;
}

DIV#container_footer
{
	clear:both;
	font-size:1em;
	margin-bottom:10px;
	text-align:center;
}

DIV#container_logo
{
	float:left;
}

DIV#container_menu_top
{
	background-color:#ffffff;
	background-image:url('../images/bg_box.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	border-color:#ff8000;
	border-style:solid;
	border-width:1px;
	float:right;
	height:14px;
	margin-right:5px;
	margin-top:10px;
	padding-bottom:5px;
	padding-top:5px;
	width:400px;
}

DIV#container_claim
{
	left:160px;
	position:absolute;
	top:15px;
}

DIV#container_welcome
{
	background-image:url('../images/welcome.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	width:620px;
	margin-bottom:10px;
	padding-top:3px;
	height:151px;
}

DIV#container_banner_top
{
	clear:right;
	float:right;
	height:90px;
	margin-top:10px;
	margin-right:5px;
	text-align:center;
	width:768px;
}

DIV#container_banner_left
{
	height:150px;
	text-align:center;
	width:180px;
}

DIV#container_banner_right
{
	height:600px;
	text-align:center;
	width:160px;
}

DIV.container_box_head
{
	background-color:#ffd15c;
	border-color:#ff8000;
	border-style:solid;
	border-width:1px;
	padding:5px;
}

DIV.container_box
{
	background-color:#ffffff;
	background-image:url('../images/bg_box.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	border-bottom-color:#ff8000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#ff8000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#ff8000;
	border-right-style:solid;
	border-right-width:1px;
	margin-bottom:10px;
	padding:10px;
}

DIV.container_help_link
{
	background-color:#ff8000;
	color:#ffffff;
	float:left;
	font-size:1em;
	margin-right:5px;
	text-align:center;
	width:13px;
}

DIV.container_help_text
{
	background-color:#fff8d0;
	border-color:#ff8000;
	border-style:solid;
	border-width:1px;
	display:none;
	padding:10px;
	position:absolute;
}

/*
	-----------------------------------------------------------------------------
	Formularelemente
	-----------------------------------------------------------------------------
*/

INPUT, SELECT, OPTION, TEXTAREA
{
	font-family:Helvetica,Arial,sans-serif;
	font-size:1em;
}

INPUT#input_search_query
{
	width:200px;
}

INPUT.input_submit
{
	width:100px;
}

/*
	-----------------------------------------------------------------------------
	Tabellen
	-----------------------------------------------------------------------------
*/

TABLE.table_border
{
	background-color:#ffffff;
	background-image:url('../images/bg_table.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	border-left-color:#ff8000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#ff8000;
	border-right-style:solid;
	border-right-width:1px;
	float:left;
	margin-bottom:10px;
	width:100%;
}

TABLE.table_search_item
{
	background-color:#ffffff;
	background-image:url('../images/bg_table.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	border-color:#ff8000;
	border-style:solid;
	border-width:1px;
	float:left;
	margin-bottom:10px;
	width:100%;
}

TABLE.table_search_item_premium
{
/*
background-image:url('premium.jpg');
background-position:left top;
background-repeat:no-repeat;
*/
	background-color:#ffffff;
	border-color:#336699;
	border-style:solid;
	border-width:1px;
	float:left;
	margin-bottom:10px;
	width:100%;
}

/*
	-----------------------------------------------------------------------------
	Tabellenzeilen
	-----------------------------------------------------------------------------
*/

TR.tablerow_odd TD
{
}

/*
	-----------------------------------------------------------------------------
	Tabellenzellen
	-----------------------------------------------------------------------------
*/

TABLE.table_border TH
{
	background-color:#ffd15c;
	border-bottom-color:#ff8000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#ff8000;
	border-top-style:solid;
	border-top-width:1px;
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

TABLE.table_border TD
{
	border-bottom-color:#ff8000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

TABLE.table_border TD.box
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#f85a2c;
}

TABLE.table_search_item TD
{
	padding:5px;
	text-align:left;
	vertical-align:top;
}

TABLE.table_search_item_premium TD
{
	padding:5px;
	text-align:left;
	vertical-align:top;
}

TABLE.table_content
{
	margin-bottom:10px;
}

TABLE.table_content TH
{
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

TABLE.table_content TD
{
	padding:5px;
	text-align:left;
	vertical-align:top;
}

/*
	-----------------------------------------------------------------------------
	Listen
	-----------------------------------------------------------------------------
*/

UL#list_menu_top
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

UL#list_menu_left
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

DIV.container_box UL, DIV.container_help_text UL
{
	list-style-type:square;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

UL#list_glossary
{
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Listenelemente
	-----------------------------------------------------------------------------
*/

UL#list_menu_top LI
{
	display:inline;
	border-right-color:#ff8000;
	border-right-style:solid;
	border-right-width:1px;
	padding-left:5px;
	padding-right:5px;
}

UL#list_menu_top LI.listitem_last
{
	border-right:none;
}

UL#list_menu_left LI
{
	font-size:1em;
	font-weight:bold;
}

UL#list_glossary LI
{
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Überschriften
	-----------------------------------------------------------------------------
*/

UL#list_glossary LI A H1
{
	display:inline;
	font-size:1em;
	font-weight:bold;
	line-height:1.1em;
}

H1.headline_claim
{
	font-size:1.25em;
	font-weight:bold;
	margin:0px;
}

H1.headline_menu_top
{
	display:inline;
	font-size:1em;
	font-weight:bold;
	margin:0px;
}

H1.headline_category
{
	font-size:1em !important;
	font-weight:bold !important;
	margin:0px !important;
}

H1.headline_welcome
{
	margin:0px;
	font-size:1.5em;
}

DIV.container_box H1
{
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

DIV.container_box_head H2, TH H2, TD H2
{
	font-size:1em;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

DIV.container_box H2
{
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

/*
	-----------------------------------------------------------------------------
	Texte
	-----------------------------------------------------------------------------
*/

DIV.container_box P, DIV.container_help_text P
{
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
}

SPAN.text_error
{
	color:#e00000;
	font-weight:bold;
}

SPAN.text_hint
{
	font-size:0.9em;
}

/*
	-----------------------------------------------------------------------------
	Links
	-----------------------------------------------------------------------------
*/

A:link, A:active, A:visited
{
	color:#f85a2c;
	font-weight:bold;
	text-decoration:none;
}

A:hover
{
	text-decoration:underline;
}

DIV.container_help_link A, DIV.container_help_link A:link, DIV.container_help_link A:active, DIV.container_help_link A:visited, DIV.container_help_link A:hover
{
	color:#ffffff;
}

TR.green TD
{
	background-color:#b1d155;
}

TR.white TD
{
	background-color:#ffffff;
}

TR.red TD
{
	background-color:#dd4b30;
}

UL#list_glossary LI A
{
	padding-left:5px;
	padding-right:5px;
}