/* Standard css Datei für allgemeingültige Angaben */

/* alle Background Definitionen */
/* Background Textbereiche */
body, #gesamt, #subheader, #left, #right, content_3, content_2, .menucontainer {
background-color:#8D8D8D; /* FFFF99 grau */
}

/* Background Menüs etc. */
#title, a.menu, a.menu_aktiv {
background-color:#FFA54A;  /* FF9F00  FF7F00 orange */
}

/* css für Blog Bilder als Figure formatiert */
figure {
  margin: 0;
}

figure.einzel {
  display: inline-block;
  padding: 50px;
  width: auto;
}

figcaption {
  padding: 5px;
  text-align: left;
  font-size: 14px;
}

img.blog {
  border: 1px solid black;
}

/* Logo neben Titelzeile und Menü */
/* Die Titelzeile */

body {
 font-family: Verdana, Comic sans ms, sans-serif;
 font-size:12px;
/* text-align:left; */
 margin:0px;
}

hr {
height:1px;
/* width:85%;  */
background-color:#FF9F00;  /* FF7F00 */
border-style:none;
}

h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}

#gesamt {
width:100%;
margin:0px auto;
text-align:left;
/*border: 1px solid #ff0000;*/
}

/** Titeldefinitonen **/
h1.title {
font-size:18px;
color:#FFFFBB;  /* FFFF99 */
margin-top:5px;
margin-bottom:3px;
margin-left:5px;
padding-top:5px;
}

h1.Header {
padding-left:50px;
}

p.top {
margin-left:50px;
}

#title {
padding-top:5px;
padding-bottom:5px;
}

#subheader {
height:10px;
border-bottom:1px solid #FF9F00;
}

/** div container left und right **/
#left {
float:left;
width:130px;
}
#right {
float:right;
width:155px;
margin-top:5px;
}

/* Der Inhalt */
/* 3 und 2 spaltiges Layout */
#content_3, #content_2 {
margin-left:130px; /* entspr. Breite von #left */
margin-top: 10px;
padding:0px 70px 0px 10px;
/* color:#000000; */
}

/* 3 spaltiges Layout */
#content_3 {
margin-right:155px; /* entspr. Breite von #right */
}

/** Definitionen für Menü **/
.menucontainer {
width:100%; /* des div Containers #left */
margin-top:0px;
}

/* a.menu:link, a.menu:visited
{
 color:#FFFF99;
 text-decoration:none;
 font-weight:bold;
}
*/

a.menu:active, a.menu:hover
{
/* font-weight:bold; */
 border-top:2px solid #FF7F00;
 border-left:2px solid #FF7F00;
 border-bottom:2px solid #FFBF00;
 border-right:2px solid #FFBF00;
}

a.menu {
 display:block;
 padding:5px;
 border-top:2px solid #FFBF00;
 border-left:2px solid #FFBF00;
 border-bottom:2px solid #FF7F00;
 border-right:2px solid #FF7F00;
 color:#FFFF99;
 text-decoration:none;
 text-align:center;
 font-weight:bold;
}

a.menu_aktiv {
 display:block;
 padding:5px;
 font-weight:bold;
 border-top:2px solid #FF7F00;
 border-left:2px solid #FF7F00;
 border-bottom:2px solid #FFBF00;
 border-right:2px solid #FFBF00;
 color:#FFFF99;
 text-align:center;
 text-decoration:none;
}

/** Menu Ebene 2 **/
a.menu_2:link, a.menu_2:visited
{
 color:#FFFF99;
 background-color:#FFBB00;
 text-decoration:none;
 font-weight:bold;
}
a.menu_2:active, a.menu_2:hover
{
 font-weight:bold;
 border-top:2px solid #FF9F00;
 border-left:2px solid #FF9F00;
 border-bottom:2px solid #FFDF00;
 border-right:2px solid #FFDF00;
 background-color:#FFBB00;
}

a.menu_2 {
 display:block;
 padding:5px;
 border-top:2px solid #FFDF00;
 border-left:2px solid #FFDF00;
 border-bottom:2px solid #FF9F00;
 border-right:2px solid #FF9F00;
 color:#FFFF99;
 text-align:center;
 text-decoration:none;
 }

a.menu_2_aktiv {
 display:block;
 padding:5px;
 font-weight:bold;
 border-top:2px solid #FF9F00;
 border-left:2px solid #FF9F00;
 border-bottom:2px solid #FFDF00;
 border-right:2px solid #FFDF00;
 background-color:#FFBB00;
 color:#FFFF99;
 text-align:center;
 text-decoration:none;
 }