/* STYLES */
BODY {font-size: 15px; font-family: arial, sans-serif; color: rgb(64,64,64); }
* {border: 0; margin: 0; padding: 0; text-decoration: none; list-style-type: none;}
H1, H1 SPAN, .h1 {font-size: 40px; font-weight: bold; padding: ; margin: ;}
H1 IMG.companySignet {margin: -2px 0 0 5px;}
H2, H2 SPAN, .h2 {font-size: 30px;}
H3, H3 SPAN, .h3 {font-size: 20px; padding-top: 0; margin-bottom: 5px;}
H4, H4 SPAN, H4 A, H4 SPAN A, .h4 {font-size: 17px; margin-top: 5px; margin-bottom: 5px; font-weight: bold;}
H4 IMG.companySignet {margin: /*-10px 0 0 5px*/ -6px 0 0 5px;}
H5, H5 SPAN, H5 A, H5 SPAN A, .h5 {font-size: 15px; padding: 20px 0; font-weight: bold;}
BUTTON[type="submit"].submitForm {background-color: rgb(153,204,0); color: white; font-weight: bold; padding: 10px; border-radius: 12px; border: 3px solid white;}
BUTTON[type="submit"].submitForm:before {font-family: FontAwesome; content: "\f090"; color: white; margin-right: 5px;}
INPUT[type=text] {border: 1px solid silver; }
INPUT[type=text].captchaInput {width: 100px!important; height: 30px;}
INPUT[type='checkbox'] {width: 15px; height: 15px; padding: 0;  margin: 0 0 0 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
INPUT.error {border: 1px solid red;}

TEXTAREA {padding: 3px 5px; border: 1px solid rgb(240,240,240);}
P {padding-bottom: 5px; line-height: 140%;}
A, A:visited { color: rgb(64,64,64);}
A:hover, A:hover SPAN, A:hover STRONG, A:hover I {color: gray}
A, IMG {border:none;}
A.negativelink, A.negative {color: white;}
A:hover.negativelink, A:hover.negative {color: rgb(207,219,235);}
UL.randomList LI {}
UL.stdList {list-style: none outside;}
UL.stdList LI {text-indent: -15px; margin: 0 0 3px 15px;}
UL.stdList LI:before {content: "\25BA" " ";}
NOSCRIPT P {color: white; border: none; margin: 0 0; padding: 10px; background-color: rgb(204,0,0); text-align: center; font-weight: bold;}
STRONG, B, STRONG A, B A {font-weight: bold!important;}
I {margin-right: 3px; color: rgb(100,100,100); border: none;}
H3 I {margin-right: 5px; color: white;}


DIV:not(#foo) > input[type='radio'], DIV:not(#foo) > input[type='checkbox'] {opacity: 0; float: left; width: 18px; position: absolute;}
DIV:not(#foo) > input[type='radio'] + label, 
DIV:not(#foo) > input[type='checkbox'] + label {clear: none; padding: 5px 0 4px 24px; cursor: pointer; background: url(images/o.png) left center no-repeat;}
DIV:not(#foo) > input[type='radio']:checked + label {background-image: url(images/x.png);}
DIV:not(#foo) > input[type='checkbox']:checked + label {background-image: url(images/l.png);}


/* ID */

#innerContent H2 {margin-top: 30px;}
#innerContent H3 {margin-top: 0;}
#innerContent H4 {margin-top: 20px;}
#innerContent P {}

#banderole {/*padding-bottom: 10px;*/ background: url(../img/bg.jpg) rgb(255,180,0); background-position: top center;}
#minibanderole {}

#verbandLogo {/*width: 170px;*/ height: 70px; margin-top: 10px;}
#verbandLogoMini {width: 110px; margin-top: 5px;}

#firmaEintragenForm {margin: 5px;  width: 70%; /*min-height: 30%;*/ max-height: 85%; overflow: auto; position: absolute; left: 40px;  background-color: rgb(153,204,0); z-index: 10;}
#firmaEintragenForm .formL, #firmaEintragenForm .formR {/*margin-left: 30px;*/ margin-top: 10px; margin-right: 20px; width: 350px;}
#firmaEintragenForm .formL textarea, #KontaktForm textarea {border: 1px solid silver; width: 340px; height: 115px; border: 1px solid silver; margin-bottom: 10px;} 
#firmaEintragenForm .formR input[type="text"], #firmaEintragenForm .formL input[type="text"], #KontaktForm input[type="text"] {width: 340px; height: 30px; margin-bottom: 10px;}
#firmaEintragenForm .formL UL LI input[type="text"] {margin-bottom: 0;}
#firmaEintragenForm .formR input[type="radio"] {margin-right: 5px;}
#firmaEintragenForm DIV P, #firmaEintragenForm DIV label, #firmaEintragenForm DIV H2, #firmaEintragenForm DIV H3, #firmaEintragenForm DIV A, #firmaEintragenForm DIV DIV {color: white;}
#firmaEintragenForm BUTTON[type="submit"] {background-color: rgb(51,153,0);}

#menuetop {padding: 0;}
#menuetop UL LI A {color: white; font-weight: bold; text-shadow: 1px 1px 0px gray;}
#menuetop UL LI A:visited {color: white;}
#menuetop UL LI {border-right: 2px solid white; padding: 0 15px; margin: 10px 0; line-height: 20px;}
#menuetop UL LI:first-child {padding-left: 0;}
#menuetop UL LI:last-child {border-right: none; padding-right: 0;}
#menuetop IMG {height: 20px; margin: 10px 2px;}

#header {background-color: white; padding: 30px;}
#headline {}
#mehrInformationen {}
#infoVerlagLang {}
#mainsearch {width: 600px; /*background-color: rgb(160,183,216); background-color: rgba(255,255,255,0.5);*/ padding: 50px 0 50px 50px;}
#mainsearch FORM LABEL {text-shadow: 1px 1px 0px rgb(224,224,224); margin-right: 30px;}

#produktsucheG {}
#firmensucheG {}

#companies {margin-top: 50px;}
#companies DIV.companiesbg {background-color: white;}
#companies DIV.floatL {width: 520px; margin: 0 30px 40px 0; padding: 15px;}
#companies DIV.floatR {width: 236px; margin: 0 0 40px 0; padding: 15px;}
#companies H3 {background-color: rgb(128,128,128); padding: 10px 15px 10px 15px; margin: -16px -16px 15px -16px; color: white;}
#companies UL {}
#companies UL.companiesList LI {border: 1px solid black; width: 234px; margin-bottom: 10px;}

#fachbereiche {min-height: 150px;}
#fachbereichliste LI {background-color: rgb(160,183,216); padding: 20px; border: solid 3px white;}
#fachbereichliste LI:nth-child(odd) {background-color: rgba(255,255,255,0.50);}
#fachbereichliste LI:nth-child(even) {background-color: rgb(207,219,235); background-color: rgba(255,255,255,0.75);}

#nomenklatur {min-height: 550px;}
#nomenklatur H3 {padding-top: 30px;}
#nomenklaturliste UL {margin-top: 10px;}
#nomenklaturliste LI {background-color: rgb(160,183,216); padding: 10px; /* border: solid 3px white;*/}
#nomenklaturliste LI:nth-child(odd) {background-color: rgba(255,255,255,0.50);}
#nomenklaturliste LI:nth-child(even) {background-color: rgba(255,255,255,0.75);}

#kurzliste {/*min-height: 150px;*/}
#kurzliste LI {background-color: rgb(160,183,216); padding: 20px 20px 20px 40px; border: solid 3px white; padding-right: 100px;}
#kurzliste LI:nth-child(odd) {background-color: rgba(255,255,255,0.50);}
#kurzliste LI:nth-child(even) {background-color: rgba(255,255,255,0.75);}
#kurzliste LI INPUT[type='checkbox'] {width: 15px; height: 15px; padding: 0;  margin: 0 5px 0 -20px; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
#kurzliste LI SPAN.smallText {margin-right: -85px;}
 
#neueFirmen DIV {overflow: hidden;}
#neueFirmen H3 {padding-top: 10px;}
#neueFirmen UL {width: 1000px;}
#neueFirmen UL LI {display: inline-block;}
#neueFirmen UL LI {background-color: white; margin: 20px; border: 5px solid white;}
#neueFirmen UL LI:hover {border: 5px solid rgb(255,180,0);}
#neueFirmen UL LI IMG {background-color: white; margin: 5px; height: 30px;}

#neueProdukte {min-height: 150px;}
#neueProdukte LI {background-color: rgb(160,183,216); padding: 20px; border: solid 3px white;}
#neueProdukte LI:nth-child(odd) {background-color: rgba(255,255,255,0.50);}
#neueProdukte LI:nth-child(even) {background-color: rgba(255,255,255,0.75);}

#testimonial {margin-bottom: 50px;}
#testimonial H3 {margin-bottom: 20px;}
#testimonial DIV UL LI {}
#testimonial DIV UL LI DIV {padding: 20px 50px; background-color: rgb(240,240,240); height: 350px;}
#testimonial DIV UL LI DIV H2 {font-family: 'Indie Flower', cursive; font-size: 50px; line-height: 50px; margin-bottom: 15px;}
#testimonial DIV UL LI DIV P {font-family: 'Indie Flower'; font-size: 24px;}
#testimonial DIV UL LI DIV IMG {float: right; padding: 15px; background-color: white; border: 3px solid silver; margin-left: 10px;}
#testimonial DIV UL LI DIV SPAN {position:absolute; right: 50px; bottom: 20px; font-style: italic;}

#vorteile {margin-bottom: 0; margin-top: 30px;}
#vorteile H3 {margin-bottom: 20px;}
#vorteile DIV {width: 320px;}
#vorteile DIV UL {list-style-position: outside;}
#vorteile DIV UL LI {line-height: 20px; font-size: 15px;}
#vorteile I {margin-right: 10px;}

#trefferlisteHelper {display: none;}
#trefferlisteHelper DIV a {margin-left: 22px;}
#trefferlisteHelper DIV a.activeSort {font-weight: fold; margin-left: 0;}
#trefferlisteHelper DIV a.activeSort:before {content: "\25BA" " "; margin-left: 10px; margin-right: -3px;}

#trefferliste {min-height: 550px;}
#trefferliste .firmaKurz, #fpdatalist LI {padding: 15px 10px 15px 0; /*background-color: rgb(255,255,255)*/; border-bottom: 1px solid rgb(96,96,96);}
#trefferliste .firmaKurz IMG.firmaKurzLogo, #fpdatalist LI IMG.firmaKurzLogo {border: 1px solid white;}
#trefferliste .firmaKurz:hover, #fpdatalist LI:hover, #fpdatalist LI.active {background-color: rgb(240,240,240);}
#trefferliste LI.active, #fpdatalist LI.active {background-color: rgba(122,122,122,0.2);}
#trefferliste .firmaKurz:hover IMG.firmaKurzLogo, #fpdatalist LI:hover IMG.firmaKurzLogo {border: 1px solid gray;}

#infoNomenklaturLang {}
#miniHeader {background-color: white;}
#miniHeadline {padding: 20px;}
#miniSearchDiv {z-index: 2; box-shadow: 0px 2px 10px rgba(0,0,0,0.5); background-position: center center ;}
#miniSearch FORM LABEL {text-shadow: 1px 1px 0px rgb(224,224,224); margin-right: 30px;}
#miniSearchDivStart {height: 80px; width: 100%; position: fixed; top: 0px; display: none; z-index: 2; background-position: center center ;}
#miniSearch {padding: 10px 0;}

#firmenliste H3 {padding-top: 30px;}

#firmenprofil {margin-bottom: 0;}
#firmenprofil H1, #firmenprofil H1 SPAN {/*max-width: 73%;*/width: 103%; font-size: 30px!important;}
#firmenliste H1 {width: 103%;}
#firmenprofil H1, #firmenliste H1 {position: relative; padding: 6px 6px 6px 40px; margin: 20px 0 30px -40px; color: white; background-color: rgb(122,122,122); -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888;}
#firmenprofil H1:after, #firmenliste H1:after {content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px 10px; border-style: solid; border-color: rgb(0,0,0) rgb(0,0,0) transparent transparent;}
#firmenprofil H3 {padding-top: 30px;}
#firmenprofil H4.kontakt {margin: 0; width: 600px;}
#firmenprofil H4.fpurls {margin-bottom: 0; width: 600px;}
#firmenprofil H4.fpmail {margin-top: 0; width: 600px;}
#firmenprofil .komm {width: 600px; margin: 30px 0;}
#firmenprofil .fpadr {width: 250px; float: left; margin-right: 20px;}
#firmenprofil .fpadr A {font-weight: normal;}
#firmenprofil .fptel {width: 300px; float: left;}
#firmenprofil H4.fpkontakt, #firmenprofil H4.fpkontakt A {font-weight: normal!important; font-size: 15px;}
#firmenprofil H4 SPAN.fptele {font-weight: normal;}
#firmenprofil H4 SPAN.fptele:before {content: "\25BA" " ";}
#firmenprofil IMG.logoFp {margin-top: 0; background-color: white; padding: 25px;}

#fiprnela {float: right; padding: 20px 0;}
#fiprnela A {margin-right: 10px;}
#fiprnela FORM {display: inline;}

#leistungsbeschreibung {margin-top: 0;}
#leistungsbeschreibung H3 {padding-top: 0; margin: 0;}

#fppix UL {min-height: 160px; overflow: hidden;}
#fppix UL.minHeight {height: 160px;}
#fppix UL.autoHeight {height: auto;} 
#fppix LI.nailthumb-container {display: inline-block; overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
#fppix .pic-container {border: 8px solid rgb(255,180,0);}
#fppix .pic-container:hover {border: 8px solid rgb(207,219,235);}
#fppix IMG {height: 140px; width: 140px; margin-bottom: -3px;}

#fpdata DIV H3 {padding-top: 30px;}
#fpdatalist LI {border-bottom: 1px solid rgb(96,96,96);}
#fpdatalist LI P.erzn {font-weight: bold; margin-bottom: 0; font-size: 15px; padding-bottom: 0; padding-right: 15px;}
#fpdatalist LI P.erzn A {font-weight: bold;}
#fpdatalist LI P.zusz {font-style: italic; padding-right: 15px;}
#fpdatalist LI P.tools A {color: rgb(255,180,0); font-weight: bold; margin-right: 15px;}
#fpdatalist LI IMG {width: 400px; display: none;}

#videos DIV {position: relative; margin-bottom: 10px;}
#videos DIV A IMG.vid-container {height: 230px;}
#videos DIV A span {position: absolute; bottom: 50%; left: 50%; margin: 0 0 -45px -55px; display: block; background: url(images/start.png); width: 84px; height: 84px;}
#videos DIV A span:hover {background: url(images/start.png); background-position: bottom;}

#filterelement {}

#firmaAnfragenForm H3, #datenExportForm H3 {margin-bottom: 15px;}
#firmaAnfragenForm input[type="text"], #datenExportForm input[type="text"] {width: 400px; height: 25px; margin-bottom: 10px;}
#firmaAnfragenForm select, #datenExportForm select {padding: 3px; margin-bottom: 15px; border: 1px solid silver;}
#firmaAnfragenForm input[type="radio"], #datenExportForm input[type="radio"] {padding: 5px; border: 1px solid silver;}
#firmaAnfragenForm textarea, #datenExportForm textarea {width: 460px; padding: 5px; height: 150px; border: 1px solid silver; margin-bottom: 10px;}
#firmaAnfragenForm.formAdr, #datenExportForm.formAdr {margin-bottom: 20px;}
#firmaAnfragenForm DIV.info, #datenExportForm DIV.info {margin-bottom: 10px;}
#firmaAnfragenForm label, #datenExportForm label {display: inline-block; padding: 0 5px 0 0; margin: 0 5px 0 0;}

#cboxLoadedContent #innerContent {/*background-color: rgb(207,219,235); padding: 10px;*/}

#startTour {/*display:none;*/ position: absolute; left: 50%; margin: 84px 0 0 -630px; padding: 5px 10px; /*background-color: #f0f0f0; border: 1px solid #999;*/}
#startTour SPAN {font-size: 20px; font-weight: bold; color: rgb(255,180,0); cursor: pointer; text-align: center;}

#footer {margin-top: 50px; padding: 15px;}
#totop {width: 40px; height: 40px; bottom: 0; left: 50%; margin-left: 430px; display: none; padding: 0;}


/* KLASSEN */
.filterliste LI {}
.filterinput {width: 300px; padding: 8px;}
.searchfield {width: 470px; height: 70px; font-size: 40px; margin: 0 5px 5px 0; padding-left: 5px;}
.searchfieldPlz {display: none; width: 542px; height: 30px; font-size: 20px; margin: 5px 5px 5px 0; padding: 0 5px;}
.submitbutton {background-image: url(../img/g3995.png); background-position: 0px 0px; background-repeat: no-repeat; width: 70px; height: 70px; border: 1px solid silver; cursor: pointer;}
.searchAll {float: right; padding: 5px 8px; margin-bottom: 5px;}
.searchMore {padding: 5px 8px; margin-top: 10px;}
.searchAllActive {color: white; font-weight: bold; background-color: rgb(153,204,0); cursor: pointer;}
.searchAllInactive {color: silver; background-color: none; font-weight: normal;}
.firmaKurz {}
.firmaKurzLogo {max-width: 180px; max-height: 65px; background-color: white; padding: 10px; float: left;}
.firmaKurzFirma {margin-left: 220px;}
.firmaKurzFirmaTools UL {margin-bottom: -1px;}
.firmaKurzFirmaTools UL LI {display: inline-block; border: 1px solid gray; border-right: 0; margin: 0 0 0 -5px; background-color: rgb(255,255,255); cursor: pointer;}
.firmaKurzFirmaTools UL LI A, .firmaKurzFirmaTools UL LI SPAN {display: inline-block; padding: 5px;}
.firmaKurzFirmaTools UL LI SPAN:hover {color: rgb(255,180,0)}
.firmaKurzFirmaTools UL LI:first-child {margin: 0 0 0 0; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; border-right: 0 ;}
.firmaKurzFirmaTools UL LI:last-child {border-radius: 0px 3px 0px 0px; -moz-border-radius: 0px 3px 0px 0px; -webkit-border-radius: 0px 3px 0px 0px; border: 1px solid gray;}
.firmaKurzFirmaTools UL LI:hover {background-color: rgb(219,219,219);}
.firmaKurzFirmaTools UL LI.highlight {background-color: rgb(219,219,219);}
.firmaKurzFirmaTools UL LI.highlight:after {content:"\25B2"; font-size: 10px; padding-right: 5px;}
.firmaKurzFirmaTools UL LI.lowlight {}
.firmaKurzFirmaTools UL LI.lowlight:after {content:"\25BC"; font-size: 10px; padding-right: 5px;}
.firmaKurzFirmaTools .lb {margin: -1px 0 0 0; padding: 5px; border: 1px solid gray; background-color: rgb(250,250,250); width: 580px; line-height: 125%;}
.miniSearchfield {width: 497px; /*width: 330px; */height: 30px; font-size: 20px; margin: 0 5px 5px 0; padding-left: 5px;}
.miniSearchfieldPlz {display: none; width: 150px; height: 30px; font-size: 20px; margin: 0 5px 5px 0; padding: 0 5px;}
.miniSubmitbutton {position: absolute; left: 50%; margin-left: 84px; background-image: url(../img/g3995kl.png); background-position: 0px 0px; background-repeat: no-repeat; width: 32px; height: 32px; border: 1px solid silver; cursor: pointer;}
.mainsearchSmall {margin: 0;}
.filterright {width: 160px; padding: 0 5px 0 5px!important; position: absolute; left: 50%; margin: 0 0 0 255px!important;}
.filterright H4 {}
.filterright INPUT {width: 120px!important; margin-bottom: 5px;}
.firmaEintragen, A.firmaEintragen {line-height: 25px; margin: 0 0 0 35px; color: #FFF; background: rgb(153,204,0); padding: 5px 10px; text-align: center; border: 1px solid white; text-decoration: none; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*box-shadow: 0px 1px 5px rgba(0,0,0,0.5)*/;}
.firmaAnfragen, A.firmaAnfragen {float: right; margin: 0 80px 0 0; color: #FFF; background: rgb(153,204,0); padding: 5px 10px; text-align: center; border: 1px solid white; text-decoration: none; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*box-shadow: 0px 1px 5px rgba(0,0,0,0.5)*/;}
.firmaAnfragen I {color: white;}
.firmaEintragen:hover I, .firmaAnfragen:hover I {color: #FFF!important;}


/* ICONS */
A I.fa-facebook-square:hover, A I.fa-facebook:hover {color: rgb(59,89,152);}
A I.fa-google-plus-square:hover, A I.fa-google-plus:hover {color: rgb(211,72,54);}
A I.fa-youtube-square:hover, A I.fa-youtube:hover {color: rgb(229,45,39);}
A I.fa-twitter-square:hover, A I.fa-twitter:hover {color: rgb(0,172,237);}
A I.fa-linkedin-square:hover, A I.fa-linkedin:hover {color: rgb(0,119,181);}
A I.fa-pinterest-square:hover, A I.fa-pinterest:hover {color: rgb(189,8,28);}


.lblw {width: 80px;}

/* HELPER */
.downloadCompany {text-align: right; margin: 15px 0; float: right;}
.downloadCompany A {color: white; font-weight: bold; font-size: 12px; background-color:#99CC00; border: 3px solid white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px;}
.downloadCompany A:hover {}
/*.companySignet {position: absolute; background-color: rgb(153,204,0); width: 20px; height: 20px; border: 2px solid white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: white; font-size: 17px; text-align: center; cursor: help;} */
.companySignet {position: absolute; cursor: help;}
.smallText,.smallText > p {font-size: 12px; line-height: 140%; margin: 0 0;}
.miniText,.miniText > p {font-size: 10px; margin: 0 0;}
.descl {font-size: 12px; font-weight: light;background-color: white; margin: 3px; }
.mediumText {font-size: 20px; margin: 3px 0;}
.largeText {font-size: 40px; font-weight: bold; line-height: 40px; }
.stdwidth {width: 850px; min-width: 850px;}
.narrowwidth {width: 650px; min-width: 650px;}
.center {margin-left: auto; margin-right: auto;}
.centerText {text-align: center;}
.rightText {text-align: right;}
.bold {font-weight: bold!important;}
.negative, .negativelink, .negative A, .negativelink A {color: white;}
.floatR {float: right;}
.floatL {float: left;}
.pointer {cursor: pointer;}
.devider {height: 3px; margin-top: 30px; margin-bottom: 30px; border-radius: 400px 400px 400px 400px / 2px 2px 2px 2px; display: none;}
.ui-tooltip {background-color: rgb(239,239,239); padding: 10px 20px; color: rgb(96,96,96); width: 100px; max-width: 250px; overflow: auto; font-size: 12px;}
.mehrInfo {}
.info {background-color: rgb(191,191,191); background-color: rgba(125,125,125,0.25); margin-top: 10px; margin-bottom: 0; padding: 10px;}
.infoimportant {background-color: rgb(254,254,229); margin: 0; padding: 10px;}
.info LI, .infoimportant LI {/*list-style-type: disc;*/ margin: 5px 0 5px 5px;}
.info LI INPUT[type='checkbox'], .infoimportant LI  INPUT[type='checkbox'] {width: 15px; height: 15px; padding: 0;  margin: 0 5px 0 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
.infoheader {background-color: rgb(191,191,191); background-color: rgba(125,125,125,0.25); padding: 0 20px 20px 20px;}
.info H3, .infoimportant H3, .infoheader H3 {margin-top: 0!important; padding-top: 0!important;}
.info H5, .infoimportant H5, .infoheader H5 {margin-bottom: 0!important; padding-bottom: 0!important;}
.info H5, .infoimportant H5 {margin-top: 0!important; padding-top: 0!important;}
.keyword {font-weight: bold;}
.allcontent {display: none;}
.shortcontent {font-weight: normal;}
.morelink, .more, .moreint {font-weight: normal; font-style: italic;}
.b50 {width: 45%;}
.b60 {width: 60%; padding-right: 40px; margin-bottom: 30px;}
.b40 {width: 35%; margin-bottom: 30px;}
.b60 P, b40 P {font-size: 12px;}
.b100 {clear: both;}
.b100 P {/*font-size: 12px;*/}
.b100 H3 {margin-top: 0;}
.fixed {position: fixed;}
.hidden {display: none;}
.close {position: absolute; bottom: 0; right: 0;color: white; margin: 10px;}
.toggleSlide {}
.slideUpDown {}
.heightAuto {height: auto!important;}
.arrowUp {width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid silver; overflow: hidden; margin-top: 0;}
.arrowDown {width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid silver; overflow: hidden; margin-top: 10px;}
.arrowUpKl {float: right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid gray; overflow: hidden; margin-top: 0;}
.arrowDownKl {float: right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid gray; overflow: hidden; margin-top: 0px;}
.arrowUpAfter:after {content:"\25B2"; padding: 0 5px; font-size: 80%; color: gray;}
.arrowDownAfter:after {content:"\25BC"; padding: 0 5px; font-size: 80%; color: gray;}
.minHeight465 {min-height: 465px;}

.spacea {position: absolute; margin-top: 75px; margin-bottom: 15px; left: 50%; margin-left: 480px;}

.clear {clear: both!important; float: none!important; border: none; margin: 0; padding: 0;}
.noborder {border: none!important;}
.nomargin {margin-top: 0!important; margin-bottom: 0!important;}

.mrgntp {margin-top: 41px};

/* DECORATION */


/* löschen */
.decorativeBlue {color: rgb(0,151,221);}
.decorativeBlueBg {background-color: rgb(0,151,221);}
/* löschen */

.decorativeMain {color: rgb(76,94,106);}
.decorativeBg {background-color: rgb(255,180,0); background: url(../img/bg.jpg);}
.decorativeMainBg {background-color: rgb(128,128,128);}
.decorativeGray {color: rgb(144,144,144);}
.decorativeRed {color: rgb(233,60,66)!important;}
.decorativeRedBg {background-color: rgb(233,60,66);}
.decorativeGreen {color: rgb(153,204,0);}
.decorativeYellow {color: rgb(255,204,0);}
.decorativeInnerShadow {box-shadow:inset 0px -2px 5px rgba(0,0,0,0.2), inset 0px 2px 5px rgba(0,0,0,0.2);}
.decorativeRoundedCorner {-moz-border-radius: 10px; border-radius: 10px;}
.decorativeTransp75 {rgba(255,255,255,0.75);}
.decorativeTransp25 {rgba(255,255,255,0.25);}
.fixed200 {width: 200px; position: fixed; bottom: 20px; left: 50%; margin-left: 100px; border: 3px solid white; padding-left: 75px; background-image: url(../img/g3995.png); background-repeat:no-repeat; background-position: left center}
.decorativeShadow {box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}
.decorativeShadow1 {position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.decorativeShadow1:before, .decorativeShadow1:after {content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px;} 
.edecorativeShadow1:after {right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}
.decorativeShadow2 {position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.decorativeShadow2:before, .decorativeShadow2:after {content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px;}
.decorativeShadow2:after {right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}
.bubble {position: relative; width: 200px; /*height: 100px;*/ padding: 10px; background-color: rgb(255,180,0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #FFFFFF solid 3px;}
.bubble:after {content: ''; position: absolute; border-style: solid; border-width: 0 20px 20px; border-color: rgb(255,180,0) transparent; display: block; width: 0; z-index: 1; margin-left: -20px; top: -20px; left: 50%;}
.bubble:before {content: ''; position: absolute; border-style: solid; border-width: 0 22px 22px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 0; margin-left: -22px; top: -25px; left: 50%;}
.underline {text-decoration: underline!important;}
.textshadow1 {text-shadow: black 0.1em 0.1em 0.2em}
.emboss1 {text-shadow: -1px -1px 0px #202020, 1px 1px 0px #FFF;}
.rotate360 {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden;}
.rotate360:hover {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}
.error-message {padding: 15px; font-weight: bold; background-color: rgb(255,204,204);}
.error-message:before {font-family: FontAwesome; content: "\f00d"; color: red; margin-right: 5px;}



/* Verbandsmitglieder START */
DIV.verbandsM #firmenprofil H1 SPAN:after {content:"\2714"; position: absolute; background-color: rgb(153,204,0); width: 20px; height: 20px; border: 2px solid white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: white; font-size: 17px; text-align: center; cursor: help;}
#trefferliste LI.verbandsM {border-top: 1px solid rgb(255,180,0); border-bottom: 1px solid rgb(255,180,0); margin-top: -1px; background-color: rgba(67,112,179,0.1);}
#trefferliste LI.verbandsM H4:after {content:"\2714"; margin: -10px 0 0 5px; position: absolute; background-color: rgb(153,204,0); width: 20px; height: 20px; border: 2px solid white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: white; font-size: 17px; text-align: center; cursor: help;}
#trefferliste LI.verbandsM H4:hover:after {content:"Mitglied im ZVEI e.V."; width: auto; border-radius: 5px; padding: 2px 5px;}
#trefferliste LI.verbandsM IMG.firmaKurzLogo {border: 1px solid rgb(255,180,0);}
#trefferliste LI.verbandsM:hover {background-color: rgba(67,112,179,0.2);}
/* Verbandsmitglieder ENDE */

/* Form Validate START*/
.error { color:red !important;margin-bottom: 5px; display: block;}
/* Form Validate END*/




/* Individual Styles */



/* Sachon START */
#trefferliste LI#IDe4005588 {}
#trefferliste LI#IDe4005588 {background-color: rgba(125,125,125,0.15);}
#trefferliste LI#IDe4005588 IMG.firmaKurzLogo {border: 1px solid rgb(113,112,112);}
/* Sachon ENDE */