* {margin: 0; padding: 0;}
a {color: #696969; text-decoration: underline;}
a[name] {text-decoration: none; color: inherit;}
body {background: #fff url(/img/bg.gif) repeat-x scroll 0 0; color: #696969; font: normal normal 11px tahoma, verdana, arial, helvetica, sans-serif; letter-spacing:0.03em; line-height: 15px; behavior:url("/include/csshover3.htc");}
img {border: 0;}
* html img {behavior: url(/include/pngbehavior.htc);}
h1 {border-bottom:1px solid #CCCCCC; color:#EE7700; font-size:14px; line-height:18px; margin-bottom: 20px; padding-bottom:5px; padding-left: 10px;}
h2 {color: #ee7700; font-size: 12px; line-height: 15px; margin-bottom: 10px; padding-left: 10px;}
h3 {color: #696969; font-size: 11px; padding-left: 10px; margin-bottom: 5px;}
p {margin-bottom: 10px; padding-left: 0;}
label {display: block; float: left; margin-right: 10px;}
input {color: #696969; display: block; float: right; font-family: inherit; font-size: 11px;}


.aktuelles p, p.borderbottom, div.borderbottom {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 15px;}
p.zwischenabsatz {margin-bottom: 10px;}
div.kontakt {display: block; float: left; width: 100%;}
p.bottom20 {margin-bottom: 20px;}

img.bigimage {margin-bottom: 20px;}
img.produktuebersicht {height: 145px; width: 218px;}

div.schulungHead {background:transparent url(/img/tablehead_bg.gif) repeat-x scroll 0 0; height:20px; margin-bottom: 10px; padding-right:10px; padding-top:1px; position:relative; width:480px;}
div.schulungHead h2{color:#FFFFFF; display:block; float:left; margin-bottom: 0;}
div.datum { color: #fff; float: right; font-size: 10px; font-weight: bold;}
div.floatbox {overflow: hidden;}

.ctcontent a.extern, .cnttlink a.extern, .detailinfos a.extern, a.extern {background:transparent url(/img/link_extern_box.gif) no-repeat scroll left 2px; color: #EE7700; padding-left:17px;}
*+html a.extern {background-position: left 2px;}
* html a.extern {background-position: left 2px;}
.ctcontent a.download, .cnttlink a.download, .detailinfos a.download, a.download {background:transparent url(/img/link_download_box.gif) no-repeat scroll left 2px; color: #EE7700; padding-left:17px;}
.detailinfos a.download{background-position: left 3px;}

ul {list-style-position:outside; list-style-type:disc; margin-bottom:10px; margin-left: 25px;}
li {margin-bottom: 5px;}
ul.navi {border-bottom: 1px solid #ccc; list-style-type: none; margin-bottom: 20px; margin-left: 0;}
ul.navi li {background: transparent url(/img/navi_bg.gif) repeat-x scroll 0 0; display: block; height: 35px; margin-bottom: 0;}
ul.navi li:hover, ul.navi li.on {background-image: url(/img/navi_bg_on.gif);}
ul.navi li a { background:transparent url(/img/navi_pfeil.gif) no-repeat scroll 180px center; color:#EE7700; display:block; font-size:12px; font-weight:bold; height:25px; padding:10px 0 0 12px; text-decoration:none;}
ul.navi li a:hover, ul.navi li a.on{background-image: url(/img/navi_pfeil_on.gif); color: #fff;}
ul.navi li.snContainer {background:#fff none repeat scroll 0 0; border-top:1px solid #CCCCCC; display: inline; height: auto;}

ul.subnavi {background-color: #fff; display: block; list-style-type: none; margin-bottom: 0; margin-left: 0; padding: 10px 0;}
*+html ul.subnavi {height: 1%;}
* html ul.subnavi {height: 1%;}
ul.subnavi li {background: #fff none repeat scroll 0 0; height: auto; margin-bottom: 0;}
* html ul.subnavi li {height: 1%;}
ul.subnavi li:hover, ul.subnavi li.on {background: none;}
ul.subnavi li a { background: transparent url(/img/pfeil_subnav.gif) no-repeat scroll 12px center; color: #696969; font-size:11px; font-weight:normal; height:auto; padding:0 0 0 24px;}
ul.subnavi li a:hover, ul.subnavi li a.on {background: transparent url(/img/pfeil_subnav_on.gif) no-repeat scroll 12px center; color: #ee7700; font-weight: bold; }

ul.ankernavi {display: block; list-style-type:none; padding-bottom:20px; margin-left:5px; padding-top: 10px;}
ul.ankernavi li {border-right: 1px solid #e70; float:left; font-size:12px; font-weight:bold; margin-bottom: 0; padding-left: 5px; padding-right:5px;}
ul.ankernavi li a {color: #ee7700;}
ul.ankernavi li a:hover {color: #696969;}
ul.ankernavi li.end {border-right: none;}

ul.ulTable {display: block; list-style-position: inside; margin-left: 0;}
ul.ulTable li {height:18px; margin-bottom: 0; padding-left:10px; padding-top:2px;}

.bold {font-weight: bold;}
.orange {color: #EE7700;}
.nomargintop {margin-top: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.nopadding {padding: 0;}
.nobr {white-space: nowrap;}

.body {background: transparent url(/img/schatten.png) repeat-y scroll 0 0; margin: 0 auto; overflow: hidden; width: 958px;}
* html .body {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/schatten.png', sizingMethod='scale'); background: none; }
.header {background: transparent url(/img/header_bg.png) no-repeat scroll 0 0; height: 110px; width: 100%;}

.contentbody {background:transparent url(/img/unterkante.gif) no-repeat scroll -11px bottom; clear:both; overflow:hidden; padding-bottom:20px; width:100%;}
.contentbody #col1, .contentbody #col2, .contentbody #col3 {height: auto; padding-top: 15px;}
.contentbody #col1 {float: left; padding-right: 30px; padding-left: 19px; width: 200px;}
.contentbody #col2 {float: left; margin-bottom: 25px; padding-right: 30px; width: 490px;}
.contentbody #col2 p {padding-left: 10px;}
.contentbody #col2 .detailinfos p, .contentbody #col2 p.nopadding {padding-left: 0;}
.contentbody #col3 {float: left; padding-right: 10px; width: 170px;}
.contentbody #col3 h1 {border:0; font-size: 12px; line-height: 16px; margin:0; padding-bottom:2px; padding-left: 0;}
.contentbody #col3 h2 {background:transparent url(/img/contexthead_bg.png) no-repeat scroll 0 0; color:#FFFFFF; font-size:14px; height:18px; margin-bottom: 0;  padding:6px 10px 5px; text-align:center; width:150px;}
.contentbody #col3 p {margin: 0;}

.contentbody.breit #col2 {padding-right: 10px; width: 690px;}
.contentbody.breit #col3 {padding-right: 0; width: 0;}

.contentteaser, .contentteaserend {background: transparent url(/img/pteaserbottom.png) no-repeat scroll 0 bottom; float: left; margin:0 15px 15px 0; padding-bottom: 7px; width: 220px;}
.contentteaserend {margin-right: 0;}
.contentteaser h2, .contentteaserend h2 {background: transparent url(/img/pteaserhead_bg.png) no-repeat scroll 0 0; color: #fff; height: 17px; margin-bottom: 0; padding:8px 10px 4px;}
.cnttcontent {border: 1px solid #ccc; border-width: 0 1px; height: 145px;}
.cnttcontent a {display: block;}

.cnttlink {background-color: #fff; border: 1px solid #ccc; border-bottom-width: 0; height: 30px; padding: 6px 8px 2px;}
.ctcontent a, .cnttlink a, .detailinfos a {background:transparent url(/img/link_box.gif) no-repeat scroll left 2px; display: block; padding-left:17px; text-decoration:none;}
.cnttlink a, .detailinfos a {background-position:left 2px; color: #ee7700; text-decoration: underline;}
* html .cnttlink a, * html .detailinfos a {background-position: left 3px;}
.ctcontent a.inline {background: none; display: inline; padding: 0; text-decoration: underline;}

.contextteaser {background: transparent url(/img/ct_bottom.png) no-repeat scroll 0 bottom; padding-bottom: 10px; margin-bottom: 20px;}
.ctcontent {background-color:#FFFFFF; border-color:#CCCCCC; border-style:solid; border-width:0 1px 1px; padding:6px 4px 10px 10px;}
.ctcontent.end {border-bottom: 0; padding-bottom: 2px;}
.ctcontent a:hover, .cnttlink a:hover {text-decoration: underline;}


img.detailimage {float: left; margin-right:30px; width:200px;}
img.detaillogo {margin-bottom: 20px; height: 50px; width: 200px;}
img.kontaktlogo {float: right; height: 50px; width: 200px;}

div.details {width: 100%; margin-bottom: 30px; overflow: hidden;}
div.detailinfos {float: left; width: 260px;}
div.detailinfos ul {margin-left: 15px;}
div.detailinfos h2 {padding-left: 0;}

div.kontaktformular div.floatbox { clear: both; margin-bottom: 15px; padding-left: 10px;}
div.kontaktformular div.floatbox div { width: 230px;}
div.kontaktformular div.floatbox div.divright {padding-left: 15px;}

table.contentTable {border-collapse: collapse; margin-bottom: 20px; width: 100%;}
table.contentTable thead {background:transparent url(/img/tablehead_bg.gif) repeat-x scroll 0 0; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:14px; vertical-align:top;}
table.contentTable thead th {height:30px; padding-left:10px; padding-top:3px; text-align:left;}
table.contentTable tr {background-color: transparent;}
table.contentTable tr.white, ul.ulTable li.white {background-color: #fff;}
table.contentTable td {height: 20px; padding-left: 10px;}


table.contentTable.tourenplan {}
table.contentTable.tourenplan th, table.contentTable.tourenplan td {border: 1px solid #fff; border-width: 0 1px; padding-left: 0; text-align: center; width: 60px;}
table.contentTable.tourenplan .stadt {border: 0; padding-left: 10px; text-align: left; width: auto; }
table.contentTable.tourenplan .last {border: 0;}
table.contentTable.tourenplan tr.white td {border-color: #eee;}

table.contentTable.geschichte {}
table.contentTable.geschichte td {padding:5px; vertical-align:top;}
table.contentTable.geschichte td.jahr {color:#EE7700; font-weight:bold; padding-left:10px; width:35px;}

.abbinder {background-color:#FFFFFF; border-top:1px solid #EE7700; clear:both; height:15px; margin:0 9px; padding-left:240px; padding-top:7px; position: relative;}
.abbinder a.top {background:transparent url(/img/link_up_box.gif) no-repeat scroll left 3px; color:#EE7700; padding-left:17px; position:absolute; right:209px;}
div.top a.top {background:transparent url(/img/link_up_box.gif) no-repeat scroll right 3px; color: #ccc; display:block; float:right; padding-right: 17px; position:relative;}
div.top {height:20px; margin-bottom: 20px; margin-top:-20px;}

#heyderhoff {float:left; height:84px; margin:18px 55px 0 27px; position:relative; width:357px;}
* html #heyderhoff {margin: 18px 0 0 0; padding: 0 78px 0 27px; width: 330px;}
#heyderhoff img {height: 100%; width: 100%;}
#vertretungen {background-image:url(/img/vertretungen-der-elektroindustrie.png); background-repeat:no-repeat; float:left; font-size:15px; font-weight:bold; height:45px; line-height:15px; margin-right:30px; margin-top:36px; padding-top:21px; text-align:center; width:300px;}
* html #vertretungen {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/vertretungen-der-elektroindustrie.png', sizingMethod='image'); background:none;}
#aiphone {float:left; height:60px; margin-right:1px; margin-top:36px; width:170px;}
#heytron {float: left; height: 60px; margin-top: 36px; width: 126px;}
#heytron img {left: 26px; position: relative; top: 21px; }

/*input#Hausnummer, input#PLZ {float:left; margin-left:34px; width: 70px;}
input#Hausnummer {margin-left: 24px;}*/
textarea {height:100px; width:100%; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px;}