html, body {padding: 0; margin: 0;}
body {background: #bbbbbb url('../img/bg.png') repeat-y center top; }
html, body {font: normal 13px/1.6em Arial, Verdana, Sans-Serif; color: #2e2e2e;}
body.pid5 #cont, div.klein {font: 10px Verdana, Sans-Serif;}

table, td {text-align: left; vertical-align: top;}


#center {text-align: center; background: transparent url('../img/bg.jpg') repeat-x fixed center top;}
#site {width: 801px; margin: 0 auto; text-align: left; border-left: 1px solid #a4b2ba; border-right: 1px solid #a4b2ba;}
#head {height: 299px; width: 801px; overflow: hidden; background: transparent url('../../photos/banner.jpg') no-repeat left -300px; position:relative;}

#allcontent {padding-bottom: 60px;}
#left {float: left; width: 200px; overflow: hidden;}
#left .left {padding: 25px;}
#cont {float: left; width: 600px; overflow: hidden;}
#cont .cont {margin: 25px;}

#foot {font: 10px Verdana, Sans-Serif; color: #6d6d6d; background: #fff url('../img/bg-footer.png') no-repeat left top; height: 55px; position: fixed; bottom: 0px; overflow: hidden;}
#foot #foot1 {width: 198px; float: left; overflow: hidden; border-right: 1px solid #d1d1d1; height: 55px;}
#foot #foot1 .foot1 {padding: 10px 25px; }
#foot p {margin: 0 0 1em 0;}
#foot table, #foot tr, #foot td {margin: 0; padding: 0; border: 0;}
#foot #foot2 {width: 600px; float: left; overflow: hidden;}
#foot #foot2 .foot2 {padding: 10px 25px; }

hr {height: 1px; border: 0px; border-bottom: 1px dashed silver; background-color: transparent;}

h1, h2, h3, h4, h5, h6 {font: normal 17px/1.4em Arial, Sans-Serif; color: #6b6b6b; padding: 0; margin: 1.5em 0 1em 0; }




h1#logo {width: 199px; margin: 0; padding: 26px 0 25px 0; line-height: 0; border-top: 1px solid #000;}
h1#logo a {display: block; width: 199px; height: 47px; overflow: hidden; background: transparent url('../img/logo-haack-farbtechnik.png') no-repeat left center;}
h1#logo a span {display: none;}

#foot a {color: #6d6d6d; text-decoration: none;}
#foot a:hover {color: #475469; text-decoration: underline;}

#cont img {padding: 2px; border: 1px solid silver;}
#cont img.noborder {padding: 0; border: 0;}


/* Kontaktformular ***************************************/

.contactdetails input, .contactadress input  {border: 1px solid silver; width: 200px; margin: 0px;}
.message textarea, .message input {border: 1px solid silver; width: 430px; margin: 0px;}
.contactdetails {width: 230px; float: left;}
.contactadress {width: 203px;float: left;}
.infoblock {clear: left; border-top: 5px solid #fff; border-bottom: 1px dashed silver; padding: 5px 0 0 0; margin: 10px 0; width: 435px;}
.message {clear: left;}

.field {margin-bottom: 6px;}
.subfield2 {float: right;}
input.plz {width: 60px;}
input.city {width: 120px;}
input, textarea, select {font-family: Verdana, Arial, Sans-Serif; font-size: 13px; color:#046BBF; }
.button, .submit, .reset {color: #000; border: auto}
#submit {width: 150px;}

input, textarea, select {padding-left: 3px;}
form {padding:0; margin: 0px;}

.buttons {padding-top: 5px; background-image:url(../img/dotted-line.gif); background-repeat: repeat-x; background-position: left top; }
.buttons .field {padding-bottom: 5px; background-image:url(../img/dotted-line.gif); background-repeat: repeat-x; background-position: left bottom; }

div.form input, div.form select {width: 200px; margin: 3px 5px 0 0;}
div.form select, div.form input.submit {width: 207px;}