body { 
    font-family: "Verdana", "Arial", SanSerif;
    font-size: 11px;
    color: #000000;
    background-color: #BFBFBF;
    background-image: url(img/higrd.jpg);
    background-repeat: repeat-x;
    margin: 0px;
}

h1 {
    position: absolute;
    width: 400px;
    text-align: center;
    top: 45px;
    left: 300px;
    font-size: 18px;
    color: #F2F2F2;
    margin: 0px;
}

h2 {
    font-size: 11px;
    color: #D07418;
}

b.orange {
    color: #D07418;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #447BBC;
}

a:hover {
    color: #CF7418;
}

input.button {
    border-right:1px solid #014D70;
    border-bottom:1px solid #014D70;
    border-left:1px solid #72C2E8;
    border-top:1px solid #72C2E8;
    background-color: #0194D9;
    color: #FFFFFF;
}

input.button:hover {
    border-right:1px solid #653607;
    border-bottom:1px solid #653607;
    border-left:1px solid #E2AE79;
    border-top:1px solid #E2AE79;
    background-color: #CF7418;
    color: #FFFFFF;
}

fieldset {
    background-color: #C2D4E9;
    padding: 10px;
}

legend {
    font-weight: bold;
    color: #CF7418;
    background-color: #f2f2f2;
}

ul.text {
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}

table.tabelle {
}

td.top {
    background-color: #D07418;
    border-right: solid 1px #F2F2F2;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

td.body {
    background-color: #C2D4E9;
    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/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 {
    background-color: #D07418;
    color: #FFFFFF;
    font-weight: bold;
    width: 300px;
    padding: 2px;
    position: relative;
    margin-top: 5px;
}

div.flash {
    position: absolute;
    left: 350px;
    top: 210px;
    width: 180px;
    height: 180px;
    border: solid 1px #000000;
    border-right: solid 1px #909090;
    border-bottom: solid 1px #909090;
    padding: 0px;
}

div.top {
    height: 18px;
    background-color: #D07418;
    color: #F2F2F2;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
}

div.body {
    padding: 2px;
    background-color: #C2D4E9;
    border-top: solid 1px #F2F2F2;
}

div.screen {
    background-image: url(img/tafel.jpg);
    width: 1160px;
    height: 583px;
}

div.text {
    position: absolute;
    left: 233px;
    top: 83px;
    width: 545px;
    height: 410px;
    padding-right: 10px;
    overflow: auto;
}

div.unten {
    position: absolute;
    left: 232px;
    top: 516px;
}

a.home {
    display: block;
    width: 180px;
    height: 72px;
    position: absolute;
    top: 35px;
    left: 37px;
    text-decoration: none;
    background-image: url(img/home.gif);
    z-index: 10;
}

a.home:hover {
    background-image: url(img/home_h.gif);
}

a.home_h {
    display: block;
    width: 180px;
    height: 72px;
    position: absolute;
    top: 35px;
    left: 37px;
    text-decoration: none;
    background-image: url(img/home_1.gif);
    z-index: 10;
}

a.office {
    display: block;
    width: 180px;
    height: 65px;
    position: absolute;
    top: 78px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/office.gif);
    z-index: 9;
}

a.office:hover {
    background-image: url(img/office_h.gif);
}

a.office_h {
    display: block;
    width: 180px;
    height: 65px;
    position: absolute;
    top: 78px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/office_1.gif);
    z-index: 9;
}

a.web {
    display: block;
    width: 180px;
    height: 60px;
    position: absolute;
    top: 120px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/web.gif);
    z-index: 8;
}

a.web:hover {
    background-image: url(img/web_h.gif);
}

a.web_h {
    display: block;
    width: 180px;
    height: 60px;
    position: absolute;
    top: 120px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/web_1.gif);
    z-index: 8;
}

a.edv {
    display: block;
    width: 180px;
    height: 53px;
    position: absolute;
    top: 162px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/edv.gif);
    z-index: 7;
}

a.edv:hover {
    background-image: url(img/edv_h.gif);
}

a.edv_h {
    display: block;
    width: 180px;
    height: 53px;
    position: absolute;
    top: 162px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/edv_1.gif);
    z-index: 7;
}

a.ich {
    display: block;
    width: 180px;
    height: 50px;
    position: absolute;
    top: 203px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/ich.gif);
    z-index: 6;
}

a.ich:hover {
    background-image: url(img/ich_h.gif);
}

a.ich_h {
    display: block;
    width: 180px;
    height: 50px;
    position: absolute;
    top: 203px;
    left: 38px;
    text-decoration: none;
    background-image: url(img/ich_1.gif);
    z-index: 6;
}

a.privat {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/privat.gif);
}

a.privat:hover {
    background-image: url(img/privat_h.gif);
}

a.privat_h {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/privat_h.gif);
}

a.kontakt {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/kontakt.gif);
}

a.kontakt_h {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/kontakt_h.gif);
}

a.kontakt:hover {
    background-image: url(img/kontakt_h.gif);
}

a.seminarclip {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/seminarclip.png);
}

a.seminarclip_h {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/seminarclip_h.png);
}

a.seminarclip:hover {
    background-image: url(img/seminarclip_h.png);
}

a.impressum {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/impressum.gif);
}

a.impressum:hover {
    background-image: url(img/impressum_h.gif);
}

a.impressum_h {
    display: block;
    width: 135px;
    height: 67px;
    float: left;
    text-decoration: none;
    background-image: url(img/impressum_h.gif);
}

div.login {
    position: absolute;
    top: 270px;
    left: 45px;
}

div.login a {
    color: #404040;
}

div.login a:hover {
    color: #FFFFFF;
}


/* 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 {
    background-color:#4984CA;
    background-image: url(img/um.gif);
    color:#000000;
    padding:3px;
    text-decoration:none;
}

ul.dropdown ul a:hover {
    background-image: url(img/um_h.gif);
    color:#FFFFFF;
}

ul.dropdown ul a.h {
    background-color:#4984CA;
    background-image: url(img/um_h2.gif);
    color:#FFFFFF;
    padding:3px;
    text-decoration:none;
}

ul.dropdown ul a.h:hover {
    color:#000000;
}

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: 36px; /* Versatz um wieviel Pixel die weiteren Dropdowns erscheinen sollen */
}

ul.dropdown li * li {
    border:1px solid #CF7317;
    float:none;
    position: relative;
    left: 218px;
    top: 68px;
    height: 20px; /* Höhe Dropdown */
    width: 122px; /* 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 --------------------------- */