/*
 * FARBEN
 * $color1 hervorgehoben    #391687
 * $color2 mouseover        #9698BF
 
 */

html, body {
     margin:0;
     padding:0;
/*  Wichtig: Die Höhe muss zwingend für beide Elemente angegeben sein. Ansonsten werden nachfolgende Elemente nicht auf die volle Höhe gerechnet. */
     height:100%;   
}


body {
    /* text-align: center;
    */
/* background-color: #C2C2C2; */
    position: relative;

    font: 85% georgia, sans-serif;
    font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
    line-height: 1.3;
    color: #555753;

/*     font: 0.84em/1.55em Tahoma, Verdana, Geneva, Helvetica, Gill Sans, arial, sans-serif; */

    /* position: absolute;
    */
  }

body, #schatten_li, #schatten_re {
  background-color: #dddddd;
  background-color: #A5E5E1;
  background-color: #dbf5f3;
  /* Vera Wang  */
  background-color: #9698BF; 
  background-color: #BEBCD2;
  /* Vera Wang  - etwas aufgehellt */
  background-color:#E6E4FF;

}

a {
  text-decoration: none;
  color: /*($color1)*/ #391687;
}
a:hover, a:active {
  text-decoration: none;
  color: /*($color2)*/ #9698BF;
}

/* link,visited,hover,active */

#zentriert {
  position: relative;
  margin: 0px auto;


  background-color:white;
  background-color:#F8F8FF;
  background-color:#FFFFf8;
  padding: 0px;
  width: 80%;
  min-width: 800px;
  min-height: 100%;
  /*      background: yellow;  */

  /* padding-left: 100px; */
}


#page {
position: relative; /* nachfolgende Elemtent werden hieran ausgerichtet */
/* display: inline-block; /*sets hasLayout - required for IE*/
/* display: block; /* resets to proper property value without resetting layout*/
/* overflow: hidden; /* causes modern browsers to enclose child floats*/


padding: 0px;

/*     margin: 0px auto; */
padding-left: 100px;
    min-width: 600px;
    width: 80%;
    min-height: 100%;

/*     border: #CACACA solid 2px; */
  }

.clear {
    clear: both;
    height:1px;
}

#content {
    position: relative;
    float: right; /* um zu erreichen das Eltern Element expandiert wird */
    left:0px;
/*     top: 190px; */
    min-width: 400px;
    width: 70%;
    
    padding: 10px;
    border: #CACACA solid 1px;
    background-color: #BEBCD2;
background-color:#E6E4FF;
  }

#main {
/*     background-color: red; */
/* width: 100%; */
padding-bottom: 50px;
  }

#inner {
    border: #CACACA dashed 1px;
    padding: 10px;
/*    background-color: #A5E5E1;*/
  }

#header {
    float: left;
    width:800px;
    height:150px;
/*     position: fixed; */
    /* border: 1px dashed gray;
    */
/* background-image: url("flowers.png"); */
    background-repeat: no-repeat;
  }


#header-liu {
    width: 8px;
    height: 8px;
    bottom: 0px;
    left: 0px;
/*     position: absolute; */
/*     background-image: url("header_liu.png"); */
  }


#header-lim {
/*     position: absolute; */
/*     background-color: #f7c84d; */
    width: 8px;
    height: 136px;
    left: 0px;
    top: 8px;
  }


#header-lio {
    width: 8px;
    height: 8px;
    top: 0px;
    left: 0px;
/*     position: absolute; */
/*     background-image: url("header_lio.png"); */
  }


#logo {
/*  border: 1px solid black; */
    position: absolute;
    top: 0px;
    left: 230px;
/* width: 60%; */
/* height: 130%; */
     width: 250px;
  }

/* Divs welche den Schatten links und rechts des Hauptfensters anzeigen */
#schatten_li, #schatten_re {
position: absolute;
top:0px;
/*left:0px;*/
width:14px;
height: 100%;
/* background-color: red; */

    background-repeat: repeat-y;
    background-position: 0px 0px;
/*         background-color: #dddddd; */
/*     background-color: #dbf5f3; */
/* Vera Wang  */
/*     background-color: #9698BF;  */
/*     background-color: #BEBCD2; */
}

#schatten_li {
    background-image: url("shadow_li_14.png");
}
#schatten_re {
    background-image: url("shadow_re_14.png");
    right: 0px;
/*     background-color: red; */
}


#left_banner {
    position: fixed;
    top: 0px;
    margin-top: 40px;
    margin-left: 14px;
/*     margin-bottom: 200px; */
/*     left: 50%; */
    width: 80px;
/*     margin-left: -40%; */
    height: 100%;
/*     min-height:350px; */
    border-right: 4px solid #5C5C5C;
    background-image: url("left_banner.png");
    background-repeat: repeat-x;
/*     background-color: #ACA0D8; */
/*     background-color: #C888C2; */
/*     font-size: 12px; */
  }





#menu {
   position: relative;
   float: left;
/*     top: 170px; */
     left: 0px;
/*     right: 10%; */
    width: 130px;
    min-height: 200px;
    border: 0px solid #5C5C5C;
    /* background-image: url("menu_mo.png"); */
    background-repeat: repeat-x;

    font-size: 12px;
  }


#menu-lio {
    width: 0px;
    height: 0px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: #5B225A;
/*     background-image: url("menu_lio.png"); */
  }


#menu-mo {
    width: 100%;
    height: 0px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: #bbb;
  }


#menu-reo {
    width: 0px;
    height: 0px;
    top: 0px;
    right: 0px;
    position: absolute;
    background-color: #5B225A;
/*     background-image: url("menu_reo.png"); */
  }


/* Mini Warenkorb */
#warenkorb {
    padding:3px;
/*     margin: 1px auto; */
    border: 1px dotted #999999;
    margin-left: 5px;
    margin-top: 30px;
/*     width: 100%; */
  }


/* Menu 1 column */
#menu_1 {
/*     border: 1px dotted #999999; */
    padding-top: 40px;
    width: 100%;
    margin: 1px auto;
  }

/* 1. Ebene */

#menu_1 ul li.menu-level1-no, #menu_1 > ul > li.nicht_selektiert {
    text-decoration: none;
    margin-left: 5px;
    padding-left: 4px;
    border-bottom: 1px dotted #999999;
  }
/*  MENU 1, level 1, normal state (NO) */
#menu_1 ul li.menu-level1-no > a, #menu_1 > ul > li.nicht_selektiert > a {
    font-size: 12px;
    padding-top:5px;
  }

/*  Bei Mouse-Over*/
#menu_1 > ul > li.selektiert {
/* Vera Wang  */
/*     background-color: #9698BF;  */
/*     background-color: #BEBCD2; */
/* Vera Wang  - etwas aufgehellt */
/* background-color:#E6E4FF; */

    text-decoration: none;
    border-left: 5px solid #9698BF;
    margin-left: 0px;
    padding-left: 4px;
    border-bottom: 1px dotted #999999;
  }

/*  MENU 1, level 1, active state (ACT) */
/*  Menüpunkt der aktuellen Seite */
#menu_1 ul li.menu-level1-act  {
    text-decoration: none;
/*     border-left: 5px solid #9698BF; */

    border-bottom: 2px solid #999999;
    padding-top:5px;
    margin-left: 5px;
    padding-left: 4px;
    padding-right: 3px;
    background-color: #E6E4FF;
  }

#menu_1 ul li.menu-level1-act > a {
    font-weight:bold;
    color:black;
    /*filter:alpha(opacity='70', style='0');*/
}

#menu_1 div.menu-level1-act {
    border-bottom: 2px solid #2205A4;
}


/* 2. Ebene */
#menu_1 ul ul li.menu-level2-no, #menu_1 ul ul li.nicht_selektiert {
    text-decoration: none;
    margin-left: 5px;
    padding-left: 3px;
  }

/*  Bei Mouse-Over*/
#menu_1 ul ul li.selektiert {
    text-decoration: none;
    border-left: 5px solid #9698BF;
    margin-left: 0px;
    padding-left: 3px;
  }

/*  MENU 1, level 2, normal state (NO) */
#menu_1 ul ul li.menu-level2-no > a, #menu_1 ul ul li.nicht_selektiert > a {
  }

/*  MENU 1, level 2, active state (ACT) */
#menu_1 li.menu-level2-act {
    padding-left: 3px;
    margin-left: 5px;
  }

#menu_1 li.menu-level2-act > a {
    font-weight:bold;
    color:black;
    /*filter:alpha(opacity='70', style='0');*/
}

#menu_1 div.menu-level2-act {
    border-bottom: 2px solid #2205A4;
}

/* allgemeine Angaben für das gesamte Menü */
#menu_1 a, #menu_top a {
    line-height: 1.4em;
}

#menu_1 li {
    margin-bottom: 5px;
}

#menu_1 ul, #menu_top ul {
    padding : 0px;
    margin : 0px;
    list-style : none;
  }

#menu_1 ul ul {
    font-size: 90%;
    padding : 0px;
    margin-left: 20px;
    list-style : none;
  }

/* zusätzlicher Abstand nach 2. Ebene */
li.menu-level2-no + li.menu-level1-no, li.menu-level2-act + li.menu-level1-no {
    margin-top: 5px;
  }

/*******************************************************************************
*  vnav.css : 2004-07-21 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements commonly found in the left
*  and / or right columns.
*******************************************************************************/



#menu_3 {
    vertical-align: top;
    /* background-image: url(../images/menubackground.jpg);
    *//* background-repeat : no-repeat;
    */padding-top: 10px;
    margin: auto;
    width: 95%;
    /* border: solid black 1px;
    */;
  }


#menu_3 ul, #menu_3 ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
  }

/* Level 1 */


#menu_3 ul {
    border: solid 1px #ddd;
    border-bottom-width: 0;
    margin:0px 10px;
    padding: 0px;
  }


#menu_3 ul li {
    border-bottom: solid 1px #ddd;
    display: block;
  }


#menu_3 ul li a {
    padding: 2px 10px 2px 10px;
  }

/* Level 2 */


#menu_3 ul ul {
    border-left:2px solid #05B259;
    font-size: 85%;
    border-width:0 0 0 2px;
    margin:0px;
    padding: 0px;
  }


#menu_3 ul ul li {
    padding-bottom : 3px;
    border-bottom : dotted 1px #ddd;
  }


#menu_3 ul ul li a {
    padding: 2px;
    padding-left: 5px;
  }

/* Level 3 */


#menu_3 ul ul ul {
    border: solid 0px #000;
    border-bottom-width: 0;
    margin:0;
  }


#menu_3 ul ul ul li {
    border-bottom: solid 0px #ddd;
  }


#menu_3 ul ul ul li a {
    padding: 2px 10px 2px 50px;
  }


#menu_3 a {
    color: navy;
    text-decoration: none;
    display: block;
  }


* html #menu_3 ul li a/* hide from IE5.0/Win & IE5/Mac */ {
    height: 1%;
  }


* html #menu_3 ul {
    position: relative;
    /* IE needs this to fix a rendering problem */;
  }


#menu_3 .menu-level2 {
    border-left:2px solid #f7c84d;
    border-left-width: 2px;
  }


#menu_3 li.menu-level1-act > a, #menu_3 li.menu-level2-act > a, #menu_3 li.menu-level3-act > a, #menu_3 a:hover, #menu_3 a:focus {
    background-color: #f7c84d;
    color:black;
  }


#menu_3 .menu-level1-no, #menu_3 .menu-level2-no, #menu_3 .menu-level3-no {
    /* background-color: red;
    */;
  }



/* Header Menu */
#menu_top {
   position: absolute;
   top: 125px;
   right: 0px;
   font-size: 12px;
}

#menu_top li {
  display: inline;
  margin-left: 5px;
}

/* 1. Ebene */

#menu_top ul li.menu-level1-no, #menu_top > ul > li.nicht_selektiert {
    text-decoration: none;
    margin-bottom: 5px;
  }
/*  MENU 1, level 1, normal state (NO) */
#menu_top ul li.menu-level1-no > a, #menu_top > ul > li.nicht_selektiert > a {
    font-size: 12px;
    padding-top:5px;
  }

/*  Bei Mouse-Over*/
#menu_top > ul > li.selektiert {

    text-decoration: none;
    border-bottom: 5px solid #9698BF;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

/*  MENU 1, level 1, active state (ACT) */
/*  Menüpunkt der aktuellen Seite */
#menu_top ul li.menu-level1-act  {
    text-decoration: none;

    border-bottom: 2px solid #999999;
    padding-top:5px;
    margin-bottom: 5px;
    padding-bottom: 4px;
    padding-right: 3px;
    background-color: #E6E4FF;
  }

#menu_top ul li.menu-level1-act > a {
    font-weight:bold;
    color:black;
}

#menu_top div.menu-level1-act {
    border-bottom: 2px solid #2205A4;
}





/* Loginbox */
#login {
 position: relative;
 top: 40px;
 font-size: 90%;
 width: 70%;
 border: 1px solid gray;
 margin: 5px auto;
 padding: 5px 10px;
}

#login input {
 width: 90%;
 font-size: 140%;
}

/* DateiDownloads */
.csc-uploads {
 margin-left: 2em;
 padding: 1em;
 border: 1px solid gray;
 width: 90%;
}

.csc-uploads .csc-uploads-fileName {
 font-size: 90%;
}
.csc-uploads .csc-uploads-description {
 font-size: 90%;
 margin-bottom: 1em;
}

.csc-uploads .csc-uploads-fileSize {
 font-size: 80%;
 font-style: italic;
}

/* Tabellen  */

.contenttable {
    font: 100% Tahoma, Verdana, Geneva, Helvetica, Gill Sans, arial, sans-serif;
    padding: 0px;
    margin: 0px;
/*    border: 1px solid black; */
}

.td-last {
    vertical-align:top;
}


#willkommen {
     background-image: url("willkommen.png");
     background-repeat: no-repeat;
     color: transparent;
/*      overflow: hidden; */
/*      position: relative; */
/*      top: -20px; */
/*      border: 1px solid gray; */
}

.rechts {
  float: right;
}
.links {
  float: left;
}
.clear {
  clear: both;
}


/* Kontaktformular */

.csc-mailform-field label {
  width: 90px;
  float: left;
}

.csc-mailform-field input[type=text] {
  border: 1px solid #bdbdbd;
  margin-bottom: 10px;
  width: 200px;
  height: 16px;
}
.csc-mailform-field input[type=textarea] {
  border: 1px solid #bdbdbd;
  margin-bottom: 10px;
  width: 400px;
  height: 100px;
}