/* CSS Document */

body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
    color: #000000;
    background-image: url(../upload/images/header_back.gif);
    background-repeat: repeat-x;
}
/* For <= IE7 */
#outer {
    height:100%;
    position: relative;    
   /* text-align:center;*/
    padding:0px;
    width:100%;
    overflow: hidden;
}
/* For ALL OTHER BROWSERS  */
#outer[id] {display: table; position: static;}

#header_gesamt {
    height: 122px;
    width: 955px;
    margin:  auto;
    padding: 0px;
    font-size:14px;
    background-image: url(../upload/images/header_logo_6.jpg);
    background-repeat: no-repeat;
    text-align:right;
    }
#header_gesamt_start {
    height: 122px;
    width: 955px;
    margin:  auto;
    padding: 0px;
    font-size:14px;
    background-image: url(../upload/images/header_logo_start.jpg);
    background-repeat: no-repeat;
    text-align:right;
    }
/* for explorer only*/    
#middle {position: absolute; top: 50%;} 
/* for all other browser */
#middle[id] {display: table-cell; vertical-align: middle; width: 100%; top:18%;}

#inner {position: relative; top: -50%;
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
        text-align:left;
        color:#283583;
        z-index:1;
       }
#inner_dr {position: relative; top: -50%;
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
        text-align:left;
        color:#005faa;
}
#inner_la {position: relative; top: -50%;
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
        text-align:left;
        color:#5a0519;
}

#inner[id] {position: static;} /* for explorer only */

#inner h3 {
    margin: 0; 
    padding-top:30px; 
    padding-left:15px;
    font-size:17px;
    font-weight: bold;
    letter-spacing:-0.5px;
}
#inner_dr[id] {position: static;} /* for explorer only */
#inner_dr h3 {
    margin: 0; 
    padding-top:30px; 
    padding-left:15px;
    font-size:17px;
    font-weight: bold;
    letter-spacing:-0.5px;
}
#inner_la[id] {position: static;} /* for explorer only */
#inner_la h3 {
    margin: 0; 
    padding-top:30px; 
    padding-left:15px;
    font-size:17px;
    font-weight: bold;
    letter-spacing:-0.5px;
}
#kontakt_1 {
    margin-top: 31px;
    margin-left: 40px;
   /* float: right;*/
}
#content {
        font-size:1.0em;
        padding-left:15px;
        padding-bottom: 15px;
        padding-right: 5px;
        padding-top: 15px;
        line-height:20px;
}
#content_ie6 {
        font-size:1.0em;
        padding-left:60px;
        padding-bottom: 15px;
        padding-right: 5px;
        padding-top: 15px;
        line-height:20px;
}
#content_imp {
        font-size:10px;
        padding-left:15px;
        padding-bottom: 15px;
        padding-right: 5px;
        padding-top: 25px;
        line-height:16px;
}
#content_his {    
        padding-top: 30px;  
}

#footer_1 {
    background-image: url(../upload/images/footer_1.jpg);
    background-repeat:repeat-x;
    position:fixed;
    bottom:18px;
    text-align:center;
    height: 30px;
    width: 100%;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.6em;
    color:#283583;
}

#footer_x {
    background-image: url(../upload/images/footer_1.jpg);
    background-repeat:repeat-x;
    position:fixed;
    bottom:20px;
    padding-top:5px;
    text-align:center;
    height: 22px;
    width: 100%;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.6em;
    color:#283583;
}

#footer_x1 {
    background-color: #283583;
    position:fixed;
    bottom:0;
    text-align:center;
    width:100%;
    height: 22px;
    color:#FFF;
    padding:0;
    margin:auto;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.7em;  
}
td.tab {
    line-height: 21px;
}
#footer_2 {
    background-color: #283583;
    position:fixed;
    bottom:0px;
    text-align:center;
    padding:0px;
    width:100%;
    height: 22px;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.7em;
}
#navi_foo_o {
/*    width:700px;*/
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    text-align:center;
    padding-top:7px;
    padding-left: 50%;
}

#navi_foo_u {
    width:955px;
    margin-top:auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    text-align:right;
    padding-top: 4px;
    }
/*
*.spalte { text-align:left; width:18%; height:60px; float:left;}*/
    
#spalte { text-align:left; float:left; padding:0; margin-left:3px; } 
#spalte_x {padding-left:95px; float:left;} 
#spalte_y {margin-left:70px; text-align:left; float:left; padding:0;} 
#weiss_o {background-color:#FFF;height:35px;}
#weiss_u {background-color:#FFF;height:23px;}
#philo_sub {
            margin-left:15px; 
            padding-left:10px;
            height:29px;
            margin-top:1px;
            font-size:11px;
            text-align:center;
            float:right;
}
#his_back  { 
        height: 404px;
        width: 730px;
        padding:0;
        margin:0;
        float:right;
        background-image: url(../upload/images/BL_content_Historie.jpg);
        background-repeat: no-repeat;

        }

/* ###################################################### */
/* ####################### LOGIN ######################## */
/* ###################################################### */          


#login input {
    width:150px;
    height:18px;
    border:1px solid #ccc;
    font-size:12px;
    margin:0 0 4px 0;
    padding-left:4px;
}
#login label {
    display:block;
    width:120px;
    float:left;
    padding-left: 20px;
    margin:0 0 4px 0;
}
#login input#loginBtn {
    margin-top: 20px;
    margin-left: 140px;
    padding-bottom: 5px;
    font-size:12px;
    width:156px;
    height:22px;
    float:left;
    color:#283583;
    text-align:center;
    padding:0 0 2px 0;
    border:1px solid #ccc;
    background-color: #fff;
     }
  
   
/* ###################################################### */
/* ####################### CONTACT FORM ################# */
/* ###################################################### */
#contactForm {
    font-size:12px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:282px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:140px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:342px;
}

#contactForm .contactRow input {
    height:18px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:12px;
}

#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;
   /* margin:0 0 0;*/
   margin-left: 190px;
   margin-top:0;
   margin-bottom:0;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    color:#283583;
    text-align:center;
    padding:0 0 2px 0;
    font-size:12px;
    width:100px;
    height:22px;
    float:right;
    margin:0;
    border:1px solid #ccc;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
    padding:0 0 2px 0;
}

#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;
}

/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */

#searchResults {
    margin:0 0 10px 0;
}
#searchResults p.message {
    margin:20px 0 30px 0;
    font-size:14px;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    font-size:14px;
    margin:0 0 5px 0;
    padding:0;
    color:#0060b1;
    font-style:normal;
}

/*************************/
td.dl { font-size:10px; padding-left: 5px; }
td.back_marken {background-image: url(../upload/images/back_marken.jpg); background-repeat: no-repeat;
}
td.back_laubergine {background-image: url(../upload/images/back_laubergine.jpg);
} 
td.back_drews {background-image: url(../upload/images/back_drews.jpg);
} 
td.back_grossmann {background-image: url(../upload/images/back_grossmann.jpg);
} 
td.uu {background-image: url(../upload/images/back_ueber_uns.jpg);
}        
td.zerti {background-image: url(../upload/images/back_zerti.jpg);
}
td.back { background-image: url(../upload/images/back_verlauf.jpg);
        background-repeat: repeat-x;
}
td.back_dr { background-image: url(../upload/images/back_verlauf_dr.jpg);
        background-repeat: repeat-x;
}
td.back_la { background-image: url(../upload/images/back_verlauf_la.jpg);
        background-repeat: repeat-x;
}
td.kontakt { 
        line-height:22px;
}
td.kontakt_form { 
       padding-left: 7px;line-height:24px;
}
td.impressum {
    font-size: 10px;
    line-height:14px;
    padding:0; margin:0;
}
td.tab_d {
    background-color: #b1b8d3;
}
td.tab_h {
    background-color: #d0d8e7;
}
td.tab_bor {
   border-right: 1px solid #283583;
}
td.tab_bor_u {
   border-bottom: 1px solid #283583;
}

/*   LINKS und NAVIGATION  */
a {
     color: #283583;
     text-decoration: none;
}
a:hover {
color:#dd0000;
}
a.dl {
     color: #283583;
     text-decoration: none;
     font-size:10px;
     padding-left:10px;
}
a.dl:hover {
     color:#dd0000;
     padding-left:10px;
}

/* mouseover Historie  */
a.his {
     color: #283583;
     text-decoration: none;
}
a.his:hover {
color:#FFF;
}
a.his_text {
     font-size: 10px;
     color: #283583;
     text-decoration: none;
}
a.navi_aktu {
   font-size:1.1em;
   color:#fff;
   font-weight:normal;
   display: inline;
   background-color:#283583;
   border: 5px solid #283583;
   border-bottom: 7px solid #283583;
   margin:0;
   padding-left:5px;
   padding-right:5px;
   height:auto;
}
a.navi_aktu:hover {
   font-size:1.1em;
   color:#8e94bd;
   font-weight:normal;
   display: inline;
   background-color:#283583;
   border: 5px solid #283583;
   border-bottom: 7px solid #283583;
   margin:0;
   padding-left:5px;
   padding-right:5px;
   height:auto;
}
a.navi_aktu_2 {
   font-size:1.1em;
   text-decoration:none;
   color:#283583;
}
a.navi_3 {
    font-size:1.1em;
    text-decoration:none;
    color:#8e94bd;
}
a.navi_3:hover {
    font-size:1.1em;
    text-decoration:none;
    color:#283583;
}

/* Navigation 2 unten */
a.navi_4 {
    font-size:1em;
    text-decoration:none;
    color:#FFF;
}
a.navi_4:hover {
    font-size:1em;
    text-decoration:none;
   color:#8e94bd;
}

a.navi_philo {
 color: #a0a6c8;
}
a.navi_philo:hover {
 color:#283583;
}

/*********************************/
/*******  HAUPTNAVI OBEN   *******/
/*********************************/
a.navi_top_active {
       background-color: #5f65a3;
       margin:0;
       font-size: 1em;
       color:#FFF; 
       text-decoration:none; 
       font-weight:bold;
       display:block;
       }
a.navi_top_passive{
       color: #FFF;
       font-weight: bold;
       font-size: 1em;
       padding-left:18px;
       padding-right:18px;
       padding-top:7px;
       padding-bottom:7px;
       }
a.navi_top_open{
       background-color: #5f65a3;
       margin:0;
       color: #FFF;
       font-weight: bold;
       font-size: 1em;
       }
a.navi_top_passive:hover{
       background-color: #5f65a3;
       padding-left:18px;
       padding-right:18px;
       padding-top:7px;
       padding-bottom:7px;
       font-size: 1em;
       display:block;
   }
   
/*********************************/
/* HAUPTNAVI OBEN STARTSEITE     */
/*********************************/
a.navi_start_active {
       background-color: #5f65a3;
       margin:0;
       font-size: 1em;
       color:#FFF; 
       text-decoration:none; 
       font-weight:bold;
       display:block;
       }
a.navi_start_passive{
       color: #FFF;
       font-weight: bold;
       font-size: 1em;
       padding-left:18px;
       padding-right:18px;
       padding-top:7px;
       padding-bottom:7px;
       }
a.navi_start_open{
       background-color: #5f65a3;
       margin:0;
       color: #FFF;
       font-weight: bold;
       font-size: 1em;
       }
a.navi_start_passive:hover{
       background-color: #5f65a3;
      /* padding-left:18px;*/
      /* padding-right:18px;*/
       padding-top:7px;
       padding-bottom:7px;
       font-size: 1em;
       display:inline-block;
   }
/*********************************/
/*******  SUBNAVI OBEN   *********/
/*********************************/
a.navileft_passive {
    font-size:0.85em;
    color:#283583;
    padding-left:4px;
    padding-right:4px;
    font-weight: 500;
    line-height:30px;
    letter-spacing:-0.1px;
    } 

a.navileft_active {
    font-size:0.85em;
    color:#283583;
    padding-left:4px;
    padding-right:4px;
    font-weight: bold;
    letter-spacing:-0.1px;
    line-height:30px;
  }

a.navileft_open {
    font-size:0.85em;
    color:#283583;  
    padding-left:4px;
    padding-right:4px;
    font-weight: bold;
    letter-spacing:-0.1px;
    line-height:30px;
}
a.navileft_passive:hover {
    font-size:0.85em;
    color:#8e94bd;  
    padding-left:4px;
    padding-right:4px;
    font-weight: 500;
    letter-spacing:-0.1px;
    line-height:30px;  
}

/*********************/
a.suche {color:#FFF; }
a.suche:hover {font-weight:bold;}


/*  SEARCH INPUT */

#search {
    margin-top: 3px;
    font-size:11px;
    background-color:transparent;
}
#search label {
    font-size:11px;
    display:block;
    float:left;
    width:40px;
    margin-top: 3px;
}
#search input {
    border:1px solid #ccc;
    width:140px;
    height:13px;
    font-size:11px;
}
#search input.sbmt {
    border:0;
    width:auto;
    height:auto;
}
/* Contact form */
input.form1 {
     background-color: #FFFFFF;
     height: 18px;  
     color:#000000;     
     border:1px solid #ccc;
     width:240px;
     font-size:12px;   
     padding-left:3px;
     }

input.search {
     background-color: #FFFFFF;
     width: 120px; 
     height: 14px;
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     font-size:11px;
     color:#283583;
     margin-top: 3px;
     padding:0;
}

textarea.form2 {
     background-color: #FFFFFF;
     width: 241px; 
     border:1px solid #ccc;
     font-size: 12px;
     color:#000000;
     height: 50px;
     padding-left:3px;
     }

.button2{  
    background-color:#fff;
    color:#283583;
    text-align:center;
    padding:0 0 2px 0;
    font-size:12px;
    width:100px;
    height:22px;

    margin:0;
    border:1px solid #ccc;
    }
hr {
    display:block;
    margin:10px 0;
    padding:0;
}