.text_container {
    margin: 25px;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-horizontal .form-group .btn-primary {
    position: inherit !important;
}

.codeblock,
.on_click_select_all
{
    cursor: pointer !important;
}

button {
    border-radius: 0!important;
}

footer {
    background: white;
}

footer div.footerImg img {
    margin-top: 60px;
}

body {
    background-color: #f3f3f3 !important;
}


select option.option_group {
    font-weight: bold;
    font-size: 110%;
    padding-top: 5px;
}



/*
 * Css by page type
 */



body.homepage {
    background-color: white !important;
}


body {background-color: #fff;color: #0f1317;} /*font-roma*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
} /*font-medi*/


.helItal { font-style: italic;} /*font-ital*/
.helReg {} /*font-roma*/
.helBold {font-weight: bolder;} /*font-bold*/
.helMed {} /*font-medi*/

.row {margin-left: 0; margin-right: 0;}
.row.spacer15 {height: 15px;}
.row.spacer30 {height: 30px;}
.row.spacer45 {height: 45px;}
.h50 {height: 50px; line-height: 30px;}
.row.spacer50 {height: 50px;}
.row.spacer60 {height: 60px;}
.row.spacer75 {height: 75px;}
.row.spacer80 {height: 80px;}
.row.spacer90 {height: 90px;}

.color30373d {color: #30373d;}

.btn.text20,
.text20 {font-size: 20px;}

.mB12{margin-bottom: 12px}

.bgGrey {background-color: #f3f3f3;}
.bgWhite {background-color: #fff;}
.cBlue {color: #062a43;}

.underline {text-decoration: underline;}
.italic {font-style: italic;}
.normalWeight {font-weight: normal;}
.shadow {box-shadow: 0 2px 2px rgba(0,0,0,0.18); margin-bottom: 2px;}
.btn.shadow {box-shadow: 0 1px 3px rgba(0,0,0,0.2);margin-bottom: 2px;}
.shadowBigger {box-shadow: 0 2px 4px rgba(0,0,0,0.08); margin-top: 4px; margin-bottom: 4px}
.lightGray {color: #666}
.no-radius {border-radius: 0 0 0 0; -webkit-boder-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0;}
.no-float {float: none;}
.no-pad {padding-left: 0; padding-right: 0;}

.container {padding-right: 40px;padding-left: 40px;margin-right: auto;margin-left: auto;}
.register .form-horizontal .form-group {float: left;}

.ordersBadge {width: 175px; height: 56px; position: fixed; top: 150px; right: 0; background-color: #062a43; z-index: 10;}
/* .ordersBadge .icon {width: 46px; float: left; height: 100%; text-align: center;} */
.ordersBadge .glyphicon {font-size: 27px; width: 45px; text-align:center; color: #a6d30c;line-height: 55px;float: left;}
.ordersBadge a {position: absolute; top: 0; left: 45px;float: left; padding-top: 10px; color: #fff; width: 130px; font-size: 13px; line-height: 16px;}
.ordersBadge a:hover {text-decoration: underline;}

.navbar {background-color: #062a43; margin-bottom: 0; min-height: 40px; border-radius: 0;}
.nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-default {border: none;}
.navbar-default .navbar-nav>li>a {font-weight: 500; color: #fff;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fff; text-decoration: underline;}
.navbar-default .navbar-nav>.logIn>a, .navbar-default .navbar-nav>.logIn>a:hover, .navbar-default .navbar-nav>.logIn>a:focus {color: #1d2328;background-color: #a6d30c;}
.navbar-default .navbar-nav>.logOut>a, .navbar-default .navbar-nav>.logOut>a:hover, .navbar-default .navbar-nav>.logOut>a:focus {background-color: #d3310c;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
text-decoration: underline; color: #fff; background-color: #062a43;}
.dropdown-toggle .caret {color: #a6d30c}
.second-row {background-color: #fff; min-height: 90px; box-shadow: 0 0 2px rgba(0,0,0,0.2)}
.second-row img {padding-top: 21px;}
.second-row ul li a {color: #062a43; padding-top: 30px; padding-bottom: 30px; display: block; font-weight: 500;}
.second-row ul li.active a {color: #a6d30c; }
header.shadow {margin-bottom: 2px;}

.partner .container > .bgWhite {padding-left: 40px; padding-right: 40px;}
.vendoren .container > .bgWhite {padding-left: 40px; padding-right: 40px;}

.left.carousel-control {filter: none;}
.right.carousel-control {filter: none;}

.jumbotron {background: #f2f2f2 url('../images/layout/jumbotron.jpg') repeat-x;font-size: 14px;}
.jumbotron.white {background: #fff; padding-top: 48px;}
.jumbotron.white a {color: #062a43; font-weight: bold; text-decoration: underline;}

.jumbotron h1 {font-size: 36px; margin-bottom: 30px; margin-top: 6px;}
.jumbotron a {text-decoration: none;font-weight: 500;}
.kunde .jumbotron a {text-decoration: underline;font-weight: 500; color: #062a43;}
.jumbotron .teaser a.btn-primary:hover {background-color: #a6d30c; color: #0f1317;}
.jumbotron .teaser a.btn-default:hover {background-color: #062a43; color: #fff;}
.jumbotron .teaser a:hover {text-decoration: underline;}
.jumbotron .lead {margin-bottom: 12px; font-size: 14px;}

.caret.right {border-left: 6px solid #1d2328; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-top: -4px;}
.btn-primary:hover .caret.right {border-left: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-top: -4px;}

.caret {border-left: 6px solid;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin-top: -3px;margin-right: 6px;}
header .caret {border-top: 6px solid;border-right: 6px solid transparent;border-left: 6px solid transparent;margin-top: 0;}

.list-icon li {padding: 8px 15px 8px 36px; background: url('../images/layout/bullet.png') no-repeat left center; }
.list-icon.list-icon-top li {padding: 8px 15px 8px 36px; background: url('../images/layout/bullet.png') no-repeat left 18px; }

.prinzip .list-group {margin-bottom: 0;}
.prinzip .list-group-item {border: none;background-color: transparent;}

.big-img {position: relative; top: -26px;}

.teaser.col-md-3 {padding-top: 66px;}
.teaser > .row > div {background: #fff; hight: 100%;}
.teaser > .row {margin-bottom: 20px;}
.teaser a {border-radius: 0 0 0 0; font-weight: 500;}
.teaser h3 {margin-bottom: 30px;}
.teaser p {margin-bottom: 25px;}

.btn {border: none; padding-top: 9px; padding-bottom: 9px; font-size: 16px;}
.btn-primary {background-color: #a6d30c;color: #0f1317}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-color: #062a43; color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {background-color: #062a43;}
.btn-default {background-color: #062a43; color: #fff;}
.btn.dropdown-toggle.gradient,
.btn.dropdown-toggle.gradient:hover {background-color: #fff;}
.btn-default.dropdown-toggle {background-color: #062a43; color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {background-color: #a6d30c; color: #062a43}

.boxWrapper .btn-primary:hover, .boxWrapper .btn-primary:focus, .boxWrapper .btn-primary:active {text-decoration: underline;background-color: #a6d30c; color: #062a43 !important; }

.carousel {margin-top: 30px;}
.carousel-inner>.item {width: 100%; margin-left: 15px; margin-right: 15px;}
.carousel-inner {margin: 0 auto; width: 80%; float: none;}
.carousel-control {margin-top: 0px;opacity: 1.0;filter: alpha(opacity=100);}
.carousel-control.right, .carousel-control.left {background-image: none; }
.carousel-caption {left: 33%; right: 10%; text-align: left; text-shadow: none; color: #0f1317; font-weight: 400}
.carousel-control.left:hover .arrow-left,
.carousel-control.left:focus .arrow-left {background: url('../images/layout/arrow-left-hover.jpg') no-repeat center;}
.carousel-control.right:hover .arrow-right,
.carousel-control.right:focus .arrow-right {background: url('../images/layout/arrow-right-hover.jpg') no-repeat center;}
.carousel-caption p {margin-bottom: 0;}
.carousel-caption .small {color: #30373d; font-size: 80%; display: block; padding-top: 4px;}
.carousel-inner img { float: left; }

.arrow-left {margin-top: 55%; display: inline-block; width: 18px; height: 32px; background: url('../images/layout/arrow-left.jpg') no-repeat center;}
.arrow-right {margin-top: 55%; display: inline-block; width: 18px; height: 32px;background: url('../images/layout/arrow-right.jpg') no-repeat center;}

.masterLinks a {text-decoration: none; font-size: 16px; color: #091633;padding: 0 8px;}
.masterLinks a:hover {text-decoration: underline; }

.greyBoxes > .row {margin-bottom: 30px;}
.greyBox .boxWrapper {background-color: #f6f7f7; padding: 15px 15px 0;font-size: 16px;}
.greyBox h2.h3 {font-size: 23px;}
.greyBox p {margin-bottom: 25px;}
.greyBoxes .greyBox a {border-radius: 0 0 0 0; font-weight: 500; color: #30373d; padding: 9px 15px;}
.greyBox .boxWraper a {position: relative; bottom: 0;}
.greyBox .boxWrapper p:last-child {margin-bottom: 0; text-align: center;}

.greyBigBox {background-color: #f6f7f7; padding-top: 34px;}
.greyBigBox p:last-child {margin-bottom: 0; margin-top: 14px;}
.greyBigBox .btn {border-radius: 0;}
.greyBigBox .mail {margin-top: 6px;}
.greyBigBox .caret {margin-top: -3px; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid;}

.blueBoxes > .row {margin-bottom: 30px;}
.blueBoxes > .row.last {margin-bottom: 10px;}
.blueBox {color: #fff;}
.blueBox h3 {margin-bottom: 10px; margin-top: 30px}
.blueBox .boxWrapper {padding-top: 30px;}
.blueBox .boxWrapper:hover h3 {color: #062a43}
.blueBox img {margin: 0 auto; padding-top: 30px; padding-bottom: 30px}
.blueBox a img {padding-top: 0; padding-bottom: 0;}
.blueBox a {display: inline-block; margin-top: 30px; margin-bottom: 30px;}
.blueBox div.boxWrapper {background-color: #062a43;}
.blueBox div.boxWrapper:hover {background-color: #a6d30c; cursor: pointer;}
.blueBox .mainImg.img-1 {background: url('../images/layout/phone.png') no-repeat center;}
.blueBox .mainImg.img-2 {background: url('../images/layout/person.png') no-repeat center;}
.blueBox .mainImg.img-3 {background: url('../images/layout/chart.png') no-repeat center;}
.blueBox .mainImg.img-4 {background: url('../images/layout/transaktionen.png') no-repeat center;}
.blueBox .mainImg.img-5 {background: url('../images/layout/bedienung.png') no-repeat center;}
.blueBox .mainImg.img-6 {background: url('../images/layout/kompatibilitaet.png') no-repeat center;}
.blueBox div.boxWrapper a.toggle {text-align: center; border-radius: 50%; color: #062a43; background-color: #a6d30c; width: 44px; height: 44px; line-height: 44px;}
.blueBox div.boxWrapper:hover a.toggle {color: #a6d30c; background-color: #062a43; text-decoration: none; width: 44px; height: 44px;}
.blueBox .glyphicon:before {position: relative; left: 1px; top: -1px;}
.blueBox div.boxWrapper .mainImg {background-color: #fff; border-radius: 50%; border: 8px solid #a6d30c; width: 82px; height: 82px; margin: 0 auto; padding-top: 30px;}
.blueBox div.boxWrapper:hover .mainImg {border: 8px solid #062a43;}

.contact {color: #30373d;}
.contact h2 {margin-bottom: 36px; color: #0f1317;}
.contact p {font-size: 16px;}
.contact a {color: #062a43; font-weight: normal; text-decoration: underline;}
.contact a.btn-primary {color: #0f1317; font-weight: 500; text-decoration: none;}
.contact a.btn-primary:hover {color: #0f1317; font-weight: 500; text-decoration: underline;background-color: #a6d30c;}
.partner .contact {padding-left: 15px; padding-right: 15px;}

.footerText p {font-weight: normal; margin-bottom: 20px;}
.footerText p:last-child {margin-bottom: 0px;}
.footerImg img {display: inline-block;width: 44%;}

.dataPop {overflow: hidden; padding-top: 24px; margin-top: -24px;}
.dataPop > .container {margin-top: 24px;}
.dataPop.dontShow {display: none;}
.dataPop > div > div {background: #f9f9fa;padding-top: 15px;margin-bottom: 30px;}
.dataPop .closePop {width:34px; height: 42px; margin: 0 auto 20px; cursor: pointer;}
.dataPop h2 {font-size: 54px;padding-bottom: 18px;}
.dataPop .btn {border-radius: 0; font-weight: bold;}
.dataPop p.reg {margin-bottom: 0; color: #0f1317;}
.dataPop p.reg .caret {color: #062a43;margin-right: 4px;}
.dataPop p.reg .btn-primary:hover .caret {color: #fff;}
.dataPop p.mainText {margin-bottom: 56px;}
.dataPop p.mail {margin-bottom: 62px;}
.dataPop p.mail a {text-decoration: underline; color: #062a43}
.dataPop .caret {display: inline-block;    width: 0;    height: 0; margin-left: 2px; vertical-align: middle; border-top: 6px solid;border-right: 6px solid transparent;border-left: 6px solid transparent;}

.dataPop .arrow, .dataPop .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}

.dataPop .arrow {border-width: 28px;top: -28px;margin-left: -28px;border-bottom-color: #f9f9fa;border-top-width: 0;}

.dataPop .arrow:after {border-width: 13px;top: 1px;margin-left: -13px;border-bottom-color: #f9f9fa;border-top-width: 0;content: " ";}

/* MARKTPLATZ */

#leftMenu .panel {background-color: #f9f9fa;}
#leftMenu .panel-heading {padding: 0;}

#leftMenu .panel .panel-title a {height: 60px; line-height: 60px;display: inline-block;width: 100%;padding-left: 30px;}
#leftMenu .panel .panel-title a.open {background-color: #a6d30c}
#leftMenu .panel .panel-title a.open.collapsed {background-color: #062a43}
#leftMenu .panel-group .panel {border-radius: 0;}
#leftMenu .panel-default {border: none;}
#leftMenu .panel-default>.panel-heading {color: #fff;background-color: #062a43;border: none; border-radius: 0;}
#leftMenu .panel-default>.panel-heading.open {color: #0f1317;background-color: #a6d30c;}
#leftMenu .panel ul {list-style: none;padding-left: 16px;}
#leftMenu .panel li {margin-left: -10px;padding-left: 10px;}
#leftMenu .panel a {color: #062a43; text-decoration: none; }
#leftMenu .panel li:hover {background: #efefef; cursor: pointer;}
#leftMenu .panel li:hover a {text-decoration: underline;}
#leftMenu .panel .panel-body a {font-weight: normal;}
#leftMenu .panel .panel-body li.active a {text-decoration: underline;}
#leftMenu .panel .panel-heading a {color: #fff;}
#leftMenu .panel-group .panel+.panel {margin-top: 0px;}

#leftMenu .leftTeaser {background-color: #062a43; color: #fff; padding-bottom: 20px;}
#leftMenu .leftTeaser a {margin-right: -15px; margin-top: 20px;}
#leftMenu .leftTeaser .caret {margin-right: 6px; border-left: 6px solid;border-top: 6px solid transparent;border-bottom: 6px solid transparent;text-decoration: none;margin-top: -4px;}
#leftMenu .leftTeaser .btn-primary:hover {text-decoration: underline; background-color: #a6d30c; color: #062a43}

#searchBox {background-color: #f9f9fa; padding-bottom: 20px;}
#searchBox h2 {font-size: 16px; font-weight: bold;}
#searchBox .form-inline {float: left;}
#searchBox .form-inline .form-group.name,
#searchBox .form-inline .form-group.vendor {margin-right: 16px;}

#searchBox .btn-group {margin-left: -10px;margin-right: 15px;}
#searchBox .form-inline .btn-group button {width: 100%; margin-left: 8px;}

.register .form-control,
#searchBox .form-inline .form-control {height: 40px; border: 0px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);}

#searchBox .form-inline .btn.btn.glyphicon-search {height: 40px; max-width: 70px; }
#searchBox .form-inline .btn.glyphicon-search:before {padding-left: 11px;}
#searchBox select {cursor: pointer;}

label {display: inline-block;margin-bottom: 0px;font-weight: normal; }
.radio-inline label {font-size: 16px;}

select.form-control,
.form-control.gradient,
.btn.dropdown-toggle.gradient {
color: #30373d;background-image: -webkit-gradient(linear,    left bottom,left top,    color-stop(0, rgb(247, 247, 247)),    color-stop(0.58, rgb(255, 255, 255)));
background-image: -o-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: -moz-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: -ms-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: linear-gradient(to top, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
}
.form-control.gradient:hover,
.btn.dropdwon-toogle.gradient:hover {
color: #30373d;background-image: -webkit-gradient(linear,    left top,left bottom,    color-stop(0, rgb(247, 247, 247)),    color-stop(0.58, rgb(255, 255, 255)));
background-image: -o-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: -moz-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: -ms-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
background-image: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 58%);
}
.btn.dropdown-toggle.gradient {text-align: left;}
.btn.dropdown-toggle.gradient .caret {right: 8px;position: absolute;top: 45%;}


#searchBox .form-inline .caret {color: #1d2328; border-top: 8px solid;border-right: 6px solid transparent;border-left: 6px solid transparent; margin-top: -2px; margin-left: 22px}

#mainContent .resultCount {padding-left: 30px;margin-top: 16px;margin-right: 44px;}
#mainContent .resultCount small {padding-left: 4px; display: inline-block; color: #0f1317}
#mainContent .pagination {margin-top: 30px;}

ul.content {list-style: none;padding-left: 0;}
/* #page_container ul {list-style: none;padding-left: 0;}
.info_text{display: none;}
.ellipse.more {display: inline !important;}

.page_navigation {margin-right: 26px; float: right;}
.page_navigation .previous_link,
.page_navigation .next_link,
.page_navigation span.ellipse,
.page_navigation a.page_link,*/
#mainContent .pagination>li>a,
#mainContent .pagination>li>span {
    padding: 9px 15px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid transparent;
    font-size: 16px;
    color: #062a43;
    border-radius: 0;
    margin-right: 2px;
}
/*.page_navigation  a.page_link.active_page, */
#mainContent .pagination>.active>a,
#mainContent .pagination>.active>span,
#mainContent .pagination>.active>a:hover,
#mainContent .pagination>.active>span:hover,
#mainContent .pagination>.active>a:focus,
#mainContent .pagination>.active>span:focus {
color: #0f1317;
background-color: #a6d30c;
border-color: #a6d30c;
}

/* .page_navigation a.previous_link:hover,
.page_navigation a.next_link:hover,
.page_navigation a.page_link:hover, */
#mainContent .pagination>li>a:hover,
#mainContent .pagination>li>span:hover,
#mainContent .pagination>li>a:focus,
#mainContent .pagination>li>span:focus {
background-color: #a6d30c;
}

#mainContent .pagination>li:last-child>a,
#mainContent .pagination>li:last-child>span {
    margin-right: 0px;
}

#pages {list-style: none; padding-left: 0;}

.product {background-color: #fff; margin-bottom: 30px; color: #30373d}
.product > .row:first-child > div.headline {padding-bottom: 16px;}
.product > .row .rightColumn {padding-bottom: 0 }
.product > .row:last-child {padding-bottom: 20px; padding-top: 20px;background-color: #f9f9fa;}
.product h3 {background-color: #fff; padding-left: 20px;}
.product .headline {position: relative;}
.product .netto {position: absolute;right: 30px;bottom: 0px; font-size: 12px; color: rgba(48, 55, 61, 0.6)}
.product .productText {padding-top: 30px; font-size: 14px;padding-right: 30px;}
.product .productText a {text-decoration: underline; color: #062a43; padding-top: 4px; display: inline-block;}
.product .tags span {display: inline-block; padding: 2px 10px; background-color: #fff; margin-bottom: 2px;}
.product a.underline {text-decoration: underline; color: #333;}
.product a.underline:hover {color: #9ac30d;}

.product .rightColumn .verdienst {font-size: 16px; letter-spacing: -0.5px; color: #062a43}
.product .rightColumn .btn {text-decoration: none;}
.product .rightColumn .btn .caret {border-left: 6px solid;border-top: 6px solid transparent;border-bottom: 6px solid transparent;text-decoration: none;margin-top: -4px;}

.zahlung .thumbnail {padding: 0; border: 0; border-radius: 0 0 0 0;}
.zahlung > .container > div {float: left;}

.thumb-container {width: 100%; height: 125px; text-align: center;}
.thumb-container span { width: 10px; height: 100%; display: inline-block; margin-left: -10px; vertical-align: middle;}
.thumb-container img {vertical-align: middle; border: 0 none; max-width: 100%; display: inline-block;}

.form-horizontal .control-label {text-align: left; font-weight: normal; margin-right: 10px;}
.form-horizontal .control-label.no-pad-l {padding-left: 0;}
.form-horizontal .control-label.twoLines {padding-top: 4px; line-height: 1}

.form-horizontal .form-group .radio input {position: relative;top: 13px;}
.form-horizontal.register .form-group .radio input {position: relative;top: 5px;}
.form-horizontal.register .radio {padding-top: 0; padding-left: 34px;}
.form-horizontal .form-group.street > div {position: relative;left: 2px;}
.form-horizontal .form-group.number > div {position: relative;left: -28px;}
.form-horizontal .form-group.city > div {position: relative;left: -2px;}
/* .form-horizontal .dropGroup select {width: 97%;} */

.dropGroup {padding-right: 0px; left: -10px;}


/*
 .form-horizontal .form-group .btn-primary {position: relative; left: -15px;}*/


/* .form-horizontal .dropGroup .form-group {margin-right: 6px;padding-right: 4px;} */
.form-horizontal .dropGroup .form-group:nth-child(2n) {margin-right: 0px; padding-right: 4px;}

.loginForm > .form-group  > div {padding-right: 0;}
.loginForm > .form-group  > div.lostPass {margin-top: 10px;}
.loginForm > .form-group  > div.lostPass a {text-decoration: underline; color: #062a43}
.loginForm a { text-decoration: underline;}
/* .loginForm > .form-group  > label {position: relative; top: -6px;} */
/* .kunde .loginForm > .form-group  > label {position: relative; top: 2px;} */
.kunde .loginForm button {position: relative; left: 12px;}
.loginForm > .form-group  .stay {/* position: relative;left: 4px; */}

.loginForm > .form-group  .checkbox label {float: left;position: relative; top: -12px;}
.loginForm > .form-group  .checkbox input {margin-top: 9px;}

.has-error .form-control {background-color: #f8dcd6;}
.form-horizontal .control-label {padding-top: 0;}
.zip > div {padding-left: 10px !important;margin-left: 0;}
.nummer, .plz {font-weight: normal}

footer .footerNav a {color: #30373d; padding: 0 15px; text-decoration: underline;}

footer > div:last-child {margin-bottom: 0;}
footer .greyBox {background-color: #f6f7f7;}


@media (max-width: 767px) {

     .img-responsive {margin: 0 auto;}

    .text20 {font-size: 32px;}
    .text24 {font-size: 14px;}
    .text30 {font-size: 18px;}
    .text36 {font-size: 26px;}
    .text54 {font-size: 34px;}
    .btn.text32 {font-size: 100%;}
    .text32 {font-size: 23px;}

    .h1 {font-size: 26px;}

    .jumbotron h1 {font-size: 26px; padding-left: 15px !important; padding-right: 15px !important; }
    .partner h1 {width: 100%;}
    /* .form-horizontal .radio {left: -12px;} */
    .form-horizontal.register .radio {padding-top: 0; padding-left: 20px;padding-right: 50px;}
    .zip > div {padding-left: 0px !important;margin-left: 0;display: inline-block;width: 100%;margin-bottom: 15px;}
    .zip + .row {float: left; width: 100%;}
    .zip {margin-bottom: 0;}
    .strasse + br {display: none !important;}
    .strasse {margin-bottom:15px;}
    form.register label {font-weight: normal; font-size: 14px;}

    #searchBox button {float: right;}

    .partner .container > .bgWhite,
    .container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
    .big-img img {margin: 0 auto;}

    .loginForm  {padding-right: 0px !important; padding-left: 0px !important;}
    .jumbotron .lead {padding-left: 0px !important; padding-right: 0px !important;}
    .zahlung .jumbotron .lead,
    .partner .jumbotron .lead,
    .jumbotron.white > div,
    .container.no-pad {padding-right: 15px !important; padding-left: 15px !important;}

    .partner .bgWhite > .row > div,
    .partner .container > .bgWhite > .row > div > div,
    .partner .jumbotron .lead.col-xs-10,
    .jumbotron > .row > .container.no-pad {padding-left: 0 !important; padding-right: 0 !important;}

    .partner .row .btn {width: 80%;}
    .partner .row .greyBigBox .btn {width: 100%;}

    .loginForm .form-group > * {padding-left: 0;}
    .loginForm .col-xs-8.col-xs-offset-2 {padding-left: 0; padding-right: 0; width: 100%; margin-left: auto; margin-right: auto;}
    .loginForm .col-xs-8.col-xs-offset-2 p {margin-bottom: 30px;}
    .register > .form-group > label,
    .loginForm > .form-group  > label {top: 0px; width: 100%; padding-bottom: 8px;line-height: 1; padding-right: 0; margin-bottom: 0;}

    .kunde .loginForm button {position: relative;left: 23%;}

    select.form-control, .form-control.gradient, .btn.dropdown-toggle.gradient {font-size: 14px; margin-bottom: 20px; width: 100%;}

    /* .loginForm .form-group > label {padding-bottom: 4px;} */

    /* .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 40px;
        padding-left: 40px;
    } */

    /* p.reg a.btn {font-size:14px;} */
    .btn .caret {display: inline-block !important; border-left: 8px solid;    border-top: 8px solid transparent;    border-bottom: 8px solid transparent; margin-right: 4px; margin-top: -4px;}

    .teaser > .row {padding: 0;}
    .teaser .btn { font-weight: bolder; font-size: 16px; padding: 9px 10px;}

    .topNav {height: 41px !important;}
    .topNav > .navbar-nav {margin-top: 0; margin-bottom: 0;}

    .greyBoxes > div {margin-bottom: 30px;}
    .greyBoxes > div:last-child {margin-bottom: 0px;}
    .greyBox .boxWrapper {background-color: #f6f7f7;padding: 20px 15px 0;font-size: 16px;}
    .greyBox .boxWrapper .btn-primary {padding: 9px 12px; font-size: 14px;}
    .greyBox h2.h3 {font-size: 18px; margin-bottom: 24px;}
    .navbar-nav .open .dropdown-menu {position: absolute; right: 0; background: #e7e7e7; z-index: 99;}
    /* .language .dropdown.open {position: absolute; right: 0; background: #efefef; z-index: 99;} */


    .navbar {background-color: #fff;}
    .navbar-brand {padding: 7px 0;}
    /* .navbar > .container.no-pad {padding-left: 40px !important; padding-right: 40px !important;}
    .container>.navbar-collapse {margin-right: -40px;margin-left: -40px;padding-left: 40px !important; padding-right: 40px !important;}
     *//* .navbar-default .navbar-nav>li>a {font-size: 24px;padding-top: 20px;padding-bottom: 20px;} */
    /* .container>.navbar-header {height: 90px;} */

    .navbar-toggle {margin-right: 0px;}

    .container>.navbar-header, .container>.navbar-collapse {padding-right: 15px;padding-left: 15px; max-height: none;}
    .navbar-toggle {border: none; padding: 0; border-radius: 0 0 0 0;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #062a43; width: 40px; height: 5px;}
    /* .navbar-default .navbar-brand {margin-top: 12px;} */
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #062a43;}
    .navbar-nav .dropdown-toggle .caret {color: #a6d30c;border-top: 8px solid;border-right: 8px solid transparent;border-left: 8px solid transparent;}


    .carousel-control {width: 8%; }
    .arrow-right {margin-top:60px;}
    .arrow-left {margin-top: 60px;}
    .carousel-control.left > span {float: right;}
    .carousel-control.right > span {float: left;}
    .carousel-inner>.item img {display: inline-block;}
    .carousel-caption p {width: 100%; text-align: center;}
    .carousel-caption p > span {text-align: center;}

    .jumbotron > div,
    .jumbotron h2,
    .partner .prinzip,
    .no-pad {padding-left: 0 !important; padding-right: 0 !important;}
    .jumbotron h2 {font-size: 20px;}

    .jumbotron {padding-left: 0px; padding-right: 0px;}
    .carousel-caption {left: 0; width: 100%; text-align: center; position: relative; bottom: 0; padding-left: 0; padding-right: 0;}
    .carousel-inner>.item {margin: 0; width: 100%;}

    .jumbotron.mB12 > .container {padding-left: 15px !important;  padding-right: 15px !important; width: 100%;}

    .greyBigBox  {padding-left: 15px; padding-right: 15px;}
    /* .blueBox div.boxWrapper a.toggle,
    .blueBox div.boxWrapper:hover a.toggle {width: 64px;height: 64px;}
    .blueBox .glyphicon:before {left: 1px;top: 10px}
    .blueBox .boxWrapper {padding-top: 40px;}
    .blueBox a {margin-bottom: 40px;}*/

    .teaser p {margin-bottom: 40px;}
    .vorteile .list-icon.list-icon-top li {padding-top: 0; padding-bottom: 10; background-position: left top;}

    .footerImg .container > div {text-align: center !important;}
    .footerImg .container > div:first-child {margin-bottom: 30px;}
    .footerImg img {display: inline-block;width: 80%;}

    .dataPop, .dataPop > .container {padding-left: 0 !important; padding-right: 0 !important;}
    .dataPop .arrow, .dataPop .arrow:after {left: 50%;}
    .blueBox {margin-bottom: 30px;padding-left: 0; padding-right: 0;}
    .greyBox {margin-bottom: 30px; padding: 0}
    .blueBoxes > .row {margin-bottom: 0px;}

    /* MARKTPLATZ */
    #searchBox .form-inline .form-group.name, #searchBox .form-inline .form-group.vendor {margin-right: 0px; width: 100%;}
    #mainContent .resultCount {padding-left: 0; margin-right: 0;}
    #mainContent .pagination {float: right}
    #mainContent {margin-top: 30px;}

    .product .productImg {padding-right: 0px; padding-left: 0px;}
    .product .productText {padding-top: 6px;font-size: 14px;padding-right: 0px;}
    .product .rightColumn .btn {font-size: 80%; padding: 4px;}
    .product h3 {font-size: 110%; padding-top: 20px;padding-left: 15px; padding-right: 15px}
    .product .netto {bottom: 30px;}
    .product .rightColumn .verdienst {line-height: 1.4;padding: 10px 0;}
    .product .rightColumn {margin-right: 10px;}
    .product br {display: none;}
    /*  .product .row:last-child div:last-child {width: auto;}
     .product .row:last-child div:last-child a {float: right;} */
    /*.product .row:last-child div:last-child a:last-child {float: right;} */

    .partner .contact,    .contact {padding-left: 15px;padding-right: 15px;}

    .form-horizontal .form-group.zip {padding-right: 0;}
    .form-horizontal .form-group.city {margin-bottom: 20px;}
    /* .form-horizontal .dropGroup .form-group {margin-right: 4px;margin-left: -8px; padding-right: 0;} */
  .form-horizontal .dropGroup {margin-top: 0px; margin-right: 0; padding-left: 0;}
  .form-horizontal .dropGroup .form-control {margin-bottom: 0;}
    .form-horizontal .dropGroup .form-group:nth-child(2n) {margin-right: 0px;padding-right: 4px;}

    .form-horizontal .form-group.number,
    .form-horizontal .form-group.zip,
    .form-horizontal .form-group.street {margin-right: 0px; float: left;width: 100%;}

    .form-horizontal .dropGroup .form-group  {margin-right: 0px; margin-top: 10px;}
    .form-horizontal .dropGroup .form-group:last-child {/* margin-top: 0; */ margin-bottom: 30px;}
    .form-horizontal.register .form-group .btn-primary {position: static;}

    .form-horizontal .control-label.city {margin-right: 0; padding-left: 0;}

    .product .rightColumn .btn .caret {
        border-left: 4px solid;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        text-decoration: none;
        margin-top: -4px;
    }

    .product a.underline {
        text-decoration: underline;
        color: #333;
        margin-top: 12px;
        display: inline-block;
        line-height: 1.4
    }

    #searchBox .form-inline .btn-group button {width: 80%;margin-left: 0px;}

/*     .form-control {height: 60px;} */

    .number {padding-right: 0px;}
    .street > div {margin-right: -15px;}
    .street > div.strasse {margin-bottom: 10px;}

    .lostPass a {text-decoration: underline}

    .loginForm label {float: left;}
    .greyBigBox .caret {
        margin-top: -4px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid;
        margin-right: 10px;
    }
    .blueBox h3 {
        margin-bottom: 10px;
        margin-top: 30px;
        font-size: 20px;
        width:85%
    }
    .dataPop h2 {font-size: 24px;padding-bottom: 18px;}
    /* .form-horizontal .form-group .btn-primary {left: 0;} */
    .form-horizontal .form-group {margin-left: 0; margin-right: 0;}
    .form-horizontal .form-group:last-child {float: left; width: 100%;}
    .form-horizontal .radio-inline {line-height: 1;}
}

@media (min-width: 768px) {

     .img-responsive {margin: 0 auto;}

    .teaser .btn {font-size: 100%;}
    .teaser h3 {margin-bottom: 20px;}
    .dataPop p.mail a  {font-size: 140%;}

    .no-pad-l {padding-left: 0 !important;}
    .no-pad-r {padding-right: 0 !important;}
    .no-pad {padding-left: 0 !important; padding-right: 0 !important;}
    .no-pad > .row {margin-left: 0 !important; margin-right: 0 !important;}

    .big-img img {margin: 0 auto;}

    #mainContent .resultCount {margin-right: 0;}
    .form-horizontal .dropGroup .form-group {margin-right: 30px;padding-right: 0px;}
    .form-horizontal .dropGroup .form-group:nth-child(2n) {margin-right: 0px;padding-right: 0px;}
    .form-horizontal .control-label {font-size: 16px;}
    .btn.dropdown-toggle.gradient {left: -14px;    padding-right: 0px;        margin-left: 0px;        width: 90%;    }
    .register select.btn.dropdown-toggle.gradient {width: 100%;margin-left: 10px;}
    .product a.underline {float: right;}
    .form-horizontal .control-label.city {margin-right: 0;padding: 0 10px;}

    .zip > div:last-child {padding-left: 0px !important;margin-left: -15px;width: 46%;}
    .form-horizontal .radio-inline {line-height: 1;}
    #plz {margin-left: 5px;}

}

@media (min-width: 992px) {
  .teaser .btn {font-size: 100%;}
    .dataPop p.mail a  {font-size: 100%;}
    .index .jumbotron {padding-top: 103px;}

    #searchBox .form-inline .form-group.name, #searchBox .form-inline .form-group.vendor {margin-bottom: 20px;}
    #mainContent .resultCount {margin-right: 44px;}

    .form-horizontal .radio-inline {line-height: 1;}
}

@media (min-width: 1200px) {
  .teaser .btn {font-size: 100%;}
    .container>.navbar-collapse {margin-right: -15px;margin-left: -15px;}
    .form-horizontal .dropGroup .form-group {margin-right: 27px;padding-right: 0px;margin-left: -20px;}
    .form-horizontal .dropGroup .form-group select {width: 99%}
    .form-horizontal .dropGroup .form-group:nth-child(2n) {margin-left: -10px; padding-right: 4px;}
    .form-horizontal .form-group .btn-primary {padding-left: 10px; padding-right: 10px;}

    .big-img img {margin: 0;}

    #searchBox .form-inline .form-group.name,
    #searchBox .form-inline .form-group.vendor {max-width: 286px;}
    .city {padding-left: 5px !important;}
    #ort {margin-left: 10px;}

    .radio-inline {
        width: auto; line-height: 1;
    }

    .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
        margin-top: 0;
        margin-left: 0px;
    }

    #plz {margin-left: 0px;}

    .zip > div:last-child {padding-left: 0px !important;width: 42.8%;}
    .form-horizontal .control-label.city {margin-left: 6px; margin-right: 4px;}
}

/************************************************************************************************************************************
 * NEW SIGNUP FORM START
 ************************************************************************************************************************************/

form.form-horizontal legend {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.1;
    padding: 15px 15px 15px 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    border: none;
}

.form_type_find_my_order legend {
	padding-left: 0px;
}

.form_type_find_my_order .without-label {
	padding-top: 20px;
	padding-bottom: 10px;
	clear: both;
}

form.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

form.form-horizontal .label-cell {
    float: left;
    width: 145px;
    padding-right: 20px;
    text-align: left;
    padding-top: 5px;
	font-size: .9em;
}

.form_type_login form.form-horizontal .label-cell {
    width: 165px;
}

.form_type_find_my_order .label-cell {
	width: 185px;
}

.form_type_find_my_order .required_fields_hint {
	clear: both;
	padding-top: 15px;
}

form.form-horizontal .input-cell,
.form_type_find_my_order .input-group {
    float: left;
    width: 380px;
}

.form_type_login .input-cell {
    width: 360px;
}

/*form.form-horizontal .input-cell .form-control {
    height: 40px;
    border: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}*/

form.form-horizontal fieldset {
    margin-bottom: 40px;
}

form.form-horizontal .btn {
    border-radius: 0 0 0 0;
    -webkit-boder-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    padding-left: 10px;
    padding-right: 10px;
    /* Disturbs api register form (with login and cancel button):
    position: relative;
    left: -15px;*/
}

footer {
	clear: both;
    background: white;
    padding-top: 20px;
}

 /************************************************************************************************************************************
 * NEW SIGNUP FORM END
 ************************************************************************************************************************************/





 /************************************************************************************************************************************
 * MARKDOWN GENERATED PAGES START
 ************************************************************************************************************************************/

body.cms_type_markdown h1 {
	font-size: 1.5em;
	padding-left: 0px;
}

body.cms_type_markdown h2 {
	font-size: 1.2em;
	padding-left: 0px;
}

body.cms_type_markdown > .text-container {
	text-align: left;
	float: none;
}

body.cms_type_markdown > .text-container > div {
	float: none;
	width: 100%;
	max-width: 750px;
	margin: 50px auto;
	margin-top: 0px;
}

 /************************************************************************************************************************************
 * MARKDOWN GENERATED  END
 ************************************************************************************************************************************/




 .jumbotron p {
     font-weight: normal;
     font-size: 14px;
 }



 div.alert  {
     text-align: left;
 }


 div.tooltip_title {
    width: 100%;
    position: relative;
    padding-right: 20px;
    background: url('/webinc/images/icons/close.png') no-repeat right top;
    cursor: pointer;
}


h3.popover-title {
    font-weight: bold;
}









form.form-horizontal.with_online_validation div.with_validation_icon.has-success input {
    background-image: url('/webinc/images/icons/form_ok.png') !important;
    background-repeat:no-repeat !important;
    background-position: center right !important;
}

form.form-horizontal.with_online_validation div.with_validation_icon.has-error input {
    background-image: url('/webinc/images/icons/form_error.png') !important;
    background-repeat:no-repeat !important;
    background-position: center right !important;
}

input::-ms-clear {
    display: none !important;
}