/* CSS für Gabriele Ergenz - Multimedia Produktionen */
/* Autorin: Alexandra Steiner - www.alexandra-steiner.at */
/* Datum: 18.06.09 */

body {
   background-color: #fcfcfc;
   margin: 0;
   padding: 0;
}

* {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

strong {
   font-weight: 900;
}

h1, h2, h3 {
   color: #000000;
   font-weight: 100;
}
h1 {
   clear: left;
   font-size: 1.3em;
   padding: 0 0 10px 0;
}
h2 {
   clear: left;
   color: #524f65;
   font-size: 1.0em;
   padding: 10px 0 5px 0;
}
h3 {
   color: #a8a7b2;
   font-size: 0.8em;
   padding: 10px 0 0 0;
}

address {
   font-size: 0.8em;
   line-height: 1.4em;
   padding: 10px 0;
   font-style: normal;
   text-align: justify;
}

p {
   font-size: 0.8em;
   line-height: 1.4em;
   padding: 8px 0;
   text-align: justify;
}
ul, ol {
   font-size: 0.8em;
   padding: 5px 0;
   margin: 0 0 0 15px;
   text-align: justify;
}

ul {
   list-style-type: disc;
}
ol {
   list-style-type: decimal;
}

li {
   padding: 5px 0 0 0;
}

img {
/*   float:left;*/
   margin: 14px 10px 5px 0;
   border:1px solid #524f65;
}

a[href^="http"] {
	background:url(images/icon_link.gif) top right no-repeat;
	padding-right: 13px;
}
a[href^="mailto"] {
	background:url(images/icon_mail.gif) top right no-repeat;
	padding-right: 13px;
}

a:link {
   color: #000000;
   text-decoration: underline;
}
a:visited {
   color: #919191;
   text-decoration: none;
}
a:focus {
   color: #ffffff;
   background-color: #524f65;
}
a:hover {
   color: #c8c8c8;
   text-decoration: none;
}
a:active {
   color: #000000;
   text-decoration: underline;
}
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------- Multi Media Produktionen ----------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* Wrapper */

#wr_mmp_top {
   background: url(images/ecke_lo_mmp.gif) left top no-repeat;
   margin: 5px auto;
   width: 875px;

}
#wr_mmp_bot {
   background: url(images/ecke_lu_spielraum.gif) left bottom no-repeat;
   width: 875px;
}

/* Header */

#haeder_mmp {
   background: url(images/logo_mmp.gif) top no-repeat;
   width: 585px;
   height: 45px;
   margin: 0 0 5px 290px;

}
#haeder_mmp a {
   display: block;
   width: 585px;
   height: 46px;
   background: none;
}
#haeder_mmp span {
   margin-left: -3000px; 
}

   /* Menueleiste */

.mmp {
   margin: 40px 0 0 0;
   font-variant: small-caps;
   font-size: 26px;
}
.mmp li {
   line-height: 26px;
   margin: 0;
   padding: 0;
}
.mmp li:first-letter {
   font-size: 22px;
}
.mmp span {
   font-weight: 900;
}
.mmp a {
   color: #000000;
   text-decoration: none;
   background: none;
   padding: 0;
}
.mmp a:link span {
   color: #000000;
}
.mmp a:visited span {
   color: #919191;
}
.mmp a:focus {
   color: #a8a7b2;
   background: none;
}
.mmp a:hover span {
   color: #c8c8c8;
}
.mmp a:active span {
   color: #000000;
}

/* Footer */

#footer_mmp {
   background: url(images/logo_spielraum.gif) top no-repeat;
   width: 585px;
   height: 45px;
   margin: 5px 0 0 0;

}
#footer_mmp a {
   display: block;
   width: 585px;
   height: 45px;
   background: none;
   padding: 0;
}
#footer_mmp span {
   margin-left: -3000px; 
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------ Spielraum ------------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */

/* Wrapper */

#wr_spielraum_top {
   background: url(images/ecke_lo_spielraum.gif) left top no-repeat;
   margin: 5px auto;
   width: 875px;
}
#wr_spielraum_bot {
   background: url(images/ecke_lu_mmp.gif) left bottom no-repeat;
   width: 875px;
}

/* Header */

#haeder_spielraum {
   background: top no-repeat;
   width: 585px;
   height: 45px;
   margin: 0 0 5px 290px;
}
#haeder_spielraum a {
   display: block;
   width: 585px;
   height: 46px;
   background: none;
   padding: 0;
}
#haeder_spielraum span {
   margin-left: -3000px; 
}

/* Menueleiste */

.spielraum {
   margin: 40px 0 0 0;
   font-variant: small-caps;
   font-size: 26px;
}
.spielraum li {
   line-height: 26px;
   margin: 0;
   padding: 0;
}
.spielraum li:first-letter {
   font-size: 22px;
}
.spielraum span {
   font-weight: 900;
}

.spielraum a {
   color: #000000;
   text-decoration: none;
   background: none;
   padding: 0;
}
.spielraum a:link {
   color: #000000;
}
.spielraum a:link .col1 {
   color: #785580;
}
.spielraum a:link .col2 {
   color: #65806d;
}
.spielraum a:link .col3 {
   color: #804040;
}
.spielraum a:link .col4 {
   color: #464680;
}

.spielraum a:visited {
   color: #000000;
}

.spielraum a:focus {
   color: #000000;
   background: none;
}
.spielraum a:hover {
   color: #000000;
}
.spielraum a:hover .col1 {
   color: #efabff;
}
.spielraum a:hover .col2 {
   color: #bceecc;
}
.spielraum a:hover .col3 {
   color: #e67272;
}
.spielraum a:hover .col4 {
   color: #7b7bde;
}

.spielraum a:active {
   color: #000000;
}



.spielraum .no1 {
   color: #efabff;
}
.spielraum .no2 {
   color: #bceecc;
}
.spielraum .no3 {
   color: #e67272;
}
.spielraum .no4 {
   color: #7b7bde;
}


/* Footer */

#footer_spielraum {
   background: url(images/logo_mmp.gif) top no-repeat;
   width: 585px;
   height: 45px;
   margin: 5px 0 0 0;

}
#footer_spielraum a {
   display: block;
   width: 585px;
   height: 45px;
   background: none;
}
#footer_spielraum span {
   margin-left: -3000px; 
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- Allgemeine Stile  --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* Menuestruktur */

#menue {
   float:left;
   width: 200px;
   margin: 120px 0 0 0;
   padding: 0 0 0 75px;
}
#menue ul {
   padding: 0;
   list-style-type: none;
}
#menue li {
   padding: 0;
   margin: 0;
}

/* Allgemeine Menueleiste - Inhalte gleichbleibend*/

#menue .allgemein {
   margin: 0;
   padding: 0 0 0 5px;
   font-size: 0.7em;
   line-height: 1.25em;
}
.allgemein a {
   background: none;
   padding: 0;
}
.allgemein a:link {
   color: #000000;
   text-decoration: underline;
}
.allgemein a:visited {
   color: #000000;
   text-decoration: none;   
}
.allgemein a:focus {
   color: #000000;
   text-decoration: none;
   font-weight: 600;
   background: none;
}
.allgemein a:hover {
   color: #524f65;
   text-decoration: none;
}
.allgemein a:active {
   color: #000000;
   text-decoration: none;   
}


/* Inhalt */

#content {
   margin: 0 0 0 290px;
}

#text {
   overflow: auto;
   padding: 5px 20px;
   margin: 5px 0 0 0;
   height: 340px;
}

#top {
   margin: 0 0 0 560px;
}
#top a {
   background: url(images/pfeil.gif) top no-repeat;
   display: block;
   height: 13px;
   width: 25px;
}
#top p span {
   margin-left: -3000px;
}


.ue {
   color: #e67272;
}
.oe {
   color: #7b7bde;
}
.ae {
   color: #efabff;
}
.sz {
   color: #bceecc;
}
/* Standortanzeige */

#standort {
   height: 50px;
   background-color: #f1f1f1;
}   
#standort p {
   text-align: right;
   padding: 30px 5px 0 0;
   font-size: 0.75em;
   margin: 0;
   line-height: 0.75em;
}
#standort p span {
   font-size: 1.3em !important;
   font-variant:small-caps;
   margin: 0;
   padding: 0;
   line-height: 0.75em;
}
#standort p:first-letter {
   font-size: 85% !important;
}



.projektliste {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.projektliste li {
   display:block;
   width: 230px;
   float: left;
}
.projektliste li h2 {
   font-size: 130% !important;
}

/* Fussbrereich */

#footer {
   clear:left;
   margin: 0 0 0 290px;
}
.footer_inh {
   height: 46px;
   background-color: #f4f4f5;
   padding: 5px 5px 0 0;
}
.footer_inh p {
   text-align: right;
   color: #000000;
   font-size: 0.7em;
   margin: 0;
   padding: 0;
   line-height: 0.75em;
}
.footer_inh span {
   font-weight: 900;
}
.footer_inh a {
   text-decoration: underline;
   background: none;
   padding: 0;
}
.footer_inh a:link {
   color: #000000;
}
.footer_inh a:visited {
   color: #919191;
}
.footer_inh a:focus {
   color: #000000;
   font-weight: 900;
   background: none;
}
.footer_inh a:hover {
   color: #524f65;
   text-decoration: none;
}
.footer_inh a:active {
   color: #000000;
}