/************************************************************************************
**                                                                                 **
**                                  www.wsm.de                                     **
**                            Cascading Style Sheet                                **
**                          (c)2003 by Kremer&Partner                              **
**                                                                                 **
************************************************************************************/
/**************************************
**       stand. red  : #FF0000       **
**       light  grey : #E2E2E2       **
**       middle grey : #C0C0C0       **
**************************************/

/**********************************************************
**             Common Table,TD,TR,TH Styles              **
**********************************************************/
body
{
	margin: 0px;
	height: 100%;
	font-family: arial, verdana;
	font-size: 12px;
	color: #000000;
	background-color: #C0C0C0;
}

table
{
	font-family: arial, verdana;
	font-size: 12px;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

	border-spacing: 0px;
	border-collapse:collapse;
}

table.main_tbl
{
	width:785px;
	height:100%;
	background-color: #FFFFFF;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.outer_tbl
{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

table.menu
{
	width:170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

table.features
{
	width:210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 175px;
}


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


/**************************************
**         common TD-Tags            **
**************************************/
td
{
	padding: 4px;
	text-align:left;
	vertical-align: top;
}

td.header
{
	padding:0px;
	margin:0px;
	text-align: left;
	vertical-align: top;
}

td.left_sidebar
{
	width:180px;
	text-align:left;
	vertical-align:top;
	
	background-color: #FFFFFF;
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color: #000000;
}

td.main_area
{
	width:100%;
	text-align:left;
	vertical-align:top;
	
	background-color: #FFFFFF;
}

td.right_sidebar
{
	width:220px;
	background-color:#E2E2E2;
	background-image:url(../layout/wsm_pic2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
	
	border-left-width:1px;
	border-left-style:dashed;
	border-left-color: #000000;
}

td.footer
{
	width:100%;
	height:50px;
	background-color:#FF0000;
	margin:0px;
	padding:0px;
	padding-left:10px;

	text-align: left;
	vertical-align: middle;
	font-size:20px;
	color:#FFFFFF;
}

td.menu_pre
{
	text-align:center;
	vertical-align:middle;
	height:50px;
	width:35px;
}

td.menu
{
	text-align:left;
	vertical-align:middle;
	height:50px;
}


/**************************************
**  common INPUT,TEXTAREA,..-Styles  **
**************************************/
input
{
	font-family: arial, verdana;
	font-size: 12px;
	color: #000000;
	
	background-color: #FFFFFF;
	
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

input.text
{
}

input.file
{
	border-width: 0px;
	border-style: none;
}

input.checkbox
{
	border-width: 0px;
	border-style: none;
	background-color: transparent;
}

input.radio
{
	border-width: 0px;
	border-style: none;
	background-color: transparent;
}

select
{
	font-family: arial, verdana;
	font-size: 12px;
	color: #000000;

	background-color: #FFFFFF;
}

select.select
{
	border-width: 0px;
	border-style: none;
}


textarea
{
	font-family: arial, verdana;
	font-size: 12px;
	color: #000000;
	
	background-color: #FFFFFF;

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

}


/**************************************
**        common IMG-Styles          **
**************************************/
img
{
	border-width: 0px;
	border-style: none;
}

img.float_left
{
	float:left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 5px;
}
img.float_right
{
	float:right;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
}


/**************************************
**        common  A-Styles           **
**************************************/
a:link
{
 	text-decoration : underline;
	font-weight     : bold;
	color           : #FF0000;
}
a:visited
{
	text-decoration : underline;
	font-weight     : bold;
	color           : #FF0000;
}
a:hover
{
	text-decoration : overline underline;
	font-weight     : bold;
	color           : #C0C0C0;
}
a:active
{
	text-decoration : underline;
	font-weight     : bold;
	color           : #C0C0C0;
}

a.menu:link
{
 	text-decoration : none;
	font-weight     : bold;
	color           : #FF0000;
}
a.menu:visited
{
	text-decoration : none;
	font-weight     : bold;
	color           : #FF0000;
}
a.menu:hover
{
	text-decoration : none;
	font-weight     : bold;
	color           : #C0C0C0;
}
a.menu:active
{
	text-decoration : none;
	font-weight     : bold;
	color           : #C0C0C0;
}