/* ------------------------------------------------------ */
/* main css for wss homepage                              */
/* ------------------------------------------------------ */
/* (c) hans-dieter baran                                  */
/*                                                        */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */

BODY
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;

	scroll: auto;
	scrollbar-arrow-color: red;
	/* scrollbar-base-color: darkblue;  /* - old design - */
	scrollbar-base-color: #037BB2; /* - new design - */
	/* scrollbar-face-color: lightsteelblue; /* - old design - */
	scrollbar-face-color: #99CCFF;  /* -- new design -- */

	margins-top: 0px;
	margins-left: 10px;
	margins-right: 10px;
	margins-bottom: 10px;
}

BODY.main
{
	color: darkblue;

	background-color: white;
	background-image: url('../images/design/layout/background_001.gif');
}

BODY.member_area
{
	color: black;

	background-color: #99CCFF;
	background-image: none;
}

BODY.popup_pic_01
{
	background-color: #000080;
	background-image: none;
}

BODY.popup_pic_02
{
	background-color: #FFFFFF;
	background-image: none;
	background-image: none;
	color: #000000;
}

BODY.popup_pic_03
{
	background-color: #000000;
	background-image: none;
	
	color: #FFFFFF;
}

BODY.popup_text_01
{
	background-color: #FFFFFF;
	background-image: none;
	
	color: #000000;
}

BODY.popup_text_02
{
	font-family: Comic Sans MS;
	color: #000000;	
	
	background-color: #FFFFFF;
	background-image: none;
}

P
{
}

P.small
{
	margin-bottom: -12px;
}

P.extrasmall
{
	margin-bottom: -18px;
}

P.fieldlabel
{
	margin-bottom: -15px;
}

P.top_navigation
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11pt;

	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;

	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: groove 5px #99CCFF;
}

P.top_navigation_back
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11pt;

	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;

	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: groove 5px #99CCFF;
}

P.boxed
{
	border-color: #99CCFF; 
	border-width: 2px; 
	border-style: groove;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

H1
{
	font-size: 16pt;
	font-style: italic;
		
	padding: 1px;
	
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: ridge double #000078
}

H2
{
	font-size: 16pt;
	font-weight: bold;
	color: darkblue;

	margin-top: -2pt;
}

/*                                              */
/* tabellen allgemein                           */
/*                                              */

TABLE
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	color: darkblue;
	border: none;
}

TD
{
	border: none;
	text-align: left;
	vertical-align: middle;
}

TR
{
	border: none;
}

/*                                              */
/* tabellen regatta                             */
/*                                              */

TABLE.regatta
{
	border-width: 2px;
	border-color: darkblue;
	border-style: ridge;
	
	width: 100%;
	vertical-align: middle;
}

TD.regatta
{
	border-width: 1px;
	border-color: grey;
	border-style: groove;
	
	text-align: left;
	
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

TR.regatta
{
	background-color: white;
	background-image: none;
}

/*                                              */
/* tabellen allgemein mit linien                */
/*                                              */

TABLE.withlines
{
	border-width: 2px;
	border-color: darkblue;
	border-style: ridge;
	
	width: 100%;
}

TD.withlines
{
	border-width: 1px;
	border-color: grey;
	border-style: groove;

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

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
	
TD.withlines_align_right
{
	border-width: 1px;
	border-color: grey;
	border-style: groove;

	text-align: right;
	vertical-align: middle;

	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

TR.withlines
{
	background-color: white;
	background-image: none;
}

/*                                              */
/* tabellen fuer thumbs                         */
/*                                              */

TABLE.thumbs
{
	text-align: center;
}

TD.thumbs
{
	text-align: center;
	vertical-align: middle;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*                                              */
/* tabellen fuer calculations formulare         */
/*                                              */

TABLE.calc_formular
{
	border-width: 1px;
/*	border-color: grey; */
	border-color: darkblue;
	border-style: solid;
}

TABLE.calc_formular_outerframe
{
/*	border: ridge grey; */
/*	border-width: 6px; */
	border-width: 2px;
	border-color: darkblue;
	border-style: solid;
}

TD.calc_formular
{
	border-width: 1px;
/*	border-color: grey; */
/*	border-style: groove; */
	border-color: darkblue;
	border-style: solid;
	
	text-align: left;
	vertical-align: middle;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	background-color: #E8E8E8;
}

/*                                              */
/* tabellen fuer formulare                      */
/*                                              */

TABLE.formular
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	color: darkblue;

	border-width: 2px;
	border-color: darkblue;
	border-style: solid;
}

TD.formular_blue_section
{
	font-size: 12pt;
	font-weight: bold;
	color: white;

	background-color: darkblue;
	background-image: none;
	
	height: 40px;
	
	text-align: center;
	vertical-align: middle;
}

/*                                              */
/* tabellen fuer seite 'aktuelles'              */
/*                                              */

TABLE.aktuelles_textbox
{
	border-color: #99CCFF; 
/*	border-width: 5px; */
	border-width: 2px; 
	border-style: groove;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
		
	width: 100%;
}

TABLE.aktuelles
{
	border: none;
	width: 100%;
}

TD.aktuelles_line
{
	font-size:1pt;

	text-align: left;
	vertical-align: middle;
	width: 100%;
	height: 3px;
	
	padding: 0px; 
}

TD.aktuelles_date
{
	text-align: left;
	font-weight: bold;
	width: 100%;
	height: 20px;
	vertical-align: middle;
	
	border-color: #99CCFF; 
	border-width: 2px; 
	border-style: groove;
	
	border-top:none;
	border-right :none;
	border-left:none;

	padding-top:20px;
}

TD.aktuelles_boxed
{
	text-align: left;
	width: 100%;
	vertical-align: middle;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	border-color: #99CCFF; 
	border-width: 2px; 
	border-style: groove;
}

/*                                              */
/* tabellen für top menue member area           */
/*                                              */

TABLE.menue_member_area
{
	font-weight:strong;
	border: none;
	text-align: center;
	vertical-align: middle;
}

TD.menue_member_area
{
	width: 150px;
	height: 25px;
	border-width: 2px;
	border-color: black;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
}

/*                                              */
/* tabellen mit linien member area              */
/*                                              */

TABLE.withlines_member_area
{
	border-width: 2px;
	border-color: darkblue;
	border-style: ridge;
	
	color: black;
	
	width: 100%;
}

TD.withlines_member_area
{
	border-width: 1px;
	border-color: grey;
	border-style: groove;

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

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

TR.withlines_member_area
{
	background-color: white;
	background-image: none;
}

/*                                              */
/* tabellen visitenkarten                       */
/*                                              */

TABLE.visitenkarte
{
	border: none;
	color: darkblue;
	width: 100%;
}

TD.visitenkarte
{
	border: none;

	text-align: left;
	vertical-align: top;

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/*                                              */
/* zusaetzliche 'TDs'                           */
/*                                              */

TD.allcentered
{
	text-align: center;
	vertical-align: middle;
}

IMG.go_top
{
	width: 26px;
	height: 26px;
	border: 0px none;
}

UL.linkliste
{
	list-style-image: url('../images/layot/bullet_002.gif');
	line-height: 225%
}

DIV.calc
{
	font-size: 12pt;
	color: black;
}

DIV.textbox
{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;

/*	border-top: groove 5px #99CCFF; */
/*	border-left: groove 5px #99CCFF; */
/*	border-right: groove 5px #99CCFF; */
/*	border-bottom: groove 5px #99CCFF; */

	border-top: groove 2px #99CCFF; 
	border-left: groove 2px #99CCFF; 
	border-right: groove 2px #99CCFF;
	border-bottom: groove 2px #99CCFF; 

}

DIV.boxed_tobedeleted
{
	border-color: #99CCFF; 
	border-width: 2px; 
	border-style: groove;

	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

HR
{
	border-color: #99CCFF; 
	border-width: 2px; 
	border-style: groove;
}

a
{
}

a.textlink
{
	font-family: Verdana, Arial, Helvetica;
}
a:link.textlink
{
	color: darkorange;
	text-decoration: none;
}
a:visited.textlink
{

	color: darkmagenta;
	text-decoration: none;
}
a:hover.textlink
{
	color: gray;
	text-decoration: underline;
}
a:active.textlink
{
}


a.topnavi
{
	font-family: Verdana, Arial, Helvetica;
}
a:link.topnavi
{
}
a:visited.topnavi
{
}
a:hover.topnavi
{
}
a:active.topnavi
{
	text-decoration: none;
}


a:link.menue_member_area
{ 
	color: black;
	text-decoration: none;
}
a:visited.menue_member_area
{
	color: darkmagenta;
	text-decoration: none;
}
a:hover.menue_member_area
{
	color: gray;
	text-decoration: underline;
}  
a:active.menue
{
	color:red;
	text-decoration: none;
}

SELECT.cbo_formular
{
	font-size: 11pt;
	visibility: visible;
}

INPUT.cmd_formular
{
	color: darkblue;
	
	background-color: #F0F0F0;
	background-image: none;
	
	border-width: 3px;
	border-color: darkblue;
	
	width: 150px;
	height: 28px
}

INPUT.txt_formular
{
	font-size: 11pt;
}

INPUT.txt_infotext
{
	font-size: 12pt;
	color: darkblue;
	border: none;
	background-color: transparent;
}

INPUT.txt_display
{
	font-size: 12pt;
	color: darkblue;
	border: none;
	background-color: transparent;
}

INPUT.hidden-media-counter
{
	visibility: hidden;
	border: medium none;
	color: #000058;
	background-color: #F99CCFF;
	background-image: none;
	font-weight: bold
}

TEXTAREA.txt_formular
{
	font-size: 11pt;
}

TEXTAREA.txt_display
{
	font-size: 12pt;
	color: darkblue;
	border: none;
	background-color: transparent;
}

SELECT.cbo_formular
{
	font-size: 11pt;
	visibility: visible;
}