body {
			margin: 0;
			padding: 0;
			background-image: url("verlauf.jpg");
			background-repeat: repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 17px;
			}

		#container {
			width: 1400px;
			width:auto;
			margin: auto;
			margin-top: 20px;
			}

		#spalten {
			min-height: 500px;
			}

		#navigation {
			width: 18%;
			height: 500px;
			float: left;
			}

		#logo {
			position: fixed;
			padding-left: 20px;
			padding-top: 30px;
			}

		#navi {
			position: fixed;
			padding: 70px 30px 30px 20px;
			font-family: arial;
			font-weight: bold;
			margin-top: 100px;
			}

a:visited {color:#8B9C35}
a:link {
		text-decoration: none;
		color: #8B9C35;
	}
a:hover {color:#1C029D}


		#inhalt {
			width: 80%;
			float: left;
			}

		#inhalt1 {
		margin-left: 180px;	/* margin-left: auto;         DIESER WERT WURDE AUF 180PX GEÄNDERT!*/
		margin-right: auto;
		padding-right: 160px;
		width: 500px;
		position: relative;
			}

		#tab {
		margin-left: auto;
		margin-right: auto;
		padding-right: 320px;
		padding-top: 30px;
		width: 500px;
			}

		h1 {
		color: #1C029D;
		padding-left: 50px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 40px;
		vertical-align: top;
			}

		h2 {
			color: #1C029D;
			padding-left: 50px;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			}

		h4 {
			color:#1C029D;
			font-family:arial
			}

		h5 {
			color: #9b93c1;
			font-family:arial;
			}

		#container1 {
			width: 794px;
			height: 414px;
			margin-left: auto;
			margin-right: auto;
			border: 6px solid #aaa;
			background-color: white;
			margin-top: 20px;
			}

		#boxfooter1 {
			width: 800px;
			height: 100px;
			margin: auto;
			padding: 40px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-style: normal;
			}


/* Fotogalerie - Anfang */

#bg {
	width: 790px;
	height: 410px;
	background: #000066;
	border: 2px outset #fff;
	text-align: left;
}  	/* Hintergrund und Rahmen der Galerie */
#bg * { position:absolute; } #vp { margin:8px; }
#vp * { text-decoration:none; }
#vp a, #vp u, #vp s {
    background:#fff no-repeat center; border:2px outset #5e69ad; }
#vp a { width:120px; height:90px; }
#vp a:hover, #vp u { border-style:groove; }
#vp u { width:505px; height:390px; margin:-2px;
    background-image:url('haus1.jpg'); }
#vp b, a#b00 div { width:100%; height:100%;
    background:no-repeat center; cursor:default; }
#vp b { display:block; } a#b00, a#b00 div, #vp u, #vp s {
    visibility:hidden; }

a#b00 u, a#b00:hover div, #vp a:hover u, #vp b, #vp a.xxl s {
    visibility:visible; }
a#b00, #vp a:hover { display:block; z-index:1; }

#vp s { padding:1px; right:-4px; bottom:-4px;
    font-size:8px; line-height:1em; color:#090;
    font-family:arial,sans-serif; cursor:pointer; }


a#b01 { left:517px; top:  0px; } a#b01 u { left:-517px; top:   0px; }
a#b02 { left:517px; top:  99px; } a#b02 u { left:-517px; top:   -99px; }
a#b03 { left:517px; top:  198px; } a#b03 u { left:-517px; top:   -198px; }
a#b04 { left:517px; top:  297px; } a#b04 u { left:-517px; top:   -297px; }
a#b05 { left:650px; top:  0px; } a#b05 u { left:-650px; top:   0px; }
a#b06 { left:650px; top:  99px; } a#b06 u { left:-650px; top:   -99px; }
a#b07 { left:650px; top:  198px; } a#b07 u { left:-650px; top:   -198px; }
a#b08 { left:650px; top:  297px; } a#b08 u { left:-650px; top:   -297px; }


#vp a, #vp u, #vp i { background-color: #F5F5F5; }

/*==== Vorschaubilder bis max.  120 x  90 ====*/
a#b01 { background-image:url('schaukel_klein.jpg'); }
a#b02 { background-image:url('terrasse_klein.jpg'); }
a#b03 { background-image:url('kueche_klein.jpg'); }
a#b04 { background-image:url('bett_klein.jpg'); }
a#b05 { background-image:url('stube-tv_klein.jpg'); }
a#b06 { background-image:url('stube-tisch_klein.jpg'); }
a#b07 { background-image:url('bad_klein.jpg'); }
a#b08 { background-image:url('etagenbett_klein.jpg'); }


/*====   Großbilder bis max. 520 x 390   ====*/
a#b01:hover b, b#c01 { background-image:url('schaukel.jpg'); }
a#b02:hover b, b#c02 { background-image:url('terrasse.jpg'); }
a#b03:hover b, b#c03 { background-image:url('kueche.jpg'); }
a#b04:hover b, b#c04 { background-image:url('bett.jpg'); }
a#b05:hover b, b#c05 { background-image:url('stube-tv.jpg'); }
a#b06:hover b, b#c06 { background-image:url('stube-tisch.jpg'); }
a#b07:hover b, b#c07 { background-image:url('bad.jpg'); }
a#b08:hover b, b#c08 { background-image:url('etagenbett.jpg'); }

/* Fotogalerie - Ende */