<!--

body, html { z-index: 0; margin: 0; height:100%; padding:0;}
body { background-position: center; word-wrap: break-word;}
p 		{}
td       {}
a:link { color: #fbfbfb !important; text-decoration: none; }
a:visited { color: #fbfbfb !important; text-decoration: none; }
a:hover { color: #fbfbfb !important; text-decoration: none; }
a:active { color: #fbfbfb !important; text-decoration: none; }

a.nav:link { color: #fbfbfb !important; text-decoration: none; }
a.nav:visited { color: ##fbfbfb !important; text-decoration: none; }
a.nav:hover { color: #fbfbfb !important; text-decoration: none; }
a.nav:active { color: #fbfbfb !important; text-decoration: none; }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/


img {
	behavior:	url("file:///js/pngbehavior.htc");
}

/*new include*/


/*zentrierung*/


#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;}
  
#spacer{
overflow:hidden;
  /* sorgt daf?r, dass wenn n?tig Scrolleisten erscheinen */
  width:100%;        /* ganauso breit, wie der Anzeigebereich */
  height:100%;       /* ganauso hoch, wie der Anzeigebereich */

  /* jetzt werden die notwendigen oder gew?nschten Mindestma?e definiert. */
  min-width:800px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
  min-height:600px;  /* H?he von #center (+ ein paar Pixel Rand) */
}

}

* html #IEspacer {
overflow:hidden;
  /* sorgt daf?r, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
  width:800px;          /* Breite von #center (+ ein paar Pixel Rand) */ 
  height:600px;         /* H?he von #center (+ ein paar Pixel Rand) */
}


#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben m?glich, die dann 
  allerdings bei der Breite und H?he mit ber?cksichtigt werden m?ssen. */ 

  /* Angaben zu Breite und H?he, diese k?nnen auch in em angegeben werden. */
  width:100%;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:600px; /* Mindesth?he insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser H?he funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:0px;
  
  /* durch negative margins wird es jetzt um die H?lfte von H?he und 
  Breite nach oben und links verschoben */
  margin:-300px 0 0 0; /* jeweils die H?lfte der Gesamth?he und -breite */
}


  /*zentrierungENDE*/

		
body { margin: 0; }
#neutral { background-color: #333333; width: auto; height: 412px; }
#office { background-color: #3c0; width: auto; height: 412px; }
#living { background-color: #ff7600; width: auto; height: 412px; }
#kontakt { background-color: #e3eef5; width: auto; height: 412px; }
#bottom { background-color: #333; width: auto; height: 188px; }
.top { top: 0; width: 800px; height: 413px; position: absolute; left: 50%; margin-left: -400px}
.navi { top: 0; left: 0; width: 800px; height: 188px; position: absolute; left: 50%; margin-left: -400px}
.maincontent /*agl rulekind: base;*/ { position: absolute; top: 110px; left: 22px; width: 757px; height: 304px; background-color: #333; }

/* maincontent raster */ 
.a1s /*agl rulekind: base;*/ { position: absolute; top: 2px; left: 2px; }
.a2s /*agl rulekind: base;*/ { position: absolute; top: 2px; left: 153px; }
.a3s /*agl rulekind: base;*/ { position: absolute; top: 2px; left: 304px; }
.a4s /*agl rulekind: base;*/ { position: absolute; top: 2px; left: 455px; }
.a5s /*agl rulekind: base;*/ { position: absolute; top: 2px; left: 606px;  }
.b1s /*agl rulekind: base;*/ { position: absolute; top: 153px; left: 2px;  }
.b2s /*agl rulekind: base;*/ { position: absolute; top: 153px; left: 153px;  }
.b3s /*agl rulekind: base;*/ { position: absolute; top: 153px; left: 304px;  }
.b4s /*agl rulekind: base;*/ { position: absolute; top: 153px; left: 455px;  }
.b5s /*agl rulekind: base;*/ { position: absolute; top: 153px; left: 606px;  }

/* erste spalte navi m */
.m1 { position: absolute; top: 10px; left: 24px; width: 149px; height: 17px; }
.m2 { position: absolute; top: 29px; left: 24px; width: 149px; height: 17px; }
.m3 { position: absolute; top: 48px; left: 24px; width: 149px; height: 17px; }
.m4 { position: absolute; top: 67px; left: 24px; width: 149px; height: 17px; }
.m5 { position: absolute; top: 86px; left: 24px; width: 149px; height: 17px; }
.m6 { position: absolute; top: 105px; left: 24px; width: 149px; height: 17px; }

/* zweite spalte navi n */
.n1 { position: absolute; top: 10px; left: 175px; width: 149px; height: 17px; }
.n2 { position: absolute; top: 29px; left: 175px; width: 149px; height: 17px; }
.n3 { position: absolute; top: 48px; left: 175px; width: 149px; height: 17px; }
.n4 { position: absolute; top: 67px; left: 175px; width: 149px; height: 17px; }
.n5 { position: absolute; top: 86px; left: 175px; width: 149px; height: 17px; }
.n6 { position: absolute; top: 105px; left: 175px; width: 149px; height: 17px; }
.n7 { position: absolute; top: 124px; left: 175px; width: 149px; height: 17px; }
.n8 { position: absolute; top: 143px; left: 175px; width: 149px; height: 17px; }
.n9 { position: absolute; top: 162px; left: 175px; width: 149px; height: 17px; }
.10 { position: absolute; top: 181px; left: 175px; width: 149px; height: 17px; }

/* dritte spalte navi o */
.o1 { position: absolute; top: 10px; left: 326px; width: 149px; height: 17px; }
.o2 { position: absolute; top: 29px; left: 326px; width: 149px; height: 17px; }
.o3 { position: absolute; top: 48px; left: 326px; width: 149px; height: 17px; }
.o4 { position: absolute; top: 67px; left: 326px; width: 149px; height: 17px; }
.o5 { position: absolute; top: 86px; left: 326px; width: 149px; height: 17px; }
.o6 { position: absolute; top: 105px; left: 326px; width: 149px; height: 17px; }
.o7 { position: absolute; top: 124px; left: 326px; width: 149px; height: 17px; }
.o8 { position: absolute; top: 143px; left: 326px; width: 149px; height: 17px; }
.o9 { position: absolute; top: 162px; left: 326px; width: 149px; height: 17px; }
.o10 { position: absolute; top: 181px; left: 326px; width: 149px; height: 17px; }

#info { position: absolute; z-index: 1; top: 112px; width: 753px; height: 300px; visibility: hidden; left: 50%; margin-left: -376px}

#ph 	 { position: absolute; top: 100px; left: 455px; width: 298px; height: 298px; }
#ph_state 	 { position: absolute; top: 0px; left: 312px; width: 438px; height: 298px; }

.unten { font-family: Arial, sans-serif; padding-left: 4px;  padding-right: 5px; color: #fbfbfb !important; text-decoration: none; font-size: 0.65em; font-weight: lighter; line-height: 1.55em; letter-spacing: 0.22em; height: 190px; vertical-align:bottom; background-color:none;  width: 449px; }
.unten_state { font-size: 0.65em; vertical-align:bottom; background-color:none;  width: 449px;}
.infomain {top: 0; left: 304px; width: 446px; height: 303px; font-family: Arial, Helvetica, sans-serif; padding-left: 4px;  padding-right: 5px; color: #fbfbfb !important; text-decoration: none; font-size: 0.65em; font-weight: lighter; line-height: 1.55em; letter-spacing: 0.22em; height: 290px; vertical-align:bottom; background-color:none;  width: 449px; }

.kont   { font-family: Arial, sans-serif; width: auto; color: #fbfbfb!important; text-decoration: none; font-size: 0.65em; font-weight: lighter; line-height: 1.55em; letter-spacing: 0.22em; height: 200px; vertical-align:bottom; background-color:none; }

.add   { font-family: Arial, sans-serif; width: auto; color: #fbfbfb!important; text-decoration: none; font-size: 0.65em; font-weight: lighter; line-height: 1.55em; letter-spacing: 0.22em; height: 130px; vertical-align:bottom; background-color:none; }

.logo	 { position: absolute; top: 164px; left: 152px; width: auto; height: auto; }
.banner /*agl rulekind: base;*/ { position: absolute; top: 50px; left: 328px; width: 446px; height: 41px; }

.index1 { background-color: #3c0; position: absolute; top: 2px; left: 2px; width: 149px; height: 300px; }
.index2 { background-color: #ff7600; position: absolute; top: 2px; left: 153px; width: 149px; height: 300px; }
.index3 { background-color: #34b1f5; position: absolute; top: 2px; left: 304px; width: 149px; height: 300px; }

#wohnen_off { position: absolute; top: 48px; left: 24px; width: 149px; height: 17px; }

.dsR27 /*agl rulekind: base;*/ {
	position: absolute;
	top: 100px;
	left: 304px;
	width: 446px;
	height: 131px;
}
.dsR28 /*agl rulekind: base;*/ { position: absolute; top: 0; left: 458px; width: 446px; height: 303px; }
.dsR29 /*agl rulekind: base;*/ { position: absolute; top: 0; left: 304px; width: 446px; height: 100px; }

.fett /*agl rulekind: base;*/ { vertical-align:bottom; font-family: Arial, sans-serif; color: #fbfbfb; font-weight: bold; font-size: 1.1em; line-height: 1.65em; letter-spacing: 0.22em; }

.normal  { vertical-align:bottom; font-family: Arial, sans-serif;  color: #fbfbfb; font-size: 1em; font-weight: lighter; line-height: 1.55em; letter-spacing: 0.22em; height: 290px;}


-->

<!--

/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(file:///css/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(file:///css/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(file:///css/milkbox/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(file:///css/milkbox/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(file:///css/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}


-->

<!--
	body { background-image: url(bg_bg2.gif); background-repeat: repeat-x;}

-->