/* ------------------------------------------------------------------------- */
/* main css for wss homepage                                                 */
/* ------------------------------------------------------------------------- */
/* (c) hans-dieter baran                                                     */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* version 3.0 - 16 JAN 2011                                                 */
/* ------------------------------------------------------------------------- */
/* last update: 27 JAN 2012                                                  */ 
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* changes in this version                                                   */ 
/* ------------------------------------------------------------------------- */

/* nn XXX nnn: text                                                          */

/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */





/* 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;

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

body.main
{
	color: #000080;
	background-color:#F5F8FB; 
	
	/* background-color: #F0F8FF;	---- alternte background color ---- keep for new design --- */

}



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;
}

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

p.small_top

{
	margin-bottom: -12px;
	margin-top:0px;
}






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;
	margin-bottom: -15px;
}



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;

}

img.imgpager
{
	border: 1px solid;
}

h1
{
	font-size: 14pt;
	font-weight: bold;
	font-style:italic;
	color: #000080;

	margin-top: -2pt;
}




h2
{
	font-size: 14pt;
	font-weight: bold;
	color: #000080;

	margin-top: -2pt;
}



/*                                              */

/* imgGroup                                     */

/*                                              */



DIV.imgGroup

{

	float:left;

	border: solid 1px #037BB2;

	background-color: #ECE9D8;

	margin-right: 25px;

}



/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* tables ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* tables general ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000080;  
	border: none;
}

td
{
	border: none;
	text-align: left;
}

tr
{
	border: none;
}

/* -------------------------------------------------------------------------------------------------- */
/* tables image group-------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

Table.imgGroup
{
}

TD.imgGroup
{
	text-align: center;
}

/* -------------------------------------------------------------------------------------------------- */
/* tables with lines -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

table.withlines, table.regatta
{
	width:100%;

	border:1px #000080 solid;
	border-collapse:collapse; 
}

td.withlines, td.withlines_align_right, td.regatta, td.regatta_align_right
{
	padding:8px;

	border:1px #000080 solid;
	
	text-align:left;
	vertical-align:middle;
	empty-cells:show;
}

td.withlines_align_right, td.regatta_align_right
{
	text-align:right;
	white-space:nowrap;
}

th.withlines, th.regatta
{
	font-weight:bold;
	
	padding:8px;
	
	background-color:#EAEEF3;
}

th.regatta
{
	border:1px #000080 solid;
	text-align:left;
}

p.forTH
{
	margin:-5px; 
	padding:5px;

	border:solid 1px #CED7DE;
	
	background-image:url('../images/design/layout/bkgrd_50x1_01.jpg');
	background-repeat:repeat-x;
	background-color:#EAEEF3; 	
}

/* -------------------------------------------------------------------------------------------------- */
/* tables for thumbs -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

table.thumbs
{
	border:1px #000080 solid;
	background-color:#EAEEF3;
}

td.thumbs
{
	text-align:center;
	vertical-align:middle;

	padding:10px;
}

/* -------------------------------------------------------------------------------------------------- */
/* table and controls for forms --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

table.formular
{
	border:1px #000080 solid;
	border-collapse:separate;
	border-spacing:5px 5px; 
}

td.formular
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

td.formular_blue_section
{
	font-weight:bold;

	text-align:center;
	vertical-align:middle;

	border:1px #CED7DE solid;
	
	background-color:#EAEEF3; 
	background-image:url('../images/design/layout/bkgrd_50x1_01.jpg');
	background-repeat:repeat-x;

	height:50px;
	
	outline:#EAEEF3 solid 5px;
}

.highlight
{
	color:#FF0000;
	font-weight: bold;
}





/*                                              */

/* 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 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%;

	

	margin: 0px;

	padding: 0px;                       /* hinzugefügt 01 JAN 2011 */

	

	border-spacing: 0px;



	border-collapse:collapse;           /* hinzugefügt 01 JAN 2011 */

}



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: 0px;

}



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;

}



TD.aktuelles_increased_spacing

{

	padding-top:10px;

}



/*                                              */

/* 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.pdf usedfor standalone pdf links, 
	img.pdf_g used if placed together with go_link
*/

img.pdf
{
	margin-right:8px;
	
	border:none;
	
	width:16px;
	height:16px;
}

img.pdf_g
{
	margin-right:45px;
	
	border:none;
	
	width:16px;
	height:16px;
}

img.golink
{
	margin-right: 2px;
	
	border: none;
	
	width: 28px;
	height: 11px;
}

img.go_top
{
	margin-right: 20px;
	
	border: none;
	
	width: 28px;
	height: 11px;
}

img.inlinepic
{
	margin-right:15px;
	margin-bottom:15px;

	border:1px solid #000080;
	
	float: left;
	
}

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:2px groove #99CCFF; 
	border-left:2px groove #99CCFF; 
	border-right:2px groove #99CCFF;
	border-bottom:2px groove #99CCFF; 
	
	border-radius:10px; 
}

div.textbox.background
{
	background-color:#EAEEF3;
	box-shadow:3px 3px 2px #888888;
}

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
{
	overflow:scroll; 
	overflow-y:hidden; 
	
	padding:10px;

	margin-right: 10px;
	white-space:nowrap; 

	background-color:#EAEEF3;

	border: solid 1px #000080;
}



hr
{
	color: #000080;
	height: 1px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* 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;

	margin-right:15px;
	padding-right:15px;
}

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

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

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

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

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

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

a:active.golink
{
}

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

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

a:link.textlink
{
	color:#F77921; 
	border-bottom:dashed #F77921 1px;
}

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

a:visited.textlink
{
	color:#83198B;
	border-bottom:dashed #83198B 1px;
}

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

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

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

a:active.texlink
{
}



/* -------------------------------------------------------------------------------------------------- */

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

/* -------------------------------------------------------------------------------------------------- */



a.topnavi

{

	text-decoration:underline;

}



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;

}





input.cmd_formular
{

/*	note:	leave as placeholder for later redesign ! 
			style is actually used for all command buttons  !
			
	color: #000080;                

	background-color: #F0F0F0;
	background-image: none;

	border-width: 3px;
	border-color: #000080;      

	width: 150px;
	height: 28px
*/
}

input.txt_formular
{
	font-size: 11pt;
	margin-left:0px;
}

input.txt_infotext
{
	font-size: 12pt;
	color: #000080;                     

	border: none;

	background-color: transparent;
}

input.txt_display
{
	font-size: 12pt;

	color: #000080;                    

	border: none;
	background-color: transparent;
}

input.hidden-media-counter
{
	color: #F5F8FB;
	font-weight: bold;

	visibility: hidden;
	border: none;

	background-color: #F5F8FB;         
	background-image: none;
}



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

textarea.txt_display
{

	font-size: 12pt;
	color: #000080;

	border: none;
	background-color: transparent;
}




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



/* ----------------------------------------------------------------------------------*/
/* all below added for new design ---------------------------------------------------*/
/* ----------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------*/
/* topnavi                                                                     */
/* ----------------------------------------------------------------------------*/

div#topnavi
{
	font-size:1.0em;

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

	border-left:1px solid #000078;
	border-right:1px solid #000078;
	border-top:1px solid #000078;	
	border-bottom:1px solid #000078;

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

	background-color:#EBF5F5;
}

div#topnavi p
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px; 
	padding-bottom:0px;

	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:-15px;

	line-height:2em;
}

div#topnavi a
{
	font-size:0.9em;
	color:#000080;
	text-decoration:none;

	background-color:#DEE7F7;

	padding-left:18px;
	padding-right:18px;
	padding-top:1px;
	padding-bottom:1px;

	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:0px;

	border:1px #C6D3EF solid;
	white-space:nowrap;
}

div#topnavi a:link
{
}

div#topnavi a:visited
{

}

div#topnavi a:hover
{
	background-image:url('marker.gif');
	background-color:#C6D3EF;
	background-repeat:no-repeat;

	border:1px #0065A5 solid;
}

div#topnavi a:active
{
	color: red;
}