@charset "UTF-8";
 
 /* -------- Farbcodes -----------  
    Dunkelgrün (Wappengrün)            #008d29
    Mittelgrün (Menü Buttons)          #8dc8aa
    Hellgrün   (Menü Hintergrund)      #d5ebde
    Überschriften                      #4c946f   
    ------------------------------ */

@media all
{

/* Allgemeine Deklarationen */
* { margin:0; padding: 0; }  
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }


html { height: 100%; margin-bottom: 1px; }
body {
  font-size: 11px;
  color: #000;
  text-align: left; 
  height:100%;  
  font-family: "Trebuchet MS", Verdana;
}   

INPUT.button {
  background-image:url("images/loginbutton.jpg");
  border:0px;
  width:86px;
  height:19px;
  color:#555555;
  font-weight:bold;
  vertical-align:middle;
  padding-bottom:3px;
  margin-top:5px;
}

.field1 {
  width:150px;
  font-weight:bold;
  text-align:left;
}

.field2 {
  width:150px;
  text-align:left;
}

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

  a { color: #4b6b06; background:transparent; text-decoration:underline; }
  a:visited  { color: #4b6b06; }
  a:focus,
  a:hover,
  a:active { color:#4f4f4f; text-decoration:underline; }
  
  a img, img a {
    border: 0;
  }
  
  h1,h2,h3,h4,h5,h6 {
    font-family: "Trebuchet MS", "Times New Roman", Times, serif;
    font-weight:normal;
    color:#65704d;
    margin: 0 0 0.6em 0;    
    background: transparent;
    text-align:center;
  }

  h1 { font-size:16px; font-weight: 600;} 
    
  h2 { 
    line-height: 14%;
    font-size: 130%;
    font-weight: 600;
  }  


/* Gesamtes Framework */
      
#loginscreen {
 
}

table.back_end {
    color:#333333;
    font-family:ARIAL;
    font-size:14px;
    padding-top:10px;
}

table.login_form {
    color:#333333;
    font-family:ARIAL;
    font-size:12px;
    padding-top:10px;
    padding-bottom:20px;
    border-bottom:1px solid #B6B6B6;
    border-color:#B6B6B6;
}

table.clearfix_top {
}

.login_form_heading  {
    color:#585858;
    font-size:16px;
    font-weight:bold;
}

/* Spalte links mit Newsbereich und Hinweisbox */

#spalte_links {
  position:relative;
  left:0px;
  top:0px;
  width:263px;
  height: auto !important;
  height:100%;
  min-height:100%;
  float: left;
}

#newsbox {
  width: 263px;
  height: 425px;
  background: transparent;
}
 

#hinweisbox {
  width: 263px;
  height: 118px;
  background: url(images/hinweisbox.jpg) no-repeat; 
}

#hinweisbox p, #loginbox_adresse p{
  color: #FFFFFF;
  font-size: 11px;
  padding: 10px;
}
  
#hinweisbox a, #loginbox_adresse a{ color: #FFFFFF;}
#hinweisbox a:focus,
#hinweisbox a:hover,
#hinweisbox a:active,
#loginbox_adresse a:focus,
#loginbox_adresse a:hover, 
#loginbox_adresse a:active { color: #d0d0d0;} 


/* pufferspalte mit grünem background */

#pufferspalte {
  position: relative;
  height: auto !important;
  height:100%;
  min-height:100%;
  float:left;
  width:15%;
}

#pufferspalte_gruenebox {
  position: relative;
  height: 118px;
  background: url(images/hinweisbox.jpg) no-repeat;  
  margin-top: 425px;
}


/* rechte spalte mit login maske */
#spalte_rechts {
  position:relative;
  top:0px;
  float: left;
  
}

#loginbox {
  width: 686px;
  height: 363px;
  background: url(images/loginbox.jpg);
  margin-top: 180px;
}

#loginbox_links { 
  position: relative;
  height: auto !important;
  height:100%;
  min-height:100%;
  float: left;
  width: 400px;
}

#loginbox_titel {
  margin-top: 190px;
  font-size: 15px;
  color: #585858;
  font-weight: 600;
}

#loginbox_kunde {
  font-size: 16px;
  color: #8e8e8e;
  font-weight: 600;
}

#loginbox_form {
  font-size: 13px;
  color: #FFFFFF;
  font-weight: 600;
  margin-top: 25px;
}


/* bereich mit logo und adresse */

#loginbox_rechts {
  float: left;
  position: relative;
  height: auto !important;
  height:100%;
  min-height:100%;  
}

#loginbox_logo {
  background: transparent;
  width:290px;
  height:85px;
  align:right; 
}

.logolink, .logolink a:link, .logolink a:visited, .logolink a:hover, .logolink a:active {
  display:block;
  width:280px;
  height:70px;  
}

#loginbox_adresse {
  margin-top: 13px;
  margin-left: 13px;  
}

#symbole {
  text-align: left;
  margin-top:30px;
  margin-bottom: 50px;
}


}