* {
margin: 0; 
padding: 0;
}
body {
margin: 0px;
padding: 0px;
height: 100%;
background: #124473;
text-align: center;
}
#TAContent h1 {
font: 20px Arial, sans-serif;
font-weight: bold;
padding-left: 10px;
padding-top: 10px;
color: #006699;
}
#TAContent h2 {
font: 18px Arial, sans-serif;
font-weight: bold;
padding-left: 10px;
color: #006699;
}
#TAContent ol {
font: 13px Arial, sans-serif;
line-height: 1.45em;
font-weight: normal;
padding: 10px 10px 5px 35px;
color: #000;
}
#TAContent ol li {
padding: 10px 10px 5px 0;
}
#TAContent ol li strong{
color: #006699;
}
#TAContent h3 {
font: 10px Arial, sans-serif;
padding-left: 10px;
color: #006699;
}
#TAContent p {
font: 12px Arial, sans-serif;
padding-left: 10px;
color: #000;
line-height: 1.45em;
}
#TAContent img.centerbaer {
margin: 0px 20px;
float: right;
}
#container {
margin: 0px auto;
width: 920px;
}
#content {
text-align: left;
margin: 0px auto;
position: relative;
}
#rightcontent {
float: right;
width: 702px;
background: #FFFFFF;
}
#head {
width: 612px;
height: 33px;
float: left;
background:url("../gfx/headbg.jpg") repeat-x left top;
}
#head h1{
color: #FFFFFF;
text-align: center;
padding: 0;
padding-left: 10px;
font: 15px Arial, sans-serif;
font-weight: bold;
color:#FFF;
margin-top: 3px;
}
#head h2{
color: #FFFFFF;
text-align: center;
padding: 0;
padding-left: 10px;
font: 11px Arial, sans-serif;
font-weight: bold;
color:#FFF;
}
#headcontainer {
width: 702px;
height: 57px;
}
#Warenkorb {
float: right;
top: 0;
width: 90px;
height: 57px;
background:url("../gfx/wk.jpg") no-repeat left top;
font-size: 10px; 
font-family: Arial, sans-serif;
text-align: center;
font-weight: bold;
color:#FFF;
}
#Warenkorb p{
margin-top: 3px;
}
#Warenkorb h3{
font-size: 10px; 
margin-top: 3px;
font-family: Arial, sans-serif;
}
#Warenkorb a{
color:#FFF;
text-decoration: none;
}
#Warenkorb a img{
border: none;
}
#Whereareyou {
color: #006699;
border-bottom: 1px solid #006699;
font-size:12px; 
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 3px 0 0 5px;
font-weight: bold;
width: 680px;
float: left;
}
#Whereareyou a{
text-decoration: none;
color: #006699;
}
#Whereareyou a:hover{
color: #FF6600;
}
#primarynavigation {
background:url("../gfx/headbg.jpg") repeat-x;
background-position: 0 -33px;
float:left;
width:612px;
font-size:93%;
height: 24px;
line-height:normal;
}
#primarynavigation ul {
margin:0;
padding: 0 10px 0 5px;
list-style:none;
}
#primarynavigation li {
display:inline;
margin:0;
padding:0;
}
#primarynavigation a {
float:left;
background:url("../gfx/tab-links.jpg") no-repeat left top;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
font: 14px Arial, Helvetica, sans-serif;
font-weight: bold;
color:#333;
}
#primarynavigation a span {
float:left;
display:block;
background:url("../gfx/tab-rechts.jpg") no-repeat right top;
padding:5px 16px 3px 6px;
}
/* Commented Backslash Hack fuer den IE5-Mac \*/
#primarynavigation a span {float:none;}
/* Ende IE5-Mac hack */
#primarynavigation a:hover span {
color:#000;
}
#primarynavigation a:hover {
background-position:0% -50px;
}
#primarynavigation a:hover span {
background-position:100% -50px;
}
#primarynavigation a.current {
background-position:0% -25px;
}
#primarynavigation a.current span {
background-position:100% -25px;
}
#primarynavigation a.current:hover {
background-position:0% -25px;
color:#333;
}
#primarynavigation a.current:hover span {
background-position:100% -25px;
color:#333;
}
.news {
font-family: Arial, Helvetica, sans-serif;
float: right;
width: 430px;
background: transparent url("../gfx/dot.jpg") repeat-y;
text-align: left;
}
.news h3 {
font-weight: bold;
font-size: 20px;
color: #000000;
padding: 5px;
}
.news i {
float: right;
font-style: italic;
font-size: 10px;
color: #000000;
padding-right: 10px;
padding-top: 10px;
}
.news p {
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #000000;
padding: 10px;
}
#impressum {
font-family: Arial, Helvetica, sans-serif;
float: right;
width: 430px;
background: transparent url("../gfx/dot.jpg") repeat-y;
text-align: left;
}
#impressum h3 {
font-weight: bold;
font-size: 18px;
margin-top: 5px;
color: #000000;
padding-left: 5px;
}
#impressum p {
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #000000;
padding: 10px;
}
#impressum img {
margin-bottom: 40px;
}
#about {
width: 241px;
float: left;
text-align: center;
margin-top: 5px;
}
#about p{
text-align: left;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #000000;
padding: 10px;
}
#about h4{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color: #000000;

}
#kontakt {
width: 241px;
float: left;
text-align: left;
padding-left: 10px;
}
#kontakt p{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
clear: both;
font-size: 12px;
line-height: 18px;
color: #000000;
padding: 10px;
}
#kontakt a{
color: #0057B0;
}
#kontakt a:hover{
color: #B87100;
}
#kontakt h4{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #000000;
padding: 5px;
}
#kontakt strong{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 18px;
color: #000000;
}
#kontakt table{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #000000;
border: none;
width: 241px;
}
#kontakt td{
text-align: left;
}
#kontakt .tdleft{
text-indent: 50px;
}
.Blue {
border: 2px solid #0066cb;
background: #ddeeff;
margin-bottom: 10px;
}
.Blue p{
clear: both;
padding: 5px;
margin: 0;
color: #000;
}
.Blue p a, #kontakt .Blue p a{
clear: both;
font-weight:bold;
float:right;
height: 14px;
padding: 3px;
margin: 0 0 5px 0;
border: 2px solid #0066cb;
line-height: 14px;
background: #0066cb;
color: #FFF;
}
.Blue p a:hover, #kontakt .Blue p a:hover{
background: #FFF;
color: #0066cb;
}
.Blue p a:hover{
background: #FFF;
color: #0066cb;
}
.Blue h4, #kontakt .Blue h4{
color: #FFF;
background: #0066cb;
}
#lbar {
float: left;
background: transparent url("../gfx/lnavbg.jpg") repeat-y;
width: 218px;
}
#headlogo {
background: transparent url("../gfx/logo.jpg") no-repeat;
height: 203px;
width: 218px;
}
#headlogo a img{
border: none;
}
#kundenlogin {
float: right;
background: transparent;
width: 198px;
}
#search {
float: right;
background: transparent;
width: 198px;
}
#lbar fieldset{
margin-top: 6px;
border: none;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
padding-left: 10px;
text-align: left;
}
#lbar legend{
padding-bottom: 6px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
}
#lbar label{
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 8pt;
}
#lbar input{
width: 150px;
font: 10pt Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom: 3px;
margin-left: 7px;
border: 1px solid #004b96;
background-color: #DDDDFF;
height: 20px;
}
#lbar input.button{
width: 152px;
margin-bottom: 6px;
}
#lbar p {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
color:#FFFFFF;
}
#snavigation ul{
margin-top: 15px;
list-style: none;
text-align: left;
float: right;
background: transparent;
width: 198px;
}
#snavigation ul li{
display: block;
cursor: pointer;
}
#snavigation ul li a{
display: block;
padding: 3px 0 0 55px;
height: 24px;
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
#snavigation ul li a.mteil{
font-size: 10px;
margin-top: -3px;
padding: 6px 0 0 65px;
background: transparent url("../gfx/dreieck/mteil.jpg") no-repeat;
height: 10px;
}
#snavigation ul li a.lteil{
font-size: 10px;
margin-top: -3px;
padding: 5px 0 0 65px;
height: 10px;
background: transparent url("../gfx/dreieck/lteil.jpg") no-repeat;
}
#snavigation ul li a.okochtechnik{
background: transparent url("../gfx/dreieck/okochtechnik.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.opizza{
background: transparent url("../gfx/dreieck/opizza.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.olueftung{
background: transparent url("../gfx/dreieck/olueftung.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.oedelstahl{
background: transparent url("../gfx/dreieck/oedelstahl.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.ospuehltechnik{
background: transparent url("../gfx/dreieck/ospuehltechnik.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.okuehltechnik{
background: transparent url("../gfx/dreieck/okuehltechnik.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.oausgabesystem{
background: transparent url("../gfx/dreieck/oausgabesystem.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.ozusatz{
background: transparent url("../gfx/dreieck/ozusatz.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.oespresso{
background: transparent url("../gfx/dreieck/oespresso.jpg") no-repeat;
height: 23px;
}
#snavigation ul li a.kochtechnik{
background: transparent url("../gfx/dreieck/kochtechnik.jpg") no-repeat;
}
#snavigation ul li a.pizza{
background: transparent url("../gfx/dreieck/pizza.jpg") no-repeat;
}
#snavigation ul li a.lueftung{
background: transparent url("../gfx/dreieck/lueftung.jpg") no-repeat;
}
#snavigation ul li a.edelstahl{
background: transparent url("../gfx/dreieck/edelstahl.jpg") no-repeat;
}
#snavigation ul li a.spuehltechnik{
background: transparent url("../gfx/dreieck/spuehltechnik.jpg") no-repeat;
}
#snavigation ul li a.kuehltechnik{
background: transparent url("../gfx/dreieck/kuehltechnik.jpg") no-repeat;
}
#snavigation ul li a.ausgabesystem{
background: transparent url("../gfx/dreieck/ausgabesystem.jpg") no-repeat;
}
#snavigation ul li a.zusatz{
background: transparent url("../gfx/dreieck/zusatz.jpg") no-repeat;
}
#snavigation ul li a.espresso{
background: transparent url("../gfx/dreieck/espresso.jpg") no-repeat;
}
#snavigation ul li a.admin1{
background: transparent url("../gfx/admin/1.jpg") no-repeat;
background-position: 20px 1px;
padding: 5px 0 0 45px;
}
#snavigation ul li a.admin2{
background: transparent url("../gfx/admin/2.jpg") no-repeat;
background-position: 20px 1px;
padding: 5px 0 0 45px;
}
#snavigation ul li a.admin3{
background: transparent url("../gfx/admin/3.jpg") no-repeat;
background-position: 20px 1px;
padding: 5px 0 0 45px;
}
#snavigation ul li a.admin4{
background: transparent url("../gfx/admin/4.jpg") no-repeat;
background-position: 20px 1px;
padding: 5px 0 0 45px;
}
#snavigation ul li a.admin8{
background: transparent url("../gfx/admin/8.jpg") no-repeat;
background-position: 20px 1px;
padding: 5px 0 0 45px;
}
#snavigation ul li a:hover {
color: #ffde00;
}
#lbar #kundenlogin p{
color: #EDAF73;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
#kundenlogin ul{
display: none;
margin-top: 5px;
margin-bottom: 5px;
list-style: none;
text-align: left;
float: right;
background: transparent;
width: 188px;
}
#kundenlogin ul li{
display: block;
}
#kundenlogin ul li a{
background: transparent url("../gfx/pdf.jpg") no-repeat;
display: block;
padding: 3px 0 0 30px;
height: 22px;
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
border-bottom: solid 1px #004b95;
}
#kundenlogin ul li a:hover {
color: #ffde00;
}
Input{
margin-right: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-align: left;
border: 1px solid #FFFFFF;
background: transparent url('../gfx/inputbg.jpg') repeat-x;
}
Input.button{
text-align: center;
border: none;
font-weight: bold;
background: transparent url('../gfx/buttonbg.jpg') repeat-x;
}
.PDFKatalog p{
font-size: 10pt;
}
#kontaktformular {
clear: both;
}
#kontaktformular table caption{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
color: red;
text-align: left;
}
#kontaktformular table td{
height: 46px;
}
#kontaktformular table td label{
font-size: 13px;
}
#content #kontaktformular table td Input{
border: 1px solid #000000;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 3px;
font-size: 10pt;
text-align: left;
background: #eff7ff;
}
#content #kontaktformular table td Input:fokus{
border: 1px solid #ffba43;
}
#content #kontaktformular Input.button{
border: none;
height: 20px;
width: 260px;
font-weight: bold;
cursor: pointer;
text-align: center;
background: transparent url('../gfx/bigbutton.jpg') no-repeat;
}
#content #kontaktformular Input.dinline{
border: none;
width: 25px;
display: inline;
background: none;
}
table.stats {
table-layout:fixed;
}
table.stats  thead th{
color: #006699;
font-weight: bold;
text-align: center;
border-bottom: 3px solid #ccc;
}
table.stats  tbody td{
color: #000000;
font-weight: normal;
text-align: right;
border-bottom: 1px solid #ccc;
}
.error,
.notice, 
.success    { margin-top: 15px; padding: 8px; margin-bottom: 1em; border: 2px solid #ddd; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 12px; width: 620px;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.console {padding: 0.2em; margin: 0; border:none;}