*{
	margin:0;
	padding:0;
}

img{
border:none;
}

a{
text-decoration:none;
color:black;
}

fieldset.hide
{
display:none;
}
body,html{
	min-height:100%;
	height:auto;
	background-image:url(images/hg.jpg);
}
div#print{
visibility:hidden;
display:none;
height:0px;
}
body{
padding:20px 0;
font:13px/1.22 arial,helvetica,clean,sans-serif;
}

/*
Grundgerüst
*/
div#container{
	width:800px;
	height:auto;
	min-height:800px;
	border:1px solid blue;
	border-bottom:0;
	background-color:#ffffff;
	margin:auto;
	_height:800px;
}

div#header{
	position:relative;
	background-image:url(images/makitahead.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:100%;
	min-height:105px;
	height:auto;
	background-color:#003399;
	margin-bottom:5px;
	border:0;
	_height:105px;
}

#left{
float:left;
width:21%;
border:1px solid #ffffff;

}

#main{
width:56%;
margin-left:22%;
border:1px solid #ffffff;

}
#right{
float:right;
width:20%;
border:1px solid #ffffff;
}

#foot{
width:800px;
background-color:#cfcfcf;
text-align:center;
font-size:85%;
font-weight:bold;
margin:auto;
border:1px solid blue;
border-top:0;
}
/*--------------------
+++Kopf+++
*/

div#header  h1{
	position:relative;
	left:190px;
	top:-10px;
	color:#ffffff;
	font-size:400%;
}

ul#topnav{
	position:absolute;
	bottom:0px;
	background-image:url(images/makitabgnav.jpg);
	background-repeat:no-repeat;
	background-color:#5C7EBE;
	border:0;
	width:100%;
	border:0;
}

ul#topnav li{
	float:left;
	list-style-position:inside;
	list-style:none;
	padding:3px 0;
	color:#ffffff;
	border:0;
}

ul#topnav li a{
	color:#ffffff;
	border-right:1px solid black;
	font-weight:bold;
	text-decoration:none;
	margin:0px 5px 0px 5px;
	padding:0px 3px 0px 3px;
}
ul#topnav li.last a{
margin-right:0;
padding-right:0;
border:none;
}

ul#topnav li a:hover{
	color:red;
}
ul#topnav li#sauerlink{
position:absolute;
display:block;
right:0;
border:0;
bottom:0;
margin:0;
padding:0;
}
ul#topnav li#sauerlink a{
display:block;
margin:0;
padding:2px 0 0 0;
}

li#sauerlink a img{
/*vertical-align:bottom;*/
}

form#searchform fieldset{
border:none;
border-right:1px solid black;;
*width:216px;
}
form#searchform fieldset label{
font-weight:bold;
}
form#searchform input{
border:1px solid black;
vertical-align:middle;
}
form#searchform fieldset label,form#searchform input{
float:left;
margin-right:3px;
}

/*-------------
+++Boxen Seite+++
*/
div.boxSide{
width:95%;
margin:5px auto;
border:1px solid black;
}

div.boxSide h2{
background-color:#5c7dbe;
color:#ffffff;
font-size:116%;
padding:3px;
text-align:center;
border-bottom:1px solid black;
}
div.boxSide h2 a{
color:#ffffff;
text-decoration:none;
}
div.boxSide p,div.boxMain p{
margin:3px;
}

a.imglink{
display:block;
text-align:center;
}

/*------------------
+++Boxen Mitte++++++++
*/
div.boxMain,h1.wilkommen{
width:99%;
/*border:1px solid black;*/
margin:5px auto;
}
div.boxMain{
margin-bottom:20px;
}

div.boxMain h1,h1.wilkommen{
background-color:#cfcfcf;
/*border-bottom:1px solid black;*/
font-size:116%;
padding:3px;
text-align:left;
}
/*
+++Shopnavigation
*/

ul#shopnav{
padding:3px;
}

ul#shopnav li{
list-style-position:inside;
list-style-type:square;
color:#5c7dbe;
}
ul#shopnav li.actual_product{
color:red;
}
ul#shopnav li a{
text-decoration:none;
color:#000000;
font-weight:bold;
}
ul#shopnav li.actual_product a{
color:red;
}
ul#shopnav li a:hover{
color:red;
}

/**
Produkte Teaser
*/
ul.teaser{
list-style-type:none;
}

ul.teaser li{
text-align:center;
border-bottom:1px solid black;
}

ul.teaser li h3{
font-size:93%;
padding:5px;
overflow:hidden;
}
ul.teaser li h3 a{
color:black;
text-decoration:none;
background-color:#cfcfcf;
display:block;
overflow:hidden;
}


/*begruess,leasing*/
div.willkommen{
background-image:url(images/makitatitel.jpg);
padding-top:100px;
}
div.leasing{
background-image:url(images/makitaleasing.jpg);
background-position:20px 0;
padding-top:155px;
}
div.willkommen,div.leasing{
background-repeat:no-repeat;
}
div.willkommen h4,div.leasing h4{
color:#003399;
width:300px;
font-size:108%;
}
div.willkommen p,div.leasing p,div.leasing table{
font-size:108%;
line-height:1.5;
}
div.willkommen p{
width:270px;
}
div.leasing p{
width:290px;
}
div.leasing p.norm{
width:95%;
margn:auto;
}

div.leasing table td.sumlast{
border-bottom:1px solid black;
}

div.leasing table td.sum,div.leasing table td.rate{
font-weight:bold;
color:#dd0026;
}
div.leasing table td.rate{
font-size:197%;
}
div.leasing table td.rem{
font-size:77%;
}

/*Produkliste*/

table.prodlist{
margin:1%;
border-collapse:collapse;
width:98%;
}

table.prodlist td,table.prodlist th{
text-align:center;
padding-bottom:5px;
}
table.prodlist td.preis,table.prodlist th.preis{
white-space: nowrap;
}
table.prodlist td.back,table.prodlist th.back{
text-align:left;
}

table.prodlist td.vor,table.prodlist th.vor{
text-align:right;
}
table.prodlist p{
margin:0;
padding:0;
}
p.bold{
font-weight:bold;
}

p.small{
font-size:77%;
}
table.prodlist input.mengeIn{
width:1em;
}


/*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{
	float:left;
	vertical-align:middle;
	margin:8px 3px 0px 0px
}

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

/*Einzelansicht*/
div.prod h2{
font-size:108%;
margin:5px;
}
div.prod img{
margin:10px;
}
table.layout{
width:90%;
margin:auto;
}
table.sell{
border:1px solid black;
margin:5px;
padding:5px;
}
table.sell td,table.sell th{
text-align:left;
}
table.sell input.mengeIn{
width:1.5em;
}
div.prod p{
font-weight:bold;
}
div.prod p,div.prod ul,div.prod h2{
width:80%;
margin-left:auto;
margin-right:auto;
}
div.prod ul{
padding-left:3em;
margin-bottom:10px;

}


div.link{
text-align:center;
border:1px solid black;
}

div.link h1{
margin-bottom:10px;
}
div.link p{
padding:10px;
}
/*clearing...*/ 
.clearall{
clear:both;
}
.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 */