/* Hefele design by walter@seibold.co  überarbeitet 2023-09-08 */

/* style reset */
*{	margin: 0;	padding: 0;}

body {
	margin: 0 auto;
	background: #FFFACD;
	color: Black;
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: 600;
}
#bodycenter{width: 1120px;	margin: 0 auto;}
header{margin: 2px;}
#titelLs{
	width: 450px;
	height: 280px;
	background: url(logos/hefele-logo_270.gif) no-repeat center ;
	float: left;
}
#titelRs{
	width: 560px;
	height: 182px;
	background: url(logos/hefele-logo_510.gif) no-repeat left ;
	float: left;
}
/* Schalter nicht nur für tel & impressum! */
nav .button{
	width: 260px;
	text-align: center;
	background-color: #bbaaff;
	color: #9c5239;
	border: #9c5239 medium solid ;
	font-size: 20px;
	padding: 5px;
	float: left;
	margin: 15px 5px 15px 0;
}
footer .button{
	width: 255px;
	text-align: center;
	background-color: #bbaaff;
	color: #9c5239;
	border: #9c5239 medium solid ;
	font-size: 20px;
	padding: 5px;
	float: left;
	margin: 15px 5px 15px 0;
}

p {
	font-size: 16pt;
	font-family : Verdana,  Arial;
	color : Black;
	padding: 4px;
}
.clear{
	clear: both;
}
h1{
	width: 100%;
}
.tipp{
	color: #FFFACD;
	font-size: small;
}

h2{
	margin: 10px 0 15px 0;
	color: #2F4F4F;
	font-size: 24pt;
	background-color : #B8860B;
	padding: 2px 0 8px 0;
	font-style: italic;
	font-weight: 600;
	border: #2F4F4F 3px solid;
	text-align: center;
	clear: both;
}

h3{
	margin: 10px 0 15px 0;
   color: #baf;
	font-size: 21pt;
	background-color : #9c5239;
	padding: 1px 0 6px 0;
	font-style: italic;
	font-weight: 500;
	border: #2F4F4F 2px solid;
	text-align: center;
}

#textLs{
	width: 550px;
	margin: 0 18px 15px 0;
	float: left;
	padding: 0 10px 0 10px;
}

#textRs{
	width: 500px;
	margin: 0 0 15px 0;
	padding: 0 10px 0 10px;
	float: right;
}

#textRs ul, li{
	list-style: square;
	font-size: 16px;
}
a:link {
	text-decoration: underline;
	color : Black;
	
}

a:hover {
    background: #DEB887;
	text-decoration: underline;
	color : Black;
}

a:visited {
	text-decoration: none;
	color : Green;
}

.titel {
	color : Black;
	font-size: 18pt;
	font-style: italic;
}

.r1 {
border: 2px;	
	border-style: double;
	border-color: Purple;
	padding: 4px;	
}

.r2 {
	border: double;
	border-color: #D2691E;	
}
.imgnoborder{border: none;}
hr {border: #2F4F4F medium solid ;}
address{	width: 1118px; font-size: 16px;}

#addressboxLs{
	width: 550px;
	margin: 10px 18px 15px 0;
	padding: 0 0 0 10px;
	float: left;
	height: 350px;
	overflow: visible;
}
#addressboxRs{
	width: 530px;
	margin: 10px 0 15px 0;
	padding: 0 0 0 10px;
	height: 350px;
	float: left;
	overflow: visible;
}

/* formular */
#addressboxRs .form-customer{
float:left;
width:506px!important;
clear: both;}
#addressboxRs .form-customer input{
	width: 500px;
	background: #baf;
	border: thin solid #333;
	font-size: larger;
	padding: 0.9%;
	margin-bottom: 5px;
}
#addressboxRs .form-customer textarea{
	width: 500px;
	background: #baf;
	border: thin solid #333 ;
	font-size: larger;
	padding: 0.9%;
	margin-bottom: 5px;
}
#addressboxRs .form-customer input[hidden]{display: none;}
footer{	padding: 0 0 0 10px;}
#plus-link{
    clear: both;
    width: 99%;
}
.plink{
    float: left;
    border-radius:5px;
    padding: 2px;
}
.plink img{	border: none;}