*{
	padding:0;
	margin:0;	
}
img,fieldset{
	border:0;
}
a{
	text-decoration:none;
	color:#000;
}

th{
	text-align:left;
}
html,body{
height:100%;
background-color:#003f86;
}
body{
	background-image: url(images/background/pageBg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color:#e0e0e0;
	/*padding-top:5px;*/
	height:100%;
}

html>body{
	min-height:100%;
	height:auto;
}

#pageSurround {
	width: 980px;
	margin: 0px auto 0 auto;
	padding: 5px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#subSurround {
	border: 1px solid #5C84CE;
	/*background-image: url(images/background/contentBg.jpg);*/
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:#EFEFEF;
}
#topHeader {
	position:relative;
	text-align: right;
	/*height:116px;*/
	height:auto;
	min-height:7em;
	margin-bottom: 10px;
	padding-right: 9px;
	padding-top: 0px;
	background-image: url(images/background/bghead.jpg);
	background-position:left top; 
	background-color:#fff;
	border-bottom: 0px solid #000000;
}


.colLeft {
	position: relative;
	left: 0px;
	width: 255px; 
	border:0px solid red;
	/*padding-left: 9px;
	padding-right: 5px;*/
	float: left;
}
.colMid {
	position: relative;
		border:0px solid red;
	width: 550px;
	height:600px;
	float: left;
}
html>body .colMid{
	min-height:600px;
	height:auto;
}
.colRight {
	position: relative;
	width:150px; 
		border:0px solid red;
	padding-left: 5px;
	right: 9px;
	float: right;
}
.siteDocs {
	/*border-bottom:1px solid #5C84CE;
	border-left:1px solid #5C84CE;
	border-right:1px solid #5C84CE;*/
	text-align:center;
	margin-top: 10px;
	background-color:#5C84CE;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clearall{
	clear:both;
}
/*round*/

.curvy {
position:relative;
 width:95%;
 background-image:url(images/background/boxbars.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
color:#000; 
margin:0 auto 5px auto;
border:0;
font-family:Tahoma,Helvetica;
font-size:.8em;
border-bottom:1px solid #efefef;
}
.curvy *{
	position:relative;
	z-index:100;
}

em.ctl, em.cbl, em.ctr, em.cbr {
position:absolute;
width:20px;
height:20px;
color:#ffffff;
background:#EFEFEF;
overflow:hidden;
font-style:normal;
z-index:1;
}

em.ctcolor,.curvy em b.ctcolor{
	color:#e0e0e0;
}
em.ctl {
top:0; 
left:0;
}
em.cbl {
bottom:0; 
left:0;
}
em.ctr {
top:0;
right:0;
}
em.cbr {
bottom:0;
right:0;
}
.curvy em b {
position:absolute;
font-size:150px;
font-family:arial;
color:#ffffff;
background:#EFEFEF;
line-height:40px;
font-weight:normal;
}
em.ctl b {
left:-8px;
}
em.ctr b {
left:-25px;

}
em.cbl b {
left:-8px;
top:-17px;

 }
em.cbr b {
left:-25px;
top:-17px;

}

.curvy h1{
padding:10px 3px 0px 50px;
font-family:Tahoma,Helvetica;
font-size:1.25em;
font-weight:bold;
background-image:url(images/mafell_logo.gif);
background-repeat:no-repeat;
background-position:15px 0px;
color:red;
height:1.25em;/*20px;*/
overflow:hidden;
border:0px solid green;
}

.curvy h1.wk{
background-position:10px 10px;
padding-left:30px;
background-image:url(images/cart.gif);	
}

.curvy h1.sauer{
background-position:10px 4px;
background-image:url(images/sauerlogo_klein.gif);	
padding-left:65px;
}
.curvy h1.makita{
background-position:10px 4px;
background-image:url(images/makitalogo_klein.jpg);	
padding-left:90px;
}

.curvy h1.ece{
background-position:10px 4px;
background-image:url(images/ecelogo_klein.jpg);	
padding-left:40px;
}

.curvy h1.festool{
background-image:url(images/festlog_klein.jpg);	
}
.curvy h1.fein{
background-position:10px 4px;
background-image:url(images/feinlogo_klein.jpg);	
padding-left:40px;
}

.curvy h1.lamello{
background-position:10px 4px;
background-image:url(images/lamello_logo_klein.jpg);	
padding-left:50px;
}

.curvy h1.milwaukee{
background-position:10px 4px;
background-image:url(images/milwaukee_logo_klein.jpg);	
padding-left:50px;
}

.curvy h1.dewalt{
background-position:10px 4px;
background-image:url(images/dewalt_logo_klein.gif);	
padding-left:100px;
}

.curvy h1.nobg{
	background-image:none;
	padding-left:10px;
}
.curvy h1 a{
	text-decoration:none;
	color:red;
}

h2,h3,h4,h5{
	font-size:1em;
}
.curvy *.center{
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
}
.curvy *.last {
	padding-bottom:5px;
	/* background:#9caf9c;*/
}




/*Prod Navi*/
ul.tree {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	width:85%;
	overflow:hidden;
}

ul.tree li{
	list-style-type:none;
	list-style-position:outside;
}
ul.tree ul.f li{
	list-style-position:outside;
	list-style-type:none;
}
ul.tree > li {
	margin-bottom: 10px;
}
ul.tree li{
	background-position:left top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

ul.tree ul li{
	background-image: url(images/tree/l2_normal.gif);
	padding-left:24px;
}

ul.tree ul ul li{
	background-image: url(images/tree/l3_normal.gif);
	padding-left:64px;
	margin-left:-24px;
}

ul.tree ul li.folder_first,ul.tree ul li.folder_open_first,ul.tree ul li.folder_c_first,ul.tree ul li.folder_c_open_first,ul.tree ul li.file_first,ul.tree ul li.file_open_first 
{
	background-image: url(images/tree/l2_first_follow.gif);
	padding-left:24px;
}
ul.tree ul li.folder_last,ul.tree ul li.folder_open_last,ul.tree ul li.folder_c_last,ul.tree ul li.folder_c_open_last,ul.tree ul li.file_last,ul.tree ul li.file_open_last
{
	background-image: url(images/tree/l2_last_item.gif);
	padding-left:24px;
}

ul.tree ul ul li.folder_first,ul.tree ul ul li.folder_open_first,ul.tree ul ul li.folder_c_first,ul.tree ul ul li.folder_c_open_first,ul.tree ul ul li.file_first,ul.tree ul ul li.file_open_first 
{
	background-image: url(images/tree/l3_first_follow.gif);
	padding-left:64px;
	margin-left:-24px;
}
ul.tree ul.f li.folder_last,ul.tree ul.f li.folder_open_last,ul.tree ul.f li.folder_c_last,ul.tree ul.f li.folder_c_open_last,ul.tree ul.f li.file_last,ul.tree ul.f li.file_open_last
{
	background-image: url(images/tree/l3_last_item.gif);
	padding-left:64px;
	margin-left:-24px;
	
}

ul.tree li.folder_c_open_last ul.f li{
	background-image: url(images/tree/l3_last_normal.gif);
	padding-left:64px;
	margin-left:-24px;
}

ul.tree li.folder_c_open_last ul.f  li.folder_last,.tree  li.folder_c_open_last ul.f  li.folder_open_last,ul.tree  li.folder_c_open_last ul.f  li.folder_c_last,ul.tree  li.folder_c_open_last ul.f  li.folder_c_open_last,ul.tree  li.folder_c_open_last ul.f  li.file_last,ul.tree  li.folder_c_open_last ul.f  li.folder_open_last
{
	background-image: url(images/tree/l3_last_last_item.gif);
	padding-left:64px;
	margin-left:-24px;
}
ul.tree a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-position:left center;
	background-repeat:no-repeat;
	margin:0;
	padding-left:10px;
	margin-left:-5px;
	display:inline-block;
	text-decoration:none;
	white-space:nowrap;
}
ul.tree a.home{
	background-image:url(images/tree/dot.gif)
}
ul.tree a.lfolder_c,ul.tree a.lfolder_c_first,ul.tree a.lfolder_c_last,ul.tree a.lfolder,ul.tree a.lfolder_first,ul.tree a.lfolder_last,ul.tree a.lfile,ul.tree a.lfile_last,ul.tree a.lfile_first{
	background-image:url(images/tree/dot_grau.gif);
}

ul.tree a.lfolder_c_open,ul.tree a.lfolder_c_open_first,ul.tree a.lfolder_c_open_last,ul.tree a.lfolder_open,ul.tree a.lfolder_open_first,ul.tree a.lfolder_open_last{
background-image:url(images/tree/dot_blau.gif);
color:#003f85;
}

ul.tree a.lfile_open,ul.tree a.lfile_open_first,ul.tree a.lfile_open_last{
	background-image:url(images/tree/dot_rot.gif);
	color:#e70a0a;
}

a.plinkbutton{
	 display:inline-block;
	 margin:5px;
	 border:1px solid black;
	 background-color:#e0e0e0;
	 color:#000;
	 padding:0 2px;
	 line-height:1.7em;
	 white-space:nowrap;
}

a.plinkbutton:hover {
		background-color:#e70a0a;
	border:1px solid black;
		color:#fff;
	}
	
/*Listen*/
table.gertable{
	width:95%;
}
table.gertable th, table.tdata{
background-color:#e0e0e0;
}

 tr.odd td{
	background-color:#efefef;

}
tr.even td{
	background-color:#e0e0e0;

}
table.gertable td{
	padding:5px;
	vertical-align:middle;
}
table.gertable td p{
margin:auto;
}
table.gertable td.besch{
	text-align:left;
}
table.gertable th.total{
	background-color:#fff;
}
/*detail*/
#bild{
	position:relative;
	border: 1px solid #e0e0e0;
	margin:5px;
	float:right;
	text-align:center;
	z-index:1;
}

#bildzub{
	position:relative;
	border: 1px solid #e0e0e0;
	margin:5px;
	float:right;
	text-align:center;
	z-index:1;
	width:210px;
}

#bildzub img{
width:200px;
}
.pikto{
	position:relative;
	margin:3px;
	
}

.beschreib {
	padding:5px;
	z-index:0;
}

div.liumfang{
float: left;
width:65%;
padding-left:5px;
}
ul#liumfang{
	padding-left:10px;
}
ul#liumfang  li{
	list-style:none;
list-style-position:outside;
}
ul#vorteile{
	margin:20px;
	z-index:0;
}
ul#vorteile li,ul#topargs li,ul#einsgeb li{
	list-style-position:outside;
}
ul#topargs,ul#einsgeb{
	margin:0 0 5px 20px;
}
table.sell{
	border:1px solid black;
	width:29%;
	padding-right:5px
}
table.tdata{
	float:left; 
	margin-top:5px;
	width:62%;
}

div.techz{
	float:right;
	width:37%;
	margin:5px auto;
}

div.gallerie{
	width:46%;
	height:320px;
	margin-left:15px;
	float:left;
	overflow:hidden;
}

div.gallerie img.galimage{
	display:block;
	margin:0 auto;
	border:1px solid black;
}

div.gallerie p.titel{
	margin:0 auto;
	text-align:justify;
}
table.ordertable{
border:1px solid black;
width:29%;
padding-right:5px;
}
/*detail zubehör*/
.zubvon{
	float:left;
	width:110px;
	height:120px;
	margin-left:8px;
	margin-bottom:3px;
	text-align:center;
	overflow:hidden;
	border:1px solid black;
}

/*menu suchergebnis*/

ul.search_groups li{
	list-style-position:inside;
}

/*Warenkorb*/

.wkbutton{
	background-color:#e0e0e0;
}

.euro{
	width:16px;
}
/*Bestellung 1*/
div#orderform1 div, div#orderform2 div, div#kontakt div{
background-image:none;
border:none;

}


div#orderform1 form, div#orderform2 form, div#kontakt form
{
margin:10px;
}


div#orderform1 form div.required, div#orderform1 form label.required, div#orderform2 form div.required, div#orderform2 form label.required,div#orderform1 form label.required, div#akt form div.required, div#kontakt form label.required
{
font-weight:bold;
}

div#orderform1 form div.optional label, div#orderform1 label.optional, div#orderform2 form div.optional label, div#orderform2 label.optional {
  font-weight: normal;
}


div#orderform1 form div, div#orderform2 form div, div#kontakt form div  {
 clear: left; 
 display: block;
 margin: 5px 5px 5px 5px;
 padding: 1px 3px;
}

div#orderform1 form div label, div#orderform2 form div label, div#kontakt form div label {
  display: block;
  float: left;
  width: 150px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

div#orderform1 form div input, div#orderform1 form div select, div#orderform2 form div input, div#orderform2 form div select, div#orderform2 form div textarea, div#kontakt form div input, div#kontakt form div textarea{
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

div#orderform1 p.error, div#orderform2 p.error {
  background-color: #ff0000;
  background-image: url(images/warning.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
  font-weight: bold;
  text-align:center;

}

div#orderform1 p.success, div#orderform2 p.success{
	background-color: green;
}

div#orderform1 form div.error, div#orderform2 form div.error {
  background-color: #ffffe1;
  background-image: url(images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

div#orderform1 form div.error p.error, div#orderform2 form div.error p.error {
  background-image: url(images/warning.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
}

div#orderform1 form div p.info, div#orderform2 form div p.info{
margin-left:100px;
}

div#orderform2 div.warenkorb, div#orderform2 div.adresse{
margin:10px;
border:1px solid black;
}

div#orderform2 div.warenkorb h1, div#orderform2 div.adresse h1{
background-color:#c6c7c6;
color:black;
}

div#orderform2 form legend{
font-weight:bold;
}

div#orderform2 form input.inputCheckbox{
border:1px none black;
width:20px;
vertical-align:bottom;
}
div#orderform2 form div.inputCheckbox {
border:1px none black;
padding-top:10px;
}
div#orderform2 form div.hide{
display:none;
}
div#orderform2 form label.labelCheckbox {
margin:5px;
padding: 0px;
width:300px;
margin-top:-10px;
/*margin-left:60px;
 margin-right:auto;*/
 border:1px none black;
}
div#orderform1 input.inputSubmitZ,div#orderform2 input.inputSubmitZ, div#kontakt input.inputSubmitZ{
display:block;
float:left;
}

div#orderform1 input.inputSubmitW, div#orderform2 input.inputSubmitW, div#kontakt input.inputSubmitW{
display:block;
float:right;
}

div#orderform1 fieldset,div#orderform2 fieldset,div#kontakt fieldset{
	border:1px solid #e0e0e0;
	margin-top:3px;
}

p#cardIcon{
font-size:11px;
text-align:left;
margin:0px 0px 5px 5px;
border:0px solid red;
}
p#cardIcon img{
float:right;
}
p#cardIcon span{
	display:block;
	float:left;
	vertical-align:middle;
	margin:8px 3px 0px 0px
}

iframe.CCAlbis{
border:0px solid black;
width:93%;
height:310px;
} 


/*Linkseite*/

.shoplinkimg{
float:left;
margin:auto;
border:1px solid black;
}

a#logo{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

#welcome{
	text-align:center;
	float:left;
	height:100%;
	border:0px solid red;
	color:	#E7E7E7;
	width:700px;
}
#welcome h1,#welcome h2{
	margin-left:210px;
}
#welcome h1 a,#welcome h2 a{
	color:	#E7E7E7;
}
#welcome h1{
	font-family:Tahoma,Helvetica;
	/*font-size:35px;*/
	font-size:2.3em;
	margin-top:20px;
}

#welcome h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
#welcome h3{
	padding-left:5px;
	text-align:left;
}
/*#welcome h3 img{
	height:20px;
}
*/

#search{
	padding-top: 72px;
	border:0px solid red;
	width:260px;
	float:right;
	}
.ablock{
	display:block;
}
.block{
	display:block;
	padding-bottom:2px;
	/*margin:auto*/
}
.blockcenter{
	margin:auto;
}
.textcenter{
	text-align:center;
}
.textblock{
	text-align:justify;
}
.textright{
	text-align:right;
}
.nowrap{
	white-space:nowrap;
}

.border{
	border:1px solid #e0e0e0;
	margin:3px auto;
	width:97%;

}
.searchBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FF3300;
	background-color:transparent;
	border:none;
	background-image:url(images/find.gif);
	height:19px;
	width:19px;
	background-repeat:no-repeat;
	background-position:center;
}
.searchBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	background-color: #61A2DF;
	border: 1px solid #FFFFFF;
}
.textbox {
	background-color: #E0F0FF;
	border: 1px solid #A8B4B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0E51A3;
}
.textboxDisabled {
	background-color: #FFFFFF;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.txtSession {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
}
a.txtSession {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
} 
a.txtSession:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: underline;
} 
.txtSessionGrey {
	color:	#BFCCC7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	/*text-transform: capitalize;*/
}

.txtSessionBlack{
	color:	#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-transform: capitalize;
}
.txtCopy, .txtSiteDocs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #ffffff;
}
a.txtSiteDocs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #ffffff;
	text-decoration: none;
}
a.txtSiteDocs:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}
a.txtButton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0E51A3;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF3300;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}


.txtSiteDocs, a.txtSiteDocs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #ffffff;
	text-decoration:none;
}
a.txtSiteDocs:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration:none;
}
.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0E51A3;
	text-decoration:none;
}
a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	text-decoration:none;
}
.txtContentTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	color: #FF3300;
}

.txtCopyright, a.txtCopyright {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding-top: 5px;
	color: #BFCCC7;
}
a.txtCopyright:hover {
	text-decoration: none;
}

.left{
	float:left;
	margin-right:5px;
}

.right{
	float:right;
	margin-left:5px;
}

.cutoff{
	width:98%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

div#print{
visibility:hidden;
display:none;
height:0px;
}

div#agb p{
margin:5px;
}

/*anpassung yui*/
.mask{
z-index:1000;
}

.yui-panel-container{
z-index:1001;
}

.yui-skin-sam .yui-tt .bd{
color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid black;
	font:70% sans-serif;
}

ol.neu{
list-style:decimal inside;
}

ul.neu{
	list-style:inside;
	margin:auto;
	width:100px;
}

#shopInfo{
display:none;
background-color:#c0c0c0;
border:1px solid black;
width:200px;
padding:2px;
/*visibility:visible;*/
}
div#shopInfo>div{
border:0px;
	}
#shopInfo div.bd{
margin:0;
padding:3px;
font-family: Tahoma,Helvetica;
font-size: 0.8em;
}

p.error{
color:red;
}

p#cardImg img{
float:right;	
}

a.change{
font-weight:bold;
color:000;
text-decoration:none;
}

a.change:hover{
color:#01417E;
}

a.blue:link, a.blue:visited, a.blue:active{
color: #0000FF;
font-weight: bold;
text-decoration: none  }

a.blue:hover{ 
color: #f9f9f9;
 background-color: #0000FF;
 border-top: 1px solid #f9f9f9;
 border-bottom: 1px solid #f9f9f9;
 border-left-color: blue;
border-right-color: blue; 
}