@copygray : #525252;
@backgroundgrey : #ECECEC;
@bordergrey : #CCCCCC;
@formsgrey : #F9F9F9;

@primarygreen : #88B500;
@linkgreen : #709200;
@footergreen : #6A8A15;
@markupred : #CD1619;

@internetblue : #009EE0;
@telephonepurple: #89408E;
@televisionmagenta: #E2007A;



 


/*
@media (min-width: 1px) {

   .nonresponsive .container {
        width: 980px !important;
    }

     

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15 {
        float: left;
    }

    .col-md-16 {
        width: 100%;
    }

    .col-md-15 {
        width: 93.75%;
    }

    .col-md-14 {
        width: 87.5%;
    }

    .col-md-13 {
        width: 81.25%;
    }

    .col-md-12 {
        width: 75%;
    }

    .col-md-11 {
        width: 68.75%;
    }

    .col-md-10 {
        width: 62.5%;
    }

    .col-md-9 {
        width: 56.25%;
    }

    .col-md-8 {
        width: 50%;
    }

    .col-md-7 {
        width: 43.75%;
    }

    .col-md-6 {
        width: 37.5%;
    }

    .col-md-5 {
        width: 31.25%;
    }

    .col-md-4 {
        width: 25%;
    }

    .col-md-3 {
        width: 18.75%;
    }

    .col-md-2 {
        width: 12.5%;
    }

    .col-md-1 {
        width: 6.25%;
    }
}*/



.no-space
{ margin: 0px;
  padding: 0px;
}
/*ende responsive deaktivieren*/




@font-face {
    font-family: "HelveticaNeueW02-45Ligh";
    src: url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot");
    src: url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("embedded-opentype"), url("../fonts/694015/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg"), url("../fonts/694015/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"),url("../fonts/694015/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNeueW02-55Roma";
    src: url("/Portals/0/fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot");
    src: url("/Portals/0/fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("embedded-opentype"), url("../fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg"), url("../fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("../fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNeueW02-75Bold";
    src: url("/Portals/0/fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot");
    src: url("/Portals/0/fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("embedded-opentype"), url("../fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg"), url("../fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"),url("../fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype");
}


.showPointer {
    cursor:pointer;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: normal;
}





    /* --- font settings   ------*/
	/* änderung 2016/26/10 andreas */
    h1.Big, h2.Big, h2.big, H1 .DNNModuleContent h2, h1 + div .DNNModuleContent h2:first-child, .H1big h1 {
        font: normal 21px/1em HelveticaNeueW02-45Ligh;
       font-size: 39px;
       line-height: 43px;
       color: #88B500;
    }

.H1 {
    font-size: 18px;
    line-height: 24px;
    color: black;
}

.home .H1 {
    color: #88B500;
    line-height: 33px;
}

.H1big h2 {
    font-size: 23px !important;
    line-height: 25px !important;
    font-family: HelveticaNeueW02-45Ligh;
    color: #88B500;
}






h1, h2, .Headline {
    font-size: 23px;
    line-height: 25px;
    font-family: HelveticaNeueW02-45Ligh;
    color: #88B500;
}

.Headline {
    font-size: 23px !important;
    line-height: 25px !important;
}

h2 + p, .ContentArea .ModDNNHTMLC:first-child p:first-child {
    padding-top: 15px;
}



h3, .SubTitle {
    font: normal 18px/1em HelveticaNeueW02-45Ligh;
    /*font-size: 21px;*/
    line-height: 25px;
    color: black;
}

.soft:hover {
}

h4 {
    font: normal 15px HelveticaNeueW02-75Bold;
    display: inline;
}



.navbar-header .searchbutton i { font-size: 1.5em; margin-top: 8px;
}
#responsiveSearch {margin-top: 12px; 
}
.primarygreen
{
color: #88B500}


.ContentHeadline2 h3, h3.ContentHeadline2 {
    font: normal 18px/1em HelveticaNeueW02-45Ligh;
    font-size: 16px;
    color: #525252;
    line-height: 16px;
}

.ContentHeadline2 h2, h2.ContentHeadline2 {
    font: normal 18px/1em HelveticaNeueW02-45Ligh;
    font-size: 30px;
    color: #525252;
    line-height: 30px;
}

.fine-print {
    font: normal 13px/1em HelveticaNeueW02-45Ligh;
    font-size: 13px;
    line-height: 18px;
    color: black;
}

.error {
    font: normal 13px/1em HelveticaNeueW02-45Ligh;
    font-size: 13px;
    line-height: 18px;
    color: #CD1619;
}

.Normal {
    font: normal 13px/1em HelveticaNeueW02-45Ligh;
    line-height: 18px;
}

.keinlink a.keinlink, .keinlink:link, .keinlink:visited, .keinlink:active {
    text-decoration: none !important;
    color: #525252 !important;
}

.keinlink:hover {
    text-decoration: none !important;
}


.col-width-33
{
 width:33%}
.col-width-50{
 width:50%}


#vergleich .vergleich-control
{
    position: absolute;
    
    left: 0;

    width: 45px;
   height: 45px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
 
  
}
    #vergleich .vergleich-control.off
    { opacity: 0.5;
    filter: alpha(opacity=50);
    }
    #vergleich .vergleich-control.right
    {  background-image: url('../icons/go-right.jpg');
    background-repeat: no-repeat;
    right: -30px;
    left: auto;
    position: absolute;
 
   
   
    }

    #vergleich .vergleich-control.top
    {  top: 30px;
    }
    #vergleich .vergleich-control.bottom
    {  bottom: 95px;
    }


     #vergleich .vergleich-control.left
    {  background-image: url('../icons/go-left.jpg');
    background-repeat: no-repeat;
    left: -30px;
    
    }

#accordion .oeffenblock
{
   
    background-position: right top;
    z-index: 10;
    padding-top: 20px;
    text-align: right;
    position: absolute;
    right: 0px;
    background-image: url('../icons/icon_pfeilup.png');
    background-repeat: no-repeat;
 

}

 
     

/*table tr.schatten td:nth-child(1)
{
    background-position: 0px 0px;
    background: url(images/verlauf-unten50.png) no-repeat;
    height: 100%;
}
  table tr.schatten td:nth-child(2)
{
    background-position: 50px 0px;
    background: url(images/verlauf-unten50.png) repeat-x;
    height: 100%;
    
}*/


.backgroundgrey_rampe1 {
    /* background: rgb(0, 0, 0);  Fall-back for browsers that don't
                                    support rgba */
    background-color: #ECECEC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 5px;
	border-right-color: #FFFFFF;
		    zoom: 1;
}





.backgroundgrey {
    /* background: rgb(0, 0, 0);  Fall-back for browsers that don't
                                    support rgba */
    background-color: #ECECEC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
    zoom: 1;
}

.backgroundgreen { /*background: rgb(0, 153, 0);  
    background: rgba(0, 153, 0 , .20);*/
    background-color: #88B500;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ECFFB3;
    -webkit-box-shadow: 3px 0px 3px rgba(192, 192, 192, 0.8), -3px 0px 3px rgba(192, 192, 192, 0.8);
    -moz-box-shadow: 3px 0px 3px rgba(192, 192, 192, 0.8), -3px 0px 3px rgba(192, 192, 192, 0.8);
    box-shadow: 3px 0px 3px rgba(192, 192, 192, 0.8), -3px 0px 3px rgba(192, 192, 192, 0.8);
}









/*prices ----------------*/
.priceblock {
    display: table;
    border-bottom: solid 2px transparent;
}

.graybox .priceblock {
    border-bottom: solid 2px transparent;
}

.price-starting {
    font: 12px/12px HelveticaNeueW02-45Ligh;
    color: #525252;
    padding-right: 5px;
    min-height: 36px;
    display: table-cell;
    vertical-align: bottom;
    text-decoration: none;
    text-align: left;
}

.price {
    font: 44px/40px HelveticaNeueW02-45Ligh;
    color: #525252;
    text-decoration: none;
    vertical-align: bottom;
    text-align: left;
}


.price-time {
    font: 11px/12px HelveticaNeueW02-45Ligh;
    color: #525252;
    padding-left: 5px;
    display: table-cell;
    vertical-align: bottom;
    text-decoration: none;
    text-align: left;
}

a .priceblock:hover {
    border-bottom: solid 2px #709200;
    color: #709200 !important;
}

  a  .priceblock:hover span {
        color: #709200 !important;
    }

/*prices SMALL ----------------*/


.priceklein {
    font: 29px/40px HelveticaNeueW02-45Ligh;
    color: #525252;
    text-decoration: none;
    vertical-align: bottom;
    text-align: left;
}

/*prices Mittel ----------------*/

.pricemittel {
    font: 40px/40px HelveticaNeueW02-45Ligh;
    color: #525252;
    text-decoration: none;
    vertical-align: bottom;
    text-align: left;
}


/*prices ----------------*/
.priceblockbig {
    padding-bottom: 5px;
    border-bottom: solid 2px #ffffff;
}

.price-startingbig {
    font: 15px/15px HelveticaNeueW02-45Ligh;
    color: #525252;
    padding-right: 3px;
    min-height: 15px;
    display: table-cell;
    vertical-align: bottom;
    text-decoration: none;
}
.pricesmall {
    font: 40px/36px HelveticaNeueW02-45Ligh;
    color: #525252;
    text-decoration: none;
    vertical-align: bottom;
    text-align: left;
}

.pricebig {
    font: 75px/80px HelveticaNeueW02-45Ligh;
    color: #525252;
    text-decoration: none;
    vertical-align: bottom;
    line-height: 67px;
}

.price-timebig {
    font: 15px/14px HelveticaNeueW02-45Ligh;
    color: #525252;
    padding-left: 3px;
    display: table-cell;
    vertical-align: bottom;
    text-decoration: none;
}

a .priceblock:hover {
    border-bottom: solid 2px #709200;
    color: #709200 !important;
}

  a  .priceblock:hover span {
        color: #709200 !important;
    }



























ul, ol {
    margin-bottom: 0px;
}


.container {
}

.floatleft {
    float: left;
}

.width25 {
    width: 25% !important;
    padding-right: 7px;
}


body {
    font: 13px/18px HelveticaNeueW02-45Ligh;
    color: -webkit-var(copygray);
    color: -moz-var(copygray);
    color: -ms-var(copygray);
    color: -o-var(copygray);
    color: var(copygray);
    color: @copygray;
    background-color: #ffffff;
}

    body b, .panel-heading, body strong {
        font: 13px/18px HelveticaNeueW02-75Bold;
    }

.bold, .Bold {font-family:  HelveticaNeueW02-75Bold;
}

.panel-default.graybox {
    border-color: transparent;
}

.panel-default.transparent {
    background-color: transparent !important;
}


.DnnModule {
    margin-bottom: 30px;
}


.ContentArea a:link, .ContentArea a:visited, .ContentArea a:active, .ContentArea a.link, .link, .fancybox-inner a:link {
    text-decoration: underline;
    color: #709200;
}






.checkgruen {
    background: none !important;
    background-image: url('/Portals/0/icons/check32_gruen.png') !important;
    background-repeat: no-repeat;
    width: 32px;
    height: 27px;
    display: block;
    float: none !important;
}



.checkweiss {
    background: none !important;
    background-image: url('/Portals/0/icons/check32_weiss.png') !important;
    background-repeat: no-repeat;
    width: 32px;
    height: 27px;
    display: block;
    float: none !important;
}



.borderwhite {
    border: 1px solid #ffffff !important;
}









/*greentable --------------------*/


.GreenTable {
    width: 100%;
    border: 0px solid #EEEEEE;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-spacing: 2px;
    border-collapse: separate;
}

    .GreenTable thead > tr {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .GreenTable tr:last-child {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .GreenTable tr:last-child > td {
            border-bottom-left-radius: 4px;
        }

        .GreenTable tr:last-child td:last-child {
            border-bottom-right-radius: 4px;
        }

    .GreenTable th:first-child {
        border-top-left-radius: 4px;
    }

    .GreenTable th:last-child, .GreenTableTHRight {
        border-top-right-radius: 4px;
    }
/*.GreenTable th:first-child{background-position:left top;background-image:url('/portals/_default/skins/greenDemo/images/GreenTableTop.png');background-repeat:no-repeat;padding-top:3px}
.GreenTable th:last-child,.GreenTableTHRight{background-position:right top;background-image:url('/portals/_default/skins/greenDemo/images/GreenTableTop.png');background-repeat:no-repeat;padding-top:3px}
.GreenTable .bottomleft{background-position:left bottom;background-image:url('/portals/_default/skins/greenDemo/images/GreenTableBottom.png');background-repeat:no-repeat;padding-top:3px}
.GreenTable .bottomright{background-position:right bottom;background-image:url('/portals/_default/skins/greenDemo/images/GreenTableBottom.png');background-repeat:no-repeat;padding-top:3px}
*/
.greenbg {
    background-color: #9C0;
}
/*
.GreenTable ul, .ui-corner-all ul {margin-left:-10px}*/
.trtoggle {
    display: none;
}


.ui-corner-top th {
    border-radius: 0px 11px 0px 0px;
}

#pagediv.about .GreenTable th, #pagediv.private .GreenTable th, .GreenTable th {
    background-color: #9C0;
    font-weight: bold;
    color: #FFF;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    text-align: left;
}

#pagediv.business .GreenTable th, #pagediv.datacenter .GreenTable th {
    background-color: #57585a;
    font-weight: bold;
    color: #FFF;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    text-align: left;
}

.GreenTable td {
    padding: 2px;
    vertical-align: top;
    background-color: #EEE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFF;
}

















/*header*/

header a:link, header a:visited, header a:active {
    color: #525252;
    text-decoration: none;
}

#Metanav > ul li::after {
    content: "|";
    color: #525252;
}

#Metanav a:hover {
    color: #88B500;
}

.languages a {
    text-transform: uppercase;
}



/*buttons ----------------*/
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, a.btn-primary:link, a.btn-success:link, a.btn-info:link, a.btn-warning:link, a.btn-danger:link {
    font-family: HelveticaNeueW02-75Bold;
    color: white !important;
}

.btn-default {
    font-family: HelveticaNeueW02-75Bold;
    color: #525252 !important;
    text-decoration: none !important;
}
 


    .btn-default:hover {
        font-family: HelveticaNeueW02-75Bold;
        color: black !important;
    }

button {
    border-width: 0px;
}

/*.panel-default .ModDNNHTMLC
{
    padding: 15px;
}*/




/*panel  bootstrap list-group*/
.panel-default .list-group-item a:link, .panel-default .list-group-item a:visited, .panel-default .list-group-item a:active, .panel-default .list-group-item a:hover {
    color: #525252;
    text-decoration: none !important;
}

#news .list-group-item i {
    color: #000000;
    display: block;
}




.stoerer {
    background: #CD1619;
}


.stoerergross {
    width: 90px;
    height: 90px;
    text-transform: uppercase;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-transform: rotate(350deg);
    font-family: HelveticaNeueW02-55Roma;
    line-height: 120%;
    position: absolute;
    top: -25px;
}

    .stoerergross:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background: #CD1619;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .stoerergross div {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1.8em;
        text-align: left;
        color: white;
        padding-left: 6px;
    }





.stoerersehrgross {
    width: 100px;
    height: 100px;
    text-transform: uppercase;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-transform: rotate(350deg);
    font-family: HelveticaNeueW02-55Roma;
    line-height: 120%;
    position: absolute;
    top: -35px;
}

    .stoerersehrgross:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background: #CD1619;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .stoerersehrgross div {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1.8em;
        text-align: left;
        color: white;
        padding-left: 6px;
    }



.stoerermittel {
    width: 80px;
    height: 80px;
    text-transform: uppercase;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-transform: rotate(350deg);
    font-family: HelveticaNeueW02-55Roma;
    line-height: 120%;
    position: absolute;
    top: -25px;
}

    .stoerermittel:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background: #CD1619;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .stoerermittel div {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1.8em;
        text-align: left;
        color: white;
        padding-left: 6px;
    }

.stoererklein, .stoererkleinBild {
    width: 60px;
    height: 60px;
    text-transform: uppercase;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-transform: rotate(350deg);
    font-family: HelveticaNeueW02-55Roma;
    line-height: 120%;
    position: absolute;
    top: -25px;
}

    .stoererklein:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background: #CD1619;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .stoererklein div {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1.8em;
        text-align: left;
        color: white;
        padding-left: 6px;
    }

.nav-tabs li {
    vertical-align: bottom;
}

.nav-tabs > li > a {
    border-radius: 0 14px 0 0;
}

.nav-tabs a {
    font: 16px HelveticaNeueW02-45Ligh;
    /*line-height: 18px;*/
    color: #525252 !important;
    text-decoration: none !important;
    outline: 0;
    margin-top: 10px;
}

 .mainmenu-tabs .nav-tabs li.active {
    /*border-bottom: solid 1px white;*/
}

.DNNModuleContent .nav-tabs li.active {
    border-bottom: solid 1px white;
}

    .nav-tabs li.active a {
        font: 16px HelveticaNeueW02-45Ligh;
        line-height: 18px;
        color: black !important;
         /*height: 49px;*/
        /*line-height: 35px;*/
        text-decoration: none !important;
        outline: 0;
        margin-top: 0px;
        padding-top: 20px;
    }

.ModdtAccordionModuleC .nav-tabs li a {
    /*padding: 10px 8px;*/
    white-space: nowrap;
}




/*accordion  -- wird bei den bestellwizards benötigt*/
.panel-default .list-group {
    background-color: transparent;
    margin-bottom: 0px;
    border-top: 0;
}

.panel-default .list-group-item {
    border-top: 1px solid #c0c0c0;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 1px 0px 0px 0px;
}

    .panel-default .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top: 0px solid #dddddd;
    }



    .panel-default .list-group-item:hover, .panel-default .list-group-item:focus .panel-default .list-group-item.active:hover, .panel-default .list-group-item.active:focus {
        z-index: 2;
        color: #ffffff;
        background-color: #D4D4D4;
        border-color: #dddddd;
        color: #709200 !important;
    }

        .panel-default .list-group-item:hover a:link, .panel-default .list-group-item:hover a:active,
        .panel-default .list-group-item:hover a:visited, .panel-default .list-group-item:focus a,
        .panel-default .list-group-item:hover a .panel-default .list-group-item.active:hover a, .panel-default .list-group-item.active:focus a {
            color: #709200 !important;
        }



/*select.form-control  {
  
  padding-top:6px;
  padding-bottom:6px;
  padding-right:2px;
  }*/

#formWizard .panel-group a[data-toggle].collapsed, #rampe a[data-toggle].collapsed.collapse-icon, #accordion a[data-toggle].collapsed.collapse-icon {
    padding-left: 25px;
    background-image: url('/portals/0/formwizard/images/collapsed.png') !important;
    background-repeat: no-repeat;
    padding-bottom: 25px;
    cursor: pointer;
    display: inherit;
}

#formWizard .panel-group a[data-toggle], #rampe .panel-group a[data-toggle].collapse-icon {
    padding-left: 30px;
    background-image: url('/portals/0/formwizard/images/open.png');
    background-repeat: no-repeat;
    padding-bottom: 5px;
    cursor: pointer;
    display: inherit;
}


#accordion a[data-toggle].collapse-icon
{  padding-left: 25px;
    background-image: url('/portals/0/formwizard/images/open.png');
    background-repeat: no-repeat;
    padding-bottom: 25px;
    cursor: pointer;
    display: inherit;
}



  a[data-toggle].collapse-icon2.collapsed 
{padding-left: 15px;
    background-image: url('/portals/0/formwizard/images/collapsed_arrow.png') !important;
    background-repeat: no-repeat;
    /*padding-bottom: 15px;*/
    cursor: pointer;
    display: inherit;
    background-position: left 2px;
}

  a[data-toggle].collapse-icon2 , #details .in a[data-toggle].collapse-icon2
{padding-left: 15px;
    background-image: url('/portals/0/formwizard/images/collapsed_arrow_open.png');
    background-repeat: no-repeat;
    /*padding-bottom: 15px;*/
    cursor: pointer;
    display: inherit;
    background-position: left 2px;
}


a.info {
    cursor:pointer;
}




.ShadowsTopBottom {
    background-image: url('/portals/_default/skins/g2013/img/shadetop.png');
    background-repeat: no-repeat;
    background-position: center top;
}

    .ShadowsTopBottom:after {
        background-image: url('/portals/_default/skins/g2013/img/shadebottom.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        content: " ";
        height: 13px;
        width: 100%;
        display: block;
    }

    .ShadowsTopBottom h4
    {
    display: block;}


.NoShadowsTopBottom {
}

    .NoShadowsTopBottom:after {
        content: " ";
        height: 13px;
        width: 100%;
        display: block;
    }




/*von 2011 uebernommen*/

.dnnActions ul li {
    list-style-type: none !important;
}

.DnnModule-DNN_HTML ul, .ModEasyDNNnewsC ul {
    margin-left: 20px;
}

    .DnnModule-DNN_HTML ul li, .ModEasyDNNnewsC ul li {
        list-style-type: disc;
        width: 100%;
    }

ul.dnnAdminTabNav  li {
width: auto !important}


.DnnModule-DNN_HTML ol, .ModEasyDNNnewsC ol {
    margin-left: 20px;
    list-style: decimal;
}



    .ModDNNHTMLC ul.sprite {
        /*display: table;*/
    }
.dnnModuleSettings li
{list-style-type:  none !important;
        width: auto  !important;
}


.ContentArea ul li.http {
    list-style-image: url("/portals/_default/skins/g2013/images/li.png");
    list-style-type: square;
}

.ContentArea ul li.pdf {
    list-style-image: url("/portals/_default/skins/g2013/images/doc.png");
    list-style-type: square;
}

.ContentArea ul li.doc {
    list-style-image: url("/portals/_default/skins/g2013/images/doc.png");
    list-style-type: square;
}

.ContentArea ul li.flv {
    list-style-image: url("/portals/_default/skins/g2013/images/flv.png");
    list-style-type: square;
}






#rampe table {
    width: 100%;
}

#rampe .panel-heading {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}


#rampe .size1 {
    font-size: 16px;
    font-family: "HelveticaNeueW02-45Ligh";
}


#rampe .rampe1_office h4 {
    font-size: 22px;
    font-family: "HelveticaNeueW02-45Ligh";
}


#rampe .rampe1_antispam h4 {
    font-size: 30px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe1 h4 {
    font-size: 22px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe2_office .size2 {
    font-size: 20px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe2 .size2 {
    font-size: 20px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe2_office h4 {
    font-size: 30px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe2_antispam h4 {
    font-size: 30px;
    font-family: "HelveticaNeueW02-45Ligh";
}




#rampe .rampe2 h4 {
    font-size: 30px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe3 .size3 {
    font-size: 24px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe3_office .size3 {
    font-size: 24px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe3_office h4 {
    font-size: 40px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe .rampe3 h4 {
    font-size: 40px;
    font-family: "HelveticaNeueW02-45Ligh";
}

#rampe td[align="center"], #rampe td[align="left"] {
    padding-bottom: 10px;
    padding-top: 10px;
}

#rampe td[colspan="3"], #rampe td[colspan="4"] {
    padding-top: 10px;
    padding-bottom: 10px;
        border-bottom-width: 0px;
    border-bottom-color: white;
}


#rampe .speed {
    font-size: 22px;
    font-family: "HelveticaNeueW02-45Ligh";
    text-align: center;
    padding-bottom: 5px;
    display: block;
    width: 100%;
}

#rampe .backgroundgreen a:link, #rampe .backgroundgreen a:active, #rampe .backgroundgreen a:visited, #rampe .backgroundgreen a, #rampe .backgroundgreen,
#rampe .backgroundgreen .price-starting, #rampe .backgroundgreen .price, #rampe .backgroundgreen .price-time {
    color: white !important;
}

/*#rampe tr td:first-child
{ padding-top:10px; padding-bottom: 10px;
}*/



#rampe .rampe1 .backgroundgrey {
    height: 140px;
    padding-top: 13px;
}

#rampe .rampe2 .backgroundgreen {
    height: 170px;
    padding-top: 15px;
}

#rampe .rampe3 .backgroundgrey {
    height: 200px;
    padding-top: 50px;
}

#rampe .priceblock {
    border-bottom: solid 0px;
    border-bottom-color: tansparent;
}

#rampe span[class*='sprite-reit'] {
    margin-left: 25px;
}

.sprite .sprite-btn-server-m
{background: url("/portals/0/icons/icon_server_33.png") no-repeat scroll 0% 0% transparent !important;
    display: block;
    width: 33px;
height: 34px;
}
.sprite .sprite-btn-close-small
{background: url("/portals/0/icons/icon_close_btn.png") no-repeat scroll 0% 0% transparent !important;
    display: block;
    width: 18px;
height: 18px;
}

.remove
{
    background: transparent url("/portals/0/icons/icon_close_btn.png") no-repeat scroll 0% 0% !important;
    display: block;
    width: 18px;
    height: 18px;
    padding-left: 20px;
}


#rampe .rampe1, #rampe .rampe2, #rampe .rampe3 {
    width: 160px;
    border-bottom-style: none !important;
}

#rampe .rampe1_antispam, #rampe .rampe2_antispam {
       border-bottom-style: none !important;
}

 #rampe .rampe1_antispam .backgroundgrey, #rampe .rampe2_antispam .backgroundgreen {
        padding-left: 10px;
        padding-right: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 11px;
        border-top-left-radius: 0px;
        position: relative;
        border-bottom-width: 0px;
    }






  #rampe .rampe1_office .backgroundgrey_rampe1, #rampe .rampe2_office .backgroundgrey, #rampe .rampe3_office .backgroundgreen {
        padding-left: 10px;
        padding-right: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 11px;
        border-top-left-radius: 0px;
        position: relative;
        border-bottom-width: 0px;
    }


    #rampe .rampe1 .backgroundgrey, #rampe .rampe2 .backgroundgreen, #rampe .rampe3 .backgroundgrey {
        padding-left: 10px;
        padding-right: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 11px;
        border-top-left-radius: 0px;
        position: relative;
        border-bottom-width: 0px;
    }

#rampe .noborder {
    border: 0px solid transparent !important;
}

#rampe tr td:first-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(0, 0, 0, .1);
}


#rampe .bg_jalousie_01 {
    background-position: right top;
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu1.png);
    background-repeat: no-repeat;
}

#rampe .bg_jalousie_02 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#rampe .bg_jalousie_03 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu3.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#rampe .bg_jalousie_04 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu4.png);
    background-repeat: no-repeat;
}

#rampe .bg_jalousie_preis_02 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: solid 0px;
    background-color: rgba(0, 0, 0, .2);
}
#rampe .bg_jalousie_preis_01 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu1.png);
    background-repeat: no-repeat;
    border: solid 0px;
    background-color: rgba(0, 0, 0, .2);
}

#rampe .bg_jalousie_preis_03 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu3.png);
    background-repeat: no-repeat;
    border: solid 0px;
    background-size: 100%;
    background-color: #729701;
}

#rampe .bg_jalousie_preis_04 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu4.png);
    background-repeat: no-repeat;
    border: solid 0px;
    background-color: rgba(0, 0, 0, .2);
}


#rampe .bg_jalousie_preis_05 {
    background-image: url(/Portals/0/Privatkunden/img/3in1/jalu2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: solid 0px;
    background-color: rgba(0, 0, 0, .2);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #fff;
}

#rampe .sprite td:first-child strong {
    float: left;
    padding-right: 10px;
}


.letterminus80 {
    letter-spacing: -0.05em;
      white-space: nowrap;
}

.letterminus1 {
    letter-spacing: -0.05em;
    white-space: nowrap;
}







.demotext
{
color: blue !Important;}






.ulcheck {
    background: url("/portals/0/icons/sprite_ulcheck.png") repeat scroll 0% 0% transparent !important;
    display: block;
    float: none !important;
}

.boxtitle15 {
    font-size: 15px;
}

.boxtitle16 {
    font-size: 16px;
}

.boxtitle17 {
    font-size: 17px;
}

.boxtitle18 {
    font-size: 18px;
}




/*business private navigation*/
body.business .private {
    display: none;
}

    body.business .private.business {
        display: block;
    }

body.private .business {
    display: none;
}

    body.private .business.private {
        display: block;
    }


#dnn_header_HauptnavigationBusiness_menuRender, #dnn_header_HauptnavigationPrivate_menuRender
{
display:none;}

body.business #dnn_header_HauptnavigationBusiness_menuRender
{
display: block}
body.private #dnn_header_HauptnavigationBusiness_menuRender
{
display:  none}

body.private #dnn_header_HauptnavigationPrivate_menuRender
{
display: block}

body.business #dnn_header_HauptnavigationPrivate_menuRender
{
display: none}




@media print {
  a[href]:after {
    content: none !important;
  }
}



.liste {
	list-style-image: url('/portals/0/icons/sprite_ulcheck.png');
	padding-left: 15px;
}
.liste li {
	padding-top: 10px;
    /*background-image: url(http://www.green.ch/portals/0/icons/sprite_ulcheck.png);
background-repeat: no-repeat;*/



}

.standingtop
{
  position: fixed;
  top: 0px;
  z-index:1000;
    
}


.infoquadrat { 
 
 
text-align: center;
border-radius: 0px 14px 14px 14px;}

.infoquadrat.bggruen {background-color: #88b500; color: #fff;}
.infoquadrat.bggrau {background-color: #ececec; color: #525252;}

.infoquadrat.small {width: 56px;height: 55px;  padding-top: 10px;
margin-right: 10px;
margin-bottom: 10px;}
.infoquadrat.small strong span   {    font-size: 13px;}
.infoquadrat.medium {width: 90px;height: 90px;  padding-top: 20px;
margin-right: 20px;
margin-bottom: 20px;}
.infoquadrat.medium strong span   {    font-size: 18px;}
.infoquadrat.big {width: 200px; height: 200px; padding-top: 20px;
margin-right: 20px;
margin-bottom: 20px;}
.infoquadrat.big strong   {    font-size: 30px;	line-height: 35px;}
.infoquadrat.big strong  span  {font-size: 45px; padding-top:10px}

/*
ul.subcategory .active {
  background: #D4D4D4 ;
}
*/
ul.subcategory li {
	margin-left: -10px;
}

.extrasmall
{
font-size: 60%; top: -1px;}

iframe[src*='start.htm'], .tab283 .fancybox-inner, .tab283 .fancybox-overlay *

{
height: 650px !important;}

@media (max-width: 767px)
{.boxshadow
    {
        /*width: 1170px;*/
        /*green*/
        box-shadow: none;
    }
  .nonresponsive .hidden-xs
    { display:block !important
    }
    .nonresponsive .visible-xs {
    display: none !important;}
    
}





@media (min-width: 767px) {

    #navMega .dropdown-menu {
    display: block;
    border-color: transparent;
    box-shadow: none;
     position: relative;
    }

    #navMega .dropdown-toggle:hover {
    background-color: transparent}

    #navMega > li {position: inherit;  
    }

    #navMega .caret {
    display:none;}

    #navMega > li.m0  > div > ul.dropdown-menu > li > ul {
    display:block; position: relative; left: 0px;}

    /* Megamenu */
#navMega div.megamenu
{
    /*background: linear-gradient(to bottom, #FFFFFF 0%, #FAFAFA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: linear-gradient(to bottom, #FFFFFF 100%, #F1F1F1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 11px 11px 11px;
    box-shadow: 0 10px 18px -9px rgba(0, 0, 0, 0.95);
}

#navMega ul li.category > a, #navMega ul li.category > span, #navMega > li.m0  > div > ul.dropdown-menu > li > a
{
    color: #88B500 !important;
}

#navMega ul ul li
{
    font-size: 13px;
    padding: 3px 0px;
}

    #navMega ul ul li a:hover
    {
        color: #88B500;
    }


   
   

}
@media (max-width: 767px) {
 .navbar-default {
    border-color: white !important ;
    margin-bottom: 0px;
 }
    .navMega.navbar-nav {
    margin-top: 0px;
    
    }

    #sectionSelector {
    
    border-bottom: 1px solid #ECECEC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(236, 236, 236);
    padding-left: 10px;
    }

    .navMega li.dropdown {
    border-top: 1px solid #ECECEC}
    .navMega li.m2 a {
        margin-left: 15px;
    }   

  .navMega  .open .megamenu > ul.dropdown-menu , .navMega .open ul.dropdown-menu {
      display:block;
    }

    .navbar .nav-pills {
    z-index: 2; position: relative;}
    .navbar-brand {
    top: -20px;
    position: relative;

    }
    .LoginPanel { width: auto;
    }

   
     .shadow_header, .ModDNNHTMLC img, #fotogalerie  .fancygalerie > img {
       max-width: 100%;
    height: auto;}

     
}

 /* Slider Start */
 
 .rz-ticks li {
	 list-style-type: none !important;
 }

 .rzslider .rz-bar.rz-selection {
  background: #88B500;
}

.rzslider .rz-pointer {
	background-color: #88B500;
	outline: none;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #fff;
}

.rzslider .rz-ticks .rz-tick .rz-tick-value {
	display: none;
}

.rzslider {
	height: 40px;
}

.anzahlGb  {
	max-width: 125px;
}

.rzslider .rz-bubble {
	bottom: 0px;
}

/* Slider Ende */