/* ****************************** */
/* BASISELMENTE                   */
/* ****************************** */
body       { font-family: Verdana, Arial, Helvetica, Syntax, sans-serif;
             color: #331100; font-size : 0.75 em; margin: 0; padding: 0px 0 0 0px;
             background-image:url("../img/bg2.jpg"); background-color: #EAE4D3;
           }
H1         { background-color: #F3EFE6; color: #331100; font-size : 115%; text-align:center; display: inline;}
H2         { background-color: #F3EFE6; color: #331100; font-size : 110%; text-align:center; display: block;}
H3         { background-color: #F3EFE6; color: #331100; font-size : 100%; text-align:center; display: block;}
hr         { border: 1px dashed #999999;}

/* ****************************** */
/* Seitenstrukrur                 */
/* ****************************** */
#rahmen1   { text-align: center; border: #999999; border-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #EAE4D3}

#hauptnav  { margin:0; background-color: #EAE4D3; background-image:url("../img/bar1.jpg");font-family: Verdana, Arial, Helvetica, sans-serif;
             color: #2E3192; font-size: 0.8em; height=30}

#zweitnav { position: relative; float: right; background-color: #EAE4D3;
            border-left: 1px dashed #999999; width: 130px; font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 0.8em; height:80%; padding:7}

#inhalt   { margin: 10px 10px 10px 10px; background: #FFFFFF; border: 0}

#rubrik   { margin: 10px 180px 14px 40px; }

#mainMenu  { position:relative; top:5;}

#fuss     { margin-top:5px; width=100%; align: center; }

.unsichtbar, dfn { position: absolute; left: -1000px; top: -1000px; width: 0px;
              height: 0px; overflow: hidden; display: inline;}

/* ****************************** */
/* Menüstruktur                   */
/* ****************************** */
#menuList  { position:relative; font-size:1em; z-index:100; margin: 0px; padding: 0px;}

.menu li a  { background-color: #CCCCCC; color: #993300; } 
.menu li a:hover, .menu li a:active  { background-color: #CCCCCC; color: #CC0C0C; background-image:url("../img/bar1.jpg")}
.menu li a:focus  { background-color: #CCCCCC; color: #CC0C0C; }
.menu li a:visied { background-color: #CCCCCC; color: #ff0000; }    

#menuList ul {
    z-index:500;
    margin: 0px;
    padding: 0px;
}

* html #menuList ul {
    z-index:500;
    margin: -7px;
    padding: 0px;}

#menuList li {
    z-index:100;
    display:inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
/*    background: #EAE4D3;  /*
/*    background-image:url("../img/bar1.jg");  */
}
.menu {
    text-align: left;
    position: absolute;
    visibility: hidden;
    width:150px;
    z-index: 100;

}
.menu li {
    width:100%;
}
.menu li a {
    background: #EAE4D3;
    background-image: url(../images/list_icon_00.gif) no-repeat 10px 0.7em;
    padding: 6px 7px 6px 24px;
    z-index:100;
    color: #993300;
    display: block;
    width:150px;
    font-size: 1em;

}



.menu li a:active {
            border-left: 10px solid #A9B0D7;
            background-image: url(../images/list_icon_11.gif) no-repeat 10px 0.7em #FFF;
            padding: 6px 7px 6px 24px;}

/* ****************************** */
/* Hyperlinks                     */
/* ****************************** */
a               { COLOR: #993300; text-decoration: none;  padding-bottom: 2px;}
A:link          { text-decoration: none; font-weight: normal; color: #993300;}
A:visited       { text-decoration: none; font-weight: normal; color: #990000; border-bottom: 1px dotted;}
A:active        { text-decoration: underline; font-weight: normal; color: #CC0C0C; }
A:hover         { text-decoration: underline overline; color: #CC0C0C; background: #EAE4D3; background-image:url("../img/bar1.jpg") }







.trenn {  border-color: black black black #666666; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.umra {   border: #999999; border-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.text {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}








a.starter {
    z-index:100;
    margin: 0px;
    padding: 0px;
}
/*
a:visited:after {
 background: url(../images/ok.gif) right top no-repeat margin:10px #FFF;

content:url("../images/ok.gif");
}
*/

a.starter:hover, a.starter:active, a.starter:focus {
    color: #3F4C78;
}
#menubuilder, #stylelibrary, #aboutus {
    width: 120px;
}





#kopf     { margin:0; background: #BCB49D; background-image:url("../img/bg2.png");}
#drittnav { float: right; width: 120px; margin-top: 10px; }



/* Hsuptmenü definieren*/
#zweitnav ul, #zweitnav ul li {
            padding: 0; margin: 0; list-style: none;}

#zweitnav a {display: block; }

* html #zweitnav a {width: 100%;}

#zweitnav ul li {
            font-weight: bold; border-bottom: 4px solid #A9B0D7;}

* html #zweitnav ul li {
            height: 0.5em; }

* html #zweitnav ul li.aktiv div.aktiv {
            background-position: 10px 0.7em;}

#zweitnav ul li a {
            background-image: url(../images/list_icon_00.gif) no-repeat 10px 0.7em;
            padding: 6px 7px 6px 24px; }

#zweitnav ul li ul li {
            font-weight: normal; border-top: 1px solid #A9B0D7; border-bottom: 0 solid #A9B0D7;}

#zweitnav ul li ul li a {
            background-image: url(../images/list_sub_0.gif) no-repeat 20px 0.45em;
            padding: 4px 7px 4px 34px;
}

#zweitnav ul li.aktiv div.aktiv {
            color: #EE3338; border-left: 10px solid #A9B0D7;
            background-image: url(../images/list_icon_11.gif) no-repeat 10px 0.7em #FFF;
            padding: 6px 7px 6px 24px;}

#zweitnav ul li.aktiv div a {
            border-left: 5px solid #DFE1F0; padding-left: 19px;
            background-position: 5px 0.7em; background-image: url(../imgages/list_icon_10.gif);}

#zweitnav ul li ul li.aktiv {
            color: #EE3338;
            background-image: url(../images/list_sub_1.gif) no-repeat 20px 0.45em #FFF;}

#zweitnav ul li.aktiv div a:hover, #zweitnav ul li.aktiv div a:focus, #zweitnav ul li.aktiv div a:active {
            border-left-color: #FFF;}


#zweitnav ul li a:hover, #zweitnav ul li a:focus, #zweitnav ul li a:active {
            background-color: #FFF; border-left: 5px solid #FFF; border-right: 5px solid #FFF;
            padding-left: 19px; padding-right: 2px; background-position: 5px 0.7em;}

#zweitnav ul li.aktiv div a:hover, #zweitnav ul li.aktiv div a:focus, #zweitnav ul li.aktiv div a:active {
            border-left-color: #FFF;}

#zweitnav ul li ul li a:hover, #zweitnav ul li ul li a:focus, #zweitnav ul li ul li a:active {
            background-color: #FFF; border-left: 5px solid #FFF; border-right: 5px solid #FFF;
            padding-left: 29px; padding-right: 2px; background-position: 15px 0.45em;}









td        {
        font-family:  Verdana, Arial, Helvetica, Syntax, sans-serif;
        font-size: 0.8em;}


small           { font-style: normal; font-weight: lighter; font-size : 0.3 em,}




div  { text-align: left; font-size: 101%; margin-right: 10px; margin-left: 10px}

.form1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #66CC00;  height: 15px; width: 200px; border: 1px #45555A solid}
.form2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #66CC00;  height: 50px; width: 200px; border: 1px #45555A solid}




label, input, select, textarea, option  {background: #DDDDDD; font-size : 10px; COLOR: #332211; border-style : full; border-width : 1px; border-color : #aaaaaa}
textarea {font-size: 12px}