@media screen {

/* -------------------------------------------------------------------------- */
/* General page settings                                                      */
/* -------------------------------------------------------------------------- */

body {
    border-width:         0;
    padding:              0px;
    background:           #ffffff;
    color:                #000000;
    font:                 normal normal normal 10pt arial,helvetica,sans-serif;
    letter-spacing:       0.0em;
    word-spacing:         0.0em;
    text-align:           left;
}

#logo {
    position:             absolute;
    top:                  10px;
    left:                 20px;
    height:               142px;
    width:                115px;
    border:               0px black solid;
    padding:              0px;
    background:           url(img/logo.gif) no-repeat center center;
    z-index:              10;
}
div[id=logo] {
    position:             fixed !important;
    background:           url(img/logo.png) no-repeat center center !important;
}


#top {
    position:             absolute;
    top:                  0px;
    right:                20px;
    border:               0px black solid;
    border-bottom:        1px black solid;
    padding:              0px;
    padding-right:        85px;
    height:               50px;
    width:                1600px;
    z-index:              9;
    text-align:           right;
    font-size:            12pt;
    font-weight:          bold;
    letter-spacing:       1px;
    word-spacing:         5px;
    line-height:          48px;
    background-image:     url(img/facettenkreuz_40.gif);
    background-repeat:    no-repeat;
    background-position:  center right;
	box-shadow:           3px 3px 4px #aaaaaa;
}
div[id=top] {
    position:             fixed !important;
    left:                 170px;
    right:                0px !important;
    width:                auto !important;
    background-image:     url(img/facettenkreuz_40.png) !important;
    z-index:              11 !important;
}
#top_ie {
    position:             absolute;
    top:                  0px;
    right:                0px;
    border:               0px black solid;
    border-bottom:        1px black solid;
    padding:              0px;
    padding-right:        85px;
    height:               50px;
    width:                100px;
    z-index:              0;
}
div[id=top_ie] {
    display:              none;
}
#top_location {
    position:             absolute;
    top:                  50px;
    right:                20px;
    border:               0px black solid;
    padding:              5px;
    padding-right:        25px;
    padding-bottom:       1em;
    width:                100%;
    z-index:              9;
    text-align:           right;
    font-size:            9pt;
    font-weight:          bold;
    letter-spacing:       1px;
    background:           #ffffff;
}
div[id=top_location] {
    position:             fixed !important;
    left:                 170px;
    right:                0px !important;
    width:                auto !important;
    z-index:              7 !important;
}

#helper {
    position:             absolute;
    top:                  0px;
    left:                 169px;
    width:                2px;
    height:               49px;
    z-index:              15 !important;
}
div[id=helper] {
    position:             fixed !important;
}

/* --- Men ----------------------------------------------------------------- */
#menu {
    position:             absolute;
    top:                  0px;
    left:                 0px;
    padding:              0px;
    padding-top:          150px;
    height:               100%;
    width:                170px;
    border-right:         1px solid black;
    border-bottom:        1px solid black;
    background:           #ffffff;
    font:                 normal normal normal 10pt arial,helvetica,sans-serif;
    z-index:              9;
	box-shadow:           3px 3px 4px #aaaaaa;
}
div[id=menu] {
    position:             fixed !important;
    bottom:               0px !important;
    height:               auto !important;
    padding-top:          0px !important;
}



#menu ul {
	list-style:			none;
	padding:			0;
	margin:				0;
}

#menu a:hover {
    background:         none !important;
}
/* Ebene 1 */
#menu ul#dropdownmenu {
	position:			absolute;
	top:				0;
}

#menu ul#dropdownmenu li {
	font-weight:		bold;
	position:			relative;
	float:				left;
	min-height:			5px;
}

#menu ul#dropdownmenu > li {
    position:           absolute;
    margin-top:         10px;
    width:              189px;
    border:             0px solid black;
}

#menu ul#dropdownmenu li .menutext {
	display:			block;
	color:				#000000;
	text-decoration:    none;
    padding:            5px 0 8px 10px;
}

#menu ul#dropdownmenu li.disabled .menutext{
	color:				#999999;
}

#menu ul#dropdownmenu li.disabled {
	background:			#dddddd !important;
	box-shadow:			none !important;
}

#menu ul#dropdownmenu li.external .menutext {
	padding-right:		13px;
	background:			url(../img/external_passiv.png) no-repeat center right;
}

#menu ul#dropdownmenu li .submenuhint {
	display:			none;
}

/* Ebene 2 */
#menu ul#dropdownmenu ul {
	position:			absolute;
    display:            none;
	top:				0;
	left:				180px;
    width:				220px;
	border:             1px solid #555555;
	border-radius:		8px;
	box-shadow:			3px 3px 4px #222222;
    z-index:            99;
}

#menu ul#dropdownmenu ul li {
	float:				none;
	font-weight:		normal;
	color:				#000000;
	border-top:			1px solid rgb(220,220,220);
	border-bottom:			1px solid rgb(120,120,120);
	border-top:			1px solid rgba(255,255,255,0.5);
	border-bottom:			1px solid rgba(0,0,0,0.5);
}
#menu ul#dropdownmenu ul li:first-child {
	border-top-left-radius:		8px;
	border-top-right-radius:	8px;
	border-top:			0;
}
#menu ul#dropdownmenu ul li:last-child {
	border-bottom-left-radius:	8px;
	border-bottom-right-radius:	8px;
	border-bottom:		0;
}

#menu ul#dropdownmenu ul li:hover {
	background:			url(rgba.php?r=0&g=0&b=0&a=20);
        background:			rgba(0,0,0,0.2);
}

#menu ul#dropdownmenu ul li .menutext {
	border-right:		none;
    padding:            4px 8px;
	width:				190px;
	display:			inside-block;
}

#menu ul#dropdownmenu ul li.selected .menutext {
	font-weight:		bold;
}

#menu ul#dropdownmenu ul li .submenuhint {
	transform:			none;
	-moz-transform:		none;
	-o-transform:		none;
	-webkit-transform:	none;
}

/* Ebene 3 */
#menu ul#dropdownmenu ul ul {
	left:				100%;
	top:				0;
}

#mp1        { top:170px; }
#mp2        { top:201px; }
#mp3        { top:232px; }
#mp4        { top:263px; }
#mp5        { top:294px; }
#mp6        { top:325px; }
#mp7        { top:356px; }
#mp8        { top:387px; }

#mp1  { background:url(img/mp_1.png) !important; }
#mp2  { background:url(img/mp_2.png) !important; }
#mp3  { background:url(img/mp_3.png) !important; }
#mp4  { background:url(img/mp_4.png) !important; }
#mp5  { background:url(img/mp_5.png) !important; }
#mp6  { background:url(img/mp_6.png) !important; }
#mp7  { background:url(img/mp_7.png) !important; }
#mp8  { background:url(img/mp_8.png) !important; }

#mp1 ul { background-color: rgb(255, 153, 153); }
#mp2 ul { background-color: rgb(255, 223, 127); }
#mp3 ul { background-color: rgb(255, 255, 153); }
#mp4 ul { background-color: rgb(193, 242, 145); }
#mp5 ul { background-color: rgb(114, 229, 172); }
#mp6 ul { background-color: rgb(145, 242, 242); }
#mp7 ul { background-color: rgb(127, 212, 255); }
#mp8 ul { background-color: rgb(229, 178, 255); }

.w3c_validator {
    position:             absolute;
    bottom:               1em;
    width:                100%;
    text-align:           center;
}

/* --- Main ----------------------------------------------------------------- */
div[id=main] {
    position:             absolute;
    top:                  85px;
    left:                 230px;
    right:                20px;
    padding-left:         20px;
    padding-right:        20px;
    border:               0px solid black;
    text-align:           left;
    vertical-align:       top;
    z-index:              1;
}

/* -------------------------------------------------------------------------- */
/* General table settings                                                     */
/* -------------------------------------------------------------------------- */

table {
    border:               0px;
    border-style:         solid;
    border-spacing:       0px;
    margin:               0px;
    padding:              0px;
}
td {
    border:               0px;
    border-style:         solid;
    border-spacing:       0px;
    padding:              0px;
    vertical-align:       top;
    font:                 normal normal normal 10pt arial,helvetica,sans-serif;
}

table.padding tr td {
    padding-right:        1em;
    padding-bottom:       1em;
}

table.padding_right tr td {
    padding-right:        4em;
}

/* -------------------------------------------------------------------------- */
/* General link settings                                                      */
/* -------------------------------------------------------------------------- */

a:link {
    color:                #0080bc;
    text-decoration:      none;
    font-weight:          bold;
}
a:visited {
    color:                #0080bc;
    text-decoration:      none;
    font-weight:          bold;
}
a:hover {
    color:                #0080bc;
    text-decoration:      underline overline;
    font-weight:          bold;
}
a:active {
    color:                #0080bc;
    text-decoration:      none;
    font-weight:          bold;
}
#menu a {
    color:                #000000;
    text-decoration:      none;
    font-weight:          normal;
    padding:              0px 5px 0px 5px;
    display:              block;
}
#menu a:hover {
    color:                #000000;
    text-decoration:      none;
    font-weight:          normal;
}

h1 a[name], h2 a[name], h3 a[name], h4 a[name] {
    position:             relative;
    top:                  -85px;
    height:               0px;
    width:                0px;
    display:              block;
    visibility:           hidden;
    text-decoration:      none;
    font-size:            2px;
    font-weight:          normal;
    line-height:          0px;
}


/* -------------------------------------------------------------------------- */
/* General text style settings                                                */
/* -------------------------------------------------------------------------- */

h1 {
    font-size:            18pt;
    font-weight:          bold;
    letter-spacing:       3pt;
    text-align:           left;
    margin-bottom:        1em;
}
h2 {
    font-size:            14pt;
    font-weight:          bold;
    letter-spacing:       2pt;
    text-align:           left;
    margin-top:           2em;
    margin-bottom:        1em;
}
h3 {
    font-size:            12pt;
    font-weight:          bold;
    letter-spacing:       1pt;
    text-align:           left;
    margin-top:           1.5em;
    margin-bottom:        1em;
}
h4 {
    font-size:            10pt;
    font-weight:          bold;
    letter-spacing:       0pt;
    text-align:           left;
    margin-top:           1.5em;
    margin-bottom:        0.5em;
}
h5 {
    font-size:            12pt;
    font-weight:          bold;
    letter-spacing:       1pt;
    text-align:           left;
    margin-top:           0.3em;
    margin-bottom:        0.3em;
}
h6 {
    font-size:            10pt;
    font-weight:          normal;
    text-decoration:      underline;
    text-align:           left;
    margin-top:           2em;
    margin-bottom:        1em;
}
    
div#main img.left {
    float:                left;
    margin:               0px 25px 25px 0px;
}
div#main img.right {
    float:                right;
    margin:               0px 0px 25px 25px;
}
img {
    border:               0;
}
.clear_all {
    clear:                both;
}
}
/* -------------------------------------------------------------------------- */