/* --------------- page ------------------- */



html, body { margin: 0;
             padding: 0; 
             font-family: arial, helvetica, sans-serif; 
             background-color: #fff; 
             text-align: center;
             font-size: 10pt; }
 


/*------- text -----*/

div.csc-header h1 { margin: 0;
     padding: 0; 
     font-size: 1.8em; 
     font-weight: bold; 
     text-decoration: none; 
     text-align: left; 
     color: black; }

div.csc-header h2 { margin: 0;
     padding: 0; 
     font-size: 1.4em; 
     font-weight: bold; 
     text-decoration: none; 
     text-align: left; 
     color: #B40404; }

div.csc-header h3 { margin: 0 0 5px 0;
           padding: 0; 
           font-style: normal; 
           font-size: 1.2em;
           font-variant: small-caps;
           font-weight: normal; }

p { margin: 0 0 5px 0;
    padding: 0; 
    font-size: 1em; 
    text-decoration: none; 
    text-align: left; 
    line-height: 1.2em; 
   }

/*
.bodytext { margin-bottom: 5px;
            padding-top: 6pt;}


a { text-decoration: none;
    font-style: italic; 
    color: #303030; }

a:hover { text-decoration: underline; } */
.csc-header { clear: both; }

/* pgmargin */
.pgmargin { margin: 0 auto; 
           padding: 0; 
           width: 780px; }


/* ----------- structure ---------------- */

#erste { margin: 0 auto;
         height: 110px;
         width: 778px;
         background-color: /*#f9f0de*/ #f4edd6;
         border-style: solid;
         border-width: 0px 1px;
         border-color: #000;
}
       
#zweite { margin: 0;
          height: 112px;
          width: 100%;
          background: url(../../../fileadmin/winter/system/img/bg.jpg);
          background-position: center;
}

#zweitesub { margin: 0 auto;
	     padding: 0;
             height: 112px;
             width: 780px;
}
        
#dritte { margin: 0 auto;
          width: 778px;
          min-height: 250px;
          background-color: #f9f0de;
          border-style: solid;
          border-width: 0 1px 1px;
          border-color: #000;
}



/* --------------- erste --------------------- */



#topnavibox { position: relative;
              bottom: 0;
              margin: 0; 
              padding: 80px 0 0 0; 
              width: 780px; 
}
              
    ul.topnav { margin: 0;
                padding: 0;
    }
         
       ul.topnav li { list-style: none;
                      float: left;
                      margin: 0;
                      padding: 0;
       }
       
       ul.topnav li a { white-space: nowrap;
                        margin: 0;
                        padding: 7px 7px 5px;
                        height: 18px;
                        font-weight: bold;
                        font-size: 10pt;
                        color: #000;
                        text-decoration: none;
                        text-align: left;
       }
       
       ul.topnav li a:hover { background: #bbbbbb;
       }        



/* ------------------- zweite, zweitesub ---------------- */

#logobox { position: relative; 
           top: 0; 
           float: left; 
           margin: 0; 
           padding: 0; 
           width: 418px;
           height: 110px;
           background: url(../../../fileadmin/winter/system/img/esg_logo.jpg);
           border-width: 1px;
           border-style: solid;
           border-color: #000;}



#mainnavibox { position: relative;
               top: 0;
               float: left;
               margin: 0;
               padding: 0;
               width: 360px;
               height: 108px;
               text-align: left;
               vertical-align: bottom;
               color: #blue;
               border: 0 none;
}


/* ----------------- navigation ------------------- */


/* menu */


#menu, #nav ul { list-style: none; 
           float: left; 
           margin: 0; 
           padding: 0; 
           width: 360px; }

  #menu li { float: left; 
             margin: 0; }

  #menu li a { display: block; 
               padding: 80px 0 0 0; 
               font-size: 14px; 
               font-weight: bold; 
               font-style: normal; 
               text-transform: uppercase;
               text-decoration: none; 
               color: #e3c7c7; 
               width: 89px;
               background: url(../../../fileadmin/winter/system/img/navbt.jpg);
               height: 30px;
               border-width: 1px 1px 1px 0;
               border-style: solid;
               border-color: #000;
               text-align: center;
               letter-spacing: 0.15em;
  }

    #menu li a:hover { color: #fff; 
                       background: url(../../../fileadmin/winter/system/img/navbt-ho.jpg); 
                       moz-opacity: 0.7; 
                       opacity: 0.7; }

/*keine Ahnung was das macht: 
    #menu li.sfhover { background: #505050; 
                       moz-opacity: 0.9; 
                       opacity: 0.9; }  */


  #menu a.menuparent {  }


  #menu li ul { position: absolute; 
                left: -999em; 
                margin: 0; 
                padding: 0; 
                width: auto; 
                font-size: 10px; 
                background: #968A6F /*url(../../../fileadmin/winter/bilder/subnavctr.gif) repeat-x*/ ; 
                z-index: 5; } 
                

/* second level */
/*==============*/

    #menu li ul li { list-style: none; 
                     margin: 0; 
                     border: none; 
                     background: #968A6f;}

/*Hiermit kann ein links und rechts vom Navi angeordnetes Bild gestaltet werden, wers braucht... */
   /*   #menu li ul li.subnavlft { margin: 0 0 0 -5px; 
                                 width: 5px; 
                                 height: 30px; 
                                 background: url(../../../fileadmin/winter/bilder/subnavlft.gif) no-repeat; }

      #menu li ul li.subnavrgt { position: relative; left: 5px; width: 5px; height: 30px; background: url(../../../fileadmin/winter/bilder/subnavrgt.gif) no-repeat; }   */
/*ENDE auskommentiert links rechts */

    #menu li ul li a { padding: 5px 5px 6px 10px; 
                       font-size: 11px; 
                       font-weight: normal; 
                       color: white; 
                       width: 120px;
                       background: url(../../../fileadmin/winter/system/img/navbt2.jpg); }

      #menu li ul li a:hover { color: white; background: transparent; moz-opacity: 1.0; opacity: 1.0; }



  #menu .subactive { font-size: 10px; background: #505050; }

  

  #menu li ul li ul { margin: -1.75em 0 0 0; } /* position third level */



  #menu li:hover ul { left: auto; }

  #menu li:hover ul li ul { left: -999em; }

  #menu li:hover ul li ul li ul { left: -999em; }



  #menu li ul li:hover ul { left: auto; }

  #menu li ul li ul li:hover ul { left: auto; }



  #menu li.sfhover ul li ul { left: -999em; }

  #menu li.sfhover ul li ul li ul { left: -999em; }



  #menu li.sfhover ul { left: auto; }

  #menu li li.sfhover ul { left: auto; }

  #menu li li li.sfhover ul { left: auto; }



  #submenulft { float: left; 
                margin: 0; 
                width: 30px; 
                height: 30px; 
                background: url(../../../fileadmin/winter/bilder/grafik/subnavlft.gif) no-repeat; }

  #submenurgt { float: left;
                width: 30px; 
                height: 30px; 
                background: url(../../../fileadmin/winter/bilder/grafik/subnavrgt.gif) no-repeat; }



/* -------------------------------- content -------------------------------- */

#pgcontent div.csi-left img { width: 748px !important; height: 519px !important; }

#pgcontent { margin: 0; 
             padding: 0px 7px; 
             width: 764px; 
             text-align: left;
             background-color: #f9f0de;
}

#pgcontent h1 { padding: 7px 0 0 0;
                margin: 0 0 10px;
              }

#pgcontent p { padding-top: 12px;
               padding-bottom: 0;
               margin: 0; }


/* --------------------------------- foot ----------------------------------- */

#footer { margin: 0 auto;
          padding: 0; 
          width: 780px; 
          height: 15px; 
          z-index: 7; }

#indexfooter { position: absolute; top: 585px; padding: 0; width: 780px; height: 30px; z-index: 7; background: url(../../../fileadmin/winter/bilder/grafik/footnav.gif) no-repeat; }

  #footer p, #indexfooter p { padding: 8px 0 0 20px; font-size: 10px; color: #505050; }



/* ------------------------------- NEWSLETTER ----------------------------------*/

p.nl_form { margin: 0;
           padding: 0;
         }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

  html>body .clearfix { display: inline-block; width: 100%; } /* IE hack */

  .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

#sonja {
	width: 200px;
	height: 224px;
	position: absolute;
	background: url(img/logo-ekvw.jpg) no-repeat;
	margin-left: 785px;
	top: 300px;
	}

#jana-form {
	width: 400px;
	text-align: right;
}

#jana-form label {
	
}

#dritte a {
	color: #a91e19;
	text-decoration: none;
}

#dritte a:hover {
	color: #e7b601;
	text-decoration: underline; 
	}

#dritte a img {
	border: #a91e19 1px solid;
}