@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFE8A4;
	background-image:url(/Logov3.jpg);
	height:auto;
	background-repeat: no-repeat;

}
li {
margin-bottom:3px;
}

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: rgb(153, 51, 0);
} 
table {

}
.tbs {
width:100%;
border:none;
}
.tds {
text-align:center;
vertical-align:top;
font-size:9px;
width:108px;
}
.tdv {
width:400px;
text-align:left;
}
.imgs {
height:79px;
width:108px;
border:none;
}

.linc {
width:90%;
text-align:center;
margin-top:1px;
padding:1px;
background-image:url(/techdatpng.png);
background-repeat: no-repeat;
}


a { 
	color:#993300;
	font-style:normal;
	text-decoration: none;
	text-align:left;
}
a:hover {  
			color:#000000;
			text-decoration:underline;
		}
h1 { 
	text-align:right;
	font-size:large;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	height:22px;
	padding-top:13px;
	padding-right:5px;
	margin-bottom:0px;
	border-bottom:rgb(153, 51, 0) thin solid;
	background-image: url(/bilderarchiv/bilder/Infobilder/Texttabellen/table_top.jpg);

}
h4 { 
	text-align:right;
	font-size: larger;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	height:22px;
	padding-top:13px;
	padding-right:5px;
	margin-bottom:0px;
	margin-top:40px;
	border-bottom:rgb(153, 51, 0) thin solid;
	background-image: url(/bilderarchiv/bilder/Infobilder/Texttabellen/table_top.jpg);

}
h5 { 
	text-align:right;
	font-size:12px;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	height:13px;
	width:275px;
	padding-top:12px;
	margin-bottom:0px;
	float:none;
	margin-top:0px;
	border-bottom:rgb(153, 51, 0) thin solid;
	background-image: url(/bilderarchiv/bilder/Infobilder/Texttabellen/mini_table_top.jpg);

}
h2 { 
	text-align:right;
	font-size: larger;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	height:22px;
	padding-top:13px;
	padding-right:5px;
	margin-bottom:0px;
	margin-top:40px;
	border-bottom:rgb(153, 51, 0) thin solid;
	background-image: url(/bilderarchiv/bilder/Infobilder/Texttabellen/table_top.jpg);

	
}
h3 { 
	text-align:left;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
	
}
#Kontakt {
	position:absolute;
	top:115px;
	left:831px;
	width:172px;
	height:93px;
	z-index:1;
	color:#993300;
	font-size:12px;
	text-align:left;
	z-index:1;
}
.Absatz {
	width:570px;
	vertical-align:top;
	float:none;
	height:auto;
	text-align:left;
	margin-bottom:10px;
}
#Aktion {
	position:absolute;
	top:0px;
	left:369px;
	width:400px;
	height:100px;
	z-index:1;
}
#Pointer {
cursor:pointer;
}
#Fassade {
	position:absolute;
	top:140px;
	left:0px;
	width:220px;
	height:auto;
	z-index:1;
	color:#993300;
}
#Logo {
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:auto;
	z-index:0;
	}
	
.picture {
width:20%;
border:none;
height:100px;
margin-bottom:6px;
position:relative;
float:left;
text-align:center;
}
.tdpic {
text-align:center;
background-color:#FFE391;
width:108px;
height:79px;
border:none;
}
.tdinfo {
text-align:center;
font-size:9px;
}
.imgpic {
border:none;
}
.tbpic {
border:none;
background-color:#ffcc66;
}
	
.MHP {
height:25px;
margin-left:10px;
width:auto;
vertical-align:top;
font-size:14px;
font-weight:bold;
}
.MUP {
height:18px;
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
width:auto;
font-weight:normal;
font-style:italic;
vertical-align:middle;
font-size:12px;



/* border-bottom: #993300 thin solid; */
}
.MUP2 {
height:15px;
vertical-align:middle;
font-size:12px;
margin-top:3px;
margin-bottom:3px;
margin-left:30px;
width:auto;
font-weight:normal;
font-style:italic;

/* border-bottom: #993300 thin solid; */
}
.MU2P {
height:15px;
margin-bottom:2px;
margin-left:35px;
width:auto;
font-weight:normal;
font-size:12px;
/* border-bottom: #993300 thin solid; */
}
.Objektegross {
width:112px;
height:200px;
float:left;
position:relative;
padding-right:2px;
text-align: center;
background-color: rgb(255, 204, 102);
}
.Objekteklein {
width:93px;
height:180px;
float:left;
position:relative;
padding-right:2px;
text-align: center;
background-color: rgb(255, 204, 102);
}
.Objekteblock {
width:570px;
height:auto;
position:relative;
text-align: center;
background-color: rgb(255, 204, 102);
}


#What {
	position:absolute;
	top:0px;
	left:831px;
	width:172px;
	height:183px;
	z-index:1;
}
#Top {
	position:absolute;
	font-size:12px;
	top:0px;
	left:0px;
	width:1000px;
	height:15px;
	z-index:1;
	background-color:#EADACE;
}
#Buttons{
	position:absolute;
	top:1px;
	left:866px;
	width:150px;
	height:22px;
	z-index:0;
	text-align:center;
	border:#CC6600 thin solid;
	vertical-align:middle;
}

#Anzeigeblock {
	position:absolute;
	top:130px;
	left: 235px;
	width:571px;
	height:auto;
	z-index:1;
	font-size:12px;
	
}

/* Dachziegelblock objekte ----------------------------------------------------------------------------------*/
#Dachziegelblock {
	width: 643px;
	height:auto;
}
#standartblock {
	width: 100%;
	height:auto;
}
/* Überschrift */
#Dachziegelblocktitel {
	position:absolute;
	top:27px;
	left:20px;
	width:657px;
	height:auto;
	z-index:1;
	color:#993300;
	font-weight:bold;
	text-align:left;
	font-size: 24px;
}
/* Bild, große Darstellung */
#DachziegelblockBild {
	position:absolute;
	top:55px;
	left:20px;
	width:424px;
	height:317px;
	z-index:1;
		border:#CC6600 thin solid;
}
/* Bild, kleinere Darstellung */
#DachziegelblockVorschau2gross {
	position: absolute;
	top:219px;
	left:451px;
	width:217px;
	height:153px;
	z-index:1;
	border:#CC6600 thin solid;
}
/* Farben */
#DachziegelblockFarbenfeld {
	position:absolute;
	top:55px;
	left:451px;
	width:227px;
	height:151px;
	z-index:1;
}
#DachziegelblockFarbdetail {
margin-right:1px;
margin-bottom:4px;
	float:left;
	width:40px;
	height:40px;
	z-index:1;
border:#CC6600 thin solid;
}
/* Vorschaubilder */

#DachziegelblockVorschaufeld {
	position:absolute;
	top:386px;
	left:20px;
	width:661px;
	height:200px;
	z-index:1;
}

#DachziegelblockVorschaudetail {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	width:120px;
	height:90px;
	z-index:1;
	border:#CC6600 thin solid;
}
/* Standarttext */
#Dachziegelblocktext {
	position:absolute;
	top:593px;
	left:157px;
	width:515px;
	height:auto;
	z-index:1;
	color:#993300;
	text-align:left;
}
/* Abbildung einzelner Ziegel */
#DachziegelblockZiegel {
	position:absolute;
	vertical-align:top;
	text-align:center;
	top:593px;
	left:20px;
	width:134px;
	height:115px;
	z-index:1;
}

#zentrierung {text-align: center;position: fixed; top:0px; left:0px; width:1000px; z-index:4;}
#content{ background-color:#ffcc66; top:25px; position: absolute; left: 100px; width: 800px; height: 500px; z-index:4; }