/* ------------------------------------------------------------------------- */
/* main css for wss homepage                                                 */
/* ------------------------------------------------------------------------- */
/* (c) hans-dieter baran                                                     */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* version 2.0                                                               */
/* ------------------------------------------------------------------------- */
/* änderungen in dieser version des stylesheets                              */ 
/* ------------------------------------------------------------------------- */
/* 09 JAN 2008: änderung von textlink um externe links                       */
/* zu markieren                                                              */
/* 09 JAN 2008: änderung attribute von textlink hovers                       */
/* zu markieren                                                              */
/* 11 JAN 2008: änderung attribute für textlink                              */
/* 11 JAN 2008: neue klasse golink                                           */
/* 11 JAN 2008: cleanup für alle link classes                                */
/* 13 JAN 2008: neue klasse small_topo um probleme bei firefox zu beheben    */
/* 13 JAN 2008: probleme mit golink und textlink behoben                     */
/* 31 JAN 2008: styles for table.withlines geändert                          */
/* 02 FEB 2008: class textlink korrigiert                                    */
/* 02 FEB 2008: P.top_navigation border bottom geändert                      */
/* 02 FEB 2008: P.top_navigation_back border bottom geändert                 */
/* 02 FEB 2008: TD.aktuelles_date geändert                                   */
/* 02 FEB 2008: P.div_line added                                             */
/* 02 FEB 2008: darkblue in #000080 geändert                                 */
/* 02 FEB 2008: white in #FFFFFF geändert                                    */
/* 02 FEB 2008: (dark)orange in #FF8030 geändert                             */
/* 02 FEB 2008: grey in #808080 geändert                                     */
/* 02 FEB 2008: darkmagenta in #551A8B geändert                              */
/* 02 FEB 2008: generic font-faily sans-serif hinzugefügt                    */
/* 02 FEB 2008: borders für TD.aktuelles_boxed geändert                      */
/* 03 FEB 2008: margins für P.top_navigation_back hinzugefügt                */
/* 05 FEB 2008: style P.wo_top_navigation hinzugefügt                        */
/* 09 FEB 2008: div.indexLevel1 hinzugefügt                                  */
/* 11 FEB 2008: table.regatta geändert                                       */
/* 11 FEB 2008: TD.regatta geändert                                          */
/* 16 FEB 2008: div.indexLevel1 geändert                                     */
/* 27 FEB 2008: P-small changed                                              */
/* 23 MAR 2008: TABLE.formular linienstärke geändert                         */
/* 28 MAR 2008: H2 Schrftgrösse geändert von 16pt auf 14pt                   */ 
/* 13 APR 2008: DIV.thumbs hinzugefügt                                       */
/* 04 JUN 2008: DIV.thumbs background-color geändert                         */
/* 03 JAN 2009: a.topnavi korrigiert                                         */
/* 01 SEP 2010: html properties geändert                                     */
/* 01 SEP 2010: DIV.thumbs - margin right hinzugefügt                        */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */


/* farben:                                                                   */
/* darkblue: #000080 (alter wert #00008B)                                    */
/* (dark)orange: #FF8030 (alter wert #FFA500)                                */
/* white: #FFFFFF                                                            */
/* grey: #808080                                                             */
/* darkmagenta: #551A8B                                                      */


HTML
{
	overflow-y: auto;
}


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

	/* scroll: auto; - deleted 31 JAN 2009 to be css 2.0 compliant - */
	/* scrollbar-arrow-color: red; - deleted 31 JAN 2009 to be css 2.0 compliant - */
	/* scrollbar-base-color: #037BB2; - new design - - deleted 31 JAN 2009 to be css 2.0 compliant - */
	/* scrollbar-face-color: #99CCFF; - new design - - deleted 31 JAN 2009 to be css 2.0 compliant - */

	margin-top: 0px; /* - corrected 09. JAN 2008 - */
	margin-left: 10px; /* - corrected 09. JAN 2008 - */
	margin-right: 10px; /* - corrected 09. JAN 2008 - */
	margin-bottom: 10px; /* - cortrected 09. JAN 2008 - */
}

BODY.main
{
	color: #000080;  /* - changed 02. FEB 2008 - */

	background-color: #FFFFFF;
	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;
	color: #FFFFFF;                   /* added 02. FEB 2008 */
}

BODY.popup_pic_02
{
	background-color: #FFFFFF;
	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", fantasy;
	color: #000000;	
	
	background-color: #FFFFFF;
	background-image: none;
}

P
{
}

P.small
{
	margin-bottom: -12px;        /* changed from -12px; 27 FEB 08  --- returned finally to -12px */ 
}

P.small_top
{
	margin-bottom: -12px;        /* added 13. JAN 2008 wegen anzeigeproblemen mit FireFox bei doc type tramsitional */
	margin-top:0px;              /* added 13. JAN 2008 wegen anzeigeproblemen mit FireFox bei doc type tramsitional */
}

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

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

P.wo_top_navigation
{
	margin-top: 0px;                            /* - added 05. FEB 2008 - */
	margin-left: 0px;                            /* - added 05. FEB 2008 - */
	margin-right: 0px;                           /* - added 05. FEB 2008 - */
	margin-bottom: 0px;                         /* - added 05. FEB 2008 - */
}

P.top_navigation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;           geändert 02. FEB 2008 */
	border-bottom: #000080 solid 1px;

	margin-top: 10px;                            /* - added 13. JAN 2008 - */
	margin-left: 0px;                            /* - added 13. JAN 2008 - */
	margin-right: 0px;                           /* - added 13. JAN 2008 - */
	margin-bottom: 10px;                         /* - added 13. JAN 2008 - */

}

P.top_navigation_back
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;            geändert 02. FEB 2008 */
	border-bottom: #000080 solid 1px;

	margin-top: 10px;                            /* - added 03. FEB 2008 - */
	margin-left: 0px;                            /* - added 03. FEB 2008 - */
	margin-right: 0px;                           /* - added 03. FEB 2008 - */
	margin-bottom: 10px;                         /* - added 03. FEB 2008 - */
}

P.div_line
{
	border-bottom: #000080 solid 1px;             /* geändert 02. FEB 2008 */
	margin-bottom: 0px;
}

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

div.indexLevel1
{
	position:relative; 
	height:0px; 
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:75px;
	overflow:hidden;
}

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

H2
{
	font-size: 14pt;					/* geändert 23 MAR 2008 von punkt 16 */
	font-weight: bold;
	color: #000080;                     /* geändert 02 FEB 2008 */
	margin-top: -2pt;
}

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

TABLE
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000080;                      /* geändert 02. FEB 2008 */
	border: none;
}

TD
{
	border: none;
	text-align: left;
/*	vertical-align: middle;       deleted 13. JAN 2008 */
}

TR
{
	border: none;
}

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

TABLE.regatta
{
	border-width: 1px;							/* changed from 1px 11 FEB 08 */
	border-color: #000080;                      /* changed 02 FEB 08 */
	border-style: ridge;
	
	width: 100%;
	vertical-align: middle;

	border-collapse:collapse;                     /* added 11 FEB 08   */
}

TD.regatta
{
	border-width: 1px;
	border-color: #808080;
	border-style: groove;
	
	text-align: left;
	
	padding-top: 5px;
	padding-left: 5px;							/* changed from 10px 11 FEB 08 */
	padding-right: 5px;
	padding-bottom: 5px;		   				/* changed from 10px 11 FEB 08 */

	empty-cells: show;                  	   /* added 11 FEB 08   */
}

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

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

TABLE.withlines
{
	/* border-width: 2px;                          changed 31 JAN 08   */
	border-width: 1px;                        
	border-color: #000080;                     /* changed 02 FEB 2008 */
	border-style: ridge;
	
	width: 100%;
	
	border-collapse:collapse;                     /* added 31 JAN 08   */
}

TD.withlines
{
	border-width: 1px;
	/* border-color: #808080;                    chnaged 31 JAN 08   */
	border-color:  #000080;
	border-style: groove;

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

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	
	empty-cells: show;
	
}
	
TD.withlines_align_right
{
	border-width: 1px;
	/* border-color: #808080;                      geändert 31 JAN 08   */
	border-color: #000080;
	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: #FFFFFF;
	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: #000080;                      /* geändert 02. FEB 2008 */
	border-style: solid;
}

TABLE.calc_formular_outerframe
{
	border-width: 2px;
	border-color: #000080;                      /* geändert 02. FEB 2008 */
	border-style: solid;
}

TD.calc_formular
{
	border-width: 1px;
	border-color: #000080;                      /* geändert 02. FEB 2008 */
	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, sans-serif;
	font-size: 12pt;
	color: #000080;                      		/* geändert 02. FEB 2008 */

	border-width: 1px;							/* geändert 23. MAR 2008 */
	border-color: #000080;                      /* geändert 02. FEB 2008 */
	border-style: solid;
}

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

	background-color: #000080;                      /* geändert 02. FEB 2008 */
	background-image: none;
	
	height: 40px;
	
	text-align: center;
	vertical-align: middle;
}

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

TABLE.aktuelles_textbox
{
	border-color: #99CCFF; 
	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;                /* geändert 02. FEB 2008 */
	border-width: 2px;                    /* geändert 02. FEB 2008 */
	border-style: groove;                 /* geändert 02. FEB 2008 */
	border-bottom: #000080 solid 1px;
	
	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;               geändert 02. FEB 2008 */
	/* border-width: 2px;                   geändert 02. FEB 2008 */
	/* border-style: groove;                geändert 02. FEB 2008 */
	
	border: #000080 solid 1px;
}

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

TABLE.menue_member_area
{
	font-weight:bold;                 /* geändert 02. FEB 2008 */
	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: #000080;                      /* geändert 02. FEB 2008 */
	border-style: ridge;
	
	color: black;
	
	width: 100%;
}

TD.withlines_member_area
{
	border-width: 1px;
	border-color: #808080;
	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: #FFFFFF;
	background-image: none;
}

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

TABLE.visitenkarte
{
	border: none;
	color: #000080;                      /* geändert 02. FEB 2008 */
	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 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;
}

DIV.thumbs                       /* added 13 APR 2008 */
{
	overflow:scroll; 
	overflow-y:hidden; 
	white-space:nowrap; 
	background-color:#F1F1F1; 
	background-color:#ECE9D8;		/* changed 04 JUN 2008 */
	padding:10px;
	margin-right: 10px;
}

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

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* links -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

a 
{ 
}

a.link
{ 
}

a.visited
{ 
}

a.hover
{ 
}

a.active
{
}

/* -------------------------------------------------------------------------------------------------- */
/* link class 'golink' ---------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

a.golink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:link.golink,
a:link.golink
{
	background:transparent url(../images/design/layout/insite-link-blue-v10.gif) no-repeat scroll right center;
	padding-right:15px;
	color:#000080;   /* darkblue;  */}

a:link.golink[href^="http://"],
a:link.golink[href^="https://"]
{
	background:transparent url(../images/design/layout/offsite-link-blue-v10.gif) no-repeat scroll right center;
	padding-right:15px;
	color:#000080;   /* darkblue;  */
}

a:visited.golink
{
	background:transparent url('../images/design/layout/insite-visited-v10.gif') no-repeat scroll right center;
	padding-right:15px;
	color:#83198B;
}

a:visited.golink[href^="http://"],
a:visited.golink[href^="https://"]
{
	background:transparent url(../images/design/layout/offsite-visited-v10.gif) no-repeat scroll right center;
	padding-right:15px;
	color:#83198B;        /* violett */
}

a:hover.golink
{
	background:transparent url('../images/design/layout/insite-hover-v10.gif') no-repeat scroll right center;
	padding-right:15px;
	border-bottom:1px dashed #C40000;
	color:#C40000;        /* dark red */
}

a:hover.golink[href^="http://"],
a:hover.golink[href^="https://"]
{
	background:transparent url(../images/design/layout/offsite-hover-v10.gif) no-repeat scroll right center;
	padding-right:15px;
	border-bottom:dashed #C40000 1px;
	color:#C40000;        /* dark red */
}

a:active.golink
{
}

/* -------------------------------------------------------------------------------------------------- */
/* link class 'textlink' ---------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

a.textlink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:link.textlink
{
	color:#FFA500;
}

a:link.textlink[href^="http:"],
a:link.textlink[href^="https:"]
{
	background:transparent url(../images/design/layout/offsite-link-yellow-v10.gif) no-repeat scroll right center;
	padding-right:20px;
	color:#FFA500;
}

a:visited.textlink
{
	color:#83198B;        /* violett */
}

a:visited.textlink[href^="http:"],
a:visited.textlink[href^="https:"]
{
	background:transparent url(../images/design/layout/offsite-visited-v10.gif) no-repeat scroll right center;
	padding-right:20px;
	color:#83198B;        /* violett */
}

a:hover.textlink
{
	border-bottom:dashed #C40000 1px;
	color:#C40000;        /* dark red */
}

a:hover.textlink[href^="http:"],
a:hover.textlink[href^="https:"]
{
	background:transparent url(../images/design/layout/offsite-hover-v10.gif) no-repeat scroll right center;
	padding-right:20px;
	border-bottom:dashed #C40000 1px;
	color:#C40000;        /* dark red */
}

a:active.texlink
{
}

/* -------------------------------------------------------------------------------------------------- */
/* link class 'topnavi' ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

a.topnavi
{
}

a:link.topnavi
{
	color: #000080;
}

a:active.topnavi
{
	color: red;
}

/* -------------------------------------------------------------------------------------------------- */
/* link class 'menue_member_area' ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

a:link.menue_member_area
{ 
	color: black;
	text-decoration: none;
}
a:visited.menue_member_area
{
	color: #551A8B;
	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: #000080;                      /* geändert 02. FEB 2008 */
	
	background-color: #F0F0F0;
	background-image: none;
	
	border-width: 3px;
	border-color: #000080;                      /* geändert 02. FEB 2008 */
	
	width: 150px;
	height: 28px
}

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

INPUT.txt_infotext
{
	font-size: 12pt;
	color: #000080;                      /* geändert 02. FEB 2008 */
	border: none;
	background-color: transparent;
}

INPUT.txt_display
{
	font-size: 12pt;
	color: #000080;                      /* geändert 02. FEB 2008 */
	border: none;
	background-color: transparent;
}

INPUT.hidden-media-counter
{
	visibility: hidden;
	border: medium none;
	color: #000058;
	background-color: #99CCFF;          /* korrigiert von #F99CCFF am 02. FEB 2008 */
	background-image: none;
	font-weight: bold
}

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

TEXTAREA.txt_display
{
	font-size: 12pt;
	color: #000080;                      /* geändert 02. FEB 2008 */
	border: none;
	background-color: transparent;
}

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