/* 
Einige Elemente später angepasst
menu3:
- ist aus 21 die mneu1 (umbenannt) 
- sorgt für die Balken als Navigation mit einer Hitergrundfarbe

++++++++++++++++
menu2:
- ist original von hier 
- sorgt for die Balken mit Hintergrundimages
++++++++
menu1:

+++++++++++
menu0:
- ist original von hier 
- sorgt for das Style in der Liste, z.B.: "Änder" unter den Namen
 */
 
body
{margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
background-color: #e6e6e6;
font-family: Verdana;
}

table,td 
{font-size: 97%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;color:#000;
}

/*
h2: Heading von dem linken Navigation; 
z.B. "Der Badminton Club bekommt diese Eigenschaft 
color:#7F7F7F -alt
*/

h2
{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:#7F7F7F;
margin-bottom:0px;
letter-spacing:2px;
font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:0px;
}

/* for comments Größe Schrift */
h3
{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:white;
margin-bottom:10px;
letter-spacing:2px;
font-size: 125%;
border-bottom:solid 0px #746b64;
padding-left:20px;
padding-bottom:20px
}

/* for comments kleine Schrift */
h4
{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:white;
letter-spacing:2px;
font-size: 100%;
border-bottom:solid 0px #746b64;
padding-top:0px;
padding-left:0px;
}


/*h1: Heading von unter Inhalten von Navigation; z.B. "Fotogallerie"
*/
h1
{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 100%;
border-bottom:solid 0px #746b64;
padding-top:0px;
padding-bottom:0px;
}


.li 
{
width:14px;
background-image:url(images/ra1.jpg);
background-repeat:repeat-y;
vertical-align:top;
border-right:solid 0px #BFBFBF;
}


.re 
{
width:14px;
background-image:url(images/ra2.jpg);
background-repeat:repeat-y;
border-left:solid 0px #BFBFBF;}


/* hauptgerüst 
Hintergrundfarbe der Mittlerenseite usw.
*/

#main 
{
border-bottom:solid 10px #fff;
border-right:solid 10px #fff;
border-left:solid 10px #fff;
}

/* neu: aus 21 hier kopiert,
die Hintergrundfarbe/Hintergrundimage, z.B der Index_link kommt von hier */
#main_inhalt{
width:100%;
/*height:1000px;*/
background-image:url(images/back_links.jpg);
background-repeat:repeat-y;
background-position:center top;
/*font-size:13px;*/
}

/* neu: aus 21 hier kopiert,
die Hintergrundfarbe/Hintergrundimage, z.B der Index_recht kommt von hier */
#main_inhalt1{
width:100%;
height:1000px;
/* hier kommt später eine neue, passende Farbe */
background-image:url(images/back_links.jpg);
background-repeat:repeat-y;
background-position:center top;
}

#top{
background-image:url(photos/college/academy_block2.jpg);
/* 
23.04.14 außer Kraft
height:450px;
width:600px; 
border-top:solid 10px #fff;
border-right:solid 10px #fff;
border-left:solid 10px #fff; 
color:#2A3C22;
*/
height:211px;
width:740px;

}

#hpname{height:36px;
padding-right:10px;
padding-top:10px;
text-align:right;
color:yellow;
letter-spacing:1px;
font-size:18px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic;
}

/* menue oben */

.buleiste 
{
/* alt (ändert sich daucht nicht)
height:36px;
*/
height:20px;
}

/************************************************************/
/*********** Anfang menu2************************************/
#menu2 a, #menu2 a:visited , #menu2 a:active 
{
display: block;
/* Schriftfarbe */
color:green;
/* Textdekoration */
text-decoration:none ;
/* Schriftart, man nimmt auch häufig "verdana" */
font-family: verdana,arial,sans-serif ; 
/* Schriftgröße, am 31.03.14 von 10 auf 11 geändert */
font-size: 13px;
/* Abstand zwischen Zellenrand und Zelleninhalt - links */
padding-left: 10px;
/* Abstand zwischen Zellenrand und Zelleninhalt - unten */
padding-bottom: 0px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - oben */
padding-top:0px;
/*0Pixel links von Balkon freilassen bzw einrücken*/
margin-left: 0px;
/*0Pixel rechts von Balkon freilassen bzw einrücken*/
margin-right: 0px;

/*Balkenborder-Stärke-Left:1 pixel, Border-Farbe-Lef:#fff (Man konnte die Farbe auch "red" schreiben */
border-left:solid 1px #fff;
/*Balkenborder-Stärke-Bottom:1 pixel, Border-Farbe-Bottom:#fff (Man konnte die Farbe auch "red" schreiben */
border-bottom:solid 1px #E6E6E6;
/*Balkenborder-Stärke-Top:1 pixel, Border-Farbe-TOP:#fff (Man konnte die Farbe auch "red" schreiben */
border-top:solid 1px #fff;
/*Balkenhöhe */
line-height:15px;	
/*Balkeninhalte liknks positionieren*/
text-align:left;
/*backgroung image der Balken */
background-image:url(images/mover.jpg);
}

#menu2 a:hover 
{
background-color:#fff;
color:red; text-decoration:none ;
background-image:url(images/mover.jpg);
border-left:solid 1px #fff;
border-bottom:solid 1px #E6E6E6;
border-top:solid 1px #fff;
}
/************Ende Menu2 ********************************/

/************************************************************/
/*********** Anfang menu9, for external Links*****************/
#menu9 a, #menu9 a:visited , #menu9 a:active 
{
/* Schriftfarbe */
color:white;
/* Textdekoration */
text-decoration:none ;
/* Schriftart, man nimmt auch häufig "verdana" */
font-family: verdana,sans-serif ; 
/* Schriftgröße */
font-size: 10pt;
/* Abstand zwischen Zellenrand und Zelleninhalt - links */
padding-left: 0px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - unten */
padding-bottom: 0px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - oben */
padding-top:0px;
/*0Pixel links von Balkon freilassen bzw einrücken*/
margin-left: 0px;
/*0Pixel rechts von Balkon freilassen bzw einrücken*/
margin-right: 0px;
/*Balkenhöhe, wenn hier weniger, erscheinen die Zeilen überlappernd */
line-height:19px;	
/*Balkeninhalte liknks positionieren*/
text-align:left;
}

#menu9 a:hover 
{
/* hier ist alles über Mausover - hover */
color:yellow; 
text-decoration:none ;
}
/************Ende Menu9 ********************************/

/*******************************************************/
/* menu3
Diese Darstellung ist aus 21 gekommen, hieß da menu1
Sorgt für die Balken - Balken 1. Kakagorie, also etwas größer der "Badminton Club"
*/
#menu3 a , #menu3 a:visited 
{
display:block;
background-color:#8aa14f;
color:#47541D;
text-decoration:none ;
text-align:left;
/*width:180px;*/
padding-left:5px;
line-height: 20px;
font-size: 12px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
border-top:solid 0px #fff;
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;
font-style:normal;
}

/* wenn man das Balken klickt bzw. aktiviert, soll diese Farbe/eigenschaften erhalten */
#menu3 a:active
{
background-color:yellow;
color:#47541D;
text-decoration:none ;
border-bottom:solid 1px #fff;
}

/* wenn man die Maus darüber bringt, soll diese Farbe/eigenschaften erhalten */
#menu3 a:hover
{
background-color:#B5BE45;
color:#fff;
text-decoration:none ;
border-bottom:solid 1px #fff;
}

/*******************************************************/
/* menu4
Sorgt für die Balken - Balken 2. Kakatagorie, also etwas kleiner
z.B. "Fotogallarie"
*/
#menu4 a , #menu4 a:visited 
{display:block;
background-color:#8aa14f;
color:white;
text-decoration:none ;
text-align:left;
width:180px;
padding-left:5px;
line-height: 20px;
font-size: 12px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
border-top:solid 0px #fff;
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;
font-style:normal;
}

/* wenn man das Balken klickt bzw. aktiviert, soll diese Farbe/eigenschaften erhalten */
#menu4 a:active
{
background-color:yellow;
color:black;
text-decoration:none ;
border-bottom:solid 1px #fff;
}
/* wenn man die Maus darüber bringt, soll diese Farbe/eigenschaften erhalten */
#menu4 a:hover
{
background-color:#B5BE45;
color:white;
text-decoration:none ;
border-bottom:solid 1px #fff;
}

/*******************************************************/
/* menu5
z.B. Für Bilder und Intakeliste, ohne freien Platz auf links und 
Recht und Schrift Yellow
*/
#menu5 a, #menu5 a:visited , #menu5 a:active 
{
display: block;
/* Schriftfarbe */
color:blue;
/* Textdekoration */
text-decoration:none ;
/* Schriftart, man nimmt auch häufig "verdana" */
font-family: arial,sans-serif ; 
/* Schriftgröße */
font-size: 10pt;
/* Abstand zwischen Zellenrand und Zelleninhalt - links */
padding-left: 0px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - unten */
padding-bottom: 0px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - oben */
padding-top:0px;
/*0Pixel links von Balkon freilassen bzw einrücken*/
margin-left: 0px;
/*0Pixel rechts von Balkon freilassen bzw einrücken*/
margin-right: 0px;
/*Balkenborder-Stärke-Left:1 pixel, Border-Farbe-Lef:#fff (Man konnte die Farbe auch "red" schreiben */
border-left:solid 1px #fff;
/*Balkenborder-Stärke-Bottom:1 pixel, Border-Farbe-Bottom:#fff (Man konnte die Farbe auch "red" schreiben */
border-bottom:solid 1px #E6E6E6;
/*Balkenborder-Stärke-Top:1 pixel, Border-Farbe-TOP:#fff (Man konnte die Farbe auch "red" schreiben */
border-top:solid 1px #fff;
/*Balkenhöhe */
line-height:15px;	
/*Balkeninhalte liknks positionieren*/
text-align:left;
/*backgroung image der Balken */
background-image:url(images/mover.jpg);
}

#menu5 a:hover 
{
background-color:#fff;
color:red; text-decoration:none ;
background-image:url(images/mover.jpg);
border-left:solid 1px #fff;
border-bottom:solid 1px #E6E6E6;
border-top:solid 1px #fff;
}

#menu5 a:focus
{
text-decoration:none; color:red; 
}

/*********** Anfang menu6************************************/
/* für die links irgendwo im Page, z.B. "Update/Modify"-Stellen */
#menu6 a, #menu6 a:visited , #menu6 a:active 
{
/*display: block; */
/* Schriftfarbe */
color:green;
/* Textdekoration */
text-decoration:none ;
/* Schriftart, man nimmt auch häufig "verdana" */
font-family: arial,sans-serif ; 
/* Schriftgröße */
font-size: 8pt;

/*Balkenhöhe */
line-height:10px;	
/*Balkeninhalte liknks positionieren*/
text-align:left;
/*backgroung image der Balken */
/*background-image:url(images/mover.jpg);*/
}

#menu6 a:hover 
{
background-color:#fff;
color:red; text-decoration:none ;
background-image:url(images/mover.jpg);
border-left:solid 1px #fff;
border-bottom:solid 1px #E6E6E6;
border-top:solid 1px #fff;
}

/************Ende menu6 ********************************/

/********Test menu7*************************************************/
/* für die links irgendwo im Page, z.B. "Update/Modify"-Stellen */
#menu7 a, #menu7 a:visited , #menu7 a:active 
{
/*backgroung image der Balken */
background-image:url(images/mover.jpg);
}

/*************Ende meneu7*************************************************/
#sp1 
{text-align:justify; padding-left: 30px;padding-right:30px;padding-top: 40px;padding-bottom: 50px;
background-color:#fff;width:100%;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-x;
border-bottom:solid 1px #bfbfbf;
}


#fussb 
{font: normal 12px verdana, sans-serif; color: #1F1F1F; padding-top:2px;
height:40px;
text-align:center;
border-top:solid 1px #fff;
background-color:#fff;
background-image:url(images/mover.jpg);
background-repeat:repeat-x;
}


/* scrolleiste internet explorer ab vers.5.5 */
body {
scrollbar-base-color: #B2B2B2;
scrollbar-face-color:#B2B2B2;
}


/* auch eine Variante
body{
scrollbar-track-color: #000000;
scrollbar-face-color: #C0C0C0; 1. Wahl
scrollbar-highlight-color: #696969;
scrollbar-3dlight-color: #FFD700;
scrollbar-darkshadow-color: FF0000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

Another more example with explanation
body
{
scrollbar-3dlight-color:#7A8295; = Farbe seitlich liegender Elemente.
scrollbar-arrow-color:#c31b00; = Farbe der Pfeile in den Kopfstücken.
scrollbar-face-color:#7A8295; = Farbe des eigentlichen Scrollbalkens, like grey/grau
scrollbar-track-color:#b0b5c0;   = Farbe der Scrollbalken-”Schiene”.
scrollbar-darkshadow-color:#b0b5c0; =  Farbe bestimmter seitlich liegender Elemente.
scrollbar-highlight-color:#b0b5c0; = Farbe der höher gelegenen Elemente.
scrollbar-shadow-color:#7A8295; = Farbe der tiefer gelegenen Elemente.
}

*/

/* menue  */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#;
text-decoration:none ;
text-align:center;
font-size: 89%;line-height: 180%;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#7B917C;
width:160px;
}

#menu1 a:hover{
background-color:#A5ADAA;
color:#fff;
text-decoration:none ;
}


/* allgemeine links im text */

a:link, a:visited, a:active
{font-size: 98%;
font-family: arial, helvetica, verdana, tahoma, sans-serif;color:#000
}

a:hover
{ text-decoration:UNDERLINE;background-color:#C5C8CD;
color:#3F3F3F;
}

/********************************************************************/
/********************************************************************/
/* Dieses Teil sorgt für die Gestaltung von index_rechts_oben, main mein_inhalt oben*/
#main_rechts_oben{
width:100%;
/*height:1000px;*/
background-image:url(images/bgmain.jpg);
background-repeat:repeat-y;
background-position:center top;
}

#menu_rechts_oben a , #menu_rechts_oben a:visited 
{
display:block;
/* Hintergrundfarbe der gesamten Zeile in Normalzustand */
/*background-color:#8aa14f; -alt */
background-color:#9999FF;
color:#47541D;
text-decoration:none ;
text-align:center;
/*width:180px;*/
padding-left:5px;
line-height: 20px;
font-size: 12px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
border-top:solid 0px #fff;
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;
font-style:normal;
}

/* wenn man das Balken klickt bzw. aktiviert, soll diese Farbe/eigenschaften erhalten */
#menu_rechts_oben a:active
{
background-color:red;
/* kommt nicht richtig zur Geltung */
color:#47541D;
text-decoration:none ;
border-bottom:solid 1px #fff;
}

/* wenn man die Maus darüber bringt, soll diese Farbe/eigenschaften erhalten */
#menu_rechts_oben a:hover
{
/* Farbe, wenn man mit der Maus über den Punkt kommt */
background-color:#B5BE45;
color:#fff;
text-decoration:none ;
border-bottom:solid 1px #fff;
}

/************************************************************/
#menu_rechts_recht a, #menu_rechts_recht a:visited , #menu_rechts_recht a:active 
{
display: block;
/* Schriftfarbe */
color:blue;
/* Textdekoration */
text-decoration:none ;
/* Schriftart, man nimmt auch häufig "verdana" */
font-family: arial,sans-serif ; 
/* Schriftgröße */
font-size: 10pt;
/* Abstand zwischen Zellenrand und Zelleninhalt - links */
padding-left: 10px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - unten */
padding-bottom: 0px; 
/* Abstand zwischen Zellenrand und Zelleninhalt - oben */
padding-top:0px;
/*0Pixel links von Balkon freilassen bzw einrücken*/
margin-left: 0px;
/*0Pixel rechts von Balkon freilassen bzw einrücken*/
margin-right: 0px;
/*Balkenborder-Stärke-Left:1 pixel, Border-Farbe-Lef:#fff (Man konnte die Farbe auch "red" schreiben */
border-left:solid 1px #fff;
/*Balkenborder-Stärke-Bottom:1 pixel, Border-Farbe-Bottom:#fff (Man konnte die Farbe auch "red" schreiben */
border-bottom:solid 1px #E6E6E6;
/*Balkenborder-Stärke-Top:1 pixel, Border-Farbe-TOP:#fff (Man konnte die Farbe auch "red" schreiben */
border-top:solid 1px #fff;
/*Balkenhöhe */
line-height:15px;	
/*Balkeninhalte liknks positionieren*/
text-align:left;
/*backgroung image der Balken */
background-image:url(images/mover.jpg);
}

#menu_rechts_recht a:hover 
{
background-color:#fff;
color:red; text-decoration:none ;
background-image:url(images/mover.jpg);
border-left:solid 1px #fff;
border-bottom:solid 1px #E6E6E6;
border-top:solid 1px #fff;
}

/**********************************************************************/
/*** Wegen das Schreiben auf das Bild *********************************/
#top2 {
background-image:url(photos/college/academy_block2.jpg);
vertical-align:bottom;
text-align:right;
height:60%;
width:100%;
padding-left:0px;

border-top:solid 0px #CFCFCF;
background-color:#;
padding-top:0px;
}


#name {
letter-spacing:2px;
font-size:14px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; 
font-style:italic; color:yellow;
width:700px;
padding-left:0px;
padding-right:0px;
border-top:solid 0px #666666;
padding:0px;
}

/***** für Bulletin Board ********************/
#sp1_bulletin {
text-align:justify; 
background-color:#fff;
width:100%;
background-image:url(images/bgmain2.jpg);
background-repeat:repeat-x;

border-bottom:solid 1px black;
padding-top:15px;
padding-bottom:20px;
padding-left:20px;
padding-right:5px;
}

/***** for Bulletin Board Country ********************/
#sp1_bulletin_board_country {
text-align:justify; 
background-color:#fff;
width:100%;
/*background-image:url(images/maske_bg2.jpg);*/
background-image:url(images/mover.jpg);
background-repeat:repeat-x;

border-bottom:solid 1px black;
padding-top:15px;
padding-bottom:20px;
padding-left:20px;
padding-right:5px;
}

/***** for Education and Services ********************/
#sp1_education_services {
text-align:justify; 
/*background-color:#fff;*/
background-color:#99FF99;
width:100%;
/*background-image:url(images/maske_bg3.jpg);*/
background-repeat:repeat-x;

/*border-bottom:solid 1px black;*/
padding-top:15px;
padding-bottom:20px;
padding-left:20px;
padding-right:5px;
}


/*************************** Title, Subtitle etc. *****************/
/*** Title of a Site, i.e, eample Complet List of Cadet ***/
/* später alle "title" mit "white" ersetzen */
.title {
font-family: Verdana,Arial,Helvetica;
color:white;
margin-bottom:0px;
letter-spacing:0px;
font-size:16px;
padding-left:20px;
padding-bottom:0px;
} 

/*** Subtitle of a Site, eample "Available Record" von Complet List of Cadet ***/
/* später alle "sub_title" mit "yellow" ersetzen */
.sub_title {
font-family: Verdana,Arial,Helvetica;
color:yellow;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-left:20px;
padding-bottom:0px;
} 

/*** Info line, eample "Your name not in the list ?" in Complet List of Cadet ***/
.only_link {
/* später suchen und entsprechend durch etwas ersetzen */

font-family: Verdana,Arial,Helvetica;
color:yellow;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-left:0px;
padding-bottom:0px;
}

/*** z.B. "contribute to the description" in "read description" in Photo album ***/
.link2 {
font-family: Verdana,Arial,Helvetica;
color:green;
font-size: 9px;
}

/*** Heading of a Table, example Complet List of Cadet ***/
.heading_table {
/* später durch "red" ersetzen */
/*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
/*font-weight: bold;*/
} 

/*** Heading of text, i.e., "The First Steps – How It Works" in Readme ***/
/* alle "heading_text" Stlle mit "green" ersetzen */
.heading_text {
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
font-weight: bold;
} 

/*** normal text, i.e., the following word after "The First Steps – How It Works" in Readme ***/
/* alle "normal_text" stelle mit "blue" ersetzen */
.normal_text {
/*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/
font-family: Verdana,Arial,Helvetica;
/*display: block;*/
color:blue;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
/*font-weight: bold;*/
}
 
/*** eample "close view of " in complete_list_rechts ***/
.label_top {
/*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/
/* später mit "blue" ersetzen */
font-family: Verdana,Arial,Helvetica;
color:blue;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
/*font-weight: bold;*/
} 

/*** eample "close view of " in complete_list_rechts ***/
.label_left {
/*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/
font-family: Verdana,Arial,Helvetica;
color:black;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
/*font-weight: bold;*/
}

/*später alle massage bzw. message mit green_small ersetzen */
/*** example "close view of " in complete_list_rechts ***/
.message {
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 11px;
padding-bottom:0px;
}

/*** vorsichthalber ***/
.massage {
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 11px;
padding-bottom:0px;
}

/*** For extra information  ***/
.message_red {
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 11px;
padding-bottom:0px;
}

/*** vorsichthalber  ***/
.massage_red {
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 11px;
padding-bottom:0px;
}


/**********************************************/
/*** eample "close view of " in complete_list_rechts ***/
.remarks{
/*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/
/*später mit "green_small" ersetzen"*/

font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
/*font-weight: bold;*/
}


/**********************************************/
.select {
width:108; 
/*alt:display:block;*/
}

/**********************************************/
.button { 
/*alt:background-color:#6699FF; */
background-color:green;
/*alt:color:#fff;*/
color:white;
/*width:125px; */
border:1px solid #ddd; 
font-size:12px; 
font-family:Verdana,sans-serif; 
}


/**********************************************/
/********************************************************/
/**********************/
.info_big {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:green;
font-size: 16px;
}
/***/
.info {
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.info_small {
/* später alle .message mit .green_small ersetzen */
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
} 

/*********************************************************/
.white_big {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:white;
font-size: 16px;
} 

/***/
.white {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:white;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
}
/***/
.white_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:white;
font-size: 12px;
} 

/***************************/
.black_vvbig {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:black;
font-size: 18px;
} 


.black_vbig {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:black;
font-size: 16px;
} 


.black_big {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:black;
font-size: 14px;
} 

/***/
.black_big_bold {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:black;
font-size: 16px;
font-weight: bold;
} 

/***/
.black {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:black;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
} 
/***/
.black_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:black;
font-size: 10px;
} 

/************************/
.heading_blue_big { 
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:blue;
margin-bottom:0px;
letter-spacing:2px;
font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:0px;
} 

/**********************/
.blue_big {
font-family: Verdana,Arial,Helvetica;
color:blue;
font-size: 16px;
}
/***/
.blue {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:blue;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.blue_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:blue;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
} 

/**********************/
.green_big {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:green;
font-size: 16px;
}
/***/
.green {
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.green_small {
/* später alle .message mit .green_small ersetzen */
font-family: Verdana,Arial,Helvetica;
color:green;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
} 

/**********************/
.red_vvbig {
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 22px;
padding-bottom:0px;
}


.red_vbig {
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 16px;
padding-bottom:0px;
}

.red_big {
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
}

.red {
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
}
/***/
.red_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:red;
margin-bottom:0px;
letter-spacing:0px;
font-size: 10px;
padding-bottom:0px;
} 

/**********************/
.yellow_big {
font-family: Verdana,Arial,Helvetica;
color:yellow;
margin-bottom:0px;
letter-spacing:0px;
font-size: 16px;
padding-bottom:0px;
} 
/***/
.yellow {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:yellow;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.yellow_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:yellow;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
}

/**********************/
.orange_big {
font-family: Verdana,Arial,Helvetica;
color:orange;
margin-bottom:0px;
letter-spacing:0px;
font-size: 16px;
padding-bottom:0px;
} 
/***/
.orange {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:orange;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.orange_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:orange;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
}

/******************************/
.lila_big {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:#6c4675;
margin-bottom:0px;
letter-spacing:0px;
font-size: 16px;
padding-bottom:0px;
} 

/***/
.lila {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:#6c4675;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.lila_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:#6c4675;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
} 

/************************/
.heading_lila_big { 
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:#6600B2;
margin-bottom:0px;
letter-spacing:2px;
font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:0px;
} 

/************************/
.heading_rose_big { 
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:#FF9900;
margin-bottom:0px;
letter-spacing:2px;
font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:0px;
} 

/**********************/
.rose_big {
font-family: Verdana,Arial,Helvetica;
color:#FF9900;
margin-bottom:0px;
letter-spacing:0px;
font-size: 16px;
padding-bottom:0px;
} 
/***/
.rose {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:#FF9900;
margin-bottom:0px;
letter-spacing:0px;
font-size: 14px;
padding-bottom:0px;
} 
/***/
.rose_small {
/* später alle .normal_text mit .blue ersetzen */
font-family: Verdana,Arial,Helvetica;
color:#FF9900;
margin-bottom:0px;
letter-spacing:0px;
font-size: 12px;
padding-bottom:0px;
}


/*******************************************************
********************************************************/
/* it works */
.line {
border-bottom:2px solid yellow;
width:740px;
}

/*******************************************************
********************************************************/
/*Placeholder 
#placeholder{
background: url("image/placeholder.gif") no-repeat scroll transparent; background-color:#fff;
color:#666;
}

#placeholder:focus, #Bsp3:active{
background: none;
background-color:#fff;
} 
*/


/******************************************************
for the search fields
später evt. anwenden
.search_field {
font-family: Helvetica,Arial,sans-serif;
color: #FFFFFF;
font-size: 10px;
border: 3px double #AFAFAF;
background-color: #5F5F5F;
padding: 3px;
height: 26px;
width: 250px;
}
*/


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Neu ab Mobile Version
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Formatierung for Rahmen and Border */
section{ border: 1px solid red;
   border-radius: 1rem; /* 16px */
   /*padding: 0.5rem;*/
 	padding: 0.2rem;
   /*margin: 0.7rem;
	margin: 0.2rem;
   /*width: 20rem;*/
   align:center;
   }

/********************************************************************************/
/* Shaping the information fiiles, 21.02.2024 */
/********************************************************************************/

.alert {
			  padding: 20px;
			  padding: 5px;
			  /* background-color: #f44336; */
			  color: black;
			}

.closebtn {
			  margin-left: 15px;
			  color: red;
			  /*font-weight: bold; */
			  float: right;
			  font-size: 16px;
			  line-height: 20px;
			  cursor: pointer;
			  transition: 0.3s;
			}

.closebtn:hover {
			  color: black;
			}


/***********************************************************/
/******** Line Heights ***********/
/***********************************************************/
			
	div.lh200 {
			  line-height: 200%;
			}
			
	div.lh150 {
			  line-height: 150%;
			}
						
	div.lh100{
			  line-height: normal;
			}
			
	div.lh75 {
			  line-height: 75%;
			}
			
	div.lh50 {
			  line-height: 50%;
			}