#container01 {
 	width: 250px;
	height: 250px;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 20px;
	margin-top: 20px;
 	z-index: 1;	
	vertical-align: bottom;
	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#container02 {
 	width: 250px;
	height: 250px;
	background-color: #ffffff;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 290px;
	margin-top: 20px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#navreferenzen {
 	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	bottom:8px; 
	left:10px;
	z-index: 2;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#navpfeile {
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	bottom:8px; 
	right:10px;
 	z-index: 3;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}
	
#container03 {
 	width: 250px;
	height: 250px;
	background-color: #ffffff;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 560px;
	margin-top: 20px;
	overflow:none;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#container04 {
 	width: 250px;
	height: 250px;
	background-color: #a51d1d;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 20px;
	margin-top: 290px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	
	}

#container04elle {
 	width: 250px;
	height: 250px;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 20px;
	margin-top: 290px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	
	}
#container05 {
 	width: 250px;
	height: 250px;
	background-color: #a51d1d;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 290px;
	margin-top: 290px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}
#container06 {
 	width: 250px;
	height: 250px;
	background-color: #ffffff;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 560px;
	margin-top: 290px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#container07 {
 	width: 250px;
	height: 100px;
	background-color: #cccccc;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 20px;
	margin-top: 560px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#container08 {
 	width: 115px;
	height: 115px;
	background-color: #ffffff;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 830px;
	margin-top: 20px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#container09 {
 	width: 115px;
	height: 115px;
	background-color: #ffffff;
	background-image: url(/_pix/logoelle_klein.gif);
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 830px;
	margin-top: 155px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#containerlayerback {
 	width: 36px;
	height: 27px;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 830px;
	margin-top: 243px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}
#containerlayerforward {
 	width: 36px;
	height: 27px;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 866px;
	margin-top: 243px;
 	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#containercontent {
 	width: 520px;
	
	min-height: 520px;
	height:auto !important;  /* für moderne Browser */
  	height:520px;  /*für den IE */


	background-color: #ffffff;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 290px;
	margin-top: 20px;
		
	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}

#containercontact {
 	width: 520px;
	
	min-height: 520px;
	height:auto !important;  /* für moderne Browser */
  	height:520px;  /*für den IE */
	background-image: url(/_pix/contact01.gif);
	background-repeat: no-repeat;

	background-color: #ffffff;
	position: absolute;	/* bewirkt, dass das element von den anderen elementen der seite abhaengig ist */
	margin-left: 290px;
	margin-top: 20px;
		
	z-index: 1;	/* reihenfolge der ebenen (je kleiner der wert, desto weiter hinten ist das element */
	}
	
/*
---------------------------------------------------------------------------
Schrift mit Bildern ersetzen.
---------------------------------------------------------------------------
*/

#homecontentbild {
 	background-image: url(/_pix/de_home_content.gif);	
	background-repeat: no-repeat;
	position: absolute;
	height: 50px; width: 500px;
	bottom: 0px;
	
	}

.homespanbild  {display:none;}

#agenturcontentbild {
 	background-image: url(/_pix/agentur.gif);	
	background-repeat: no-repeat;
	height: 65px; width: 480px;
	
	}

.agenturspanbild  {display:none;}



#ellecontentbild {
 	background-image: url(/_pix/hl_elle_oben.gif);	
	background-repeat: no-repeat;
	
	height: 66px; width: 482px;
		
	}

.ellespanbild  {display:none;}


img.bottom {vertical-align:text-bottom}

/*
---------------------------------------------------------------------------
HTML Tags
---------------------------------------------------------------------------
*/
body
{
 font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
 scrollbar-base-color:#a51d1d;
 scrollbar-dark-shadow-color:#a51d1d;
 scrollbar-face-color:#a51d1d;
 scrollbar-highlight-color:#cccccc;
 scrollbar-shadow-color:#cccccc;
 scrollbar-arrow-color:#cccccc;
 scrollbar-3d-light-color:#a51d1d;
}

em
{
font-weight:bold; font-style:normal;
}

ul
{
 margin-top:0px;
 margin-bottom:0px;
 font-size:100%; line-height:130%; text-align:left; font-weight:normal;
}

li
{
 font-size:100%; line-height:130%; text-align:left; font-weight:normal;
}

h1
{
 font-size:100%;
 color:#a51d1d;
 font-weight:bold;
 margin-top: -15px;
 margin-bottom: -13px;
 display:inline;
}

h2
{
 font-size:100%;
 color:#0052b8;
 font-weight:normal;
 display:inline;
}

h3
{
 font-size:100%;
 color:#0066CC;
 font-weight:bold;
 display:inline;
}

h4
{
 font-size:80%;
 padding-left:0px;
 padding-right:20px;
 padding-top:15px;
 font-weight:normal;
}

p
{
 padding-left:30px;
 padding-right:8px;
 padding-top:0px;
 padding-bottom:0px;
 font-size:100%; color:#000000; line-height:130%; text-align:left; font-weight:normal;
}



.adrtxtleft
{
 font-size:8pt;
 color:#000000;
 text-align: right;

}


.adrlnk
{
 font-size:9pt;
 color:#a51d1d;
 font-weight:bold;
}

A.LnkFooter:link,
A.LnkFooter:visited,
A.LnkFooter:active,
A.LnkFooter:hover
{
 font-size:8pt;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
}

A.LnkFooterelle:link,
A.LnkFooterelle:visited,
A.LnkFooterelle:active,
A.LnkFooterelle:hover
{
 font-size:8pt;
 color:#1b3365;
 font-weight:normal;
 text-decoration:none;
}


.search
{
 font-size:8pt; color:#000000; text-align:left; 
 width:155px; border:1px solid #ffffff; background-color:#ffffff;
}

/*
---------------------------------------------------------------------------
Content-Bereich - HL / VO / AR / FT1 / FT2 / Bildunterschrift
+ Container für Links / PDF-Links / Med-Links / More-Links
---------------------------------------------------------------------------
*/

.cHL
{
 font-size:100%;
 color:#000000;
 font-weight:bold;
}

.cIN
{
 font-size:80%;
 color:#000000;
 font-weight:normal;
}

.cLT
{
 font-size:80%;
 color:#000000;
 font-weight:normal;
}

.cct1
{
 font-size:80%;
 color:#000000;
 font-weight:normal;
}
.cct1s
{
 font-size:70%;
 color:#000000;
 font-weight:normal;
}

.referenzen
{
 width: 220px;
 font-size:80%;
 color:#000000;
 font-weight:normal;
 position: absolute;
 top:10px;
 left:15px;

}
.kundenunten
{
 width: 220px;
 font-size:80%;
 color:#000000;
 font-weight:normal;
 position: absolute;
 bottom:10px;
 left:15px;

}

.agentur
{
 width: 480px;
 font-size:80%;
 color:#000000;
 font-weight:normal;
 position: absolute;
 bottom:10px;
 left:20px;

}

.impressum
{
 width: 480px;
 font-size:80%;
 color:#000000;
 font-weight:normal;
 position: absolute;
 bottom:10px;
 left:20px;

}

.cct1contact
{
 font-size:8pt;
 color:#000000;
 font-weight:normal;
}

.cCT2
{
 font-size:80%;
 color:#000000;
 font-weight:normal;
}


.chlelle
{
 font-size:100%;
 color:#1b3365;
 font-weight:bold;
}

.cinelle
{
 font-size:80%;
 color:#1b3365;
 font-weight:normal;
}

.cltelle
{
 font-size:80%;
 color:#1b3365;
 font-weight:normal;
}

.rot
{
 color:#a51d1d;
 font-weight:normal;
}

.rotbold
{
 color:#a51d1d;
 font-weight:bold;
}

.cct1elle
{
 font-size:70%;
 color:#1b3365;
 font-weight:normal;
}

.cct2elle
{
 font-size:80%;
 color:#1b3365;
 font-weight:normal;
}


.cCAP
{
 font-size:80%;
 color:#000000;
 font-weight:normal;
}

.cLnkLink
{
 font-size:80%;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
 margin-top:2px;
}

.cLnkPdf
{
 font-size:80%;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
 margin-top:2px;
}

.cLnkMed
{
 font-size:80%;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
 margin-top:2px;
}

.cLnkMore
{
 font-size:80%;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
}


/*
---------------------------------------------------------------------------
NAVI - LEVEL 1 bis 5 (stay und hover) für navi
---------------------------------------------------------------------------
*/

.navL1stay
{
 margin-top:5px;
}

.navL1hover
{
 font-size:10pt;
 color:#999999;
 font-weight:bold;
 margin-left:10px;
 margin-bottom:8px;
}

.navL2stay
{
 font-size:8pt;
 color:#999999;
 font-weight:normal;
 margin-left:20px;
 margin-bottom:4px;
}

.navL2hover
{
 font-size:8pt;
 color:#999999;
 font-weight:normal;
 margin-left:20px;
 margin-bottom:4px;
}

.navL3stay
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
 margin-left:25px;
 margin-bottom:2px;
}

.navL3hover
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
 margin-left:25px;
 margin-bottom:2px;
}

.navL4stay
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
 margin-left:30px;
}

.navL4hover
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
 margin-left:30px;
}

.navL5stay
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
 padding-left: 35px;
}

.navL5hover
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
 padding-left: 35px;
}


/*
---------------------------------------------------------------------------
Adress-Bereich - HL / VO / AR / FT1 / FT2
---------------------------------------------------------------------------
*/

.adrHL
{
 font-size:9pt;
 color:#b6ccde;
 font-weight:bold;
}

.adrTXTright
{
 font-size:9pt;
 color:#000000;
 text-align: right;


}



/*
---------------------------------------------------------------------------
Zusatz-Bereich - HL / TXT
---------------------------------------------------------------------------
*/


.xtraHL
{
 font-size:90%;
 color:#002e56;
 font-weight:bold;
}

.xtraTXT
{
 font-size:80%;
 color:#002e56;
 font-weight:normal;
}


/*
---------------------------------------------------------------------------
FORMULARE - Fieldset / Text / Input-Felder / Textareas / Selectbox / Buttons
---------------------------------------------------------------------------
*/

.fFSET
{
 font-size:100%;
 color:#000000;
 font-weight:bold;
 border: solid 1px #8c8c8c;
 padding:10px;
}

.fTXT
{
 font-size:80%;
 color:#000000;
 font-weight:normal;
}

.fINPUT
{
 font-size:100%;
 color:#000000;
 font-weight:normal;
 background-color:#ffffff;
 border: solid 1px #8c8c8c;
}

.fTAREA
{
 font-size:100%;
 font-weight:normal;
 color:#000000;
 text-align:left; 
 background-color:#ffffff;
 border:1px; border-style:solid;
 border-right-color:#8c8c8c;
 border-bottom-color:#8c8c8c;
 border-left-color:#c5c5c5;
 border-top-color:#c5c5c5;
 scrollbar-base-color:#ffffff; 
 scrollbar-dark-shadow-color:#d2071d; 
 scrollbar-face-color:#ffffff; 
 scrollbar-highlight-color :#d2071d;
 scrollbar-shadow-color:#000000;
 scrollbar-arrow-color:#d2071d; 
 scrollbar-3d-light-color:#089D39;
}

.fSELECT
{
 font-size:100%;
 color:#000000;
 font-weight:normal;
 background-color:#ffffff;
 border: solid 1px #8c8c8c;
}

.fBUTTON
{
 font-size:100%;
 color:#000000;
 font-weight:normal;
 background-color:#ffffff;
 border: solid 1px #8c8c8c;
}


/*
---------------------------------------------------------------------------
LINKS - ALLGEMEIN / NAVI / CONTENT / LINKS / PDF / MEDIA / ZIP / MORE / EMAIL / FOOTER / ADMIN-BEREICH
---------------------------------------------------------------------------
*/

A:link,
A:visited,
A:active,
A:hover
{
 text-decoration:none;
}

A.mailelle:link,
A.mailelle:visited,
A.mailelle:active,
A.mailelle:hover
{
 
 text-decoration:underline;
 color:#1b3365;
}

A.LnkNL1stay:link,
A.LnkNL1stay:visited,
A.LnkNL1stay:active,
A.LnkNL1stay:hover

{
 margin-top:5px;

 font-size:8pt;
 color:#000000;
 font-weight:bold;
 text-decoration:underline;
}



A.LnkNL1hover:link,
A.LnkNL1hover:visited,
A.LnkNL1hover:active,
A.LnkNL1hover:hover
{
 margin-top:5px;

 font-size:8pt;
 color:#a61d1e;
 font-weight:bold;
 text-decoration:underline;
}



A.LnkNL2stay:link,
A.LnkNL2stay:visited,
A.LnkNL2stay:active,
A.LnkNL2stay:hover
{
 font-size:8pt;
 color:#999999;
 font-weight:bold;
}

A.LnkNL2hover:link,
A.LnkNL2hover:visited,
A.LnkNL2hover:active
{
 font-size:8pt;
 color:#999999;
 font-weight:normal;
}
A.LnkNL2hover:hover
{
 font-size:8pt;
 color:#999999;
 font-weight:bold;
}

A.LnkNL3stay:link,
A.LnkNL3stay:visited,
A.LnkNL3stay:active,
A.LnkNL3stay:hover
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:bold;
}

A.LnkNL3hover:link,
A.LnkNL3hover:visited,
A.LnkNL3hover:active
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:normal;
}
A.LnkNL3hover:hover
{
 font-size:8pt;
 color:#b6ccde;
 font-weight:bold;
}

A.LinkContent:link,
A.LinkContent:visited,
A.LinkContent:active,
A.LinkContent:hover
{
 color:#000000;
 text-decoration:underline;
}

A.LnkLink:link,
A.LnkLink:visited,
A.LnkLink:active,
A.LnkLink:hover
{
 color:#000000;
 font-weight:bold;
 text-decoration:none;
}

A.LnkPdf:link,
A.LnkPdf:visited,
A.LnkPdf:active,
A.LnkPdf:hover
{
 color:#000000;
 font-weight:bold;
 text-decoration:underline;
}

A.LnkMedia:link,
A.LnkMedia:visited,
A.LnkMedia:active,
A.LnkMedia:hover
{
 color:#000000;
 font-weight:bold;
 text-decoration:underline;
}

A.LnkZip:link,
A.LnkZip:visited,
A.LnkZip:active,
A.LnkZip:hover
{
 color:#000000;
 font-weight:bold;
 text-decoration:underline;
}

A.LnkMore:link,
A.LnkMore:visited,
A.LnkMore:active,
A.LnkMore:hover
{
 color:#000000;
 font-weight:bold;
 text-decoration:none;
 }

A.LnkEmail:link,
A.LnkEmail:visited,
A.LnkEmail:active,
A.LnkEmail:hover
{
 font-size:80%;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
}



A.LnkAdmin:link,
A.LnkAdmin:visited,
A.LnkAdmin:active
{
 font-size:8pt;
 color:#999999;
 font-weight:bold;
 text-decoration:underline;
}
A.LnkAdmin:hover
{
 font-size:8pt;
 color:#999999;
 font-weight:bold;
 text-decoration:underline;
}

A.LnkAdmN:link,
A.LnkAdmN:visited,
A.LnkAdmN:active,
A.LnkAdmN:hover
{
 font-size:80%;
 color:#999999;
 font-weight:bold;
 text-decoration:none;
}

A.LnkXtra:link,
A.LnkXtra:visited,
A.LnkXtra:active,
A.LnkXtra:hover
{
 font-size:8pt;
 color:#002e56;
 font-weight:bold;
 text-decoration:none;
}


/*
---------------------------------------------------------------------------
SPECIALS - xs / ...
---------------------------------------------------------------------------
*/

.xs
{
 font-size: 1pt;
}