@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFE8A4;
	background-image:url(/Logov8.jpg);
	height:auto;
	background-repeat:repeat-x;

}
div.anfang {

	position:fixed; 
	bottom:0px; 
	right:0px; 
	width:150px;
	height: 40px;
	text-align:center;
}
div.anfangtext {
	position:fixed; 
	bottom:2px; 
	right:0px; 
	width:150px;
	text-align:center;
}
div.produktbox {
width: 100%; 
height:140px;
clear: both;
border-bottom:#FFCC66 thin solid;
}
div.produktbox-Bildbox {
width: 115px; 
float: left;
}
div.produktbox-Name {
width: 455px; 
float: left;
height:25px;
font-size:14px; 
font-weight:bold;

}
img.produktbox-Farbbild {
width: 45px; 
height:33px;
margin:1px;
}

li {
margin-bottom:3px;
}

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: rgb(153, 51, 0);
} 
table {

	
	}

.tbs {
width:100%;
border:none;
}
.tbs2 {
width:100%;
border:none;
}
.tds {
text-align:center;
vertical-align:top;
font-size:9px;
width:108px;
}
.tdv {
width:405px;
height: 270px;
text-align:left;
}
.imgs {
height:79px;
width:108px;
border:none;
}
.imgs:hover {
height:72px;
width:102px;
border:3px solid #FFCC66;

}
.prefimgs {
width:400px;
height:265px;
border:none;
cursor:pointer;
}
.prefimgs:hover {
width:394px;
height:259px;
border:3px solid #FFCC66;

}
.linc {
width:90%;
text-align:center;
margin-top:1px;
padding:1px;
border:outset medium rgb(255, 227, 145);
background-color:rgb(255, 227, 145);
cursor:pointer;
}

.linc:hover { border:inset medium rgb(255, 227, 145); }
a { 
	color:#993300;
	font-style:normal;
	text-decoration: none;
	text-align:left;
}
a:hover {  
			background-color:#FFCC66;
			
		}
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:#FFCC66 thick 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:15px;
	padding-top:8px;
	
	margin-bottom:10px;
	float:none;
	margin-top:0px;
		border-bottom:#FFCC66 thick solid;


}
h5 { 
	text-align:right;
	font-size:12px;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	height:15px;
	width:275px;
	padding-top:12px;
	
	margin-bottom:0px;
	float:none;
	margin-top:0px;
		border-bottom:#FFCC66 thick solid;
/*	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:17px;
	padding-top:13px;
	padding-right:5px;
    padding-bottom:0px;
	margin-bottom:5px;
	margin-top:40px;
	border-bottom:#FFCC66 thick 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:165px;
	left:831px;
	width:172px;
	height:93px;
	z-index:1;
	color:#993300;
	font-size:12px;
	text-align:left;
	z-index:1;
}
#KontaktSprachen {
	position:absolute;
	top:115px;
	left:831px;
	width:172px;
	height:50px;
	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:225px;
	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;
text-decoration:none;
margin-left:10px;
width:auto;
vertical-align:top;
font-size:14px;
font-weight:bold;
}
.MUP {
height:18px;
text-decoration:none;
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 {
text-decoration:none;
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;
text-decoration:none;
margin-bottom:2px;
margin-left:35px;
width:auto;
font-weight:normal;
font-size:12px;
/* border-bottom: #993300 thin solid; */
}
div.Objektegross {

background-repeat:no-repeat;
background-position:center;
width:108px;
height:200px;
float:left;
margin:1px;
position:relative;
padding-right:2px;
text-align: center;
border:thin solid #FFCC66;
}
div.Objektegross:hover {
/* background-image:url(/bilderarchiv/bilder/Styles/Box108x79_hover.png); */
background-color:#FFCC66;
}
.Objekteklein {
width:93px;
height:180px;
float:left;
position:relative;
padding-right:2px;
text-align: center;

}
.Objekteklein:hover {
background-image:url(/bilderarchiv/bilder/Styles/Box90_hover.png);
background-repeat:no-repeat;
background-position:center;
}
.Produktbildhover90x116 {
}
.Produktbildhover90x116:hover {
background-image:url(/bilderarchiv/bilder/Styles/Box90x116_hover.png);
background-repeat:no-repeat;
background-position:center;
}
.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; }