/*    ########################################################################  */
/* 	###############	Formatierungen für die Seite #########################  */
/*    ########################################################################  */

html, body {
		background-color: white;
		height: 100%;
		margin: 0;
		padding: 0;
		color: #000000;
}
								/* Tabellenzelle */
td {
	vertical-align: top;
	text-align: center;
}
								/* Logo im Header */
div#header td {
	vertical-align: middle;
	text-align: center;
}
								/* Unsortierte Liste */
ul {
	    font-family : verdana, tahoma, arial;
        font-size: 14px;
	list-style-type: disc;
        margin-top: 0mm;
        margin-left: 0mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
        text-align: left;
        color: #000000;
        line-height: 14pt;
        vertical-align: top;
}
								/* Normales Bild */
img {
		margin-top: 5mm;
		margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        vertical-align: top;
}
								/* Bild ohne Rand */
div#header img {
		margin-top: 0mm;
		margin-left: 0mm;
        margin-right: 0mm;
        margin-bottom: 0mm;
		left: 0px;
		top: 0px;
		border: 0px;
}
								/* Das Logo des BSFP */
div#logo img {
		margin-top: 2mm;
		margin-left: 0mm;
        margin-right: 0mm;
        margin-bottom: 0mm;
        vertical-align: top;
		border: 0px;
}


/*    ########################################################################  */
/* 	###############	Formatierungen für den Inhalt   ######################  */
/*    ########################################################################  */

								/* Schwarze Überschriften */
.heading {
        font-family : verdana, tahoma, arial;
		font-size: 18px;
		font-weight: bolder;        
		letter-spacing: 0,3mm;       	
        margin-top: 5mm;
        margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        text-align: left;
        color: #000000;
        line-height: 18pt;
}

								/* Orange Überschriften für Senioren */
.heading-s {
        font-family : verdana, tahoma, arial;
		font-size: 18px;
		font-weight: bolder;        
		letter-spacing: 0,3mm;       	
        margin-top: 5mm;
        margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        text-align: left;
        color: #FF9600;
        line-height: 18pt;
}

								/* Grüne Überschriften für Kinder */
.heading-k {
        font-family : verdana, tahoma, arial;
		font-size: 18px;
		font-weight: bolder;        
		letter-spacing: 0,3mm;       	
        margin-top: 5mm;
        margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        text-align: left;
        color: #33FF33;
        line-height: 18pt;
}
								/* Rote Überschriften für Ausland */
.heading-a {
        font-family : verdana, tahoma, arial;
		font-size: 18px;
		font-weight: bolder;        
		letter-spacing: 0,3mm;       	
        margin-top: 5mm;
        margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        text-align: left;
        color: #ff0000;
        line-height: 18pt;
}
								/* Blaue Überschriften für Psychos */
.heading-p {
        font-family : verdana, tahoma, arial;
		font-size: 18px;
		font-weight: bolder;        
		letter-spacing: 0,3mm;       	
        margin-top: 5mm;
        margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        text-align: left;
        color: #0000ff;
        line-height: 18pt;
}
								/* Schwarze Überschrift für Startfenster */
.heading-titel {
        font-family : verdana, tahoma, arial;
	font-size: 18px;
	font-weight: bolder;        
	letter-spacing: 0,3mm;       	
        margin-top: 5mm;
        margin-left: 0mm;
        margin-right: 0mm;
        margin-bottom: 5mm;
        text-align: left;
        color: #000000;
        line-height: 24pt;
}
								/* Normaler Inhalt */
.content {
        font-family : verdana, tahoma, arial;
        font-size: 14px;
        margin-top: 0mm;
        margin-left: 5mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
        text-align: left;
        color: #000000;
        line-height: 14pt;
        vertical-align: top;
}
								/* Inhalt für Startfenster */
.content-titel {
        font-family : verdana, tahoma, arial;
        font-size: 14px;
        margin-top: 0mm;
        margin-left: 0mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
        text-align: left;
        color: #000000;
        line-height: 16pt;
        vertical-align: top;
}
								/* Inhalt mit kleiner Schrift */
.contentSmall {
        font-family : verdana, tahoma, arial;
        font-size: 12px;
        margin-top: 3mm;
        margin-left: 5mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
        text-align: left;
        color: #000000;
        line-height: 14pt;
}
								/* Adressinformationen */
.adress {
        font-family : verdana, tahoma, arial;
        font-size: 14px;
        margin-top: 0mm;
        margin-left: 5mm;
        margin-right: 0mm;
        margin-bottom: 3mm;
        text-align: left;
        color: #000000;
        line-height: 14pt;        
}
								/* Normaler Textlink */
a:link  { 
		background: none;
		font-family: verdana, tahoma, arial;
		font-size: 14px;
		color: #000000;
		text-decoration: underline;
}

a:visited {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;
		color: #666666;
		text-decoration: underline;
}
								
a:active {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;
		color: #666666;
		text-decoration: underline;
}

a:hover { 
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;	
		color: #666666; 
		text-decoration: underline; 
}

/*    ########################################################################  */
/* 	###############	Formatierungen für das Menü   ########################  */
/*    ########################################################################  */

								/* Oberpunkt im Menü */
div#menu .menutitle  {
		cursor: pointer;
        font-family: verdana, tahoma, arial;		
        font-size: 14px;
        margin-top: 3mm;
        margin-left: 3mm;
        margin-right: 5mm;
        margin-bottom: 0mm;
        background: images/trans.png;
		color: #000000;
		width: 175px;
		padding: 2px;
		text-align: left;
        line-height: 16pt;
		border:1px solid #000000;
}
								/* Aktuell angezeigter Oberpunkt im Menü */
div#menu .menutitleA {
		cursor: pointer;
        font-family: verdana, tahoma, arial;		
        font-size: 14px;
        margin-top: 3mm;
        margin-left: 3mm;
        margin-right: 5mm;
        margin-bottom: 0mm;
        background: images/trans.png;
		color: grey;
		width: 175px;
		padding: 2px;
		text-align: left;
        line-height: 16pt;		
		border:1px solid #000000;
}
								/* Textlink der Oberpunkte im Menü */
div#menu a:link  { 
		background: none;
		font-family: verdana, tahoma, arial;
		font-size: 14px;
		color: black;
		text-decoration: none;
}

div#menu a:visited {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;
		color: #000000;
		text-decoration: none;
}

div#menu a:active {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;
		color: #000000;
		text-decoration: none;
}

div#menu a:hover { 
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;	
		color: #666666; 
		text-decoration: none; 
}
								/* Unterpunkt im Menü */
.submenu{
        font-family : verdana, tahoma, arial;		
        font-size: 14px;
        margin-top: 0mm;
        margin-left: 5mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
        background-color: images/trans.png;
		color:#000000;
		width:170px;
		padding:2px;
		text-align:left;
        line-height: 16pt;
}
								/* Textlink der Unterpunkte im Menü */
div#masterdiv a:link  { 
		background: none;
		font-family: verdana, tahoma, arial;
		font-size: 14px;
		color: #000000;
		text-decoration: none;
}

div#masterdiv a:visited {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;
		color: #000000;
		text-decoration: none;
}

div#masterdiv a:active {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;
		color: #000000;
		text-decoration: none;
}

div#masterdiv a:hover { 
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 14px;	
		color: #666666; 
		text-decoration: none; 
}

/*    ########################################################################  */
/*   ######################   Sortierbare Liste   ############################  */
/*    ########################################################################  */

								/* Tabellenformatierung */
table.sortable {
		margin-top: 3mm;
        margin-left: 5mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
}
								/* Tabellenzelle der unsortierten Liste */
table.sortable td {
		text-decoration: none; 
		font-family: vardana, tahoma, arial; 
		font-size: 11pt;
		text-align: left;
		margin-left: 5px; 
		color: black;
		line-height: 12pt;
		background-color: #FFFFEA;
}
								/* Titelzeile der sortierbaren Liste */
table.sortable a.sortheader {
		background-color:#FFFF66; 
		color: black; 
		font-weight: bold; 
		text-align: left;		
		text-decoration: none; 
		font-family: vardana, tahoma, arial; 
		margin-left: 5px; 
		display: block;
}
								/* Anzeige des Sortier-Pfeils */
table.sortable span.sortarrow {
		color: black; 
		text-decoration: none;
}
								/* Textlink in der unsortierten Liste */
div#uebersicht table.sortable a:link  { 
		background: none;
		font-family: verdana, tahoma, arial;
		font-size: 12px;
		color: #000000;
		text-decoration: underline;
}

div#uebersicht table.sortable a:visited {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 12px;
		color: #666666;
		text-decoration: underline;
}

div#uebersicht table.sortable a:active {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 12px;
		color: #666666;
		text-decoration: underline;
}

div#uebersicht table.sortable a:hover { 
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 12px;	
		color: #FF9600; 
		text-decoration: underline; 
}

/*    ########################################################################  */
/* 	###############	Formatierungen für den Footer   ######################  */
/*    ########################################################################  */

								/* Text in der Fußzeile */
div#footer .footer {
		font-family : verdana, tahoma, arial;
        font-size: 12px;
        margin-top: 2mm;
        margin-left: 5mm;
        margin-right: 5mm;
        margin-bottom: 3mm;
        text-align: center;
        color: #000000;
        line-height: 14pt;
}
								/* Textlink in der Fußzeile */
div#footer a:link  { 
		background: none;
		font-family: verdana, tahoma, arial;
		font-size: 12px;
		color: #000000;
		text-decoration: underline;
}

div#footer a:visited {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 12px;
		color: #666666;
		text-decoration: underline;
}

div#footer a:active {
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 12px;
		color: #666666;
		text-decoration: underline;
}

div#footer a:hover { 
		background: none;
		font-family: verdana, tahoma, arial; 
		font-size: 12px;	
		color: #666666; 
		text-decoration: underline; 
}