body { 
    font-family: "Verdana", "Arial", SanSerif;
    font-size: 12px;
    color: #A39E93;
    background-color: #141518;
    background-image: url(img_2/higrd.jpg);
    background-repeat: repeat-x;
    margin: 0px;
}

h1 {
    position: absolute;
    width: 650px;
    text-align: center;
    top: 65px;
    left: 255px;
    font-size: 18px;
    font-variant: small-caps;
    color: #0194D9;
    margin: 0px;
}

h2 {
    font-size: 14px;
    color: #0194D9;
}

b.orange {
    color: #0194D9;
}

a {
    text-decoration: none;
    color: #FF7711;
}

a:hover {
    color: #FFFFFF;
}

input.button {
    border:1px solid #FF7711;
    background-color: #1C1C1B;
    color: #FF7711;
}

input.button:hover {
    border:1px solid #0194D9;
    background-color: #333330;
    color: #0194D9;
}

fieldset {
    background-color: #383734;
    padding: 10px;
}

legend {
    font-weight: bold;
    color: #0194D9;
}

ul.text {
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}

table.tabelle {
}

td.top {
    color: #0194D9;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

td.body {
    background-color: #383734;
    border-top: solid 1px #F2F2F2;
    border-right: solid 1px #F2F2F2;
    vertical-align: top;
    padding: 3px;
}

li.text {
    margin-left: 17px;
    list-style-image:url(img_2/pfeil.gif);
    margin-bottom: 5px;
    margin-right: 10px;
}

ul.text2 {
    margin: 0px;
    margin-left: 15px;
    margin-top: -5px;
    padding: 0px;
    margin-right: 10px;
}

li.text2 {
    margin-left: 20px;
    list-style-type: circle;
}

div.design {
    position: absolute;
    top: 2px;
    left: 255px;
}

div.thema {
    font-variant: small-caps;
    color: #0194D9;
    font-size: 14px;
    font-weight: bold;
}

div.flash {
    position: absolute;
    left: 520px;
    top: 220px;
    width: 180px;
    height: 180px;
    border: solid 1px #000000;
    border-right: solid 1px #909090;
    border-bottom: solid 1px #909090;
    padding: 0px;
}

div.top {
    color: #0194D9;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    font-variant:small-caps;
    border-bottom: solid 1px #F2F2F2;
}

div.body {
    padding: 2px;
    background-color: #383734;
    border-bottom: solid 1px #F2F2F2;
    border-left: solid 1px #F2F2F2;
    border-right: solid 1px #F2F2F2;
}

div.screen {
    background-image: url(img_2/tafel.jpg);
    width: 1008px;
    height: 634px;
}

div.text {
    position: absolute;
    left: 255px;
    top: 120px;
    width: 730px;
    height: 410px;
    padding-right: 10px;
    overflow: auto;
}

div.untermenu {
    position: absolute;
    left: 211px;
    top: 93px;
    height: 23px;
    width: 742px;
    padding-left: 44px;
    background-image: url(img_2/untermenuleiste.gif);
}

div.untermenu a {
    font-weight: bold;
    font-variant: small-caps;
    position: relative;
    display: block;
    float: left;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    height: 20px;
    border-left: solid 1px #FF7711;
}

div.untermenu a.h {
    font-weight: bold;
    font-variant: small-caps;
    color: #0194D9;
    position: relative;
    display: block;
    float: left;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    height: 20px;
    border-left: solid 1px #FF7711;
}

div.unten {
    position: absolute;
    left: 470px;
    top: 569px;
}

a.home {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 109px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/home.gif);
    z-index: 10;
}

a.home:hover {
    background-image: url(img_2/home_h.gif);
}

a.home_h {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 109px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/home_1.gif);
    z-index: 10;
}

a.office {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 159px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/office.gif);
    z-index: 9;
}

a.office:hover {
    background-image: url(img_2/office_h.gif);
}

a.office_h {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 159px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/office_1.gif);
    z-index: 9;
}

a.web {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 209px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/web.gif);
    z-index: 8;
}

a.web:hover {
    background-image: url(img_2/web_h.gif);
}

a.web_h {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 209px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/web_1.gif);
    z-index: 8;
}

a.edv {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 259px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/edv.gif);
    z-index: 7;
}

a.edv:hover {
    background-image: url(img_2/edv_h.gif);
}

a.edv_h {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 259px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/edv_1.gif);
    z-index: 7;
}

a.ich {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 309px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/ich.gif);
    z-index: 6;
}

a.ich:hover {
    background-image: url(img_2/ich_h.gif);
}

a.ich_h {
    display: block;
    width: 188px;
    height: 36px;
    position: absolute;
    top: 309px;
    left: 14px;
    text-decoration: none;
    background-image: url(img_2/ich_1.gif);
    z-index: 6;
}

a.privat {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/privat.gif);
}

a.privat:hover {
    background-image: url(img_2/privat_h.gif);
}

a.privat_h {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/privat_h.gif);
}

a.kontakt {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/kontakt.gif);
}

a.kontakt_h {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/kontakt_h.gif);
}

a.kontakt:hover {
    background-image: url(img_2/kontakt_h.gif);
}

a.seminarclip {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/seminarclip.gif);
}

a.seminarclip_h {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/seminarclip_h.gif);
}

a.seminarclip:hover {
    background-image: url(img_2/seminarclip_h.gif);
}

a.impressum {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/impressum.gif);
}

a.impressum:hover {
    background-image: url(img_2/impressum_h.gif);
}

a.impressum_h {
    display: block;
    width: 130px;
    height: 30px;
    float: left;
    text-decoration: none;
    background-image: url(img_2/impressum_h.gif);
}

div.login {
    position: absolute;
    top: 568px;
    left: 255px;
}


/* Dropdown */

/**************** eyecandy *****************/

ul.dropdown a {
    color:#000000;
    padding:0px;
    text-decoration:none;
    font-size: 11px;
}

ul.dropdown a:hover {
    color:#FFFFFF;
}

ul.dropdown ul {
}

ul.dropdown ul a { /* Gestaltung Dropdown */
    background-color:#4984CA;
    background-image: url(img_2/um.gif);
    color:#FF7711;
    padding-top:4px;
    padding-left: 12px;
    text-decoration:none;
}

ul.dropdown ul a:hover {
    background-image: url(img_2/um_h.gif);
    color:#FFFFFF;
}

ul.dropdown ul a.h {
    background-color:#4984CA;
    background-image: url(img_2/um_h2.gif);
    color:#0194D9;
    padding-top:4px;
    padding-left: 12px;
    text-decoration:none;
}

ul.dropdown ul a.h:hover {
    color:#FFFFFF;
}

ul.dropdown ul li {
    background-color:#ccc;
}

/* -------------------------- BEGIN do not change --------------------------- */

ul.dropdown {
    position: absolute;
    top: 0px;
    left: 0px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 150px;
    z-index: 90;
}

ul.dropdown * ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
	display: none;
	position: relative;
	z-index: 99;
	width: 149px;
    height: 30px;
}

ul.dropdown li {
    float:none;
    height: 48px; /* Versatz um wieviel Pixel die weiteren Dropdowns erscheinen sollen */
}

ul.dropdown li * li {
    /* border:1px solid #CF7317; */ /* Rand */
    float:none;
    position: relative;
    left: 202px; /* Abstand Dropdown links */
    top: 110px; /* Start Dropdown oben */
    height: 24px; /* Höhe Dropdown */
    width: 138px; /* Breite Dropdown */
}

ul.dropdown ul * ul {
    position: relative;
    left:-95px;
    top:-95px;
}

ul.dropdown a {
    display:block;

}

ul.dropdown ul * a {
    height:100%;
}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul {
    display:none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul {
    display:block;
}


/* -------------------------- END do not change --------------------------- */