/* ------------------------------------------------------- */
/* Stylesheet fόr die Internetprδsentation von Reklamebόro */
/* ------------------------------------------------------- */

/* alle Abstδnde auf 0 setzen */

* { margin: 0; padding: 0; } 

html { 
   font-size: 100.01%;     /* korrigiert Rundungsfehler     */
   height: 101%;           /* erzwingt Scrollbar im Firefox */
	
	}
h1, p { 
   margin-bottom: 0em; 
   }

ul, ul ul, li, ul li { 
   margin: 0; 
   padding: 0; 
   }

strong { 
   font-size: 120%; 
   font-weight: 500; 
   line-height: 2em; 
   }

.clearMe {
  clear: both;
	}

.unsichtbar { 
   position: absolute; 
   top: -1000px; 
   left: -1000px; 
   width: 0; 
   height: 0; 
   overflow: hidden; 
   display: inline; 
   }
   
.bolder { 
   font-size: 1.5em; 
   font-weight: 700; 
   }

/* -------------------------- */
/* Bereich fόr den "body" */
/* ----------------------- - */

body { 
   background-color: #e2e2e2; 
   color: #666; 
   font-size: 62.5%;     /* setzt die Schriftgrφίe auf 10 pt zurόck */ 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   text-align: center;   /* positioniert die Prδsentation zentriert */ 
   position: relative; 
   }
   
/* -------------------------- */
/* Bereich fόr den "wrapper" */
/* ----------------------- - */

#wrapper { 
   width: 100em; 
   height: auto;
   margin-right: auto;    /* zentriert die Prδsentation  */   
   margin-left: auto;     /* zentriert die Prδsentation  */ 
   text-align: left; 
   background: #fff fixed left top; 
   background-image: url(/images/bg.gif);
   background-repeat: repeat-y;
   background-position: center top;
   }
  
/* ------------------------ */  
/* Bereich fόr die "Kopf" */
/* ----------------------- */
#header { 
    height: 14em; 
    width: 94em;
    margin-left: 3em;
    position: relative; 
    top: 0; 
    background-image: url(../images/header_reklame.jpg); 
    background-repeat: no-repeat; 
    z-index: 0;
	}
 
#header img { 
    position: absolute;
    top: 8.2em;
    left: 3em;
    z-index: 100;
	}
	
/* ----------------------------- */  
/* Bereich fόr die "Navigation" */
/* ----------------------------- */  

#navigation { 
	height: 2.5em; 
	width: 88em;
	margin-left: 5.9em; 
        padding-top: 1.5em;
	background-image: url(../images/dot.gif); 
	background-position: bottom; 
	background-repeat: repeat-x;  
	}

* html #navigation  {                      /* Star-HTML-Hack */  
        padding-top: 1.5em;
        margin-top: 1.5em;
        pad\ding-top: 1.5em;
        mar\gin-top: 0em;
        }

#navigation #navi_left { 
	width: auto;
        float: left;
        z-index: 10;
        margin-left: -0.3em;
	}
	
#navigation #navi_right {
	float: right;
        z-index: 50;
        margin-right: 1.5em;
	}
   
#navigation ul { 
        list-style-type: none; 
        }
  
#navi_left li, #navi_right li { 
	text-align: left; 
	vertical-align: bottom; 
	width: auto; 
	display: inline; 
	white-space: nowrap; 
	}
    
* html #navigation li { 
	height: 1%;
	}
	
#navigation #navi_left li a { 
	color: #333; 
	font-size: 1.3em; 
	text-decoration: none; 
	vertical-align: top; 
        padding: 0 0.3em 0 0.3em;
	}

#navigation #navi_left ul li a.aktiv { 
	color: #f93; 
        font-size: 1.3em;
	text-decoration: none; 
	}

#navigation #navi_right li a { 
	color: #333; 
	font-size: 1.3em; 
	text-decoration: none; 
	vertical-align: top; 
	background-image: url(../images/pfeil.gif); 
	background-repeat: no-repeat; 
	background-position: 0; 
	padding: 0 0.3em 0 1.2em;
	}

#navigation #navi_left li a:hover, a:focus, #navigation #navi_right li a:hover, a:focus { 
	color: #666; 
	text-decoration: underline; 
	}

	
#navigation #navi_left li a:active, #navigation #navi_right li a:active { 
	color: #333; 
	text-decoration: none;  
	}



/* -----------------------–––––––––––––––––--------------–- */
/* Bereich fόr die "Bildbereich=Animation" aller Seiten     */
/* -----------------------–––––––––––––––––-------------––- */

#container_start { 
   width: 88em;
   margin-left: 6em;
   padding-top: 3.2em;
   color: #666; 
   overflow: hidden; 
   background-image: url(../images/dot.gif); 
   background-position: bottom; 
   background-repeat: repeat-x; 
   clear: both;
   }

* html #container_start {
   height: 1%;
 }
   
#container_start img.unten { 
   margin-bottom: 3em;
   } 
   
#animation { 
   margin-bottom: 3em;
   } 

#animation img { 
   width: 88em;
   height: 27em;
   margin-bottom: 1em;
  }

/* -----------------------–––––––––––––––––--------------–- */
/* Bereich fόr die Projekt-Seite (ohne Schmuckbild)         */
/* -----------------------–––––––––––––––––-------------––- */

#container_projekt { 
   width: 80em;
   margin-left: 5.455em;
   padding-top: 2.91em;
   color: #666; 
   overflow: hidden; 
   /* -background-image: url(../images/dot.gif); 
   background-position: bottom; 
   background-repeat: repeat-x; - */
   font-size: 1.1em; 
   line-height: 1.73em;
   clear: both;
   }

* html #container_projekt {
   height: 1%;
 }
   
#container_projekt img.unten { 
   margin-bottom: 1.818em;
   } 


#container_projekt img.rechts { 
   float: right; 
   }


#container_projekt .projekt  { 
   padding-bottom: 1.367em;
   padding-top: 1.367em;
   margin-bottom: 1.367em; 
   background-image: url(../images/dot.gif); 
   background-position: top; 
   background-repeat: repeat-x; 

   }


/* -----------------------–––––––––––––––––--------------–- */
/* Bereich fόr die "Bilder-Auflistung" der Projektseite     */
/* -----------------------–––––––––––––––––-------------––- */ 

#auflistung { 
   height: 27em;
   margin-bottom: 3em;
   } 

#auflistung img { 
   float: left;
   width: 21.6em;
   height: 13.3em;
   } 
   
#auflistung img.tile01 { 
   margin: 0 5px 4px 0;
   } 
   
#auflistung img.tile02 { 
   margin: 0 6px 4px 0;
   } 
   
#auflistung img.tile03 { 
   margin: 0 0 4px 0;
   }
   
#auflistung img.tile04 { 
   margin: 0 5px 0 0;
   }

#auflistung img.tile05 { 
   margin: 0 6px 0 0;
   }
   
/* -----------------------–––––––––––––––––--------------–- */
/* Bereich fόr den Inhaltsbereich / Spaltenlayout           */
/* -----------------------–––––––––––––––––-------------––- */ 

/* -----------------------–––––––––––––––––--------------–- */
/* Startseite   / 3-spaltiges Layout 330|310|240            */
/* -----------------------–––––––––––––––––-------------––- */ 


#column1_start {                  /* -- mit linkem und rechtem Rand zur Aufnahme der Spalten 2 und 3 --*/
    height: 33.63em;               /* -- Referenz sind 11 pt, Aufteilung 330|310|240 --*/
    z-index: 100;
    margin-left: 35.45em;          /* -- 390 px --*/
    margin-right: 21.82em;         /* -- 240 px --*/
    margin-top: 2.72em;            /* -- 30 px --*/
    margin-bottom: 1.82em;         /* -- 20 px --*/
    padding-left: 1.818em;         /* -- 20 px ---*/
    padding-right: 1.818em;        /* -- 20 px ---*/
    font-size: 1.1em; 
    line-height: 1.73em; 
    color: #666;
	}
	
#column2_start   {                /* -- δuίere linke Spalte --*/
    height: 33.63em; 
    position: relative;	          /* -- Gesamtbreite: 390px|330px --*/
    float: left; 
    width: 28.182em;              /* -- 310 px --*/
    z-index: 200; 
    padding-left: 5.455em;       /* -- 60 px --*/
    padding-right: 1.82em;       /* -- 20 px --*/
    margin-top: 2.72em; 
    margin-bottom: 1.82em; 
    background-image: url(../images/dot_linie.gif); 
    background-position: right; 
    background-repeat: repeat-y;   
    color: #666; 
    font-size: 1.1em; 
    line-height: 1.73em; 
    clear: both;
	}
	
#column3_start  {              /* -- δuίere rechte Spalte --*/
    height: 33.63em; 
    position: relative;         /* -- Gesamtbreite: 240px --*/
    float: right; 
    width: 18.181em;             /* -- 200 px --*/
    z-index: 100; 
    padding-left: 1.82em;      /* -- 20 px --*/
    padding-right: 1.82em;      /* -- 20 px --*/
    margin-top: 2.72em;
    margin-bottom: 1.82em; 
    background-image: url(../images/dot_linie.gif); 
    background-position: left; 
    background-repeat: repeat-y;   
    color: #666; 
    font-size: 1.1em; 
    line-height: 1.73em;  
    clear: right;
	}

/* -----------------------–––––––––––––––––--------------–- */
/* Hoehe der Container verkleinern                          */
/* -----------------------–––––––––––––––––-------------––- */ 

#start #column1_start {            /* -- mit linkem und rechtem Rand zur Aufnahme der Spalten 2 und 3 --*/
    height: 29.09em;               /* -- Referenz sind 11 pt, Aufteilung 330|310|240 --*/
	}

#start #column2_start {                  /* -- mit linkem und rechtem Rand zur Aufnahme der Spalten 2 und 3 --*/
    height: 29.09em;               /* -- Referenz sind 11 pt, Aufteilung 330|310|240 --*/
	}

#start #column3_start {                  /* -- mit linkem und rechtem Rand zur Aufnahme der Spalten 2 und 3 --*/
    height: 29.09em;               /* -- Referenz sind 11 pt, Aufteilung 330|310|240 --*/
	}

#start img.unten, #buero img.unten { 
	margin-bottom: 2.5em;
	}


#column1_start a:link, #column2_start a:link, #column1_andere a:link { 
	color: #900; 
        float: right;
	text-decoration: none; 
        padding-left: 10px;
        background-color: transparent;
        background-image: url(.../images/more.gif);
        background-repeat: no-repeat;
        background-position: 0pt 60%;
	}

#column3_start a:link  { 
        color: #900; 
	text-decoration: none; 
        padding-left: 10px;
        background-color: transparent;
        background-image: url(.../images/more.gif);
        background-repeat: no-repeat;
        background-position: 0pt 60%;
	}

#column3_start a:link.ohne  { 
        float: left;
        padding-left: 0;
        background-image: none;
        background-repeat: no-repeat;
        background-position: none;
	}
	
#column1_start a:hover, a:focus #column2_start a:hover, a:focus #column3_start a:hover, a:focus { 
	color: #333; 
	text-decoration: underline;
	}

#column1_start a:visited, #column2_start a:visited, #column3_start a:visited { 
	color: #333; 
	text-decoration: none;
	}

#column2_start a:link { 
	color: #900; 
        float: right;
	text-decoration: none;
        padding-left: 10px;
        background-color: transparent;
        background-image: url(.../images/more.gif);
        background-repeat: no-repeat;
        background-position: 0pt 60%; 
	}
	
#column2_start a:hover, a:focus { 
	color: #333; 
	text-decoration: underline;
	}

#column2_start a:visited { 
	color: #333; 
	text-decoration: none;
	}


/* -----------------------–––––––––––––––––--------------–- */
/* όbrige Seiten / 2-spaltiges Layout 360|340               */
/* -----------------------–––––––––––––––––-------------––- */ 

#column1 {                         /* -- mit rechtem Rand zur Aufnahme der Spalte 2  --*/
        width: 30.91em;            /* -- Referenz sind 11 pt, Aufteilung 360|340    --*/
	height: auto;
	color: #666; 
	padding-top: 2.4em; 
        margin-left: 5.454em;
	margin-right: 32.73em;     /*-- 360px --*/
	margin-bottom: 2em; 
	padding-right: 1.82em;
        z-index: 100;
	}

* html #column1 {	          	/* Star-HTML-Hack */  
        width: 31.182em;
        margin-top: 0.9em;
        margin-right: 32.72em;
        wid\th: 30.9em;
        mar\gin-right: 32.72em;
        mar\gin-top: 0em;
        }

#column2 { 
	color: #666; 
	right: 0; 
	float: right; 
	width: 30.91em; 
	margin-top: 5.64em; 
	margin-right: 21.36em;
	z-index: 200; 
	margin-bottom: 1.82em; 
	padding-left: 1.82em;
        background-image: url(../images/dot_linie.gif); 
	background-position: left; 
	background-repeat: repeat-y; 
	clear: right;
	}


* html #column2 {                      /* Star-HTML-Hack */  
        width: 30.9em;
        margin-right: 11.4em;
	wid\th: 30.9em;
        pad\ding-left: 1.82em;
        mar\gin-right: 10.4em;  
        }

* html #column2_leistung {                      /* Star-HTML-Hack */  
        width: 25.45em;
        margin-right: 11.4em;
	wid\th: 25.45em;
        pad\ding-left: 1.82em;
        mar\gin-right: 10.4em;  
        }


#column1 img.unten, #column1_andere img.unten { 
	margin-bottom: 2em;
	}

#column2 img  { 
	margin-bottom: 0em;
	}


#column1 a:link { 
	color: #900; 
	text-decoration: none;
        float: right; 
        padding-left: 10px;
        background-color: transparent;
        background-image: url(.../images/more.gif);
        background-repeat: no-repeat;
        background-position: 0pt 60%;
	}
	
#column1_andere { 
        width: 49.09em;
	height: auto;
	color: #666; 
	padding-top: 2.4em; 
        margin-left: 5.454em;
	margin-right: 14.55em;
	margin-bottom: 2em; 
	padding-right: 1.82em;
        z-index: 100;
	}
	
#column1_andere_ohne { 
	color: #999; 
	font-size: 1.1em; 
	line-height: 1.5em; 
	margin-top: 0; 
	margin-right: 20em; 
	margin-bottom: 2.72em; 
	padding-top: 2.45em; 
	padding-right: 9.1em; 
	padding-left: 1.82em; 
	}
	
#column2_andere { 
	color: #999; 
	font-size: 1.1em; 
	line-height: 1.5em; 
	position: relative; 
	top: 0; 
	right: 0; 
	float: right; 
	width: 16.36em; 
	z-index: 200; 
	padding-top: 2.45em; 
	padding-left: 3.64em; 
	padding-bottom: 1.82em; 
	margin-bottom: 2.72em; 
	}


/* -----------------------–––––––––––––––––--------------–- */
/* Leistungsseite   / 3-spaltiges Layout 290|300|290        */
/* -----------------------–––––––––––––––––-------------––- */ 


#column1_300 {                   /* -- mit linkem und rechtem Rand zur Aufnahme der Spalten 2 und 3 --*/
    height: 29.09em;              /* -- Referenz sind 11 pt, Aufteilung 290|300|290 --*/
    z-index: 100;
    margin-left: 31.818em;         /* -- 350 px --*/
    margin-right: 31.818em;         /* -- 350 px --*/
    margin-top: 2.72em;            /* -- 30 px --*/
    margin-bottom: 1.82em;         /* -- 20 px --*/
    padding-left: 1.818em;         /* -- 20 px ---*/
    padding-right: 1.818em;        /* -- 20 px ---*/
    font-size: 1.1em; 
    line-height: 1.73em; 
    color: #666;
	}
	

#column2_290 {                  /* -- δuίere linke Spalte --*/
    height: 29.09em; 
    position: relative;	        /* -- Gesamtbreite: 350px --*/  
    float: left; 
    width: 24.545em;              /* -- 270 px --*/
    z-index: 200; 
    padding-left: 5.455em;       /* -- 60 px --*/
    padding-right: 1.82em;       /* -- 20 px --*/
    margin-top: 2.72em; 
    margin-bottom: 1.82em; 
    background-image: url(../images/dot_linie.gif); 
    background-position: right; 
    background-repeat: repeat-y;   
    color: #666; 
    font-size: 1.1em; 
    line-height: 1.73em; 
    clear: both;
	}
	
#column3_290 {                /* -- δuίere rechte Spalte --*/
    height: 29.09em; 
    position: relative;       /* -- Gesamtbreite: 290px --*/
    float: right; 
    width: 24.545em;             /* -- 250 px --*/
    z-index: 100; 
    padding-left: 1.82em;       /* -- 20 px --*/
    padding-right: 5.455em;      /* -- 60 px --*/
    margin-top: 2.72em;
    margin-bottom: 1.82em; 
    background-image: url(../images/dot_linie.gif); 
    background-position: left; 
    background-repeat: repeat-y;   
    color: #666; 
    font-size: 1.1em; 
    line-height: 1.73em;  
    clear: right;
	}

#column1_300 img.unten, #column2_290 img.unten, #column3_290 img.unten { 
	margin-bottom: 2.5em;
	}


#column1_300 a:link, #column2_290 a:link, #column3_290 a:link { 
	color: #900; 
        float: right;
	text-decoration: none; 
        padding-left: 10px;
        background-color: transparent;
        background-image: url(.../images/more.gif);
        background-repeat: no-repeat;
        background-position: 0pt 60%;
	}

#column3_290 a:link.ohne  { 
        color: #fff; 
        float: right;
	text-decoration: none; 
        padding-right: 75px;
        background-color: transparent;
        background-image: none;
        background-repeat: ;
        background-position: ;
	}


	
#column1_300 a:hover, a:focus, #column2_290 a:hover, a:focus, #column3_290 a:hover, a:focus #column3_start a:hover, a:focus { 
	color: #333; 
	text-decoration: underline;
	}

#column1_300 a:visited, #column1_start a:visited, #column2_290 a:visited, #column3_290 a:visited { 
	color: #333; 
	text-decoration: none;
	}

#column2 a:link { 
	color: #900; 
        float: right;
	text-decoration: none;
        padding-left: 10px;
        background-color: transparent;
        background-image: url(.../images/more.gif);
        background-repeat: no-repeat;
        background-position: 0pt 60%; 
	}
	
#column2 a:hover, a:focus { 
	color: #333; 
	text-decoration: underline;
	}

#column2 a:visited { 
	color: #333; 
	text-decoration: none;
	}
	
	
/* ------------------------ */
/* Bereich fόr den "Footer" */
/* ----------------------- */
#footer { 
    position: relative;
    width: 88em;
    height: 1.5em;
    vertical-align: middle;
    margin-left: 6em;
    clear: both; 
    margin-bottom: 1em;
    margin-top: 3em;
    background-image: url(../images/dot.gif); 
    background-position: top; 
    background-repeat: repeat-x; 
    padding-top: 2.5em;
	}
	
#footer_col1 { 
	color: #666; 
	font-size: 1em; 
	margin-right: 22em;  
	}
	
#footer_col2 { 
	color: #666; 
	font-size: 1em; 
	position: relative; 
	float: right;
	text-align: right; 
	width: 22em; 
	top: 0; 
	right: 0; 
	z-index: 300; 
	white-space:nowrap; 
	}
	
#footer_col1 a:link { 
	color: #333; 
	text-decoration: none; 
	}
	
#footer_col1 a:hover, #footer a:focus { 
	color: #333; 
        text-decoration: underline; 
	}
	
#footer_col2 a:link { 
	color: #333; 
	text-decoration: none; 
	}
	
#footer_col2 a:hover, #footer_col2 a:focus { 
	color: #333; 
	text-decoration: underline; 
	}

/* -------------------------------------- */
/* Bereich fόr den unteren Schlagschatten */
/* -------------------------------------- */

.sub { 
    padding: 0em;
    margin-top: -1px;
    margin-bottom: 2em;
	}


/* ------------------------------------------------ */
/* Allgemeine Formatierung von Links                */
/* ------------------------------------------------ */
a:link, a:visited { 
	text-decoration: none; 
	}
	
a:hover, a:focus { 
	text-decoration: underline; 
	}
	

/* -––––––––-------------------------------- */
/* Schriftformatierungen                    */
/* -------–––––––––------------------------ */	
	
#column1, #column1_andere { 
    font-size: 1.1em; 
    line-height: 1.73em;
    }

#column2 { 
    font-size: 1.1em; 
    line-height: 1.73em;
    }


#start h1 { 
	color: #f93; 
	font-size: 1.36em; 
	line-height: 1.1875em;
	font-family: Georgia, "Times New Roman", Times, Courier, serif; 
	font-weight: normal; 
        font-style: italic;
	letter-spacing: 0.025em; 
	}

#page h1 { 
	color: #666; 
	font-size: 2.18em; 
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, Courier, serif; 
	font-weight: normal; 
	font-style: italic; 
	letter-spacing: 0.025em; 
	padding-bottom: 0.83em;
	background-image: url(../images/dot.gif); 
        background-position: bottom; 
        background-repeat: repeat-x; 
	}

#projekt h1, #nuetzliches h1, #impressum h1 { 
	color: #f93; 
	font-size: 1.631em; 
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, Courier, serif; 
	font-weight: normal; 
	font-style: italic; 
	letter-spacing: 0.025em; 
	padding-bottom: 0.816em;
	}


.bold { 
   font-weight: 700; 
   }
	
.orange { 
	color: #f93; 
	font-size: 1.36em; 
	line-height: 1.1875em;
	font-family: Georgia, "Times New Roman", Times, Courier, serif; 
	font-weight: normal; 
        font-style: italic;
	letter-spacing: 0.025em; 
	}
	
.date {  
        color: #333;
	font-size: 1.18em;
	line-height: 1.46em;
	font-family: Georgia, "Times New Roman", Times, Courier, serif;
        font-style: italic;
	}	
	
.orange_plus { 
	color: #f93; 
	font-size: 120%;
	}

/* -.projekt { 
	color: #666; 
	font-size: 1.273em; 
	line-height: 1.46em;
	font-family: Georgia, "Times New Roman", Times, Courier, serif; 
        font-style: italic;
        letter-spacing: 0.05em;
	}- */

.auszeichnung { 
	font-family: Georgia, "Times New Roman", Times, Courier, serif;  
        font-size: 120%;
	}
	
.liste { 
        
	background-image: url(../images/dotorange.gif); 
	background-repeat: no-repeat; 
	background-position: 0.4em 0.6em; 
	padding-left: 1.2em; 
        padding-bottom: 0em;
	margin-bottom: 0em;
	list-style-type: none; 
	cursor: crosshair; 
	display: list-item; 
	}


/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* Schriftformatierungen, Listenformatierungen etc. */
/* ------------------------------------------------ */