/* CSS Document */
*{
margin:0px;
padding:0px;}
html{
	margin:0px;
	padding:0px;
	background-image: url(bg-v1__04.jpg);
	background-repeat: repeat-x;
	height: 100%;
	width: 99%;
}
body{
	margin:0px;
	padding:0px;
	height: 100%;
	font-size: 1em;
	
}


#Zusatz Bernutz: für Angebote, Zeile 2
#b1{
        color:#FFFFFF;
	font-size: 8px;
	font-family: Verdana, "Trebuchet MS", Tahoma;
}



#main{
	width:980px;
	height:100%;
	/*	background-image: url(macco_03.jpg);*/
	background-position: left 0px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(bg_v1_01.jpg);
}
#mainzwei{
	width:980px;
	background-image: url(bg_v1_06.jpg);/**/
	background-position: -7px 155px;
	background-repeat: no-repeat;
	float: left;
}
#top{
	height: 270px;
	background-image: url(bg-v1__02.jpg);
	background-repeat: no-repeat;
	width: 950px;
	margin: 0px;
	float: left;
	background-position: 230px 0px;
}
#hmenu{
	background-image: url(bg-v1__05.jpg);
	background-repeat: no-repeat;
	background-position: -1px 0px;
	float: left;
	width: 950px;
	line-height: 85px;
	height: 85px;
}
#menu{
	margin-left: 230px;
	position: relative;
}
#menu ul{
	margin-top: 0px;
}
#menu ul li{
	display: block;
	background-image: url(linie_07.gif);
	background-repeat: no-repeat;
	background-position: right 18px;
	float: left;
	list-style-type: none;
}
#menu ul li a, #hmenu a{
	line-height: 85px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	margin-right: 0px;
	display: block;
	width: 110px;
	float: left;
	text-align: center;
}
#menu a:hover, #hmenu a:hover{
	color: #504E45;
}
#hmenu #absolute2 a{
	line-height: 90px;
	width: 228px;
	position:absolute;
	left:0px;
	margin-left:0px;
	z-index: 1000;
	top: 0px;
	margin-top: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-image:url(bal_06.png)!important;*/

} 
#hmenu #absolute2 a:hover{
	color: #504E45;
	/*background-image: url(start_09.png)!important;*/
}
#hmenu #absolute3{
	width: 228px;
	position:absolute;
	left:0px;
	margin-left:0px;
	z-index: 1000;
	top: 0px;
	margin-top: 120px;

	/*background-image:url(bal_06.png)!important;*/

}
#hmenu #absolute3 a{
	line-height: 17px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	width: 225px;
	/*background-image:url(bal_06.png)!important;*/

} 
#hmenu #absolute3 a:hover{
	color: #EF1126;
	/*background-image: url(start_09.png)!important;*/
}
#hmenu #absolute4{
	width: 120px;
	position:absolute;
	left:0px;
	margin-left:865px;
	z-index: 1000;
	top: 0px;
	margin-top: 190px;

	/*background-image:url(bal_06.png)!important;*/

}
#hmenu #absolute4 a{
	line-height: 17px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	width: 120px;
	/*background-image:url(bal_06.png)!important;*/

} 
#hmenu #absolute4 a:hover{
	color: #EF1126;
	/*background-image: url(start_09.png)!important;*/
}
#center {
	width: 980px;
	float: left;
	/*background-image: url(links_u_t.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;*/
	margin-top: 0px;
	height: 100%;
}
#left {
	float: left;
	width: 227px;
	height: auto;
}
#middle{
	float: left;
	width: 348px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	/*border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;*/
}
#right{
	/*border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;*/
	float: right;
	width: 400px;
}
div.leisteleft{
	background-repeat: no-repeat;
	height: 422px;
	width: 162px;
	margin-left: 30px;
	background-position: 0 50px;
	text-align: center;
}
div.bildmiddle{
	background-image: url(bildmi_11.jpg);
	background-repeat: no-repeat;
	width: 299px;
	height: 215px;
	margin-left: 25px;
}
div.bildmiddleleer{
	background-image: url(rahmen_gross_trans.png);
	background-repeat: no-repeat;
	width: 299px;
	height: 215px;
	margin-left: 25px;
}
div.inlay{
	width: 259px;
	height: 175px;
	padding: 15px 12px 10px 12px;
	overflow: hidden;
}
div.bildleftleer{
	background-image: url(rahmen_klein_trans.png);
	background-repeat: no-repeat;
	width: 163px;
	height: 138px;
	/*margin-right: 25px;*/
}
div.bildleftleero{
	
	background-repeat: no-repeat;
	width: 163px;
	height: 138px;
	/*margin-right: 25px;*/
}

div.inlayleft{
	width: 124px;
	height: 102px;
	padding: 12px 10px 10px 12px;
	overflow: hidden;
	z-intex:300!important;position:relative!important;
}
div.inlayleft a{
	width: 124px!important;
	height: 102px!important;
	border:none!important;
	z-intex:400!important;
	float:left!important;position:relative!important;
	
}
div.inlayleft a img{
z-intex:500!important;
float:left!important;
position:relative!important;

}/******/
div.bildleftleerz{
	background-image: url(rahmen_sklein_trans.png);
	background-repeat: no-repeat;
width:135px; height: 116px;
	/*margin-right: 25px;*/
}
div.bildleftleeroz{
	
	background-repeat: no-repeat;
	width: 163px;
	height: 138px;
	/*margin-right: 25px;*/
}

div.inlayleftz{
	width: 102px;
	height: 82px;
	padding: 12px 10px 10px 12px;
	overflow: hidden;
	z-intex:300!important;
	position:relative!important;
}
div.inlayleftz a{
	width: 124px!important;
	height: 102px!important;
	border:none!important;
	z-intex:400!important;
	float:left!important;position:relative!important;
	
}
div.inlayleftz a img{
z-intex:500!important;
float:left!important;
position:relative!important;

}
/***/
p.middle{
	font-family: "Trebuchet MS", Tahoma;
	font-size: 0.8em;
	padding: 5px 15px 20px 15px;
}
h1,p{color: #504e45;font-family: "Trebuchet MS", Tahoma;}
h2{
	color:#F02135;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma;
}
h3{
	color:#0033CC;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma;
}
h1.neins{
	font-size: 24px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	text-align: right;
	margin-right: 120px;
}
h1.normal{
	font-size: 18px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	margin-left:15px;
}
h1.nzwei{
	font-size: 20px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	margin-left: 70px;
}
h1.neinsmiddle{
	font-size: 24px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	text-align: left;
	margin-left: 20px;
}
h1.normalmiddle{
	font-size: 18px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	margin-left:15px;}
h1.nzweimiddle{
	font-size: 20px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	margin-right: 20px;
text-align: right;
margin-bottom:10px;
}


h2.news{
	font-size: 20px;
	font-family: "Trebuchet MS", Tahoma;
	font-weight: 300;
	border-bottom-color: #504E45;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 25px;
}
#news{
	float: left;
	padding: 0px 15px 0px 15px;
	margin-top: 60px;
	width: 615px;
}
p.datum{
	float: left;
	width: 80px;
	font-size: 12px!important;
	font-family: "Trebuchet MS", Tahoma;
	margin-left: 5px;
	display: none;
}
p.text{
	font-family: "Trebuchet MS", Tahoma;
	font-size: 0.8em;
}
div.textg{
	float: right;
	width: 612px;
}
div.block{
	float: left;
	margin-bottom: 10px;
	width: 612px;
}
a.mehr{
	color: #504E45;
	text-decoration: none;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 0.8em;
}
a:hover.mehr{
	background-color:#A8B5E1;
}
span.link{
}
a.prospekt{
	color: #a5430c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	margin-top: 20px;
	float: left;
	margin-left: 15px;
}
a:hover.prospekt{
	text-decoration:none;
	color: #FFFFFF!important;
}
#footer{
	float: left!important;
	width: 225px!important;
	margin-top: 0px!important;
	height: auto;
	clear: right;
	/*background-image: url(links_u_t.png);
	background-position: left bottom;
	background-repeat: no-repeat;*/
}
a.menu{
	margin-left: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #504E45;
	text-decoration: none;
}
a:hover.menu{}
a.Infos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	float: left;
	text-decoration: none;
	width: 330px;
	margin-left: 15px;
	color: #504E45;
}
a:hover.Infos{
text-decoration:underline;
background-color:#0066CC;
color:#FFFFFF;}
a.ww{
	background-image: url(ww.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	cursor:hand;
}
a.ke{
	background-image: url(nke.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	cursor:hand;
}
a.ts{
	background-image: url(ts.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	cursor:hand;
}
div.nra{
	background-image: url(rahmen_klein_trans.png);
	background-repeat: no-repeat;
	width: 158px;
	height: 136px;
}
div.mooa{
	height: 130px;
	background-position: 12px 11px!important;

}
div.moo-text p{
color:#000000!important;
font-family:Arial, Helvetica, sans-serif!important;}
div.nra a{
text-decoration:none!important;
cursor:hand;}
a.bildlink{
	padding:10px 0 10px 20px;
	float: left;
	text-decoration: none;
	color: #000000;
	line-height: 25px;
	width: 100%;
}
a.back{float:left; width:300px; padding:0 0 0 10px;
margin:10px auto; text-decoration:none; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:10px}
a.back:hover{
text-decoration:underline;}
.grau{
color:#CCCCCC!important}



.label{
	margin-top:0px!important;
	float:left;
	width:230px;
	margin-top:3px;
	font-size:12px;
	line-height: 20px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.input, .tfeld {margin:0px;
	padding:0.25em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7c7c7c;
	border-right-color: #cecece;
	border-bottom-color: #c3c3c3;
	border-left-color: #7c7c7c;
	background-color: #FFFFFF;
background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
}
/*input[type="submit"], input[type="reset"] {
	background:		#e8e8e8 url(fade-butt.png) repeat-x scroll 0 0;
}
input[type="text"], input[type="password"] {
	
}*/
fieldset.k {
	margin:0px 0px;
padding:20px;
	border:0px;
	float:left;
	width:250px;
	height: auto;
}
.kontaktform1{
	background:		#fcfcfc url(form_bg.gif) repeat-x scroll 0 0;
	font-size:11px;
	color: #8E292E;
	float: left;
	margin: 0px;
}
.tfeld{
	background-image: none;
	font-size:15px;
	color: #8E292E;
	float:left;
	width:300px;
	background-image: url(textfeld_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	overflow: auto;
	height: 200px;
}
select#mitar{width:310px!important;}
form{
	margin:-10px 0 0 0px;
}
input.btn{
/*background-image:url(senden.gif);
width:140px;
height:48px;
background-repeat:no-repeat;
border:0px;*/
float:left;
cursor:pointer;
color:#000;
margin-top:10px;
font-size:17px;
font-weight:100;}
div.ee{
	float:left;
	padding-left:10px;
	width:169px;
	height:666px;
	background-image:url(trnd-sch1-.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 80px;
}
div.ef {
	float:left;
	padding-left:10px;
	width:169px;
	height:666px;
	background-image:url(trnd-sch2-.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 80px;
}
div.eg{
	float:left;
	padding-left:10px;
	width:169px;
	height:666px;
	background-image:url(trnd-sch3-.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 80px;
}
div.eh{
	float:left;
	padding-left:10px;
	width:169px;
	height:666px;
	background-image:url(trnd-sch4-.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 80px;
}
a.logo{
	background-image: url(starkPartner_Bueschel_k.jpg);
	width: 100px;
	height: 26px;
	position: relative;
	text-decoration: none;
	display: block;

}
div.erv{
	background-image:url(trnd-sch0.jpg);
	background-repeat:no-repeat;
	height:188px;
	margin-left:20px;
	padding:20px 10px;
}
div.leerzwei{
	height:411px!important;
	width:296px!important;
}
a.service {
	text-decoration:none;
	cursor:hand;
	display:block;
	line-height:37px!important;
	height:37px!important;
	padding:2px;
	margin:3px 0px;
	float: left;
	width: 190px;


#Porspekthöhe rausgenommen, damit Sonderprospekte wie Trendstorekataloge
#nicht separat angepasst werden müssen. Es wird somit nur nach der 
#Bildbreite scaliert / Mrz 2010 / Bernutz 
#height:411px; 

}
.pros{
cursor:hand; 
width:290px; 
margin-left:25px; 
background-repeat:no-repeat;}
a.service:hover {
border:#000033 1px solid;
}
img.service{
float:left;
margin-right:10px;}