body
{
  margin: 0px;
  background: #D9E9F9;
  background: #FFFF99;
  background: #CFEEFF;
  background: #DFF4FF;

}
.container
{
  margin: 0px auto;
  width: 850px;
  font-family: Verdana;
  font-size: 12px;
  color: #4D4D4D;
  color: #CFEEFF;
  border-top-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  border-left-style: outset;
  border-color: #AFE3FF;
  border-width: 10px;

}

.header 
{
  background-image: url(images/HeyenHeader1.png);
  width:   170px;
  height:  161px;
  padding:   0px;
  background-color: #DFF4FF;
# border-left: 1px solid #AFE3FF  ;
# border-top:  1px solid #AFE3FF  ;
}

.header1
{
  background-image: url(images/HeyenHeader2.png);
  width:   680px;
  height:  161px;
  padding:   0px;
  background-color: #DFF4FF;
# border-top:   1px solid #AFE3FF  ;
# border-right: 1px solid #AFE3FF  ;
}

.header4
{
  background-image: url(images/HeyenHeader.jpg);
  overflow: hidden;
  width: 850px;
  height: 161px;
}

.header5
{
  width: 850px;
  height: 35px;
  border: 1px solid #590000  ;
}

.header2 h2
{
  font-family: Verdana;
  font-size:   14px;
  color:       #4D4D4D;
}

#sidebar 
{
  float:       left;
  width:       168px;
  height:      550px;
  font-family: Verdana;
  font-size:   10px;
  margin:  0 0 0 0;
  padding: 0 0 0 0;
  border: 0px dashed #590000  ;
# border-left: 1px solid #AFE3FF  ;
  border-right: 1px solid #AFE3FF  ;
  background-color: #68BCFF;
  background-color: #CFEEFF;
  background-color: #DFF4FF;
  overflow:auto;
}

#sidebar ul 
{
  margin:  0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}

#sidebar li 
{
  margin:  0 0 0 0;
  padding: 0 0 0 0;
  color:   #4D4D4D;
}

#sidebar h2 
{
  margin:        10px 0 0 10px;
  color:         #4D4D4D;
  color:         #CFEEFF;
  color:         #330099;
  font-size:     14px;
  border-top:    0px dashed #590000;
  border-bottom: 0px dashed #590000;
  border-right:  0px dashed #590000;
}

#sidebar li li 
{
  padding:       00px 00px 00px 15px;
  line-height:   20px;
  font-size:     12px;
  border-top:     0px dashed #590000;
  border-bottom:  0px dashed #590000;
  border-right:   0px dashed #590000;
}

#sidebar a 
{
  color: #BF4D36;
  color: #330099;
  text-decoration: none;
}

#sidebar a:hover 
{
  text-decoration: none;
  color: #787878;
}

.content2
{
  float: left;
  width:  850px; /* Weite abhängig von dem subnav-container und dem padding-left und right im content selbst. Muss alles zusammen 900 ergeben */
  height: 718px;
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  text-align: justify;
}

.content
{
  float: left;
  width:  678px; /* Weite abhängig von dem subnav-container und dem padding-left und right im content selbst. Muss alles zusammen 900 ergeben */
  height: 550px;
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  text-align: justify;
  overflow:auto;
# border: 1px solid #AFE3FF  ;
  background-color: #8FCFFF;
  background-color: #CFEEFF;
  background-color: #DFF4FF;
}

.content h2
{
# width:       640px;
  padding:     0px 0px 0px 0px;
  margin:      10px;
  font-family: Verdana;
  font-size:   28px;
  color:       #4D4D4D;
  text-shadow: #413FFF 2px 2px 5px ;
}
.content h3
{
# width:       640px;
  padding:     0px 0px 0px 0px;
  margin:      10px;
  font-family: Verdana;
  font-size:   18px;
  color:       #4D4D4D;
  text-shadow: #413FFF 2px 2px 5px ;
}
.article
{
# width:       640px;
  padding:     0px  0px  0px  0px; 
  margin:      10px ;
  line-height: 14px;
  color:       #4D4D4D;
}
.article p
{
# text-shadow: #413FFF 2px 2px 5px ;
  font-size:   12px;
  line-height: 14px;
# text-align: justify;
}

.article h2
{
 margin:         0px;
 font-size:     20px;
 font-weight:   bold;
 font-family:   Verdana;
 color:         #3F1B08;
 padding-left:  10px;
 line-height:   20px;
}
.article h3
{
 margin:         0px;
 font-size:     16px;
 font-family:   Verdana;
 color:         #3F1B08;
 padding-left:  30px;
 line-height:   16px;
}
.article img
{
 border: none;
}

.article a
{
  font-size:     12px;
  color:         #3F1B08;
  text-decoration: none;
# padding-left:  50px;
}

.article a:hover
{
  text-decoration: none;
}

.table 
{ 
  font-family:       Verdana,Arial,sans-serif;
  FONT-SIZE:         14px;
  /* background-color:  #ffffff; */
  background-color:  #D9E9F9;
  background-color:  #DFF4FF;
  BORDER:            #7f7f7f 0px solid; 
}

.table h2
{
  margin:       0px;
  padding:      5px;
  font-size:    60px;
  line-height:  60px;
  font-weight:  bold;
  font-family:  Verdana,Arial,sans-serif;
  color:        #FDFF0F;
  text-shadow:  #330099 3px 3px 5px ;

}
.table h3
{
  margin:       0px;
  padding:      5px;
  font-size:    26px;
  line-height:  26px;
  font-weight:  bold;
  font-family:  Verdana,Arial,sans-serif;
  color:        #330099;
  text-shadow:  #FDFF0F 3px 3px 5px ;
}
.table h4
{
  margin:       0px;
  padding:      5px;
  font-size:    16px;
  line-height:  16px;
  font-weight:  bold;
  font-family:  Verdana,Arial,sans-serif;
  color:        #330099;
  text-shadow:  #FDFF0F 3px 3px 5px ;
}
.table h5
{
  margin:       0px;
  padding:      3px;
  font-size:    12px;
  line-height:  12px;
  font-family:  Verdana,Arial,sans-serif;
  color:        #330099;
  text-shadow:  #FDFF0F 3px 3px 5px ;
}

.table a 
{
  color: #0E0F0E;
  color: #330099;
  color: #3F1B08;
  text-decoration: none;
}
.table p 
{
  margin:       0px 0px 0px 0px;
  padding:      0px;
  font-size:    12px;
  line-height:  14px;
  color: #0E0F0E;
  color: #330099;
  color: #4D4D4D;
  text-decoration: none;
}

.inputField 
{ 
  BORDER-RIGHT:     #7f7f7f 1px solid; 
  BORDER-TOP:       #7f7f7f 1px solid; 
  BORDER-LEFT:      #7f7f7f 1px solid; 
  BORDER-BOTTOM:    #7f7f7f 1px solid; 
  FONT-SIZE:         12px; 
} 
.errorField 
{
  BORDER-RIGHT:     #9F0004 1px solid;
  BORDER-TOP:       #9F0004 1px solid;
  BORDER-LEFT:      #9F0004 1px solid;
  BORDER-BOTTOM:    #9F0004 1px solid;
  FONT-SIZE:         12px;
  /* WIDTH:            150px; */
  background-color: #FFFFCC;
} 
.errorTable
{
 BORDER-RIGHT:     #9F0004 1px solid;
 BORDER-TOP:       #9F0004 1px solid;
 BORDER-LEFT:      #9F0004 1px solid;
 BORDER-BOTTOM:    #9F0004 1px solid;
 FONT-SIZE:         12px;
 background-color: #E2E1E1;
 background-color: #0BBF67;
 color: #FFFFFF;
} 

.errorTableERR
{
 BORDER-RIGHT:     #9F0004 1px solid;
 BORDER-TOP:       #9F0004 1px solid;
 BORDER-LEFT:      #9F0004 1px solid;
 BORDER-BOTTOM:    #9F0004 1px solid;
 FONT-SIZE:         12px;
 background-color: #E2E1E1;
 background-color: #FF0000;
 color: #FFFFFF;
} 

.headlineweiss
{
 background-color: #9F0004;
 color: #FFFFFF;
}

.headlinegruen
{
 background-color: #74CF9E;
 color: #FFFFFF;
 BORDER-RIGHT:  #000000 1px solid; 
 BORDER-TOP:    #000000 1px solid; 
 BORDER-LEFT:   #000000 1px solid; 
 BORDER-BOTTOM: #000000 1px solid;
}

.button
{
 FONT-SIZE: 10px; 
 BORDER-RIGHT:  #000000 1px solid; 
 BORDER-TOP:    #000000 1px solid; 
 BORDER-LEFT:   #000000 1px solid; 
 BORDER-BOTTOM: #000000 1px solid;
}

.float_end
{
  clear: both; /* beendet alle floats....ist wichtig damit der Browser einem nix weg haut*/
  width: 0px;
}
.footer
{
  height: 35px;
  width: 848px;
  overflow: hidden;
  text-align: center;
  border: 0px solid #590000  ;
  color: #330099;
# border: 1px solid #AFE3FF  ;
  background-color: #68BCFF;
  background-color: #CFEEFF;
}
.footer ul
{
  margin: 5px;
  padding: 0;
}
.footer li 
{ 
  display: block;
  float: right;
  padding: 10px 10px 0px 0px;
  margin-left: 0px;
}
.footer a
{
  color: #4D4D4D;
  color: #330099;
  line-height: 20px;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0px;
  white-space: nowrap;
}
.footer b
{
  float: left;
  padding: 10px 0px 0px 0px;
  margin-left: 35px;
  color: #4D4D4D;
  font-family: Verdana;
  font-size: 11px; 
}

.footer a:hover 
{ 

}