@charset 'utf-8';
/*
COLORS
dunkelrot: #8D1222;
hellrot: #E9463C;
noch ein rot: #b93c35;
HKS14: #DE2922;
*/

body { background-image:url(media/bg.gif);font: 12px Arial,Helvetica,sans-serif;color:#000;line-height:1.3em; }
div { position:relative; }
strong { font-weight:bold; }
a { color:#DE2922; }

#printHead { display:none; }

/* BORDERS */
#metaNav { border-right:1px solid #DE2922; }
#metaNavRight { border-top:1px solid #DE2922; }
#innerFrame { border:1px solid #DE2922; }
#header { border-bottom:1px solid #DE2922; }

/* BACKGROUNDS */
#metaNavLeft { background-image:url(media/bg_metanav_left.gif);background-repeat:no-repeat; }
#metaNavRight { background-color:#ccc;background-image:url(media/bg_metanav_right.gif);background-position:top left;background-repeat:no-repeat;}
#innerFrame { background-color:#fff; }
#header { background-color:#ccc;background-image:url(media/bg_header.gif);background-position:top left;background-repeat:no-repeat; }
#footer { background-color:#ccc;background-image:url(media/bg_footer.gif);background-repeat:no-repeat;background-position:top left; }
#footerUrl { background-image:url(media/img_footer_url.png);background-repeat:no-repeat; }
#headerX { background-image:url(media/img_header_x.png);background-repeat:no-repeat;background-position:bottom; }
#headerLogo { background-image:url(media/img_header_logo.png);background-repeat:no-repeat; }
#headerXerox { background-image:url(media/img_header_xerox.png);background-repeat:no-repeat; }
#navigation { background-color:#DE2922; }
.headline { background-color:#fff;border-bottom:1px solid #DE2922;height:30px;}
.headline .left { background-image:url(media/bg_headline.png);background-repeat:no-repeat;background-position:left;background-color:#DE2922; }
.headline .right { background-image:url(media/bg_headline_image.png);background-repeat:no-repeat;background-position:left;background-color:#fff; }
.backlink { position:absolute;top:21px;left:21px;width:auto;height:auto;z-index:10; }
#contentWrapper.withSidebar { background-image:url(media/bg_contentWrapper.gif);background-repeat:repeat-y;background-position:right;background-color:#fff; }
#sidebar #weather { background-color:#ccc; }
#sidebar .divider { background-image:url(media/bg_sidebar_divider.gif);background-repeat:repeat-x;background-position:top; }
#sidebar ul li { background-image:url(media/bg_sidebar_ul_divider.gif);background-repeat:repeat-x;background-position:bottom; }
#sidebar ul li.last { background:none; }
#directLinks ul li { background:none; }


/* LAYOUTS */
#outerFrame { margin:35px auto;width:980px; }
#innerFrame { height:1%; }
#metaNav { height:20px; }
#metaNavLeft { width:15px;height:20px; }
#metaNavRight { height:20px;}
#metaNavRight ul { padding:0;margin:4px 20px; }
#metaNavRight ul li { margin-left:4px; }
#header { height:120px; }
#footer { height:15px; }
#footerUrl { width:138px;height:15px;margin:0 auto; }
#headerX { position:absolute;top:0px;left:87px;height:120px;width:118px; }
#headerLogo { position:absolute;top:22px;left:20px;height:37px;width:129px; }
#headerXerox { position:absolute;top:25px;right:20px;height:30px;width:233px; }
#content { padding:21px; }
#sidebar { width:222px;padding:21px;padding-left:16px; }
#sidebar #weather { padding:10px 5px; }
#sidebar .divider { margin-top:10px;padding-top:15px; }
#sidebar ul li { padding:5px 0; }
#directLinks ul li { padding:2px; }
#sidebar h3 img { margin-top:-5px;margin-bottom:-5px;margin-left:5px; }
#sidebar h3 { padding-bottom:5px;}


/* FLOATINGS */
#metaNavLeft { float:right; }
#metaNavRight { float:right; }
#content { float:left; }
#sidebar { float:right; }

/* FONTS */
#metaNavRight ul li { color:#DE2922;text-transform:uppercase;font-size:9px;line-height:normal; }
#metaNavRight ul li a { color:#DE2922;text-decoration:none;font-size:9px;line-height:normal; }
#navigation ul li { color:#fff;font-weight:bold;font-size:10px;line-height:normal; }
#navigation ul li a { color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:10px; } 
#navigation ul ul li a { text-transform:none;font-size:11px; } 
#sidebar * { font-size:11px; }
#sidebar h3 { color:#DE2922;text-transform:uppercase;font-weight:bold;font-size:12px; }
#sidebar h3 a { font-size:12px; }
#sidebar a { text-decoration:none; }
#directLinks a { font-weight:bold;text-transform:uppercase;color:#000; }
#sidebar li a { color:#000; }
#sidebar li a:hover { color:#DE2922; }

/* LISTS */
#directLinks ul { list-style-image:url(media/sidebar_list_image.gif);padding-left:20px; }

/* MENUS */
#metaNavRight ul { list-style-type:none; }
#metaNavRight ul li { float:left; }

#navigation { position:absolute;top:74px;left:0px;height:23px;width:100%;z-index:500; }
#navigation ul { padding:0;margin:0 16px;list-style-type:none; }
#navigation ul ul { display:none;float:left;position:absolute;left:0;top:23px;width:100%;height:23px; }
#navigation li { float:left; }
#navigation li.spacer { float:left;padding:4px 0;color:#fff; }
#navigation li a { display:block;height:13px;padding:5px 4px;color:#fff; }
#navigation li a:hover { background-color:#fff;color:#DE2922;border:none; }
#navigation li.active a { background-color:#fff;color:#DE2922; }

#navigation li li.spacer { background-color:transparent;color:#666; }
#navigation li li a { background-color:transparent;color:#666; }
#navigation li li a:hover { background-color:transparent;color:#000;border:none; }
#navigation li.active li a { background-color:transparent;color:#666; }
#navigation li.active li a:hover { background-color:transparent;color:#000;border:none; }
#navigation li.active li.active a { background-color:transparent;color:#000; }
#navigation li.navCat { color:#DE2922;font-weight:bold;height:13px;padding:5px 4px;font-size:11px; }

/* SIMPLEMODAL */
#simplemodal-overlay { background-color:#000; cursor:wait; }
#simplemodal-container { height:300px;width:350px;background-color:#fff;border:5px solid #ddd; }
#simplemodal-container a.modalCloseImg { background:url(media/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-14px;right:-14px;cursor:pointer; }
.popup { display:none;height:260px;padding:20px;overflow:auto; }
.simplemodal-data {  }

/* SEARCHFIELD */
#search { background-color:#fff;border:1px solid #000;padding:2px; }
#searchField { background-color:transparent;border:none; }
#searchSubmit { background-color:#ccc;border:none; }
#search input { font-size:10px; }
#search { position:relative;width:216px;height:13px;margin-bottom:10px; }
#search #ajaxSearch_form { position:absolute;top:0px;left:0px; }
#search #ajaxSearch_form fieldset { margin:0;padding:0; }
#search #ajaxSearch_form label { width:auto; }
#search #ajaxSearch_form #ajaxSearch_input { float:left;margin:0;height:15px;border:0;width:165px;background-color:transparent;}
#search #ajaxSearch_form #ajaxSearch_submit { float:right; margin:0;width:55px;height:17px;border:0;background-color:#ccc; }
.ajaxSearch_highlight { background-color:#0FF; }
.ajaxSearch_highlight1 { background-color:#FF0; }
.startpage #search { width:181px; }
.startpage #search #ajaxSearch_form #ajaxSearch_input  { width:130px; }

/* REST */
#contentWrapper.withSidebar #content { width:677px; }
#content h1 { color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;padding-top:7px;padding-left:10px; }
#content h1 { background-image:url(media/img_h1_rot.png);background-repeat:no-repeat;background-position:left;background-color:#DE2922;height:22px;border-bottom:1px solid #DE2922; }
#content.products h1 { background-image:url(media/img_h1_blau.png);background-color:#008cc9;border-bottom:1px solid #008cc9; }
#content.products h1.rechts { background-image:url(media/img_h1_blau_rechts.png);background-position:right;background-color:#00BBF1;border-bottom:1px solid #008cc9;text-align:right;padding-right:10px; }
#content h1 span { color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase; }
#content .headline { border:none;height:29px;width:100px;float:right;background-image:url(media/img_h1_rot_rand.png);background-repeat:no-repeat;background-position:left;background-color:#fff; }
#content.products .headline { background-image:url(media/img_h1_blau_rand.png); }
#content.products .headline.rechts { float:left;background-image:url(media/img_h1_blau_rechts_rand.png);background-position:right; }
#content h2 { color:#000;font-weight:bold;font-size:14px;margin:5px 0; }
#content h2 a { color:#000;font-weight:bold;font-size:14px;margin:0px 0;text-decoration:none; }
#content h2 a:hover { text-decoration:underline; }
#content h3 { font-weight:bold;font-size:12px;padding:10px 0; }
#content p { padding:5px 0; }
#content p.date { border-bottom:1px solid #DE2922;color:#DE2922;text-align:right;font-size:11px;padding-top:10px;margin-bottom:10px; }

#showEmployees { float:right;width:250px;list-style-image:url(media/sidebar_list_image.gif);padding-left:20px;margin:5px;margin-left:20px;margin-bottom:20px; }
#showEmployees a { text-decoration:none; }

#contentWrapper.withSidebar #employees a { display:block;float:left;padding:0;margin:5px;  }
#contentWrapper.withSidebar #employees img { width:84px;height:126px;padding:0;margin:0; }
#contentWrapper.withSidebar #employees.references img { width:84px;height:84px;padding:0;margin:0; }
#contentWrapper.withSidebar #employees img.incolor { display:none;  }

#employeesLegend p { font-size:10px;color:#666; }
#employeesLegend p span { font-size:10px;color:#666; }
#employeesLegend p span.active { font-size:10px;color:#DE2922;text-decoration:none; } 

#startimage { background-image:url(media/img_start.jpg);background-repeat:no-repeat;height:300px;width:978px; }
#startimage #lines { background-image:url(media/img_start_lines.png);background-repeat:no-repeat;height:67px;width:978px;position:absolute;bottom:-5px; }
#startimage #headsubline { font-size:30px;font-weight:bold;color:#DE2922;position:absolute;bottom:-8px;left:350px;z-index:100;line-height:27px; }
#startimage #headsubline span { font-size:16px;font-weight:bold;color:#DE2922; }

#contentWrapper.startpage #content { background-image:url(media/bg_content_wide.gif);background-repeat:repeat-y;padding:0;margin-top:25px;margin-bottom:10px; }
#contentWrapper.startpage .column { float:left;padding:21px;font-size:11px; }
#contentWrapper.startpage #column1 { width:180px; }
#contentWrapper.startpage #column2 { width:228px; }
#contentWrapper.startpage #column3 { width:215px; }
#contentWrapper.startpage #column4 { width:187px; }
#contentWrapper.startpage h3 a { text-decoration:none;font-size:12px; }

#content .column h3 { font-size:12px;font-weight:bold;color:#DE2922;padding:0;text-transform:uppercase; }
#content .column h3 img { margin-top:-5px;margin-bottom:-5px;margin-left:5px;width:auto;height:auto; }
#content .column *{ font-size:11px; }
#content .column ul { margin-top:5px;list-style-type:none;margin-left:0; }
#content .column ul li { background-image:url(media/bg_sidebar_ul_divider.gif);background-repeat:repeat-x;background-position:bottom;line-height:normal; }
#content .column ul li { padding:5px 0; }
#content .column ul li.last { background:none; }
#content .column li a { color:#000;text-decoration:none; }
#content .column li a:hover { color:#DE2922; }
#content .column div.block { margin-bottom:20px; }

#productOTM .productImage { width:228px;text-align:center;overflow:hidden; }
#productOTM .productImage img { width:228px;margin:5px 0; }
#productOTM .productTitle a { font-weight:bold;font-size:12px;text-decoration:none; }
#productOTM .productTitle a:hover { text-decoration:underline; }
#productOTM .productSubtitle { }
#productOTM div.separator { height:3px;background-image:url(media/bg_sidebar_ul_divider.gif);background-repeat:repeat-x;background-position:top; }

#highlights .productTitle a { font-weight:bold;font-size:12px;text-decoration:none; }
#highlights .productTitle a:hover { text-decoration:underline; }
#highlights div.separator { height:3px;background-image:url(media/bg_sidebar_ul_divider.gif);background-repeat:repeat-x;background-position:top;margin:5px 0; }

#googleMap { width:677px;height:300px; }
#routeForm #from { width:300px;}
#contentWrapper.withSidebar #content #googleRoute img { width:24px;height:38px;margin:0;border:0; }

#produktFinder fieldset { margin:10px 0; }
#produktFinder fieldset legend { font-weight:bold; }
#produktFinder fieldset label { float:left;width:200px; }
#produktFinder fieldset input, #produktFinder fieldset select, #produktFinder fieldset p #eventDates { float:left;width:250px;border:1px solid #ccc; }
#produktFinder fieldset p #eventDates { border:0; }
#produktFinder fieldset p #eventDates input { clear:both; }
#produktFinder fieldset textarea { width:250px;height:150px;border:1px solid #ccc; }
#produktFinder fieldset input.plz { width:50px; }
#produktFinder fieldset input.ort { width:200px;border-left:0; }
#produktFinder fieldset input[type=submit], #produktFinder fieldset input[type=checkbox], #produktFinder fieldset input[type=radio] { width:auto;border:0; }

#sidebar #weather { padding:10px; }
#sidebar #weather img { float:left; }
#sidebar #weather p { margin-left:50px;line-height:1.225em; }

table.products { width:100%;border-collapse:separate;border-spacing:3px; }
table.products tr.th { background-color:#e6e6e6; }
table.products tr.toggle { display:none; }
table.products th { padding:3px;text-align:left;font-weight:bold; }
table.products td { border:1px solid #e6e6e6;padding:3px;text-align:left;vertical-align:top; }
table.products td.productImage { width:100px; }
table.products td.productTitle a { font-weight:bold; }
table.products td.productFacts { width:400px; }
table.products td ul {  }

#content ul { list-style-type:square;margin-left:20px; }

#content.products a { color:#008cc9;text-decoration:none; }
#content.products a:hover { text-decoration:underline; }

#content.products div.productImage { float:left;width:320px;margin-top:20px;overflow:hidden;text-align:center; }
#content.products .productDetail { float:right;width:340px;margin-top:20px; }
#content.products .productDetail p { margin:0;line-height:1.5em; }
#content.products .productDetail p.subline { font-size:22px;line-height:normal; }
#content.products .productDetail p.facts { font-size:16px;margin-top:20px;border-bottom:1px solid #008cc9; }
#content.products .productDetail h2 { font-size:22px;color:#008cc9;margin:15px 0;line-height:normal; }
#content.products .productDetail ul.downloads { margin-top:20px;list-style-image: url(media/icon_list_pfeil_blau.png); }
#content.products .productDetail ul { margin-top:20px;list-style-image: url(media/icon_list_kasten_blau.png); }
#content.products .productDetail ul li { margin:5px 0;margin-left:15px; }
#content.products .productDetail ul li strong { font-weight:bold; }

#productImages { margin:20px 0; }
#productImages div.productDisplay { float:left;width:215px;margin:0 5px; }
#productImages div.productDisplay p { background-color:#ccc;color:#008cc9;padding:5px; }
#productImages div.productDisplay p a { font-weight:bold; }
#productImages div.productDisplay div.image { display:block;width:215px;border-bottom:1px solid #008cc9;overflow:hidden; }
#productImages div.productDisplay div.image img { width:215px; }
#productImages div.productDisplay ul { list-style-image: url(media/icon_list_pfeil_blau.png);margin-left:20px;margin-top:5px; }

#content.products .tableHeadline { background-color:#008cc9;background-image:url(media/bg_leiste_blau.png);background-repeat:repeat-y;background-position:center center;color:#fff;padding:3px;margin:3px;margin-bottom:0; }
#content.products .tableHeadline .left { float:left;width:49%;color:#fff;font-weight:bold; }
#content.products .tableHeadline .right { float:right;width:49%;color:#fff;text-align:right; }
#content.products .tableHeadline .right a { color:#fff;}

#footer a { display:block;width:138px;margin:auto;text-align:center;font-weight:bold;color:#fff;font-size:9px;padding-top:2px;text-decoration:none;background-image:url(media/img_footer_url.png);height:14px;line-height:normal; }

#produktFinder #easy, #produktFinder #expert { border:0px solid green; }
#produktFinder .pfRow { border-top:1px solid #eee;padding:15px 0; }
#produktFinder .pfHead { padding:15px 0; }
#produktFinder .pfHead span { color:#DE2922;font-weight:bold; }
#produktFinder .pfSubmit { text-align:right; }
#produktFinder .pfTitle { float:left;border:0px solid red; }
#produktFinder .pfColumns { border:0px solid blue; }
#produktFinder .pfColumn { float:left;width:auto;border:0px solid orange; }
#produktFinder .pfImage { width:30px;text-align:right;float:left; }
#produktFinder #easy .pfColumns { margin-left:110px; }
#produktFinder #easy .pfTitle { width:110px; }
#produktFinder #easy .pfColumn { width:188px; }
#produktFinder #expert .pfColumns { margin-left:120px; }
#produktFinder #expert .pfTitle { width:120px; }
#produktFinder #expert .pfColumn { width:160px;height:30px; }
#produktFinder #suchOptionen { display:none; }

/* Faktor X auf einen Blick = FXAEB */
#content.fxaeb .left { float:left;width:49%; }
#content.fxaeb .right { float:right;width:49%; }
#content.fxaeb #googleMap { width:100%;height:300px; }
#content.fxaeb table { width:100%;border-collapse:separate;border-spacing:3px; }
#content.fxaeb tr.th { background-color:#e6e6e6; }
#content.fxaeb th { padding:3px;text-align:left;font-weight:bold; }
#content.fxaeb td { border:1px solid #e6e6e6;padding:3px;text-align:left;vertical-align:top; }

/* Neue Produkte */
.productList { padding:20px 0;border-bottom:1px solid #ccc; }
.productList img { float:left;width:100px; }

/* News Liste */
#posts {}
#posts .post { padding-top:10px;margin-bottom:10px;border-bottom:1px solid #DE2922;}
#posts .post h2 { background-color:#f5f5f5;margin:0;margin-bottom:5px;padding:3px; } 
#posts .post h2 a {}
#posts .post h2 a:hover {}
#posts .post-image { float:left;width:75px;height:75px;margin-right:10px;margin-bottom:10px;;border:1px solid #eee;text-align:center;overflow:hidden;}
#posts .post-date { float:right;padding:3px; }
#posts .post-teaser { padding:3px; }
#posts .post-more{ text-align:right;padding:3px 3px; }

/* Default Content */
#content h1 { margin-bottom:20px; }
#content .default-image { float:right;margin-left:10px;margin-bottom:10px;padding:3px;border:1px solid #eee; }
#content .default-image p { font-size:0.8em;padding:0; }

/* Events */
#eventAgenda { display:none; }
#eventAnfahrt { display:none; }
a.eventBackLink { position:absolute;z-index:100;right:20px;top:20px;display:none; }

/* Forms */
form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform legend { padding: 0 2px;font-weight: bold; }
form.cmxform label { display: inline-block;line-height: 1.8;vertical-align: top;text-align:right;margin-right:10px; }
form.cmxform fieldset ol { margin: 0;padding: 0;}
form.cmxform fieldset li { list-style: none;padding: 5px;margin: 0; }
form.cmxform fieldset fieldset { border: none;margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px;font-weight: normal; }
form.cmxform fieldset fieldset label { display:block;width:auto;text-align:left; }
form.cmxform em { font-weight: bold;font-style: normal;color: #f00; }
form.cmxform label { width: 120px; /* Width of labels */ }
form.cmxform label.check { float:left; }
form.cmxform label.radio { width:auto; }
form.cmxform fieldset fieldset label {  /* Width plus 3 (html space) */ }
form.cmxform input, form.cmxform select, form.cmxform textarea { width:400px;border:1px solid #ccc; }
form.cmxform textarea { height:150px; }
form.cmxform input.strasse { width:350px;border-right:none; }
form.cmxform input.hnr { width:49px; }
form.cmxform input.plz { width:49px;border-right:none; }
form.cmxform input.ort { width:350px; }
form.cmxform input[type=submit], form.cmxform input[type=checkbox], form.cmxform input[type=radio] { width:auto;border:none; }
p.fehler, .errors { background-color:#DE2922;color:#fff;margin:10px 0;padding:10px;text-align:center;font-weight:bold; }
p.erfolg { background-color:#00B01D;color:#fff;margin:10px 0;padding:10px;text-align:center;font-weight:bold; }

#BestellungFormular fieldset { margin:15px 0;background-color:#f5f5f5;padding:2px; }
#BestellungFormular legend { font-weight:bold;background-color:#fff;padding:2px; }
#BestellungFormular legend span{ float:none;font-weight:normal; }
#BestellungFormular label { width:200px;float:left; }
#BestellungFormular span { float:left; }
#BestellungFormular input { width:300px;border:1px solid #ccc; }
#BestellungFormular #plz, #BestellungFormular #replz { width:49px;border-right:0; }
#BestellungFormular #ort, #BestellungFormular #reort { width:250px; }
#BestellungFormular table { width:677px;margin:15px 0; }
#BestellungFormular table th { text-align:left;font-weight:bold;background-color:#f5f5f5;padding:2px; }
#BestellungFormular table td { padding:2px; }
#BestellungFormular table input { width:70px; }
#BestellungFormular table input.best_produkt { width:336px; }
#BestellungFormular table input.best_artnr { width:100px; }
#BestellungFormular table input.best_menge { text-align:right; }
#BestellungFormular table input.best_epreis { text-align:right; }
#BestellungFormular table input.best_gpreis { text-align:right; }
#BestellungFormular table .gesamt { text-align:right;}

table.mitRahmen { border:1px solid #000;border-collapse:collapse;width:100%; }
table.mitRahmen td { border: 1px solid #000;padding:5px; }