body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
body {
	background-color: #CCCCCC;
	text-align:center;
}

/* Seite mittig */
#container {
    position: absolute;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
    background-color: #FFFFFF;
}


/* Banner */

#h1 {
	margin-left: 10px;
	width: 190px;
	height: 131px;
	float: left;
	background-color: #CCCCCC;
	background-image: url('https://www.hug-lauf.de/grafiken/h1.jpg');
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 2;
}
#h2 {
	margin-left: 200px;
	width: 245px;
	height: 131px;
	float: left;
	background-color: #cccccc;
	background-image:url('https://www.hug-lauf.de/grafiken/h2.jpg');
	background-repeat: repeat-x;
	top: 0px;
	position: absolute;
	z-index: 2;
}
#h3 {
	margin-left: 445px;
	width: 340px;
	height: 131px;
	float: left;
	background-color: #cccccc;
	background-image:url('https://www.hug-lauf.de/grafiken/h3.jpg');
	background-repeat: repeat-x;
	top: 0px;
	position: absolute;
	z-index: 1;
}

#h4 {
	left: 785px;
	width: 221px;
	height: 131px;
	float: left;
	background-color: #cccccc;
	background-image:url('https://www.hug-lauf.de/grafiken/h4.jpg');
	background-repeat: no-repeat;
	top: 0px;
	position: absolute;
	z-index: 1;
}
/* Weihnachtsgruß
#infobanner {
	margin-left: 440px;
	margin-top: 5px;
	width: 284px;
	height: 101px;
	background-image:url('https://www.hug-lauf.de/grafiken/Weihnachten.jpg');
	background-repeat: no-repeat;
	top: 0px;
	position: absolute;
	z-index: 5;
}

*/

/* Seitenüberschrift */

#headline {
	width: 613px;
	height: 58px;
	float: left;
	top: 131px;
	left: 188px;
	background-color: #FFFFFF;
	position: absolute;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	float:inherit;
	color: #FFFFFF;
	border-right: 1px solid #00AFEC;
	border-bottom: 1px solid #00AFEC;
}

#headline a{
	display: block;
	width: 601px;
	top: 10px;
	color: #FFFFFF;
	position: absolute;
	text-decoration: none;
	float: left;
	margin-bottom: 14px;
	color: #008ab9;
	font-size: x-large;
	text-align: center;

}

.img_headline_vpi {
float: left;
margin-left: 30px;
margin-bottom: 10px;
margin-top:5px;
height: 30px;
}


/* ENDE Seitenüberschrift */



/* Inhalt - Format */

#inhalt {
	top: 235px; 
	left: 188px; 
	width: 601px; 
	min-height: 680px;
	padding: 10px;
	background-color: #FFFFFF;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-right: 1px solid #00AFEC;
	border-bottom: 1px solid #00AFEC;
	text-align:left;
	}

#inhaltscroll {
	top: 235px; 
	left: 188px; 
	width: 593px; 
	height: 625px;
	padding: 10px;
	background-color: #FFFFFF;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	border-right: 1px solid #00AFEC;
	border-bottom: 1px solid #00AFEC;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
}


/* Boxen DIV Überschrift oben */

#headline1{
	width: 590px;
	margin-top:20px;
	font-size: 16pt;
	border-bottom: 1px solid #00AFEC;
	border-right: 1px solid #00AFEC;
	color: #008ab9;

}

#headline2{
	width: 580px;
	margin-top:20px;
	font-size: 16px;
	color: #008ab9;
	font-weight: bold;
	text-align: center;

	border-bottom: 1px solid #00AFEC;
	border-right: 1px solid #00AFEC;

}

#headline3{
	width: 590px;
	margin-top:20px;
	font-size: 16px;
	color: #008ab9;
	font-weight: normal;
	text-align: left;

	border-bottom: 1px solid #00AFEC;
	border-right: 1px solid #00AFEC;

}

#headlinescroll{
	width: 580px;
	margin-top:20px;
	font-size: 16px;
	color: #008ab9;
	font-weight: bold;
	text-align: center;

	border-bottom: 1px solid #00AFEC;
	border-right: 1px solid #00AFEC;

}



#box-headline{
	height: 30px;
	position: absolute;
	background-image: url('h9.jpg');
	width: 612px;
	left: 188px;
	background-repeat:none;
	border-right: 1px solid #00AFEC;
	background-color:white;
}

#box-headline a{
	display: block;
	width: 611px;
	top: 7px;
	font-weight: bold;
	color: #008ab9;
	position:absolute;
	text-decoration: none;
	float: left;
	margin-bottom: 14px;
	text-align: center;
}

#box-inhalt{
	width: 590px;
	padding: 10px;
	background-color: #FFFFFF;
	left: 190px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	border-right: 1px solid #00AFEC;
	border-bottom: 1px solid #00AFEC;
}
/* Inhalt - Ende */


/* objekt - Format */
#objekt {
position: absolute;
	z-index: 15;
	width: 200px;
	height: 817px;
	top: 118px;
	left: 802px;
	background-color:white;
	border-right: 1px solid #00AFEC;
	border-bottom: 1px solid #00AFEC;
}


/* iframe - Format */

#I1 {
	src="https://hug-lauf.de/inforechts.html";
	position: absolute;
	z-index: 15;
	width: 200px;
	height: 812px;
	top: 123px;
	left: 805px;
	background-color:white;
	border-right: 1px solid #00AFEC;
	border-bottom: 1px solid #00AFEC;
	border-left: 0px;
	border-top: 0px;
	frameborder: 0px;
	scrolling: no;
	target: _parent;
}




.style42 {
	color: #008ab9;
}

.style90 {
	text-align: center;
}

/* VPI-Tabelle */

	/* Überschrift Infaltionsrate */
.style98 {
	font-size: 14px;
	color: #008ab9;
	font-size: small;
	font-weight: bold;
	text-align: center;

}

	/* Basis rot */
.style99 {
	color: #FF0000;
	font-size: small;
	text-align: center;
}


	/* Tabellentext */
.style100 {
	font-size: small;
	font-weight: normal;
	color: #008ab9;
	text-align: left;
}

	/* Vorjahreswerte - Hintergrund: weiß */
.auto-style1 {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #008AB9;
	font-size: small;
	font-weight: normal;
	color: #008ab9;
	text-align: center;
}

	/*gesunkene Preise Hintergrund: blau */
.style101 {
	text-align: center;
	font-size: small;
	color: #008AB9;
	background-color: #D3DDE6;
}
	/*gestiegen Preise Hintergrund: blau */
.style102 {
	text-align: center;
	font-size: small;
	color: #FF0000;
	background-color: #D3DDE6;
}
	/*gesunkene Preise Hintergrund: grau */
.style103 {
	text-align: center;
	font-size: small;
	color: #008AB9;
	background-color: #CCCCCC;
}
	/*gestiegen Preise Hintergrund: grau */
.style104 {
	text-align: center;
	font-size: small;
	color: #FF0000;
	background-color: #CCCCCC;
}
/* Ende Tabellenformation */

/* Sofortbildkamera - Bilder */
figure {
    /* background-color: orange;*/
    width: 135px;
    height: auto;
    float: right;

    padding: 1em 1em 1em 1em;
    border: 1px solid silver;
    margin: 0 2em 2em 2em;    
    box-shadow: 5px 0px 15px #555;
    transform: rotate(1deg);
}

    width: 135px;
    height: auto;
    float: right;

    padding: 1em 1em 1em 1em;
    border: 1px solid silver;
    margin: 0 2em 2em 2em;    
    box-shadow: 5px 0px 15px #555;
    transform: rotate(1deg);
}

figure img {
    width: 100%;
    height: auto;
}   

figure figcaption {

  padding: 2px 2px 2px 2px;
  font-family: 'Rock Salt', cursive;
  line-height: 1.2em;
  font-style: italic;
  font-size: 11px;
  text-align:center;

  border-radius: 0 0 3px 3px;

}

/* Blochsatz*/
}

.blocksatz {
    text-align: justify;
}