/* styles  basis krol

   #FFFFFF weiss
   #000000 schwarz

   #FEFEFE fast weiss
   #F0F0F1 hellgrau
   #555555 mittleres grau
   #878787 dunkelgrau

*/

/*

generell:
hintergrund hellgrau (#FEFEFE)
schrift  dunkelgrau (#878787)

menus oben: 
hintergrund hellgrau (#FEFEFE)
schrift link mittelgrau (#555555)
schrift link maus hellrot
schrift aktiver tab dunkelrot (#A00050)

menu links:
hintergrund hellgrau (#FEFEFE)
schrift link mittelgrau (#555555)
schrift link maus hellrot
schrift aktiver tab dunkelrot (#A00050)

*/







/* struktur:
   alles (div id) umfasst alle inhalte


   alles->menu1 (div id)
   alles->menu1->h1
   alles->menu1->ul
   alles->menu2 (div id)
   alles->menu2->h1
   alles->menu2->ul
   alles->hauptmenu (div id)
   alles->hauptmenu->h1
   alles->hauptmenu->ul

   alles->inhalt_aussen (div id)
          ->inhalt (div id)

   inhalt->h1
   inhalt-><individueller inhalt> (div id)

   inhalt-><individueller inhalt>->fotos (div id)
   inhalt-><individueller inhalt>->info_kurz (div id)
   inhalt-><individueller inhalt>->info_lang (div id)

*/


/*----- grundsaetzliche dinge -----*/
* {
margin:0;
padding:0;
list-style-type:none;
}
/*----- allgemeine sachen -----*/
.hidden {
display: none;
}
.clear {
clear:both;
height: 0;
}
.nofloat { 
clear: both;
visibility: hidden;
height: 0;
}


.rot {
color: #FF0000;
}
.error {
color: #FF0000;
}


/*----- voreinstellungen -----*/
/*----- titel -----*/
h1 {
font-size: 1.4em;
text-align: center;
}
h2 {
font-size: 1.1em;
font-weight: normal;
text-align: center;
}
/*----- links -----*/
a {
text-decoration: none;
}

/*----- ausserer rahmen -----*/
body {
font:normal 100.01% Arial,Helvetica,sans-serif;
color: #878787;
text-align: center;
background: #FEFEFE;

}

/*----- ausserer rahmen -----*/
#alles {
margin: auto;
width: 99,9%;
}
html>body>#alles {
}

/*----- spezielle styles fuer logo -----*/
#logo {
text-align: left;
color: #555555;
margin-top: 10px;
margin-bottom: 10px;
}
#logo1 {
font-size: 32px;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
margin-left: 204px;
}
#logo2 {
font-size: 40px;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
margin-left: 200px;
margin-top: -10px;
}

/*----- spezielle styles fuers menu -----*/
#menu1 h1 {
display: none;
}
#menu2 h1 {
display: none;
}
#hauptmenu h1 {
display: none;
}
.capital {
color: #A00050;
}

/*----- menu 1.stufe (oben) -----*/
#menu1 {
text-align: center;
text-transform: lowercase;
font-size: 24px;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
margin: 10px;
/* border: 1px solid orange; */
text-transform: uppercase;
font-size: 16px;
margin-left: 200px;
}

#menu1 ul {
text-align: center;
display: block;
}
#menu1 li {
display: inline;
border-right: 0px solid orange;
padding-top: 5px;
padding-right: 12px;
padding-bottom: 5px;
padding-left: 12px;
}
#menu1 li a {
overflow: visible;
}
#menu1 a:link,#menu1 a:visited,#menu1 a:active {
font-weight: normal;
font-style: normal;
color: #555555;
}
#menu1 a:hover {
font-weight: normal;
font-style: normal;
color: #FF0000;
}
#menu1 .aktiv {
font-weight: bold;
font-style: normal;
color: #A00050;
}
#home {
position: absolute;
left: 0;
}
#sprache {
position: absolute;
right: 0;
}

/*----- menu 2.stufe (oben) -----*/
#menu2 {
height: 40px;
text-align: center;
text-transform: lowercase;
font-size: 12pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
margin: 10px;
font-weight: bold;
/* border: 1px solid orange; */
margin-left: 200px;
text-transform: uppercase;
font-size: 10pt;
}
#menu2 ul {
text-align: center;
display: block;
}
#menu2 li {
display: inline;
border-right: 0px solid orange;
padding-top: 5px;
padding-right: 6px;
padding-bottom: 5px;
padding-left: 6px;
}
#menu2 li a {
overflow: visible;
}
#menu2 a:link,#menu2 a:visited,#menu2 a:active {
font-weight: normal;
font-style: normal;
color: #555555;
}
#menu2 a:hover {
font-weight: normal;
font-style: normal;
color: #FF0000;
}
#menu2 .aktiv {
font-weight: bold;
font-style: normal;
color: #A00050;
}





/*----- menu links -----*/
#hauptmenu {
font:normal 0.8em Arial,Helvetica,sans-serif;
width: 10em;  /*--- identisch mit margin-left inhalt! ---*/
float: left;
clear: left;
text-align: left;
text-transform: lowercase;
font-size: 10pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;

text-transform: uppercase;
font-size: 8pt;
}


#hauptmenu ul {
text-align: left;
margin: 0 0 30px 0;
}

#hauptmenu li {
margin: 0 0 15px 0;
/* border: 1px solid yellow; */
}
#hauptmenu li a {
display: block;
padding: 0 .1em;
}

#hauptmenu a:link, #hauptmenu a:visited, #hauptmenu a:active {
color: #555555;
}
#hauptmenu a:hover {
color: #FF0000;
}

#hauptmenu .aktiv {
font-weight: bold;
font-style: normal;
color: #A00050;
}

#hauptmenu #abmelden  {
color: red;
margin: 2em 0;
border: 2px solid #A00050;
}

/*----- Kopfzeile -----*/
#kopfzeile {
width: 100%;
margin: 0.5em 0 0.5em 0;
padding: 0;

font:normal 12pt Verdana,Arial,Helvetica,sans-serif;
/*
color: #878787;
text-align: center;
background: #FEFEFE;
border-top: 1px solid yellow;
border-bottom: 1px solid yellow;
*/
}


/*----- Fusszeile mit Copyright -----*/
#fusszeile {
position: fixed;
bottom: 0.5em;
margin: 2em 0 0 0;
	width: 100%;

	padding: 0;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
}
#fusszeile p {
	margin: 0;
	padding: 0.1em;
	padding-left: 1em;
	font-size: 0.6em;
text-align:left;
}
#fusszeile1 p {
	margin: 0;
	padding: 0.1em;
	padding-left: 1em;
	font-size: 0.6em;
text-align:left;
}





/*----- inhalt -----*/
#inhalt_aussen {
/*--- diese klammer ist notwendig wegen des mischbetriebs von variablen und festen abstandswerten: 
  menu soll sich verbreitern, sonst aber nix ---*/
margin-left: 10em;  /*--- identisch mit width hauptmenu! ---*/

margin-bottom: 5%;


}
#inhalt {
vertical-align: top;
margin: 10px 10px 10px 32px;
/* background: magenta; */
}

html>body>#alles>#inhalt_aussen>#inhalt {
margin: 10px 10px 10px 20px;
}

/*----- inhalt -----*/
/*----- fotos -----*/
#fotos img {
display: block;
float: left;
margin: 0 5px 10px 5px;
border: 0;
}
#fotos {
overflow: hidden;
text-align: left;
font-size: 12pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #878787;
margin: 0px;
/* background: green; */
}
/*----- titel -----*/
#titel {
text-align: left;
font-size: 12pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #878787;
background: #FEFEFE;
border-top: 0;
margin: 0 0 0 5px;
white-space: pre;
}
/*----- info_kurz -----*/
#info_kurz {
text-align: left;
font-size: 10pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #878787;
background: #FEFEFE;
border-top: 0;
margin: 0 0 0 5px;
white-space: pre;
}
/*----- info_lang -----*/
#info_lang {
text-align: left;
font-size: 10pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
color: #878787;
background: #FEFEFE;
border-top: 0;
margin: 0 0 0 5px;
/*
white-space: pre;
*/
}

/*----- login -----*/
#anmelde-form {
width:44em;
margin:20px 0 0 0;
padding:5px 0 0 0;
}
#anmelde-form label {
display:block;
float:left;
width:13em;
text-align:right;
margin:3px;
}
#anmelde-form .texteingabe {
float:left;
width:20em;
display:block;
text-align:left;
margin:2px;
}
#anmelde-form .submit {
padding:2px 10px 2px 10px;
margin:15px 0 10px 0;
}








/*----- menu links -----*/
#logoblock {
font:normal 0.8em Arial,Helvetica,sans-serif;
width: 20em;  /*--- identisch mit margin-left menu_aussen! ---*/
float: left;
clear: left;
}

#logo_titel {
text-align: left;
font-size: 25pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: italic;
}
#logo_inhalt {
text-align: left;
font-size: 10pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
}

#logoblock a {
overflow: visible;
}
#logoblock a:link,#logoblock a:visited,#logoblock a:active {
color: #555555;
}
#logoblock a:hover {
color: #878787;
}

#menu_aussen {
/*--- diese klammer ist notwendig wegen des mischbetriebs von variablen und festen abstandswerten: 
  logoblock soll sich verbreitern, sonst aber nix ---*/
margin-left: -10em;  /*--- identisch mit width logoblock! ---*/
}