@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFE8A4;
	background-image:url(/Rimini-Portal.jpg);
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:auto;
	background-repeat: no-repeat;
}


*{
	font-family: Verdana;
	color: rgb(153, 51, 0);


	
} 
a { 
	color:#993300;
	font-style:normal;
	text-decoration: none;
	text-align:left;
	

}
a:hover {  
			color:#000000;
			text-decoration:underline;
		}
h1 { 
	text-align:center;
	font-size:x-large;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	border-bottom:rgb(153, 51, 0) thin solid;
}
h2 { 
	text-align:left;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	border-bottom:rgb(153, 51, 0) thin solid;
	
}
h3 { 
	text-align:left;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	
}
#Kontakt {
	position:absolute;
	top:160px;
	left:831px;
	width:172px;
	height:93px;
	z-index:1;
	color:#993300;
	font-weight:bold;
	text-align:left;
	z-index:1;
}
#Aktion {
	position:absolute;
	top:0px;
	left:369px;
	width:400px;
	height:100px;
	z-index:1;
}
#Fassade {
	position:absolute;
	top:150px;
	left:0px;
	width:208px;
	height:auto;
	z-index:1;
	color:#993300;
	font-weight:bold;
	text-align:left;
	font-size:12px;

	}
	#Logo {
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:auto;
	z-index:-1;
	}
	
#picture {
margin-right:6px;
margin-bottom:6px;
position:relative;
float:left;
width:135px;
height:135px;

background-color:#CCCCCC;
text-align:center;
}
	
.MHP {
background-image:url(/Button.jpg);
background-repeat: no-repeat;
padding-left:5px;
height:18px;
margin-top:1px;
margin-bottom:0px;
width:auto;
font-weight:normal;
background-repeat: no-repeat;

}
.MUP {
background-image:url(/Button2.jpg);
height:18px;
margin-top:1px;
margin-bottom:0px;
padding-left:10px;
font-weight:normal;
width:auto;
background-repeat: no-repeat;

/* border-bottom: #993300 thin solid; */
}
.MUP2 {
background-image:url(/Button3.jpg);
height:18px;
margin-top:1px;
margin-bottom:0px;
font-weight:normal;
padding-left:10px;
width:auto;
background-repeat: no-repeat;
/* border-bottom: #993300 thin solid; */
}
.MU2P {
background-image:url(/Button2.jpg);
height:15px;
margin-bottom:5px;
background-repeat: no-repeat;
width:auto;
font-weight:normal;
font-size:12px;
/* border-bottom: #993300 thin solid; */
}
.AktivNav {

font-weight:bold;
}
#Where {
position:absolute;
font-size:9px;
	top:125px;
	left:10px;
	width:auto;
	height:12px;
	z-index:1;
}
#Search {
position:absolute;
font-size:9px;
	top:125px;
	left:750px;
	width:240px;
	text-align:right;
	height:12px;
	z-index:1;
}
.search {
height:13px;
font-size:9px;
}
.searchbutton {
color:#050; 
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 

border:1px solid; 
border-color: #696 #363 #363 #696; 
}

#What {
	position:absolute;
	top:0px;
	left:831px;
	width:172px;
	height:127px;
	z-index:1;
}
#Top {
	position:absolute;
	font-size:12;
	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:146px;
	left: 220px;
	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;
}
