/*
*
*
*
*
Main CSS STYLE (min)
used with Bootstrap V3
*
change color only
*
*
*
*
*/
html{overflow-y:scroll;overflow-x:hidden;position: relative;}html, body{width:100%;height:100%;}body{font-family:Arial, Helvetica, sans-serif;color: #575656;background-color: #fff; font-weight: 200;}h1, h2, h3, h4, h5, h6{color:#e30613;background-color: transparent;}table, td, th, dt, dd{color:#575656;background-color: transparent;}hr{border-color:#f5f5f5;color:#f5f5f5;background-color:#f5f5f5;}a{color:#646363; background-color: transparent;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}.no{display: none;}.banner a.slidesjs-navigation{font-size:0;width:52px;height:52px;display:block;position:absolute;z-index:50;top:25vw;}.clear{clear:both;}.no-padding{padding-left:0; padding-right:0;}.no-padding-top{padding-left:0; padding-right:0; padding-top:7px;}p.vergroessern{font-size:11px; text-align:center;padding-top:10px; display:block;}.no-bold{font-weight:400;}.zoomImg{display: none!important;}.form-horizontal .control-label{text-align:left;}.hasDatepicker{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;}.no-margin{margin:0;}.bold{font-weight: 600;}a:hover,a:focus{color:#f5f5f5;}.extra-padding{padding-top: 15px; padding-bottom: 15px;}.padding{padding-left: 15px; padding-right: 15px;}
/*
*
Main CSS STYLE END
*
*/
/**************/
/**************/
/*leavemealone*/
/**************/
/**************/
/*
*
*
*
*
MEDIA SITE CSS STYLE
*
here we change NAV, Site, Footer and other stuff that makes this site so beautiful
*
*
*
*
*/
/*Logo*/
logo{width:100%; height:auto;}

/*Navigation*/
.container-topmenue{background: #eee;}
.container-topmenue .menue{line-height: 33px; text-align: right;}
.navbar{margin:0;}
.navbar .aktiv>a{background:#f5f5f5;}
.navbar-static-top{z-index: 50;}
.navbar-brand{height:auto;}
.navbar-nav {margin:0 -15px;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu {margin-left:0px; border-radius: 0; box-shadow: none; border:1px solid #f5f5f5;}

/*Sandwich*/
.navbar-toggle.collapsed .top-bar {-webkit-transform: rotate(0);transform: rotate(0); }
.navbar-toggle.collapsed .middle-bar {opacity: 1;}
.navbar-toggle.collapsed .bottom-bar {-webkit-transform: rotate(0);transform: rotate(0);}
.navbar-toggle {border: none;background: transparent; }
.navbar-toggle:hover {background: transparent ;}
.navbar-toggle .icon-bar{background: #e30613;}
.navbar-toggle .icon-bar{width: 22px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.navbar-toggle .top-bar { -webkit-transform: translateX(3px) rotate(45deg); transform: translateX(3px) rotate(45deg); -webkit-transform-origin: 10% 10%; transform-origin: 10% 10%;}
.navbar-toggle .middle-bar {opacity: 0;}.bottom-bar {-webkit-transform:translateX(3px) rotate(-45deg);transform:translateX(3px) rotate(-45deg); -webkit-transform-origin: 10% 90%; transform-origin: 10% 90%;}

/*Banner*/
.banner_overlay{top:5vw; width: 100%;}

/*Breadcrumbs*/
.container-breadcrumbs{border-bottom:1px solid #f5f5f5;padding:0 0 1vw 0;font-size: 11px;}
.container-breadcrumbs a.aktiv{text-decoration:none; font-weight: 800; color:#e30613; }

/*Content*/
main{padding:1vw 0 2vw 0;width: 100%;display:block;}
main.section_home{padding:0 0 2vw 0}

/*Footer*/
footer{width: 100%;background-color: #575656;padding:25px 0; color: #fff; text-align: center;}
footer a{color: #fff;}
footer.footer_home{}

/*ohmygod do not change me ... color maybe, or border, border-radius ... maybe more than you think*/
.popup i.fa-times{color:#000;font-size: 1.5vw;font-weight: 100;}
.img-fullwidth{width:100%;}
#toTop{position: fixed;bottom: 25px;right: 25px;cursor: pointer;display: none; background-color: #e30613; border: 0; border-radius: 0;}
#popup_overlay_banner{top:11vw!important;}
.btn {border-radius: 0; border: 0;}
.form-control {border-radius: 0;}
/*
*
Main CSS STYLE END
*
*/
/**************/
/**************/
/*leavemealone*/
/**************/
/**************/
/*
*
*
*
*
Extra MEDIA SITE CSS STYLE: And here we write ... other css stuff
*
*
*
*
*
*/
.btn-primary {background:#e30613;}
.btn-primary:hover, .btn-primary:focus{background:#575656;}

.container-topmenue{background:#e0e0e0 url(../../media/resources/Layout/bg_top.jpg)repeat left top; }
.inhalt-social{text-align: center; padding-top: 10px; padding-bottom: 10px;}
.inhalt-social i{color: #e30613; margin-right: 10px;}
.inhalt-social p{margin: 0;}

.navbar-header{text-align: center;}
.navbar-toggle{float: none; padding: 0; margin: 0 0 20px 0;}

.nav li.aktiv a{background:#e30613; color: #fff;}
.nav li .dropdown-menu li .dropdown-menu{}
.nav li .dropdown-menu {padding: 0; margin: 0;}
.nav li .dropdown-menu li a{background: transparent;}
.nav li .dropdown-menu li .dropdown-menu{border: 0;background-color: #f5f5f5; display: none;}
.nav li .dropdown-menu li:hover .dropdown-menu{display: block; position:absolute;   top: 0;left: 100%; margin-top: -1px;}

.row-color-01 {background:#e30613; color: #fff;}
.row-color-01 p{font-size: 22px; font-weight: 600;}

.banner_overlay .banner-red{-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #e30613;display: table;padding: 10px 30px;}
.banner_overlay .banner-gray{-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #575656;display: table;padding: 10px 30px; margin: 2vw 0;}

.banner_overlay h1,.banner_overlay h2{color: #fff; -webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform: skew(20deg);}
.banner_overlay h1{ font-size: 6vw; margin: 0;}
.banner_overlay h2{ font-size: 4vw; margin: 0;}
.sp-buttons{display: none;}
/*
*
Extra Main CSS STYLE END
*
*/
/*****AFFIX**********/
.nav-wrapper{min-height: 50px;}
.nav-wrapper .navbar{border: 0;}
#nav.affix {width: 100%;z-index: 998 !important; background:#fff; border-radius: 0;border-bottom:0; position: fixed;top:0; height: 80px;}
#nav.affix logo .img-logo{height: 50px;}
#nav.affix .navbar-toggle{margin: 30px 0 20px 0;}
#nav.affix #navbar{background: #fff;}
/*****AFFIX ENDE*****/

/*****Kontakt**********/
form{width:100%;}
fieldset{width: 100%;}
.googlemap{width:100%;height:408px;margin:2vw 0 -2vw 0;}
input.plz{float:left; width: 30%; margin-right: 10%;}
input.ort{float:left; width: 60%;}
.inhalt_kontakt i{margin-right:1vw;}
p.plzort{overflow: hidden;}
/*.container-contact{position: absolute;margin: 120px 0 0 280px;background-color: white;text-align: left;z-index: 1000; padding:15px 30px;}*/
.gm-style-iw {width: 260px !important; top: 15px !important;background-color: #fff;box-shadow: 0;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 0;}
#iw-container .iw-img img {width: 150px; display: block; height: auto;}
#iw-container {margin-bottom: 10px;}
#iw-container .iw-title {padding: 10px;color: white;margin: 0;}
#iw-container .iw-content {font-weight: 400; padding: 0 0 0 11px;}
/*****Kontakt ENDE*****/

/*****Bildergalerie**********/
.mod_bildergalerie_kat{padding:0 15px;}
.mod_bildergalerie_kat_link{background:#f5f5f5; padding:20px 10px;border:3px solid #fff;}
.mod_bildergalerie_kat_link_aktiv{background:#000; color:#fff;}
.mod_bildergalerie_bild{margin-bottom:20px;}
/*****Bildergalerie ENDE*****/

/*****Downloads**********/
.mod_dl_kat{width: 100%;text-align: center;display: block;}
.mod_dl_kat i{font-size: 40px;}
/*****Downloads ENDE*****/

/*****Referenzen*********/
.mod_referenzen_kategorie{margin: 0;overflow: hidden;background-color: #ffffff;cursor:pointer; padding: 10px 0;}
.mod_referenzen_kategorie p{color:#000;padding: 0px 18px;font-weight: normal;margin:0px;}
.mod_referenzen_kategorie:hover{color:#000;background:#cccccc;}
.mod_referenzen_kategorie_hg {background:#000;}
.mod_referenzen_kategorie_hg p{color:#fff;}
.mod_referenzen_projektliste{border:1px solid #ccc; padding: 18px; margin-top:25px;}
.mod_referenzen_projektliste ul {list-style:none; padding:0; margin:0;}
.mod_referenzen_projektliste a{text-decoration:none; display:block; padding:10px 0;}
.mod_referenzen_projektliste a.aktiv{font-weight: bold;}
/*****Referenzen ENDE*****/

/*****Filialen*********/
.mod_filialen_gruppen_box ul.mod_filialen_gruppen{margin:0;list-style: none; padding:0;}
.mod_filialen_gruppen li{margin-bottom:5px;}
.mod_filialen_gruppen li a{text-decoration: none;padding:5px 20px;display: block;color: #000;background: #fff; border:1px solid #000;}
.mod_filialen_gruppen li a.aktiv,
.mod_filialen_gruppen li a:hover{background:#000;color:#fff;}
.mod_filialen_daten #map-canvas.mod_filiale_map{width:100%;height:300px;}
.mod_filialen_daten .mod_filialen_daten_bild{font-size: 0;}
/*****Filialen ENDE*****/

/*****Produkte*********/
.mod_produkte_gruppen{list-style:none;padding:0; margin-top:15px;}
.mod_produkte_gruppen li {list-style:none; margin-bottom:5px;}
.mod_produkte_gruppen a{color:#000;background:#fff;display:block;padding:10px 10px;text-decoration:none;}
.mod_produkte_gruppen a.aktiv,
.mod_produkte_gruppen a:hover{color:#fff;background:#000;}
/*****Produkte ENDE*****/

/*****Produkte (simple)***********/
.mod-produkte-item{background:#fff; margin-bottom: 15px;}
.mod-produkte-item:nth-child(2n){background:#f5f5f5;}
/*****Produkte (simple) ENDE*****/

/*****Produkte (tuned)***********/
.kat_box_0 span {display: inline-block;width: 95%;}
.kat_box_0 i {display: inline-block; width: 5%;text-align: center;}
.kat_box_0>a {background-color: #0054a6;color: #fff;padding: 1% 1% 1% 3%;display: block;margin-bottom: 1px;}
.kat_box_1>a {background-color: #686868;color: #fff;padding: 1% 1% 1% 1%;display: block;margin-bottom: 1px;}
.kat_box_2>a {background-color: #f0f0f0;color: #989898;padding: 1% 1% 1% 1%;display: block;margin-bottom: 1px;}
.kat_box_3>a {background-color: #f0f0f0;color: #989898;padding: 1% 1% 1% 5%;display: block;margin-bottom: 1px;}
a.produkt{background-color: #ffffff;color: #989898;padding: 1% 1% 1% 10%;display: block;}
a.produkt_aktiv {color: #0054a6;}
#produkt-inhalt h1 {margin-top: 0;}
.beschreibung{padding: 20px;border-radius: 10px;border: 1px solid #0054a6;position: absolute;left: 325px;z-index: 9;background-color: white;top: 0px;width: 325px;display: none;}
/*****Produkte (tuned) ENDE*****/

/*****Personen**********/
.mod_personen_kat ul {margin: 0;list-style: none; padding:0}
.mod_personen_kat li a{display: block;text-decoration: none;padding:5px;border:1px solid #000;}
.mod_personen_kat li.tab_active a {background-color: #000;color: #fff;}
.mod_personen{overflow:hidden;}
.mod_personen_person_name{font-weight:bold;}
/*****Personen ENDE*****/

/*****Sitemap**********/
.sitemap p{font-weight:600;}
.sitemap ul{list-style:none;}
/*****Sitemap ENDE*****/

/*****Links**********/
.mod_links img {border:1px solid #f5f5f5;}
/*****Links ENDE*****/

/*****Mitglieder Map**********/
#mitglieder-map #map-canvas{width:100%;min-height: 500px;height: 700px;}
/*****Mitglieder Map ENDE*****/

/*****Anfrage**********/
.anfrage-first{margin-left:-15px; margin-right:-15px;}
/*****Anfrage ENDE*****/

/*****Suche**********/
.inhalt-mod-suche{padding-top:0;}
.inhalt-mod-suche a.search{line-height: 50px;}
.inhalt-mod-suche .dropdown-menu{position: relative;padding: 0;margin: 0;border: 0; box-shadow: none;border-radius: 0;}
.inhalt-mod-suche .dropdown-menu input{border-radius: 0;}
.nav .inhalt-mod-suche>a, .nav .inhalt-mod-suche>a:focus, .nav .inhalt-mod-suche>a:hover {background-color: transparent;} 
/*****Suche ENDE*****/

/*****Kundenlogin**********/
.bg-kundenlogin{background:#f5f5f5; padding:15px 0;}
/*****Kundenlogin ENDE*****/

/*****Inhaltsmodule**********/
/*****Inhaltsmodule ENDE*****/

/*****Sprachauswahl**********/
.inhalt-mod-sprachauswahl {margin-top:16px;margin-left: 1vw; text-align: center;}
.inhalt-mod-sprachauswahl .flag-container {position: absolute;background: #fff;padding: 5px;margin-left: -8px;border:1px solid #ccc;z-index: 20; display: none;}
.inhalt-mod-sprachauswahl .flag-container .flags{max-width: 19px;height: auto; display: block; }    
.inhalt-mod-sprachauswahl .flag-container img{margin-bottom:.25vw;}    
/*****Sprachauswahl ENDE*****/

/*****Blätterkatalog**********/
#reader-container {width: 100%; background-color:transparent;}
/*****Blätterkatalog ENDE*****/

/*****Veranstaltungen**********/
.mod_veranstaltungen_kat_item a{color:#000;display: block;padding:15px 0; text-align: center;background-color: #f5f5f5; text-decoration: none;}
.mod_veranstaltungen_kat_item a.aktiv,
.mod_veranstaltungen_kat_item a:hover  {background-color:#000;color: #fff;}
.mod_veranstaltungen_daten {margin-top:15px;}
.veranstaltung-form-container {margin-top:25px;}
/*****Veranstaltungen ENDE*****/

/*****Popup**********/
#popup_overlay_banner .popuppointer{cursor: pointer;}
/*****Popup ENDE*****/

/*
*
*
*
*
*/
/*Desktop LG*/
@media screen and (min-width: 1025px) { 
    #nav{background: #e30613;}
    .navbar{border-radius: 0;}
    .navbar-header{float: right;position: absolute; z-index: 1;right:-30px;background: #fff; padding-right: 10%; padding-left: 25px; -webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
    .img-logo{width: 400px; -webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform: skew(20deg);}
    .banner_overlay {top: 14vw;}
    .inhalt-social{text-align: left; padding-top: 10px; padding-bottom: 25px;}
    .inhalt-social i{color: #e30613; margin-right: 10px;}
    .inhalt-social p{margin: 0; float: left; margin-right: 15px;}
    .nav li.aktiv a{background:#fff; color: #e30613;}
    .nav li a{color: #fff;}
    #nav.affix .nav li a{color: #565656;}
    #nav.affix #navbar{margin-top: 15px;}
    p.betonbohren{text-align: right;}
    p.padding{margin-top: 20px}
    .banner_overlay h1{ font-size: 3.5vw;}
    .banner_overlay h2{ font-size: 2vw;}
    .container-home-skew-01{-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);position: relative;right: -30px;background:#e30613;overflow:hidden;}
    .container-home-skew-01 .home-co-01{-webkit-transform: skew(20deg); position: relative;left:-30px;}
    
}

 /*Tablet MD Landscape*/
@media screen and (min-width: 992px) and (max-width: 1024px) {
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.collapse.in {display: block !important;}
    .navbar-header .collapse, .navbar-toggle {display:block !important;}
    .navbar-header {float:none !important;}
    
    .container{width: 100%;}
    .nav-wrapper{min-height: 130px;}
    
    footer{text-align: left;}
    .img-logo {height: 100px;}
    .navbar-toggle{float: right; margin-top: 50px;}
    .banner_overlay {top: 14vw;}
    .inhalt-social{text-align: left; padding-top: 10px; padding-bottom: 25px;}
.inhalt-social i{color: #e30613; margin-right: 10px;}
.inhalt-social p{margin: 0; float: left; margin-right: 15px;}
}

 /*Tablet SM Portrait*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.collapse.in {display: block !important;}
    .navbar-header .collapse, .navbar-toggle {display:block !important;}
    .navbar-header {float:none !important;}
    
    .container{width: 100%;}
    
    footer{text-align: left;}
    .img-logo {height: 100px;}
    .navbar-toggle{float: right; margin-top: 50px;}
    .banner_overlay {top: 14vw;}
    
.inhalt-social{text-align: left; padding-top: 10px; padding-bottom: 25px;}
.inhalt-social i{color: #e30613; margin-right: 10px;}
.inhalt-social p{margin: 0; float: left; margin-right: 15px;}
}

/*Mobile XS Landscape/Portrait*/
@media screen and (max-width: 767px) { 
    .banner_overlay {top: 14vw;}
}
/*
*
Main CSS STYLE END
*
*/
/**************/
/**************/
/*leavemealone*/
/**************/
/**************/
/*
*
*
*
*
Background / Slider / Banner CSS STYLE (Min)
*
nothing to change here - not really
ok one thing - change color in pagination
*
*
*
*
*/
.BGcontrol{display:none;position:fixed;width:100%;}.BGcontrol fieldset{border:none;}.BGcontrol a{font-size:30px;display:block; margin:10px;position:relative;z-index:60;}.BGcontrol a:hover{color:#000000;}.BGcontrol a.prev{float:left;background:url(../../_img/1/BGcontrol_prev.png);}.BGcontrol a.next{float:right;background:url(../../_img/1/BGcontrol_next.png);}#vegas-slideshow-pages{text-align:center;clear:both;position: relative;margin-top:20px;}#vegas-slideshow-pages div{display: inline-block;width: 14px;height: 14px;background-color: rgba(255,255,255,0.85);-webkit-border-radius: 7px;-khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin: 0 7px;cursor: pointer;-webkit-box-shadow: 0 0 2px 0 rgba(112,112,112,0.85);box-shadow: 0 0 2px 0 rgba(112,112,112,0.85);-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}#vegas-slideshow-pages div.aktiv{background-color: rgba(112,112,112,0.85);-webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,0.85);box-shadow: 0 0 2px 0 rgba(255,255,255,0.85);}.banner a.slidesjs-next{right:0;background:url(../../_img/1/banner_next.png);}.banner a.slidesjs-previous{left:0;background:url(../../_img/1/banner_prev.png);}.banner ul.slidesjs-pagination{font-size:0;list-style:none;margin:0;text-align:center;display: block;position: absolute;width: 100%;z-index: 50;padding: 0;margin-top: -25px;}.banner ul.slidesjs-pagination li.slidesjs-pagination-item{display:inline-block;margin:0 3px;}.banner ul.slidesjs-pagination li.slidesjs-pagination-item a{display:block;font-size:0;width:7px;height:7px;background:#ffffff;border:0;}.banner ul.slidesjs-pagination li.slidesjs-pagination-item a.active{background:#000;}.tSlide{width:100%;height:100%;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}.tSlider-nav{color:rgba(0,0,0,0.3);position: absolute;height:100%;transition: background linear 0.3s,color linear 0.3s;display: flex;justify-content: center;flex-direction: column;white-space: nowrap;padding:0 1%;cursor:pointer;}.tSlider-nav:hover{color:#fff;background:rgba(0,0,0,0.3); padding-left:5px; padding-right:5px;}.tSlider-nav-prev{}.tSlider-nav-next{right:-15px;}.tSlider-pagination{display: flex;justify-content:center;flex-wrap:nowrap;position: absolute;bottom:0;width:100%;z-index: 20;}.tSlider-pagination span{color:#fff;background:rgba(0,0,0,0.3);margin:1px;cursor:pointer;padding:5px;}.tSlider-pagination span.active{color:#000;background: rgba(255,255,255,0.3)}.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {position: absolute;width: 10%;height: 50%; background-color: #FFF;}.sp-buttons{position: absolute; margin: -30px 0 0 0;padding-top: 0;}.sp-button{border:2px solid #fff;}.sp-selected-button{background-color: #fff;}
/*
*
Background and Banner STYLE END
*
*/
/**************/
/**************/
/*leavemealone*/
/**************/
/**************/
/*
*
*
*
*
Lightbox and Ajax CSS STYLE (Min)
*
nothing to change here - really
*
*
*
*
*/
#lightbox {background-color: #eee;padding: 10px;border-bottom: 1px solid #666;border-right: 1px solid #666;}#overlay{background-color: rgba(0, 0, 0, 0.8);}#lightboxCaption {color: #333;background-color: #eee;font-size: 90%;text-align: center;border-bottom: 1px solid #666;border-right: 1px solid #666;}#lightboxIndicator {border: 1px solid #fff;}#lightboxOverallView {background-color: rgba(0, 0, 0, 0.8);}* html #lightboxOverallView, * html #overlay {background-color: rgba(0, 0, 0, 0.8);}.jQueryZoom{display: inline-block;position: relative;}.jQueryZoom:after{content:'';display:block; width:24px; height:24px; position:absolute;top: 40%;left: 44%;background:url(../../_img/1/magnifier.svg)no-repeat; filter: Alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6; color:#fff;}.nojQueryZoom:after{content:'';display:block; width:24px; height:24px; position:absolute;top: 40%;left: 44%;background:url(../../_img/1/magnifier.svg)no-repeat; filter: Alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6; color:#fff;}.jQueryZoom img{display: block;}.jQueryZoom img::selection{background-color: transparent;}#subtitle{border: 1px solid #323232; color: #000;background-color: #fff;padding: 5px;display: none;position: absolute;text-align: left;filter: Alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}div#AjaxPopUp{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);;filter: Alpha(opacity=60);-moz-opacity: 0.6; opacity: 0.6;display: none;z-index: 50;}div#PopUpInfo{position: fixed;top: 50%;left: 50%;background-color: #fff;color: #000; z-index: 60;display: none;}div#PopUpInfo input, div#PopUpInfo select, div#PopUpInfo textarea{width: 350px;background-color: #ababab;color: #000;border: 0 solid #000;}div#PopUpInfo a.button{width: auto;cursor: pointer;text-decoration: none;padding: 0 5px;}div#PopUpInfo textarea{height: 80px;}div#PopUpInfo input.box{width: auto;cursor: pointer;}div#PopUpInfo ul{ text-align: left;margin: 0;list-style: none;overflow: auto;}div#PopUpInfo ul li{border-left: 10px solid #fff; padding-left: 5px;line-height: 18px;}div#PopUpInfo ul li.active{ border-left: 10px solid #6ca055;font-weight: bold;}div#PopUpInfo ul li a{text-decoration: none;display: block;}
/*
*
Lightbox and Ajax
*
*/