.anfrage-tool-content {margin-bottom:50px}
.anfrage-tool {padding-bottom:15px; border-bottom:1px solid #999}
.anfrage-tool h1 {margin-bottom:15px}
.anfrage-tool p {margin:8px 0}

.anfrage-tool input, .anfrage-tool select {width:175px; margin:5px 15px 5px 5px; padding:5px 6px 7px 6px; color:#333; border:1px solid #e1e1e1}
.anfrage-tool input:hover, .anfrage-tool:hover select {width:175px; margin:5px 15px 5px 5px; padding:5px 6px 7px 6px; color:#333; border:1px solid #e1e1e1}
.anfrage-tool input, .anfrage-tool select, .anfrage-tool textarea {transition:border-color 0.25s}
.anfrage-tool input:focus, .anfrage-tool select:focus, .anfrage-tool:focus textarea {border:1px solid #00b8f1}
.anfrage-tool input[type="checkbox"], .anfrage-tool input[type="radio"] {width:inherit; cursor:pointer; margin-left:0; margin-right:5px; vertical-align:-1px}
.anfrage-tool label {margin-right:25px}
.anfrage-tool input[type="button"] {margin:0; padding:10px 25px!important}
.anfrage-tool textarea {width:517px; height:80px; resize:none}

.anfrage-tool .table-left {float:left}
.anfrage-tool .table-right {float:right}
.anfrage-tool table tr td:first-child {width:60px; vertical-align:middle}

.panel-closed {position:relative; background:url(../img/panel-closed.png) no-repeat #d8d8da; height:27px; margin:10px 0 5px 0; padding:4px 0; cursor:pointer}
.panel-opened {position:relative; background:url(../img/panel-opened.png) no-repeat #d8d8da; height:27px; margin:10px 0 5px 0; padding:4px 0; cursor:pointer}
.panel-closed:hover, .panel-opened:hover {opacity:0.9}
.panel-closed:hover h2 {color:#059544}
.panel-closed h2, .panel-opened h2 {height:16px; text-align:center}
.panel-opened h2 {color:#059544}

.ok-panel h2 {color:#059544}
.ok-check {position:absolute; background:url(../img/ok-check.png) no-repeat; width:15px; height:16px}
.error-check {position:absolute; background:url(../img/error-check.png) no-repeat; width:15px; height:16px}
.ok-contact-data, .error-contact-data {top:10px; right:20px}
.ok-products, .error-products {top:10px; right:20px}
.ok-facade, .error-facade {top:2px; right:20px}
.ok-gable, .error-gable {top:2px; right:20px}
.ok-balcony, .error-balcony {top:2px; right:20px}
.ok-garage, .error-garage {top:2px; right:20px}
.ok-chimney, .error-chimney {top:2px; right:20px}
.ok-inner-ceiling, .error-inner-ceiling {top:2px; right:20px}
.ok-single-panel, .error-single-panel {top:2px; right:20px}

.panel {display:none; padding:5px 0}
.panel h3 {margin:5px 0; padding:2px 0; color:#333; border-bottom:1px solid #e1e1e1}

.product-panel-closed {position:relative; background:url(../img/plus-icon.png) no-repeat 11px 0; height:21px; margin:10px 0 15px 0; padding-left:35px; border-bottom:1px solid #ccc; cursor:pointer}
.product-panel-opened, .product-inner-panel-opened {position:relative; background:url(../img/minus-icon.png) no-repeat 11px 0; height:21px; margin:10px 0 15px 0; padding-left:35px; border-bottom:1px solid #999; cursor:pointer}
.product-panel-closed:hover h2 {color:#059544}
.product-panel-opened h2 {color:#059544}
.product-panel-closed h2, .product-panel-opened h2 {line-height:20px}

.product-panel {display:none; margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #999}
.product-panel:last-child {margin:0; border:none}
.product-panel h3 {margin:0}
.product-panel p {margin:20px 0}
.product-panel input[type="text"] {width:50px; margin-right:15px}
.product-panel input[type="checkbox"] {margin-left:30px}
.product-panel input[type="checkbox"]:first-child {margin-left:0}
.product-panel input[type="file"] {border:none}

.info-button {float:right; background:url(../img/info-button.png) no-repeat; width:17px; height:17px; cursor:pointer}
.info-popup {display:none; position:absolute; top:100px; left:80px; z-index:10000; background:#fff; width:360px; height:340px; padding:5px 20px; border-radius:10px}
.info-popup h3 {color:#666; margin:25px 0 10px 0; border-bottom:1px solid #ccc}
.popup-overlay {display:none; position:fixed; bottom:0; left:0; z-index:1000; background:#000; width:100%; height:100%; opacity:0.5}

.dimensions {float:left; width:70%}
.facade-draft {float:right; background:url(../img/facade.png) no-repeat; width:159px; height:112px; margin-top:10px}
.gable-draft {float:right; background:url(../img/gable.png) no-repeat; width:142px; height:90px; margin-top:20px}
.balcony-draft {float:right; background:url(../img/balcony.png) no-repeat; width:156px; height:112px; margin-top:10px}
.garage-draft {float:right; background:url(../img/garage.png) no-repeat; width:159px; height:112px; margin-top:10px}
.chimney-draft {float:right; background:url(../img/chimney.png) no-repeat; width:157px; height:136px; margin-top:10px}
.inner-ceiling-draft {float:right; background:url(../img/inner-ceiling.png) no-repeat; width:159px; height:112px; margin-top:10px}
.single-panel-draft {float:right; background:url(../img/single-panel.png) no-repeat; width:159px; height:48px; margin-top:17px}
.vertical-panel-draft {display:inline-block; background:url(../img/vertical-panel.png) no-repeat; width:23px; height:135px; margin:0 25px -60px 10px}
.horizontal-panel-draft {display:inline-block; background:url(../img/horizontal-panel.png) no-repeat; width:135px; height:23px; margin:0 0 -6px 10px}
.joint-axes-dimension-draft {display:inline-block; background:url(../img/joint-axes-dimension.png) no-repeat; width:501px; height:110px; margin-top:20px}

.thumbnails {vertical-align: -10px}
.request-thumbnail {margin-left: 5px;height: 25px; max-width: 50px}
.upload {display:inline-block; background:url(../img/upload-icon.png) no-repeat; width:17px; height:16px; vertical-align:-4px}
.upload:hover {background-position:bottom}
.remove {display:inline-block; background:url(../img/remove-icon.png) no-repeat; width:17px; height:16px}
.remove:hover {background-position:bottom}

.color {display:inline-block; width:33px; height:22px; margin:-10px 4px 0 0; cursor:pointer}
.color:hover {outline:2px dotted #dc251d}
.color-selected {outline:2px dotted #dc251d}
.normreinweiss {background-color:#fff; width:31px; height:20px; border:1px solid #ccc}
.normreinweiss:hover {width:33px; height:22px; border:none}
.normreinweiss-selected {width:33px; height:22px; border:none; outline:2px dotted #dc251d}
.zinngrau {background-color:#b5b7b8}
.zinkgrau {background-color:#a2a4a5}
.matthellzink {background-color:#70787c}
.mattgrauhell {background-color:#6b6c6e}
.anthrazitgrau {background-color:#565d62}
.mattgraudunkel {background-color:#4b4a4d}
.eloxalbraun {background-color:#201807}
.altstadtrosenholzrosa {background-color:#b4796d}
.altstadtrot {background-color:#a64339}
.kupferbraun {background-color:#995a41}
.kaffeebraun {background-color:#673e28}
.resedagruen {background-color:#7d9381}
.hellelfenbein {background-color:#ffebc4}
.taubenblau {background-color:#2d80a9}
.opalgruen {background-color:#e2e6ca}
.graugruen {background-color:#829883}
.normquarzgrau {background-color:#646562}
.perlweiss {background-color:#fff2d8}
.savannenbeige {background-color:#cfbc82}
.pastelltuerkis {background-color:#cedfde}
.ginstergelb {background-color:#ffe342}
.karminrot {background-color:#da2b20}
.tuerkisblau {background-color:#00acb6}
.normminzgruen {background-color:#006b47}
.olivgruen {background-color:#535e07}
.azurblau {background-color:#005682}
.lichtgrau {background-color:#e6eaec}
.enzianblau {background-color:#005c8e}
.kohlenschwarz {background-color:#1a171b}
.brillantmetallic {background-color:#b7b9ba}
.normgraualuminium {background-color:#c3c8b9}
.patina {background:url(../img/patina.png) no-repeat}
.altzink {background:url(../img/altzink.png) no-repeat}
.neukupfer {background-color:#e07923}
.titancolor {background-color:#c0c7cb}
.mayagold {background-color:#fed443}
.klarlack {background-color:#d7d8d9}
.stainless-style {background-color:#c8c8c8}
.stainless {background-color:#dcdcdc}

/*#tbSelectedColor, input.selectedColor {width:320px!important; font-weight:bold;border: none}*/
#tbSelectedColor, input.selectedColor {width:320px!important; font-weight:bold; border:none; outline:0px dotted #dc251d}
#tbSelectedColor, input.selectedColor2 {width:320px!important; font-weight:bold; border:none; outline:2px dotted #dc251d}
#tbSelectedColor:focus, input.selectedColor:focus {background-color:transparent!important}

.error-panel h2, .panel-closed h2, .panel-opened h2 {margin:0; color:#ff2d16; font-size:15px}
.error-panel:hover h2, .panel-closed:hover h2, .panel-opened h2 {color:#ff2d16}
.error {color:#dc251d}
.error input[type="submit"] {color: #696969;background-color: #f0f0f0; border: 1px solid #aaa}
.error input, .error select {color:#dc251d; background-color:#fadfdd; border:1px dotted #dc251d}
.error-message {padding:5px; color:#dc251d; border:1px dotted #dc251d}
.correct-message {padding:5px; color:#059544; font-weight:bold; border:1px dotted #059544}

.dotted-line {display:block; margin:10px 0; border-bottom:1px dotted #666}

.clear {clear:both}
p.light-grey-bg {background:#f5f5f5; margin:0; padding:10px 0}
.mandatory {margin-top:10px; color:#666; font-size:11px}
.request-button {float:right; padding:1px 20px; color:#666; font-size:12px; font-weight:bold; border:1px solid #afafaf; border-radius:5px}
.ok-request-button {color:#059544; cursor:pointer}

.anfrage-download-content {margin:0 auto; color:#333; font-size:12px}
.anfrage-download-content h2 {color:#999; font-size:18px}
.anfrage-download-content .logo {float:right; background:url(../img/dangel-logo.gif) no-repeat; width:130px; height:83px}
.anfrage-download-content .clear {clear:both}
.anfrage-download-content .refresh {display:block; float:right; background:url(../img/refresh-icon.png) no-repeat; width:20px; height:20px; margin-bottom:6px}
.anfrage-download-content .refresh:hover {background-position:bottom}
.anfrage-download-content table {margin:0 auto; border-collapse:collapse}
.anfrage-download-content table thead th {background:#d8d8da; padding:12px 6px; border-right:1px solid #fff; text-align:left}
.anfrage-download-content table thead th h4 {margin:0; color:#ff2d16}
.anfrage-download-content table thead th:last-child {border-right:none}
.anfrage-download-content table tbody tr td {background:#fff; padding:11px 6px; border:1px solid #e1e1e1}
.anfrage-download-content table tbody tr:nth-child(2n) td {background:#f5f5f5!important}
.delete-button {display:block; background:url(../img/delete-icon.png) no-repeat; width:13px; height:17px}
.delete-button:hover {background-position:bottom}
.download-button {display:block; background:url(../img/download-icon.png) no-repeat; width:16px; height:16px}
.download-button:hover {background-position:bottom}

.anfrage-download-content .login-form {width:300px; background:#f5f5f5; padding:35px 22px 15px 20px; border:1px solid #c4c4c3}
.anfrage-download-content .login-form label {display:block; float:left; width:100px; padding:0 5px}
.anfrage-download-content .login-form input {float:left; width:180px; margin:-5px 0 23px; padding:4px 3px; border:1px solid #c4c4c3}

.anfrage-download-content .login-form input[type="submit"] {float:right; width:188px; margin:-5px 2px 15px; color:#666; font-size:12px; font-weight:bold}
.anfrage-download-content .login-form input[type="submit"]:hover {color:#059544; cursor:pointer}

.table {width:100%; margin:0 auto; border-collapse:collapse}
.table-thead-th {background:#bfe4f7; padding:12px 6px; border:1px solid #c4c4c3; text-align:left}
.table tbody td {background:#f5f5f5; padding:11px 6px; border:1px solid #c4c4c3}

.com-active {margin-top:50px; color:#afafaf; font-size:11px}
.com-active a {color:#afafaf!important; font-weight:bold; text-decoration:none!important}

@media (min-width:1300px) {
}

@media (max-width:1300px) {
}

@media (max-width:1200px) {
}

@media (max-width:979px) {
	.dimensions {float:left; width:auto}
	.facade-draft, .gable-draft, .balcony-draft, .garage-draft, .chimney-draft, .inner-ceiling-draft, .single-panel-draft {float:left}
}

@media (max-width:767px) {
}

@media (max-width:480px) {
}