body {
  behavior: url(csshover3.htc);
  font-family: Arial, "Times New Roman", sanserif; 
/*  font-family: "Avant Garde Medium BT", "Avant Garde Medium", "Avant Garde", "Avantgarde", Arial, "Times New Roman", sanserif; */
  text-align:center;
/*  background-color: #00AAAA; */
/*  background-color: #E3E4FA; */
/*  background-color: #7E2217; */
/*  background-color: #E3E4FA; */
  background-color: #FFFFFF;  /* Hintergrundfarbe der gesamten Seite */
  margin-top: 15;
  padding-top: 0;
}

h1 {                        /* allgemeine Header h1 Definition */
/*  font-family: "Avant Garde Medium BT", "Avant Garde Medium", "Avant Garde", "Avantgarde", Arial, "Times New Roman", sanserif; */
/*  color: darkblue; */
  color: #B42D3F;           /* BASISFARBE */

/*  font-style: italic; */
  text-align: left;
  font-size: 20px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px; 
}

h1.center {
  text-align: center;
}

h2 {
  color: #B42D3F;           /* BASISFARBE */
  text-align: left;
  font-size: 18px;
}

h2.center {
  text-align: center;
}

b {
  color: #B42D3F;           /* BASISFARBE */
}

p, ul, li {
  font-size: 12pt;  
  text-align: left;
  margin: 0;
  padding: 0;  
}

p.center {
  text-align: center;
  vertical-align: top;
}

ul {                       /* Eliminiert die Punkte vor der Liste (Firefox) */
  list-style: none;
}

a:link, a:visited {
  padding: 0;
  margin: 0;
  color: #B42D3F;           /* BASISFARBE */
  text-decoration: none;      /* Eliminiert die Unterstreichung der Links */
}

img {
  padding: 0;
  margin: 0;
}

img.middle {
  vertical-align: middle;
}

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

#content {                  /* "content" ist die gesamte Homepage */
  margin:auto;              /* notwendig fürs Zentrieren */
  margin-top: 0;
  padding-top: 0;
  background-color: white;  /* Hintergrundfarbe der gesamten Homepage */
/*  border: 1px solid red; */
  width: 900;     /* 1200*/ /* 900 */
/*  height:auto; */
}

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

#header {                   /* "header" ist der Bereich ganz oben über die gesamte Breite */
  float: left;
  width: 100%;
  padding-bottom:0;
  margin-bottom: 0;
  border-bottom: 8px solid #B42D3F;            /* BASISFARBE */
  background-color: #B42D3F;            /* BASISFARBE */
}

#header h1 {
  margin-top:10;
}

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

#navsite {                        /* Navigationsleiste             */
  float:left;                     /* Positionierung am Linken Rand */
  width:100%;         /*16%;*/   /* Breite der Navigationsleiste  */
  padding: 0;
  margin-top: 5px;
  margin-bottom: 0px;
  border: 1px solid #B42D3F;            /* BASISFARBE */
  background-color:#B42D3F;            /* BASISFARBE */
}

#navsite ul {
  margin-top: 0px;               /* Abstand über der Liste  */
  margin-bottom: 0px;            /* Abstand unter der Liste */
}

#navsite li {
  position: relative;
  float: left; 
  width: 9em; 
}

#navsite ul ul {
  position: absolute; 
  width: 8em;
  top: 14;
  left: 0;
  display: none;               /* Verstecken  */
}

#navsite ul ul li {           /* Untermenüs */
  margin: 0px;
  padding: 2px;
  background-color: #D2818C;   /* 60% Deckkraft der BASISFARBE */
  border: 1px solid #B42D3F;             /* BASISFARBE */
  text-align: left;
}



#navsite ul li {
  margin-top: 1px;                  /* Abstand zwischen Links */
  margin-left: 5px;                 /* Einrückung links der Links */
  display: inline;
  font-size: 11px;
  border: 1px solid #B42D3F;            /* BASISFARBE */  /* Notwendig für korrekte vertikale Positionierung (Browser) */ 
}

#navsite ul li b {
  font-weight: bold;
  color: #FFFFFF;         /* TEXTFARBE MENUE */
}

#navsite ul li a {
/*  display: block; */
}

#navsite ul.level1 li.submenu:hover ul.level2 {
  display: block;
}

#navsite ul li a:link, #navsite ul li a:visited {
  color: #FFFFFF;         /* TEXTFARBE MENUE */
  font-weight: bold; 
/*  font-style: italic; */
  text-decoration: none;      /* Eliminiert die Unterstreichung der Links */
}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
  color: #CCCCCC;             /* TEXTFARBE MENUE HOVER */  /* helles Grau */
}

#navsiteline1 {        /* farbige Linie am linken Rand des Menüs */
  display: inline;
  float: left;
  background-color: #B42D3F;            /* BASISFARBE */
  margin-top: 9px;
  margin-right:0px;
  width: 24px;
  height: 10px;
}

#navsiteline {         /* schmale farbige Linie zum Menü */
  display: inline;
  float: left;
  background-color: #B42D3F;            /* BASISFARBE */
  margin-top: 9px;
  margin-bottom: 2px;
  margin-right:10px;
  width: 10px;
  height: 7px;
}

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

#bottom {
  clear:both;
  padding-top:10px;
  padding-bottom: 7px;
/*  border: 1px solid red; */
}

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

#main {
float: left;
  width:100%; /* 83.5%; */ /* 605 px */
  text-align: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 24px solid #B42D3F;             /* BASISFARBE */
/*  border: 1px solid black; */
/*  background-color: yellow;*/
}

#main p {
  padding-bottom:20;
}

#main ul {
  margin-left: 15;
  list-style-type:square;
}



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

#mainframe {
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #B42D3F;            /* BASISFARBE */
  padding-top: 20px;
  padding-left: 15px;
  padding-right:15px;
  width: 833px; 
}


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

#mainleft {
  float:left;
  width: 33%;
  padding-top: 0;
/*  border: 1px solid black; */
/*  background-color: green; */
}

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

#maincenter {
  float: left; 
  width: 33%;
  padding-top: 0;
/*  border: 1px solid black; */
/*  background-color: yellow;*/
}

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

#mainright {
  float: left; 
  width: 33%;
  padding-top: 0;
  margin-bottom: 20;
/*  border: 1px solid black; */
/*  background-color: yellow;*/
}

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

#mainright20 {
  float: left; 
  width: 20%;
  padding-top: 0;
  margin-bottom: 20;
/*  border: 1px solid black; */
/*  background-color: yellow;*/
}

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

#maindoubleleft {
  float:left;
  width: 66%;
  padding-top: 0;
/*  border: 1px solid black; */
/*  background-color: green; */
}

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

#mainleft80 {
  float:left;
  width: 80%;
  padding-top: 0;
/*  border: 1px solid black; */
/*  background-color: green; */
}

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

#maintrippleleft {
  float:left;
  width: 99%;
  padding-top: 0;
/*  border: 1px solid black; */
/*  background-color: green; */
}

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

#mainbottom {
  clear:left;
  width: 99%;
  margin: 0px;
  padding: 0px;
/*  border: 1px solid black; */
/*  background-color: green; */
}

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





#fachgesch {
  padding-top: 25;
  text-align: left;
  padding-bottom:45;
/*  border: 1px solid black; */
}

#links {
  width: 440px;
  float:left;
/*  border: 1px solid red; */
}

#logos {
/*  border: 1px solid black; */
  margin-top: 30;
  margin-left: 5;
}

#logos img {
  margin-top: 30;
  margin-bottom: 30;
  margin-left: 10px;
}

#fachgesch p {
  font-size: medium;
  margin-left: 30px;
}


/* #fachgesch h1 {
  font-size: 32px;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 20;
  font-style: normal;
  color: darkblue; 
  color: #B42D3F;
} 

#fachgesch h2 {
  font: bold;
  font-size: 16px;
  margin: 0;
  margin-top: 20;
  padding: 0;
  color:black; 
}  */

#fachgesch h2 {
  margin: 0;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom:10px;
}

#gewinner {
  padding-top: 25;
  text-align: left;
  padding-bottom:45; 
/*  border: 1px solid black; */
}

#gewinner h1 {
  font-size: 22px;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 20;
  font-style: normal;
  color: darkblue;
  color: #B42D3F;
}

#gewinner h2 {
  font: bold;
  font-size: 16px;
  margin: 0;
  margin-top: 20;
  padding: 0;
  color:black;
}  

#bestell {
  clear: both; 
  border-top: 1px solid black;
  padding-top: 10;
/*  border: 1px solid blue; */
}

#bestell p {
  font-size: 12pt; 
  text-align: left;
  margin: 5;
  margin-left: 20;
}

#bestell p.quote {
  margin-left:40;
  margin-right:40;
}

#bestell h3 {
  text-align: left;
  margin: 0;
  margin-top: 15;
}

p.impressum {
  font-size: 9pt;
  padding-left: 0px; 
}

p.quote {
  margin-left:40;
  margin-right:40;
}

p.heft {
  float: left;
  width: 181;
  margin-bottom:10;
  height: 260;
/*  border: 1px solid black; */
}

p.heftplus {
  float: left;
  width: 286;
  margin-bottom:10;
  height: 260;
/*  border: 1px solid black; */
}

p.heft2 {
  float: left;
  width: 254; 
  margin-bottom:10;
  padding-top: 20;
  padding-left:5;
  height: 240;
/*  border: 1px solid blue; */
}

p.heftcol4 {
  float: left;
  width:150;
  margin-bottom:10;
  height: 260;
/*  border: 1px solid blue; */
}

p.heftcol4txt {
  float: left;
  width:150;
  padding-top: 10;
  margin-bottom:10;
  margin-left: 5;
  height: 260;
/*  border: 1px solid red; */
}

p.miniblock {
  float: center;
  text-align: center;
  width:100%;
  padding-top: 10;
  margin-bottom:10;
  margin-left: 0;
/*  height: 60; */
  color: white;
  font-weight: bold;
  background-color: green;
  border: 1px solid green; 
}

span.redit {
  color: red; 
  font-style: italic;
}

span.reditbold {
  color: red; 
  font-weight: bold;
  font-style: italic;
}

table {
  border-style:outset;
  border-width:1px;
}

td, th {
  border-style:inset;
  border-width:1px;
  padding:5px;
}

table.galerie {
  border-width: 0px;
}

tr#galerie td {
  border-width: 4px;
  border-color: #B42D3F;            /* BASISFARBE */
  border-style: inset;
  padding: 2px;
  background-color: #DDDDDD;    /* HINTERGRUNDFARBE GALERIE */
  text-align: center;
}

.mainimg {
  border: 1px solid #CCCCCC;    /* RAHMENFARBE AKTUELLES HEFT */
  text-align: center;
  background-color: #DDDDDD;    /* HINTERGRUNDFARBE AKTUELLES HEFT */
  padding: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom:20px;
/*  position: relative; */
  width:150px;
  float: right;
  font-size: 11pt;
}

.mainimgyellow {
  border: 1px solid #F9B603;    /* RAHMENFARBE AKTUELLES HEFT */
  text-align: center;
  background-color: #F9B603;    /* HINTERGRUNDFARBE AKTUELLES HEFT */
  padding: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom:20px;
/*  position: relative; */
  width:150px;
  float: right;
  font-size: 11pt;
}

.mainimgleft {
  border: 1px solid #CCCCCC;    /* RAHMENFARBE AKTUELLES HEFT */ 
  text-align: center;
  background-color: #DDDDDD;    /* HINTERGRUNDFARBE AKTUELLES HEFT */
  padding: 15px;
/*  position: relative; */
  width:150px;
  float: left;
  font-size: 11pt;
}

.mainimgcenter {
  border: 1px solid #CCCCCC;    /* RAHMENFARBE AKTUELLES HEFT */  
  text-align: center;
  background-color: #DDDDDD;    /* HINTERGRUNDFARBE AKTUELLES HEFT */
  padding: 15px;
/*  position: absolute; */
  margin-left: 40px;
  width:150px;
  float: left;
  font-size: 11pt;
}

.mainimgstern {
  text-align: center;
  padding: 15px;
  position: absolute;
  margin-left: 40px;
  width:150px;
  float: left;
  font-size: 11pt;
}