/************************************************************************************
**                                                                                 **
**                               www.joy-stiftung.de                               **
**                              Cascading Style Sheet                              **
**                          (c)2003 by Falko Schappacher                           **
**                                                                                 **
************************************************************************************/

/************************************************
**               Common Styles                 **
************************************************/
body
{
	margin-top: 0px;
	margin-bottom: 0px;

	font-family: arial, verdana;
	font-size: 14px;
	color: #000000;
	
	background-color: silver;
}

h1
{
	font-size:14px
	font-weight:bold;
}

/****************************
**      Table - Tags       **
****************************/
table
{
	font-family: arial, verdana;
	font-size: 14px;
	color: #000000;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	
	border-collapse: collapse;
	border-spacing: 0px;
}

table.outer_tbl
{
	margin-right: 5px;
	width: 450px;
}

/****************************
**        TR - Tags        **
****************************/
tr
{
	text-align:left;
}

tr.border
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

tr.hlight
{
	background-color: #ECECEC;

	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

tr.no_hlight
{
	background-color: #FFFFFF;
	
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

/****************************
**        TH - Tags        **
****************************/
th
{
	padding: 4px;
	font-weight: bold;
	
	text-align: center;
	vertical-align: middle;
}

th.border
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

th.active_tab
{
	width:100px;
	text-align: center;
	vertical-align: center;
	
	background-color: #000099;
	
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

th.inactive_tab
{
	width:100px;
	text-align: center;
	vertical-align: center;
	
	background-color: #ECECEC;
	
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/****************************
**        TD - Tags        **
****************************/
td
{
	padding: 4px;
	text-align: justify;
	vertical-align: middle;
}

td.border
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

td.description
{
	font-weight:bold;
	vertical-align:top;
}

/****************************
**       SPAN - Tags       **
****************************/
span.description
{
	font-weight:normal;
	font-size:12px;
}

/****************************
**        H - Tags         **
****************************/
h1
{
	font-size: 14px;
}

/****************************
**        A - Tags         **
****************************/
a:link
{
 	text-decoration: none;
	font-weight: bold;
	color: #002B69;
}
a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #002B69;
}
a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #cc0000;
}
a:active
{
	text-decoration: underline overline;
	font-weight: bold;
	color: #cc0000;
}

a.main_menu:link
{
 	text-decoration: none;
	font-weight: bold;
	color: #000099;
}
a.main_menu:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #000099;
}
a.main_menu:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #cc0000;
}
a.main_menu:active
{
	text-decoration: overline underline;
	font-weight: bold;
	color: #cc0000;
}

a.main_menu_hlight:link
{
 	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
a.main_menu_hlight:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
a.main_menu_hlight:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #cc0000;
}
a.main_menu_hlight:active
{
	text-decoration: overline underline;
	font-weight: bold;
	color: #cc0000;
}

/****************************
**       IMG - Tags        **
****************************/
img
{
	border-width: 0px;
}

/****************************
**       FORM - Tags       **
****************************/
input
{
	color: #000000;
	font-size: 12px;
	
	background-color: ECECEC;
	
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
input.checkbox
{
	color: #000000;
	font-size: 12px;
	
	background-color: #FFFFFF;
	
	border-width: 0px;
	border-style: none;
	border-color: none;
}
input.radio
{
	color: #000000;
	font-size: 12px;
	
	background-color: #FFFFFF;
	
	border-width: 0px;
	border-style: none;
	border-color: none;
}

select
{
	color: #000000;
	font-size: 12px;
	
	background-color: ECECEC;
	
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

textarea
{
	color: #000000;
	font-size: 12px;
	
	background-color: ECECEC;
	
	border-width: 1px;
	border-style: solid;
	border-color: #000000
}


/************************************************
**               Header Styles                 **
************************************************/

/****************************
**      Table - Tags       **
****************************/
table.main_tbl
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	
	width: 800px;
	height: 100%;
}

table.main_area_header
{
	width: 450px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/****************************
**        TD - Tags        **
****************************/
td.main_gfx
{
	padding: 0px;
	magrin: 0px;
	
	text-align: left;
	vertical-align: top;
}

td.main_menu
{
	width: 150px;
	height: 100%;
	padding: 0px;
	
	background-color: #ECECEC;
	
	text-align: center;
	vertical-align: top;
}

td.main_area
{
	width: 470px;
	height: 100%;
	padding: 0px;

	background-color: #FFFFFF;
	
	text-align: center;
	vertical-align: top;
}

td.main_rside
{
	width: 180px;
	height: 100%;
	padding: 0px;

	background-color: #FFFFFF;
	
	text-align: center;
	vertical-align: top;
}

/************************************************
**              Footer Styles                  **
************************************************/

/****************************
**      Table - Tags       **
****************************/
table.footer_info
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	
	background-color: #FFFFFF;
}

td.footer_area
{
	padding: 0px;

	background-color: #FFFFFF;
	
	text-align: center;
	vertical-align: top;
}

/************************************************
**             Main Menu Styles                **
************************************************/

/****************************
**      Table - Tags       **
****************************/
table.main_menu
{
	width: 150px;

	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	margin-bottom: 10px;
}

/****************************
**        TD - Tags        **
****************************/
td.main_menuoption_pre
{
	width: 10px;
	height: 30px;
	padding: 0px;

	border-bottom-color : #FFFFFF;
	border-bottom-width : 1px;
	border-bottom-style : solid;
}

td.main_menuoption_hlight
{
	width: 130px;
	height: 30px;

	background-color: #000099;

	font-weight: bold;
	font-size: 12px;	
	color : #FFFFFF;
	
	text-align: left;
	vertical-align: middle;

	border-bottom-color : #FFFFFF;
	border-bottom-width : 1px;
	border-bottom-style : solid;
}

td.main_menuoption
{
	width: 140px;
	height: 30px;

	background-color: #ECECEC;

	font-weight: bold;
	font-size: 12px;
	color : #000099;

	text-align: left;
	vertical-align: middle;

	border-bottom-color : #FFFFFF;
	border-bottom-width : 1px;
	border-bottom-style : solid;
}


/************************************************
**              Gallery Styles                 **
************************************************/

/****************************
**        TD - Tags        **
****************************/
table.picture_zoom
{
	margin: 0px;
	width:100%;
	height:100%;
	background-color:#ECECEC;
}

/****************************
**        TD - Tags        **
****************************/
td.gallery
{
	width: 150px;
	height: 150px;
	
	font-size: 12px;
	text-align: center;
	vertical-align: center;
	
	background-color: #ECECEC;
	// background-color: #FFF77B;
	
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

/****************************
**       IMG - Tags        **
****************************/
img.logo_gallery
{
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}


/************************************************
**             Affiliate Styles                **
************************************************/

/****************************
**       IMG - Tags        **
****************************/
img.logo_affiliate
{
	margin: 5px;
}

img.logo_affiliate_left
{
	float:left;
	margin-right: 10px;
}

img.logo_affiliate_right
{
	float:right;
	margin-left: 10px;
}


/************************************************
**               Event Styles                  **
************************************************/

/****************************
**       IMG - Tags        **
****************************/
img.logo_event
{
	margin: 5px;
}

img.logo_event_left
{
	float:left;
	margin-right: 10px;
}

img.logo_event_right
{
	float:right;
	margin-left: 10px;
}


/************************************************
**               News Styles                   **
************************************************/

/****************************
**       IMG - Tags        **
****************************/
img.news_pic_thumb
{
	width: 120px;
	margin-bottom:5px;
	
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

img.news_pic
{
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}


/************************************************
**           calendar.inc Styles               **
************************************************/

/****************************
**      Table - Tags       **
****************************/
table.calendar_small
{
	width:150px;
	font-size: 10px;
		
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

	table-layout:fixed;
}

/****************************
**        TH - Tags        **
****************************/
th.calendar_small
{
	font-weight: bold;
	color: #000099;
}

/****************************
**        TD - Tags        **
****************************/
td.calendar_small
{
	padding: 2px;
	height: 20px;

	color : #000099;

	background-color: #ECECEC;

	text-align: right;
	vertical-align: top;

	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
}

td.calendar_small_hlight
{
	padding: 2px;
	height: 20px;

	font-weight: bold;
	color : #FFFFFF;

	background-color: #000099;

	text-align: right;
	vertical-align: top;
	
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
}

/************************************************
**           headline.inc Styles               **
************************************************/

/****************************
**      Table - Tags       **
****************************/
table.feature
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

	background-color: #ECECEC;

	width:150px;
	
	font-size: 12px;
}

/****************************
**        TH - Tags        **
****************************/
th.feature
{
	height: 30px;

	font-weight: bold;
	background-color: #000099;
	color: #FFFFFF;
}

/****************************
**        TD - Tags        **
****************************/
td.feature
{
	padding: 2px;

	color : #000000;
	
	text-align: justify;
	vertical-align: top;
}

/****************************
**       IMG - Tags        **
****************************/
img.feature
{
	width:150px;
	margin: 0px;
}


/************************************************
**            auktion-php Styles               **
************************************************/

/****************************
**       IMG - Tags        **
****************************/
img.thumb_auktion
{
	width:100px;
	margin: 0px;
}