#back { height: 1200px; background: url('images/middleback_konfigurator.png') 0 -137px repeat-x; }

#content { margin-top: 206px; height: 847px; }



#content #produkt { width: 100%; height: 100%; background: transparent url('images/back_einsatzbereich.png') 0 420px no-repeat; }

#content #produkt h2 { display: inline-block; font-size: 14px; line-height: 20px; color: #fff; background: #054f89; font-style: italic; margin: 33px 0 0 0; padding: 5px 15px; }

#content #produkt .scroller { margin: 0 20px 0 10px; height: 450px; white-space: nowrap; overflow: auto; }

#content #produkt ul { display: block; width: 1122px; margin: 40px 13px 0 12px; padding: 0; }

#content #produkt li { display: block; float: left; width: 170px; height: 370px; margin: 0 8px 0 9px; padding: 0; list-style: none; cursor: pointer; }

#content #produkt li a.image { display: block; width: 170px; height: 200px; }

#content #produkt li a.title { display: block; width: 170px; font-size: 14px; line-height: 20px; color: #fff; background: #054f89; text-align: center; font-weight: bold; font-style: italic; margin: 98px 0 0 0; padding: 5px 0; }

#content #produkt li:hover a.title { background: #093; /*#0668B9;*/ }

#content #produkt li a.description { display: block; width: 170px; font-size: 11px; color: #fff; text-align: center; font-weight: bold; font-style: italic; margin: 10px 0 0 0; padding: 0; }





#content #konfiguration { width: 100%; height: 100%; background: transparent url('images/back_konfiguration_navi.png') 0 116px no-repeat; }

#content #konfiguration h2 { display: inline-block; font-size: 14px; line-height: 20px; color: #fff; background: #054f89; font-style: italic; margin: 33px 0 0 0; padding: 5px 15px; }

#content #konfiguration h2#meine-konfiguration + p { font-size: 14px; line-height: 20px; margin: 33px 0 0 0; padding: 5px 15px; }

#content #konfiguration h2#meine-konfiguration,

#content #konfiguration h2#meine-konfiguration + p { float: left; margin-right: 10px; }



#content #konfiguration ul.navigation { display: block; margin: 44px 23px 0 22px; padding: 0; height: 145px; }

#content #konfiguration ul.navigation li { display: block; float: left; width: 170px; margin: 0 8px 0 9px; padding: 0; list-style: none; }

#content #konfiguration ul.navigation li a.title { display: block; width: 170px; font-size: 14px; line-height: 20px; color: #fff; background: #054f89; text-align: center; font-weight: bold; font-style: italic; margin: 0; padding: 5px 0; }

#content #konfiguration ul.navigation li:hover a.title,

#content #konfiguration ul.navigation li.active a.title { background: #093; /*#0668B9;*/; }

#content #konfiguration ul.navigation li a.description { display: block; width: 170px; font-size: 11px; color: #fff; text-align: center; font-weight: bold; font-style: italic; margin: 10px 0 0 0; padding: 0; }



#content #konfiguration #konfigurator-tabs { height: 517px; clear: both; }

#content #konfiguration #konfigurator-tabs h2 { margin: 0; }

#content #konfiguration #konfigurator-tabs .tabcontent { width: 980px; height: 460px; padding: 10px 0; margin: 8px 0 0 0; background: #fff; overflow: auto; }

#content #konfiguration #konfigurator-tabs .tabcontent > *:first-child { width: 740px; }

#content #konfiguration #konfigurator-tabs .tabcontent label.heading { display: block; font-weight: bold; margin: 5px 10px; }

#content #konfiguration #konfigurator-tabs .tabcontent hr { height: 1px; border: 0; background: #ccc; margin: 10px 0; }

/*#content #konfiguration #konfigurator-tabs .tabcontent input[type="text"],

#content #konfiguration #konfigurator-tabs .tabcontent select { margin: 5px 10px; height: 15px; padding: 5px; border: 1px solid #ccc; }*/

#content #konfiguration #konfigurator-tabs .tabcontent span { margin: 5px 10px; height: 15px; padding: 5px 0; }

#content #konfiguration #konfigurator-tabs .tabcontent .floatbox { float: left; }

#content #konfiguration #konfigurator-tabs .a-description { font-weight: bold; color: #090; margin: 0; }



#content #konfiguration #konfigurator-tab-1,

#content #konfiguration #konfigurator-tab-2,

#content #konfiguration #konfigurator-tab-3,

#content #konfiguration #konfigurator-tab-4,

#content #konfiguration #konfigurator-tab-5,

#content #konfiguration #konfigurator-tab-6,

#content #konfiguration #konfigurator-tab-7,

#content #konfiguration #konfigurator-tab-8,

#content #konfiguration #konfigurator-tab-9 { display: none; }



#content #konfiguration #konfigurator-tab-1 input#kt1-raumname,

#content #konfiguration #konfigurator-tab-2 input#kt2-raumname,

#content #konfiguration #konfigurator-tab-4 input#kt4-schluesselname,

#content #konfiguration #konfigurator-tab-5 input#kt5-schluesselname,

#content #konfiguration #konfigurator-tab-9 input#kt9-firma,

#content #konfiguration #konfigurator-tab-9 input#kt9-name,

#content #konfiguration #konfigurator-tab-9 input#kt9-strasse,

#content #konfiguration #konfigurator-tab-9 input#kt9-email,

#content #konfiguration #konfigurator-tab-9 input#kt9-ort,

#content #konfiguration #konfigurator-tab-9 input#kt9-land,

#content #konfiguration #konfigurator-tab-9 input#kt9-telefon,

#content #konfiguration #konfigurator-tab-9 input#kt9-plz { width: 320px; }

#content #konfiguration #konfigurator-tab-1 input#kt1-anzahl,

#content #konfiguration #konfigurator-tab-2 input#kt2-anzahl,

#content #konfiguration #konfigurator-tab-4 input#kt4-anzahl,

#content #konfiguration #konfigurator-tab-5 input#kt5-anzahl { width: 20px; }

#content #konfiguration #konfigurator-tab-1 select#kt1-aussenmass,

#content #konfiguration #konfigurator-tab-2 select#kt2-aussenmass,

#content #konfiguration #konfigurator-tab-1 select#kt1-aussenmass + span,

#content #konfiguration #konfigurator-tab-2 select#kt2-aussenmass + span,

#content #konfiguration #konfigurator-tab-1 select#kt1-innenmass,

#content #konfiguration #konfigurator-tab-2 select#kt2-innenmass,

#content #konfiguration #konfigurator-tab-1 select#kt1-innenmass + span,

#content #konfiguration #konfigurator-tab-2 select#kt2-innenmass + span { display: none; }



#content #konfiguration #konfigurator-tab-1 ul#kt1-optionen,

#content #konfiguration #konfigurator-tab-2 ul#kt2-optionen { margin: 0px; padding: 0; }

#content #konfiguration #konfigurator-tab-1 ul#kt1-optionen li,

#content #konfiguration #konfigurator-tab-2 ul#kt2-optionen li { margin: 0; padding: 0; list-style: none; }



#content #konfiguration #btn-konfigurator-neu-starten { float: right; margin: 5px 55px 0 0; }

#content #konfiguration #btn-konfigurator-zylinder-anlegen,

#content #konfiguration #btn-konfigurator-schluessel-anlegen { margin: 5px 0 0 0; }



#content #konfiguration .floatleft { float: left; }



#content #konfiguration table.list { border: 0; margin: 0; padding: 0; width: 740px; border-collapse: collapse; }

#content #konfiguration table.preis-list { width: 200px; }

#content #konfiguration table#zusammenfassung-zylinder,

#content #konfiguration table#zusammenfassung-schluessel,

#content #konfiguration table#zusammenfassung-overview { width: 470px;  }

#content #konfiguration #zusammenfassung-schluessel-div { padding-left: 20px; }

#content #konfiguration table#zusammenfassung-schliessplan { margin-top: 20px; }

#content #konfiguration #zusammenfassung-edit-schluessel,

#content #konfiguration #zusammenfassung-edit-zylinder { margin: 20px; }



#content #konfiguration table.list tr {  }

#content #konfiguration table.list tr th { background: #2c2c2c; color: #fff; padding: 5px 10px; border: 1px solid #2c2c2c; }

#content #konfiguration table.list tr td { padding: 10px; border: 0; border-bottom: 1px solid #ccc; background: #fff; }

#content #konfiguration table.zusammenfassung-list tr:first-child td { border-top: 1px solid #ccc; }

#content #konfiguration table.list tr:hover td { background: #f2f2f2; }

#content #konfiguration table.list tr td:first-child { border-left: 1px solid #ccc; }

#content #konfiguration table.list tr td:last-child { border-right: 1px solid #ccc; }

#content #konfiguration .tabcontent a { color: #000; margin: 10px;  }

#content #konfiguration #default-link { text-decoration: underline; font-style: italic; margin: 0px; }


#content #konfiguration matrixebene { position: relative; }

#content #konfiguration table.matrix { border: 0; margin: 0; padding: 0; table-layout: fixed; border-collapse: collapse; }

#content #konfiguration table.matrix tr {  }

#content #konfiguration table.matrix tr th { border: 1px solid #ccc; cursor: default; }

#content #konfiguration table.matrix tr th:first-child { border: 0;}

#content #konfiguration table.matrix tr th div { width: 20px; height: 120px; padding: 5px; background: #ddd; color: #000; overflow: hidden; cursor: default; }

#content #konfiguration table.matrix tr th:first-child div { width: 120px; background: none; }

#content #konfiguration table.matrix tr th div span { cursor: default; writing-mode:vertical-lr; white-space:nowrap; display:block; width: 0; height: 20px; font-weight: normal; text-align: right; }

#content #konfiguration table.matrix tr td { text-align: center; height: 20px; border: 1px solid #ccc; cursor: default; background: #fff url('images/cross.png') center center no-repeat; }

#content #konfiguration table.matrix tr td:first-child { width: 120px; padding: 5px; background: #ddd; color: #000; text-align: left; text-indent: 20px; }

#content #konfiguration table.matrix tr td:hover { background-color: #d2e2f2; }

#content #konfiguration table.matrix tr td:first-child:hover { background: #ddd; }

#content #konfiguration table.matrix tr td.active { background-image: url('images/tick.png'); }

#content #konfiguration #schliessplan-schluessel-title { font-size: 14px; line-height: 40px; color: #000; font-weight: bold; margin-left: 80px; padding: 5px; margin-bottom: 15px; }

#content #konfiguration #schliessplan-zylinder-title {font-size: 14px; line-height: 20px; color: #000; font-weight: bold; top: 130px; padding: 5px; position: relative; }



#content #konfiguration hr.mtop { margin-top: 20px !important; }



#content #konfiguration .konfigurator-preis { float: right; width: 200px; min-height: 50px;}

#keso-hinweis { display: none; margin: 8px 0; color: #666; font-size: 0.9em; font-style: italic; line-height: 1.3em; }
#rielda-hinweis { display: none; margin: 8px 0; color: #666; font-size: 0.9em; font-style: italic; line-height: 1.3em; }

.edit, .delete, .copy { position: relative; display: block; float: left; background: #2c2c2c; width: 100px !important; height: 20px !important; padding: 7px 8px 5px 8px !important; margin: 0 1px !important; }

.edit a, .delete a, .copy a { display: block; width: 70px !important; padding: 0 0 0 30px !important; margin: 0 !important; color: #fff !important; }

.edit:hover a, .delete:hover a, .copy:hover a, .edit:hover, .delete:hover, .copy:hover { background-color: #054f89; }

.edit a { background: #2c2c2c url('images/edit.png') left center no-repeat; }

.copy a { background: #2c2c2c url('images/copy2.png') left center no-repeat; }

.delete a { background: #2c2c2c url('images/delete2.png') left center no-repeat; }

.gesamtpreis { padding: 0 !important; margin: 0 !important; color: #c00; }