/*  *************************************   */
/*  *********   Farben          *********   
    gruen:  #bfce00
    blau:   #003a57 
    margin  top right bottom left

/*  ***ENDE***  Farben          *********   */
/*  *************************************   */



/*  *************************************   */
/*  *********   allgemeine Styles   *****   */
    html, body          {   margin:0; padding:0; }
    html                {   }
    body                {   font-family:Arial, Helvetica, sans-serif; font-size:12px; }
    img                 {   border:0; border-bottom:1px solid #FFFFFF;}
    #image img          {   border:0; border-bottom:1px solid #FFFFFF;}
    #content img        {   padding-right: 10px; border:none; padding-bottom:30px;}
    #rechts img         {   border:0; border:none;} 
    a                   {   text-decoration: none; color:#bfce00;}
    a:hover             {   color:#ffffff;}
    h1                  {   color:#bfce00; font-size:14px; font-weight: normal; margin:0; padding:0;}
    h5                  {   font-size:10px; font-weight: normal; margin:0; padding:0;}
/*  ***ENDE***  allgemeine Styles   *****   */
/*  *************************************   */



/*  *************************************   */
/*  *********   div positionen + styles **  */
    #border             {   background-image:url(../images/bg.gif); background-repeat:repeat-y; }
                    
    #header             {   background-image:url(../images/head.gif); background-repeat:no-repeat; width:848px; height:113px; }
    #hilfsnavigation    {   position:absolute; top:10px; left: 35px; width:530px; height:15px; font-size:11px; }
    #navigation         {   position:relative; top:95px; left:35px; width:570px; height:20px; }
    #logo               {   position:absolute; top:33px; left:605px; height:79px; width:81px; }
    #img-sub            {   width:848px; }                  
    #image              {   float:left; width:604px; height:250px; }                
    #subnavigation      {   float:right; width:244px; height:251px; background-color:#ffffff; }
    #subnavi            {   position:relative; top:25px;}
    #content            {   padding-left:35px; width:480px; color:#FFFFFF; padding-bottom:35px; padding-top:30px; line-height:18px;}
    #footer             {   background-image:url(../images/footer.gif); background-repeat:no-repeat; height:29px; width:848px; }
    #rechts             {   position:absolute; left:612px; top:395px; width:225px; color:#FFFFFF;}
    #rechts a           {   color:#003a57;}
    #rechts a:hover     {   color:#ffffff;}
    #rechts h1          {   color:#003a57; font-size:12px; font-weight: bold; margin:0; padding:0;}
    #rechts hr          {   border: 0px; border-top: dashed 1px #ffffff; height:0px; margin-top:15px; margin-bottom:15px; }

/*  ***ENDE***  div positionen + styles **  */
/*  *************************************   */



/*  *************************************   */
/*  *********   div/class optik ********    */
    /*  ----------  Navigation      --------    */
    .navi               {   color:#ffffff; border-left:1px solid #bfce00; padding-left:4px; margin-right:30px; }
    .navi_aktiv         {   color:#bfce00; border-left:3px solid #bfce00; padding-left:4px; margin-right:28px; }
    .navi:hover,
    .navi_aktiv:hover   {   color:#bfce00; }
    
    .hnavi              {   color:#003a57; margin-right:18px; }
    .hnavi_aktiv        {   color:#bfce00; margin-right:18px; }
    .hnavi:hover,
    .hnavi_aktiv:hover  {   color:#bfce00;  }
    
    .snavi              {   color:#003a57; padding-left:6px; display:block; margin-left:1px; padding-top:10px; }
    .snavi:hover,
    .snavi_aktiv:hover  {   color:#bfce00;  }
    .snavi_aktiv        {   color:#bfce00; padding-left:10px; display:block; margin-left:1px; padding-top:10px; 
                            background-image:url(../images/snavi_gruen_aktiv.gif); background-repeat:no-repeat; background-position:0 12px;}
    
    .navi3              {   color:#003a57; padding-left:11px; display:block; padding-top:2px; font-size:11px;}
    .navi3:hover,
    .navi3_aktiv:hover  {   color:#bfce00; }
    .navi3_aktiv        {   color:#bfce00; padding-left:11px; display:block; padding-top:2px; font-size:11px; }
    /*  ---ENDE---  Navigation      --------    */
    
    /*  ----------  Sitemap         --------    */
    .sitemap, 
    .sitemap ul         {   margin-left:0; padding-left: 0; }
    .sitemap li         {   list-style-type: none; }
    .sitemap .level1    {   padding: 3px 3px 3px 10px; font-weight:bold; }
    .sitemap .level2    {   padding: 3px 3px 3px 30px; font-weight:bold; }
    .sitemap .level3    {   padding: 3px 3px 3px 50px; }
    .sitemap .level4    {   padding: 3px 3px 3px 70px; }
    .sitemap .level5    {   padding: 3px 3px 3px 90px; }
    /* Only for IE */
    *+html .sitemap .list2, 
    * html .sitemap .list2 { margin-top: -14px; }
    /*  ---ENDE---  Sitemap         --------    */
    
    /*  ----------  Article List    --------    */
    #image-liste        {   float:left; border-right:20px solid #003a57; border-top:2px solid #003a57;  border-bottom:20px solid #003a57;}
    #text-liste         {   padding-bottom:13px; padding-right:40px;}
    #headline-liste     {   color:#bfce00; font-weight:bold;}
    #artikel-liste      {   height:87px; margin-top:20px;}
    #mehr-liste         {   float:left; }
    
    #browsing           {   width:470px; border-top:1px solid #bfce00; margin-top:30px;}
    #Back               {   position:relative; padding-top:10px; float:left; }
    #Next               {   position:relative; padding-top:10px; float:right; }
    #Pages1             {   display:none; }
    #Pages2             {   position:relative; padding-top:10px; padding-left:20px; float:left; }
    
    /*  ---ENDE---  Art. Liste      --------    */
    
    /*  ----------  Formular        --------    */
    .formularfelder         {   color: #ffffff; 
                                width: 250px;
                                background-color: #003a57;
                                border: 1px solid #bfce00;  
                                font-family:Arial, Helvetica, sans-serif; font-size:12px; }
                                
    .button                 {   color: #ffffff; 
                                background-color: #003a57; 
                                border: 1px solid #bfce00; 
                                cursor:pointer; 
                                font-family:Arial, Helvetica, sans-serif; font-size:12px; }
    /*  ---ENDE---  Formular        --------    */
        
    /*  ----------  Newsletter Handler -----    */
    #contactForm            {   font-size:11px; }
    
    #contactForm .contactRow {  margin:4px 0; }
    
    #contactForm label      {   display:block;
                                float:left;
                                width:80px; font-size:12px;}
    
    #contactForm .contactRow input, #contactForm .contactRow textarea 
                            {   border:1px solid #bfce00;
                                background-color:#003a57;
                                width:346px; }
    
    #contactForm .contactRow select 
                            {   border:1px solid #bfce00;
                                width:172px;
                                color: #003a57; }
                                
    * html #contactForm .contactRow input, * html #contactForm .contactRow textarea 
                            {   width:343px; }
                            
    #contactForm .contactRow input 
                            {   height:14px;
                                color: #ffffff; }
                                
    #contactForm .contactRow textarea 
                            {   height:105px;
                                font-size:10px; }
                                
    #contactFormSubmit #contactFormSubmitLeft 
                            {   float:left;
                                margin:0 0 0 80px;
                                width:174px; }
                                
    * html #contactFormSubmit #contactFormSubmitLeft 
                            {   margin:0 0 0 26px; }
                            
    #contactFormSubmit #contactFormSubmitRight 
                            {   float:right;
                                width:174px;
                            }
                            
    #contactFormSubmit #contactFormSubmitLeft input, 
    #contactFormSubmit #contactFormSubmitRight input 
                            {   background-color: #003a57;
                                border:1px solid #bfce00;
                                color: #ffffff; 
                                font-size:12px;
                                font-family:Verdana, Arial, Helvetica, sans-serif;
                                padding:0 20px 0 0;
                                width:auto;
                                height:auto;
                                margin:0; }
                                
    #contactFormSubmit #contactFormSubmitLeft input 
                            {   background-image:none;
                                padding:0;
                                float:left; }
    
    #contactForm table      {   width:100%;border-collapse:collapse; }
    
    #contactForm table td   {   padding:0; }
    
    #contactForm table td.pt {  padding-top:2px; }
    
    * html #contactForm table td.pt { padding-top:0; }
    /*  ---ENDE---  Newsletter Handler -----    */
/*  ***ENDE***  div/class optik ********    */
/*  *************************************   */


#blaettern {margin-top:20px; text-align:center;}

