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

html {
	font-size: 62.5%;
	height: 100.5%;
}

body {
	margin: 10px 0px;
	background-color: #eeeecc;
}

h1 {
	font-size: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #B0A66D;
}

#header {
	height: 110px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 0px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-width: 500px;
	max-width: 1000px;
}

#content {
	width: 800px;
	height: auto;
	background: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: auto;
	padding: 0px;
}

#breadcrumb {
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #ffffff; 
	color: #3E7E4F;
}
/* ------------------------- CSS menu START ------------------------*/
#menu {	
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 30px;
}
#menu li {	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
#menu li a {	
	display: block;
	margin: 0;
	padding: 4px 12px;
	width: 134px;
	background: #E8EAE7;
	border: 1px solid #ffffff;
	color: #B0A66D;
	text-align: center;
	text-decoration: none;
}
#menu li a:hover
{	background: #ebe4b3;
}

#menu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #E8EAE7;
}

#menu div a	{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 12px;
	width: 135px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background: #E8EAE7;
	color: #B0A66D;
}

#menu div a:hover {	
	background: #ebe4b3;
	color: #B0A66D;
}
/* ------------------------- CSS menu END ------------------------*/

#text {
	background: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 140%;
	color: #000000;
	text-align: left;
	padding-top: 40px;
	padding-right: 90px;
	padding-bottom: 30px;
	padding-left: 90px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	page-break-before: auto;
}

#image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}

#footer {
	background: #E8EAE7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin: 0px auto 0px auto;
	padding: 2px 0 4px 0;
	width: 800px;
	clear: both;
}
/*------------------ CSS Homepage Images START-----------------------*/

#Bild_1 {
	margin: 0px 0px 0px 0px;
	padding: 50px 60px 60px 115px;
	float: left;
	background: #ffffff;
}
#Bild_2 {
	margin: 0px 0px 0px 0px;
	padding: 50px 60px 60px 60px;
	width: 105px;
	float: left;
	background: #ffffff;
}
#Bild_3 {
	margin: 0px 0px 0px 0px;
	padding: 50px 120px 60px 60px;
	float: left;
	background: #ffffff;
}
/*------------------ CSS Homepage Images END-----------------------*/

/*------------------ CSS Wandfliesen Images START-----------------------*/
.wand_35 {
	background-color: #ffffff;
	margin: 0px;
	padding: 20px 80px 20px 50px;
	float: right;
}

.wand_26 {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 20px 50px 20px 70px;
	float: left;
}
/*------------------ CSS Wandfliesen Images END-----------------------*/

/*------------------ CSS Ziegelfliesen Images START-----------------------*/
#ziegel_li {
	margin: 0px;
	padding: 20px 40px 60px 60px;
	float: left;
	background: #ffffff;
}
#ziegel_re {
	margin: 0px;
	padding: 20px 70px 60px 39px;
	float: left;
	background: #ffffff;
}
/*------------------ CSS Ziegelfliesen Images END-----------------------*/

/*------------------ CSS Bodenfliesen Images START-----------------------*/
.boden_34 {
	background-color: #FFF;
	padding: 20px 40px 20px 80px;
	float: left;
}
.boden_65 {
	background-color: #FFF;
	padding: 20px 80px 20px 50px;
	float: right;
}

/*------------------ CSS Bodenfliesen Images END-----------------------*/

/*------------------ CSS Terrakotten Images START-----------------------*/

.formstein {
	background-color: #FFF;
	padding: 40px 47px 40px 100px;
	float: left;
}
.terrakotten {
	background-color: #FFF;
	float: right;
	padding: 40px 100px 40px 48px;
}
/*------------------ CSS Terrakotten Images END-----------------------*/

/*------------------ CSS Presse Images START-----------------------*/
#presse_1 {
	background-color: #FFF;
	float: left;
	padding: 10px 10px 40px 90px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
}
#presse_2 {
	background-color: #FFF;
	float: left;
	padding: 10px 10px 40px 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
}
#presse_3 {
	background-color: #FFF;
	float: right;
	padding: 10px 30px 40px 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
}

/*------------------ CSS Presse Images END-----------------------*/

.galerie {
	background-color: #ffffff;
	border: 1px solid #D1E2E4;
	width: 800px;
}