body { background-color: #ffffff; margin: 0; padding: 0; color: #000000; }
div, dl, dt, p { margin: 0px; padding: 0px; }
div, p {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; font-variant: normal;
  color: #000000; background-color: transparent;
}
p { margin-bottom: 10px; }
#tab0, #tab1 { width: 962px; height: 100%; border: #00b0e6 solid 1px; }
#zei1 {
  background-image: url('../grafik/hg_start_ob.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 35px; width: 960px;
}
#zei2 {
  background-image: url('../grafik/hg_start_spr.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 25px; width: 960px;
}
#zei3 {
  background-image: url('../grafik/hg_start_ban.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 340px; width: 960px;
}
#zei3_en {
  background-image: url('../grafik/hg_start_ban_en.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 340px; width: 960px;
}
#zei3_es {
  background-image: url('../grafik/hg_start_ban_es.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 340px; width: 960px;
}
#zei3_ru {
  background-image: url('../grafik/hg_start_ban_ru.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 340px; width: 960px;
}
.start_baederbau { margin-left: 122px; }
.start_metallbau { margin-left: 34px; }
.start_laser { margin-left: 34px; }
.start_baederbau img, .start_metallbau img, .start_laser img { border: #ffffff solid 1px; }
#zei4a {
  background-image: url('../grafik/hg_start_b1.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 145px; width: 350px;
}
#zei4b {
  background-image: url('../grafik/hg_start_b2.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 145px; width: 260px;
}
#zei4c {
  background-image: url('../grafik/hg_start_b3.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 145px; width: 350px;
}
#zei5 {
  background-image: url('../grafik/hg_start_nav.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 45px; width: 960px;
}
#navi_start {
  margin-top: 0px; margin-left: 100px; height: 30px; width: 783px;
}
.nav_start { height: 30px; float: left; border: none; width: 260px; }
.nav_start a {
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-variant: small-caps; text-decoration: none;
  color: #ffffff; background-color: transparent; margin-left: 120px;
}
#zei6 {
  /* background-image: url('../grafik/hg_start_news.jpg'); 
  background-repeat: no-repeat; background-position: top left; */
  width: 960px;
}
#zei7 {
  background-image: url('../grafik/hg_start_un.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 10px; width: 960px;
}

#start div.start_oben {
  background-image: url('../grafik/hg_start_oben.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 26px; width: 960px;
}
#start div.artikel {
  background-image: url('../grafik/news_start_mi.jpg'); background-repeat: repeat-y; background-position: top left;
  width: 960px;
}
#start h1.csc-firstHeader, #start h2.csc-firstHeader {
  margin-left: 0px; margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 1px; font-variant: small-caps;
  color: #3684C2; background-color: #ffffff; text-decoration: none;
}
#start h1 {
  margin-left: 0px; margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 1px; font-variant: small-caps;
  color: #3684C2; 
}
#start .csc-textpic {
  width: 715px; margin-left: 120px;
}
#start h2 {
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0.5px; color: #000000;
  margin-top: 30px;
}
#start p, #start li { line-height: 1.5em; }
#start .csc-textpic-imagewrap {
  margin: 0px 0px 0px 2px; float: left; 
}
#start .csc-textpic img { 
  border: #3684C2 solid 1px; margin-bottom: 8px;
}
#start a { color: #3684C2; text-decoration: none; }
.csc-textpic-clear { clear: both; height: 1px; }
#start .header {
  width: 485px;
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; font-variant: normal;
  color: #000000; background-color: #ffffff;
}

#start div.start_unten {
  background-image: url('../grafik/news_start_un.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 35px; width: 960px;
}
#start div.mehr_link { 
  height: 35px; padding-top: 10px;
}
#start div.start_unten a {
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-variant: small-caps; text-decoration: none;
  color: #ffffff; background-color: #00ABE3; margin-left: 740px; margin-top: 35px;
}

/* Ende der Formatierung Startseite */

#zeile1 {
  background-image: url('../grafik/hg_oben1.jpg'); background-repeat: no-repeat; background-position: top left;
  height: 35px; width: 960px;
}
.navi_oben {
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 2px; font-variant: small-caps;
  color: #ffffff; background-color: transparent; margin-right: 40px;
}
.navi_oben a {
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 2px; font-variant: small-caps;
  color: #ffffff; background-color: transparent; margin-left: 10px; font-weight: bold;
  text-decoration: none;
}
.navi_sprache {
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 2px; font-variant: small-caps;
  color: #ffffff; background-color: transparent; margin-right: 5px;
}
/* Bilder im oberen Bereich */
.zeile2 { height: 280px; width: 960px; }
.zeile2 { background-image: url('../grafik/hg_banner1.jpg'); background-repeat: no-repeat; }
#unternehmen .zeile2, #news .zeile2, #messe .zeile2 { background-image: url('../grafik/ba/ba_unter.jpg'); background-repeat: no-repeat; }
#laser .zeile2 { background-image: url('../grafik/ba/ba_laser.jpg'); background-repeat: no-repeat; }
#metallbau .zeile2 { background-image: url('../grafik/ba/ba_metall.jpg'); background-repeat: no-repeat; }
#freibad .zeile2 { background-image: url('../grafik/ba/ba_frei.jpg'); background-repeat: no-repeat; }
#hallenbad .zeile2 { background-image: url('../grafik/ba/ba_halle.jpg'); background-repeat: no-repeat; }
#hotelbad .zeile2 { background-image: url('../grafik/ba/ba_hotel.jpg'); background-repeat: no-repeat; }
#therapie .zeile2 { background-image: url('../grafik/ba/ba_therapie.jpg'); background-repeat: no-repeat; }
#stroemung .zeile2 { background-image: url('../grafik/ba/ba_stroem.jpg'); background-repeat: no-repeat; }
#privat .zeile2 { background-image: url('../grafik/ba/ba_privat.jpg'); background-repeat: no-repeat; }

#zeile3a {
  width: 270px;
}
.navi_ob {
  background-image: url('../grafik/hg_navi1_ob.jpg');
  background-repeat: no-repeat;
  width: 270px; height: 35px; margin: 0px;
}
.navi_li {
  width: 270px; margin: 0px; padding-bottom: 50px;
  background-image: url('../grafik/hg_navi1_li.jpg'); background-repeat: repeat-y;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 2px;
  color: #ffffff; background-color: #3684C2;
}
.li_ebene1 {
  padding-top: 5px; padding-bottom: 2px; margin-left: 60px; width: 180px;
}
.li_ebene1 a {
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 2px; font-variant: small-caps;
  color: #ffffff; background-color: transparent; font-weight: bold;
  text-decoration: none;
}
.li_ebene2 {
  margin-top: 5px; margin-bottom: 5px; margin-left: 80px; margin-right: 15px;
}
.li_ebene2 a {
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0px; font-variant: normal;
  color: #ffffff; background-color: transparent; font-weight: bold;
  text-decoration: none;
}
.navi_un {
  background-image: url('../grafik/hg_navi1_un.jpg');
  background-repeat: no-repeat;
  width: 270px; height: 20px;
}
#main {
  width: 690px;
  background-image: url('../grafik/hg_main1.jpg'); background-repeat: repeat-y; background-position: 1% top;
  padding-bottom: 30px;
}
#main .artikel {
  /* width: 620px; */
  margin-left: 10px; margin-right:59px; padding-top:31px;
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; font-variant: normal;
  color: #000000; background-color: #ffffff;
}
#main .artikel h1 {
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; font-variant: small-caps;
  color: #3684C2; background-color: #ffffff;
  margin: 5px 0px 10px; padding: 0px;
}
#main .artikel h2 {
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; 
  color: #000000; background-color: #ffffff;
  margin: 5px 0px 10px; padding: 0px;
}
#main .artikel h3 {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; 
  color: #000000; background-color: #ffffff;
  margin: 5px 0px 10px; padding: 0px;
}
#main .artikel h4 {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; 
  color: #000000; background-color: #ffffff;
  margin: 5px 0px 10px; padding: 0px;
}
#main .artikel h5 {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; 
  color: #000000; background-color: #ffffff;
  margin: 5px 0px 10px; padding: 0px;
}
#main .artikel li {
  margin: 0px 0px 5px;
}
#main .artikel a {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-variant: normal;
  color: #3684C2; background-color: #ffffff; text-decoration: none;
  margin: 0px; padding: 0px;
}
#main img {
  border: #00b0e6 solid 1px;
}
#main p { line-height: 1.3em; }

span.text_re { text-align: right; }
span.text_rot { color: #ff0000; }
p.align-justify, p.abs_block { text-align: justify; } 
p.align-left { text-align: left; } 
p.align-center, p.abs_center { text-align: center; } 
p.align-right, p.abs_rechts { text-align: right; }
td.align-center { text-align: center; } 
td.align-right { text-align: right; }
#zeile4 {
  background-image: url('../grafik/hg_unten1.jpg'); background-repeat: no-repeat;
  height: 35px; width: 960px;
}
#zeile5 {
  height: 20px; vertical-align: bottom;
}
#zeile5 div.valid div.csc-default { 
  margin: 0; float: left;
}
#zeile5 div.valid {
  margin-left: 50px; float: left; line-height: 1.8em;
}
#zeile5 div.valid a {
  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; text-decoration: none;
  color: #3684C2; background-color: #ffffff;
}
#zeile5 div.copy1 {
  margin-right: 100px; text-align: right;
  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: normal; text-decoration: none;
  color: #3684C2; line-height: 1.8em;
}
#zeile5 div.copy2 {
  margin-right: 40px; text-align: right;
  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: normal; text-decoration: none;
  color: #3684C2; line-height: 1.8em;
}
#zeile5 div.copy1 a, #zeile5 div.copy2 a {
  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; text-decoration: none;
  color: #3684C2; background-color: #ffffff;
}
dl.csc-textpic-firstcol {
  float: left;
}
.csc-textpic-imagerow { 
  padding-left: 0px;
} 
div.csc-textpic-imagewrap ul li.csc-textpic-firstcol img { margin-right: 10px; }

/* dl.csc-textpic-image {
  padding-right: 20px;
} */
/* 3-Spalten-Layout */
.c3l1-left{
   /* border-right: 1px solid #FFEDA8; */
   padding-right: 5px;
   width:33%;
   white-space:normal;
}
.c3l1-middle{
   /* border-right: 1px solid #FFEDA8; */
   padding-left: 5px;
   padding-right: 5px;
   width:33%;
   white-space:normal;
}
.c3l1-right{
   padding-left: 5px;
   width:33%;
   white-space:normal;
}
div.tx-fdfx3cols-pi1{
  position:relative;
  left:0px;
  margin-bottom:10px;
}
div.csc-fdfx_3cols_pi1-header h1 {
  text-align: right;
}
td.c3l1-right h4 {
  margin: 0px; padding: 0px;
}
div.tx-fdfx3cols-pi1 tr {
  vertical-align: top;
}
.c3l1-right td {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-variant: normal;
  margin: 0px; padding: 0px;
}
div.tx-fdfx3cols-pi1 td p {
  margin: 0px; padding: 0px;
}
.c3l1-left p, .c3l1-middle p, .c3l1-right p {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-variant: normal;
  margin: 0px; padding: 0px 0px 10px 0px;
}
.c3l1-right {
  padding-top: 0px;
}
#main .artikel .c3l1-right h4 {
  letter-spacing: 0px; margin: 0px 0px 10px; padding: 0px;
}
table.tab_refliste {
  width: 290px;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-variant: normal;
}
.pagebrowse {
  width: 620px;
  text-align: center;
}
.pagebrowse a {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-variant: normal;
  color: #3684C2; background-color: #ffffff; text-decoration: none; font-weight: bold;
  margin: 0px; padding: 0px;
}
#jumpmenue {
  margin-left: 10px;
}
/* Linie */
#main .csc-default {
  margin-top: 10px; margin-bottom: 10px;
}

/* News-Formatierung Referenzen */
.news-list-item {
  width: 290px; height: 300px;
  margin: 0px; padding: 0px;
  padding-bottom: 10px; margin-bottom: 20px;
  border-bottom: #3684c2 solid 1px;
  /* background-color: #ffcc00; */
}
.news-list-item h3 {
  margin-left: 0px;
}
.news-list-item img {
  float: left; margin-right: 10px;
}
hr.clearer {
  clear: both; margin-bottom: 10px;
}
.tab-layout-1 {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;
}
.tab-layout-2 {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
  margin-left: 20px;
}
#tab1_anfrage, #tab2_anfrage {
  width: 550px;
}
#tab1_anfrage tr, #tab2_anfrage tr {
  vertical-align: top;
  line-height: 20px;
}
#tab1_anfrage label, #tab2_anfrage label {
  display: block; float: left;
  width: 75px; margin-top:1px;
}
#tab1_anfrage input[type="text"] {
  width: 180px;
  border: #3684c2 solid 1px;
}
#tab1_anfrage select, #tab1_anfrage input#titel {
  width: 100px;
  border: #3684c2 solid 1px;
}
#tab2_anfrage td input[type="checkbox"] {
  width: 20px;
  border: 0px none;
}
#tab2_anfrage td textarea {
  width: 455px;
  border: #3684c2 solid 1px;
}
#tab2_anfrage input#spam {
  width: 50px; margin-left: 75px;
  border: #3684c2 solid 1px;
}
#tab2_anfrage .spambild {
  margin-left: 20px;
}
#tab2_anfrage .spambild img {
  padding-top: 10px; border: 0px none;
}
#tab2_anfrage td input[type="submit"] {
  width: 180px; margin-left: 75px;
  border: #3684c2 solid 1px;
  background-color: #3684c2; color: #ffffff; font-weight: bold;
}
#nachricht {
  margin-left: 75px;
}
ul.fehler li {
  margin: 0px; padding: 0px; line-height: 14px;
  color: #B7000C; font-weight: bold;
}
/* SEO */
.seo {
 display: none; height: 1px;
}

#partner .csc-header-n1, #messe .csc-header-n1 {
  height: 40px; margin-bottom: 10px;
  background-image: url('../grafik/linie.jpg'); background-repeat: no-repeat; background-position: bottom left;
}
#partner .csc-textpic, #messe .csc-textpic {
  padding-bottom: 10px; min-height: 95px;
  background-image: url('../grafik/linie.jpg'); background-repeat: no-repeat; background-position: bottom left;
}
#news .csc-header {
  padding-bottom: 10px;
  background-image: url('../grafik/linie.jpg'); background-repeat: no-repeat; background-position: bottom left;
}
#news .csc-header-n1 {
  height: 10px; margin-bottom: 10px;
  background-image: none; background-repeat: no-repeat; background-position: bottom left;
}