html { font-size: 125%; line-height: 1.3; width: 100%; height: 100%; margin: 0; padding: 0; }
body {  font-size: 50%; font-family: Verdana, Arial, Helvetica, "Bitstream Vera", sans-serif; line-height: inherit; background-color: #dedede; background-image: url(../images/back.jpg); background-repeat: repeat-y; background-position: 50% 0; text-align: left; width: 100%; height: 100%; margin: 0; padding: 0; }


#avl-main { background-image: url(../images/avl-back-verlauf-1.jpg); background-repeat: repeat-x; background-position: left top; text-align: right; position: absolute; top: 0; left: 0; width: 49%; height: 45em; z-index: 500; visibility: visible; }
#avl-main img { width: 100%; height: 45em; }
#lra-main { background-image: url(../images/lra-back-verlauf-1.jpg); background-repeat: repeat-x; background-position: left top; text-align: left; position: absolute; top: 0; right: 0; width: 49%; height: 45em; z-index: 500; visibility: visible; }
#lra-main img { width: 100%; height: 45em; }
#mainbody { font-size: 100%; text-align: center; position: relative; width: 98em; z-index: 1000; margin: 0 auto; padding: 0; border-style: none; border-width: 1px; }


/* service */
#service { font-size: 100%; position: relative; width: 50em; z-index: 1000; margin: 0 auto; border: 1px fuchsia; }
#service-center-back-img { position: relative; width: 49em; height: 50em; z-index: 1000; }

#service-content { color: #333; font-size: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; margin: 0; padding: 24em 0 0; border-style: none; border-width: 1px; }
#service-content p { margin: 0 0 3em 0; padding: 0; }

#service-content a:link,
#service-content a:visited { color: #666; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw35pro.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 10px 0 0; }
#service-content a:hover,
#service-content a:active { color: #000; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw.gif); background-repeat: no-repeat; background-position: right center; text-decoration: underline; margin: 0; padding: 0 10px 0 0; }

#service-content strong { color: #666; margin: 0; padding: 0; }


#service-left-col { text-align: right; width: 49%; float: left; margin: 0; padding: 0; }
#service-left-col h1 { font-size: 130%; line-height: 1; text-align: right; margin: 0 1.5em 1.8em 0; padding: 0; }
#service-left-col p { margin: 0 2em 3em 0; padding: 0; }

#service-right-col { text-align: left; width: 49%; float: right; margin: 0; padding: 3.7em 0 0; }
#service-right-col strong { color: #666; width: 4em; float: left; margin: 0; padding: 0; }
#service-right-col .zeitenund { color: #666; width: 3.5em; float: left; margin: 0; padding: 0 .5em 0 0; text-align: right; }
#service-right-col p { margin: 0 0 1.5em 1em; padding: 0; }

/* service - end. */

/* impressum */
#impressum { font-size: 100%; text-align: left; position: relative; width: 45em; z-index: 1000; margin: 0 auto; border: 1px fuchsia; }
#impressum-content { margin: 0; padding: 1.75em 0 1.75em 4em; }
#impressum p { margin: 0 0 1em 0; padding: 0; }
#impressum p.zurueck { text-align: left; margin: 0 0 1em; padding: 0; }

#impressum a:link,
#impressum a:visited { color: #666; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw35pro.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 10px 0 0; }
#impressum a:hover,
#impressum a:active { color: #000; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw.gif); background-repeat: no-repeat; background-position: right center; text-decoration: underline; margin: 0; padding: 0 10px 0 0; }

#impressum a.img-link:link,
#impressum a.img-link:visited { background-image: none !important; padding-right: 0 !important; }
#impressum a.img-link:hover,
#impressum a.img-link:active { background-image: none !important; text-decoration: none !important; padding-right: 0 !important; }


#impressum p.zurueck a:link,
#impressum p.zurueck a:visited { color: #888; font-weight: normal; background-image: url(../images/service/pfeil-links-sw35pro.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; position: relative; margin: 0; padding: 0 0 0 10px; }
#impressum p.zurueck a:hover,
#impressum p.zurueck a:active { color: black; font-weight: normal; background-image: url(../images/service/pfeil-links-sw.gif); background-repeat: no-repeat; background-position: left center; text-decoration: underline; position: relative; margin: 0; padding: 0 0 0 10px; }


#impressum h1 { font-size: 150%; line-height: inherit; text-align: left; margin: 2em 0 1em; padding: 0; }
#impressum h1.firstheader { margin-top: 0 !important; margin-bottom: 2em !important; }

#impressum h2 { font-size: 140%; line-height: inherit; text-align: left; margin: 3em 0 1em; padding: 0; }
#impressum h3 { font-size: 110%; line-height: inherit; text-align: left; margin: 2.5em 0 0.5em; padding: 0; }

#media-arts-interactive-logo  { float: right; }
/* impressum - end. */


/* avl */
#avl { font-size: 100%; text-align: left; position: absolute; top: 0; left: 0; width: 49.5%; height: 90em; z-index: 500; border: 1px aqua; }
#avl-back-img { position: absolute; top: 0; right: 0; width: 49em; height: 50em; z-index: 500; }

#avl-content { font-size: 100%; text-align: left; position: absolute; top: 0; left: 0; width: 250px; z-index: 1000; margin: 0; padding: 18em 0 0 1em; border: 1px red; }
#avl-content p { margin: 0 30px 3em 0; padding: 0; }

#avl-content a:link,
#avl-content a:visited { color: #666; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw60pro.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 10px 0 0; }
#avl-content a:hover,
#avl-content a:active { color: #000; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw.gif); background-repeat: no-repeat; background-position: right center; text-decoration: underline; margin: 0; padding: 0 10px 0 0; }

#avl-content h1 { font-size: 110%; line-height: inherit; text-align: left; margin: 0 0 5em; padding: 0; }
#avl-content h2 { font-size: 105%; line-height: inherit; text-align: left; margin: 0 0 0.5em; padding: 0; }

#avl-content h1 a:link,
#avl-content h1 a:visited { color: #000; font-weight: bold; background-image: none; background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 0 0 0; }
#avl-content h1 a:hover,
#avl-content h1 a:active { color: #000; font-weight: bold; background-image: none; background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 0 0 0; }

#avl .list-menue { font-size: 100%; margin: 1em 0 0; padding: 3em 0 0; border-color: #999; border-style: solid none none; border-width: 1px; }
#avl .list-menue li { margin: 0 0 1.5em; padding: 0; list-style-type: none; }
#avl .list-menue li a:link,
#avl .list-menue li a:visited { color: #333; font-weight: bold; background-image: url(../images/service/pfeil-links-sw60pro.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; margin: 0; padding: 0 0 0 10px; }
#avl .list-menue li a:hover,
#avl .list-menue li a:active { color: black; font-weight: bold; background-image: url(../images/service/pfeil-links-sw.gif); background-repeat: no-repeat; background-position: left center; text-decoration: underline; margin: 0; padding: 0 0 0 10px; }
/* avl - end. */

/* lra */
#lra { font-size: 100%; text-align: right; position: absolute; top: 0; right: 0; width: 49.5%; height: 90em; z-index: 500; border: 1px aqua; }
#lra-back-img { position: absolute; top: 0; left: 0; width: 49em; height: 50em; z-index: 500; }

#lra-content { font-size: 100%; position: absolute; top: 0; right: 0; width: 250px; z-index: 1000; margin: 0; padding: 18em 1em 0 0; border: 1px red; }
#lra-content p { margin: 0 0 3em 30px; padding: 0; }

#lra-content a:link,
#lra-content a:visited { color: #666; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw60pro.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 10px 0 0; }
#lra-content a:hover,
#lra-content a:active { color: #000; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw.gif); background-repeat: no-repeat; background-position: right center; text-decoration: underline; margin: 0; padding: 0 10px 0 0; }

#lra-content h1 { font-size: 110%; line-height: inherit; text-align: right; margin: 0 0 5em; padding: 0; }
#lra-content h2 { font-size: 105%; line-height: inherit; text-align: right; margin: 0 0 0.5em; padding: 0; }

#lra-content h1 a:link,
#lra-content h1 a:visited { color: #000; font-weight: bold; background-image: none; background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0; }
#lra-content h1 a:hover,
#lra-content h1 a:active { color: #000; font-weight: bold; background-image: none; background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0; }

#lra .list-menue { font-size: 100%; margin: 1em 0 0; padding: 3em 0 0; border-color: #999; border-style: solid none none; border-width: 1px; }
#lra .list-menue li { margin: 0 0 1em; padding: 0; list-style-type: none; }
#lra .list-menue li a:link,
#lra .list-menue li a:visited { color: #333; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw60pro.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 0 10px 0 0; display: block; }
#lra .list-menue li a:hover,
#lra .list-menue li a:active { color: black; font-weight: bold; background-image: url(../images/service/pfeil-rechts-sw.gif); background-repeat: no-repeat; background-position: right center; text-decoration: underline; margin: 0; padding: 0 10px 0 0; display: block; }
/* lra - end. */

/* fusszeile */
#fusszeile { font-size: 100%; line-height: inherit; text-align: center; position: relative; z-index: 5000; margin: 4em 0 2em; padding: 0 0 0 5em; }

#fusszeile a:link,
#fusszeile a:visited { color: #888; font-weight: normal; background-image: none; text-decoration: none; position: relative; margin: 0; padding: 0; }
#fusszeile a:hover,
#fusszeile a:active { color: black; font-weight: normal; background-image: none; text-decoration: underline; position: relative; margin: 0; padding: 0; }
/* fusszeile - end. */