@font-face {
  font-family: 'FontAwesome';
  src: url('http://www.installateur-profi.at/files/scripts/fontawesome-webfont.eot?v=4.0.3');
  src: url('http://www.installateur-profi.at/files/scripts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('http://www.installateur-profi.at/files/scripts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  url('http://www.installateur-profi.at/files/scripts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  url('http://www.installateur-profi.at/files/scripts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,[class*="icon-"]:before{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;}
a[class^="icon-"],a[class*="icon-"]{display:inline-block;text-decoration:inherit;}
tablea[class^="icon-"],tablea[class*="icon-"],table[class^="icon-"]:before,table[class*="icon-"]:before{float:right;}
li[class^="icon-"],li[class*="icon-"]{margin-left:0;list-style-type:none;}
.icon-external-link:before{content:"\f08e";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-google-plus:before{content:"\f0d5";}
.icon-envelope:before{content:"\f003";}
.icon-home:before{content:"\f015";}
.icon-print:before{content:"\f02f";}
.icon-caret-up:before{content:"\f0d8";}
.icon-link:before{content:"\f0c1";}
.fa-sun-o:before{content:"\f185";}
.fa-square:before{content:"\f0c8";}
.fa-angle-double-right:before{content:"\f101";}
a .icon-home{font-size:110%;margin-top:2px;}
.icon-phone-sign:before{content:"\f098";}
.icon-reorder:before{content:"\f0c9";}
.icon-caret-right:before{ content: "\f0da"; }
.icon-caret-left:before {content: "\f0d9";}
.icon-caret-right, .icon-caret-left{font-size:500%;color:#FF6600;text-shadow:1px 1px 1px #666;}
.icon-caret-left{margin-right:1em;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;background:transparent;}
ul{list-style:none outside;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
a{margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:none;color:#ededed;font-weight:bold;}
a:hover,a:focus,a:active{color:#800000;}
input, select{vertical-align:middle;}
.mimo, .show{position:absolute;left:-6000px;top:-3000px;width:0px;height:0px;background:#fff;color:#000;}
a[href^="http:"]:after,a[href^="https:"]:after{padding-left:5px;content:"\f08e";font-family:FontAwesome;font-weight:normal;font-size:75%;font-style:normal;display:inline-block;text-decoration:inherit;}
a[href^="http://www.installateur-profi.at"]:after,a[href^="http://www.google.com"]:after,a[href^="http://www.elektro-kratschmann.at"]:after{content:"";}
a[href$=".pdf"]{background:url(../../images/icons/pdf.gif) no-repeat left center;padding-left:14px;list-style-type:none;}
a[href$=".doc"]{background:url(../../images/icons/word.jpg) no-repeat left center;padding-left:20px;list-style-type:none;}
a[href$=".xls"]{background:url(../../images/icons/excel.jpg) no-repeat left center;padding-left:20px;list-style-type:none;}
a[href$=".csv"]{background:url(../../images/icons/excel.jpg) no-repeat left center;padding-left:20px;list-style-type:none;}
@media screen,projection{
body{font-size:80%;color:#000;font-family:Arial, Helvetica, sans-serif;background:#fff;line-height:1.3em;height:100%;}
#kopf{text-align:center;line-height:1.2em;color:#000;font-size:1.5em;width:100%;height:auto;padding:0.4em 0 0.5em 0;display:block;background:#FF6600;box-shadow:rgba(000, 000, 000, 0.5) 1px 1px  5px;}
header{position:relative;width:80%;height:auto;margin:0 auto;max-width:1280px;margin-top:1em;overflow:hidden;}
.links{width:70%;float:left;position:relative;}
#logo{width:50%;height:auto;max-width:300px;}
#wort{clear:left;font-size:130%;margin:0.5em 0;color:#000;float:left;text-transform:uppercase;word-spacing:0.4em;font-weight:bold;z-index:100;}
.em-bild{box-shadow:rgba(000, 000, 000, 0.5)  1px 1px 3px;position:absolute;bottom:0;right:0;width:30%;height:auto;max-width:260px;}
#wrapper{position:relative;width:80%;max-width:1280px;margin:0 auto;z-index:101;height:100%;}
#sm{font-size:200%;position:fixed;top:14em;right:1em;}
#sm span{position:absolute;left:-4000px;height:0;width:0;}
#sm a{color:#FF6600;text-shadow:1px 1px 1px #333;display:block;margin-bottom:1em;}
nav{position:absolute;left:0;top:2em;width:20.5%;float:left;z-index:5;}
.rahmen{width:100%;height:auto;overflow:hidden;;padding:0 0 0 1em;}
.rahmen img{float:right;}
#nav{width:100%;height:auto;overflow:hidden;padding:1em 0 1em 1em;margin:0 0 2em 0;background:#FF6600;border-top-left-radius:13px;border-bottom-left-radius:13px;box-shadow:rgba(000, 000, 000, 0.7) 1px 1px  5px;}
#nav li{line-height:1.4em;}
#nav a{color:#000;}
#nav a[href$=".pdf"]{background:none;padding-left:0;color:#000;}
#nav a:before{padding-right:8px;content:"\f0c8";font-family:FontAwesome;color:#fff;float:left;font-size:50%;}
#nav a:visited{color:#000;}
#nav a:hover:before,#nav .aktiv:before{padding-right:8px;content:"\f0c8";font-family:FontAwesome;color:#000;float:left;}
#nav img{margin:0 0 0.6em 3.2em;}
#nav li ul{position:absolute;margin-left:-4000em;width:auto;background:#FF6600;z-index:1000;padding:0.5em;box-shadow:rgba(000, 000, 000, 0.7) 1px 1px  5px;}                         
#nav li:hover ul{margin-left:60%;margin-top:-2em;width:auto;}
#nav li li{clear:both;background:#FF6600;}
#nav ul li a{padding:10px 20px 10px 0;font-weight:normal;white-space:nowrap;color:#000;}
.nav{display:block;padding:3px 5px;width:86%;text-align:right;letter-spacing:0.1em;background-color:#000;font-weight:bold;color:#ededed;margin-bottom:1em;}
#krone a:before,#krone a:hover:before{padding-right:0;content:"";}
#krone a:hover{background-image:none;}
h1{display:block;text-align:right;letter-spacing:0.1em;background-color:#000;color:#ededed;border:1px solid #ededed;float:right;margin:0 0 2.7em 0;font-size:1.3em;line-height:1.5em;padding:5px;}
h1:before, .nav span:before{padding-right:8px;content:"\f185";font-family:FontAwesome;color:#FF6600;float:left;}
h2{clear:right;font-size:1.3em;margin:1em 0 0.3em 0;color:#fff;letter-spacing:0.08em;line-height:1.2em;}
h2 span{color:#ff6600;}
h3{font-size:1.2em;margin:1em 0 0.3em 0;color:#ff6600;}
#content{padding:2em 4% 3em 8%;min-height:58em;width:68.9%;z-index:2;margin-left:19.2%;background:#52514e;height:auto;color:#fff;box-shadow:rgba(000, 000, 000, 0.5)  1px 1px 3px;}
#content p{font-size:1.1em;margin:0 0 0.5em 0;line-height:1.4em;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
h1+p{clear:right;}
#content a{color:#fff;}
#content ul{margin:1em 0 1em 2em;}
#content li{list-style-position:outside;line-height:1.5em;margin-left:-2em;}
#content li:before{padding-right:8px;content:"\f101";font-family:FontAwesome;color:#FF6600;}
.col{-moz-column-width:200px;-moz-column-gap:30px;-webkit-column-width:200px;-webkit-column-gap:30px;column-width:200px;column-gap:30px; margin:0 0 1em 0;}
.rauch{clear:right;width:auto;height:auto;padding:0.7em;overflow:hidden;border:1px dashed #333;margin:0 2em 2em 0;}
.weihn img{width:96%; height:auto;margin-bottom:2em;}
.rauch img{margin:-2em 2em 0.3em 0.4em;float:left;}
.rauch p a{text-align:right;color:#ededed;float:right;}
.rauch p a:before{padding-right:8px;content:"\f101";font-family:FontAwesome;color:#FF6600;}
.rauch span{color:red;font-size:2.2em;float:right;margin-bottom:0.5em;}
.rauch h2{text-align:right;font-size:1.5em;color:#ff6600;margin-top:0;clear:both;}
.rauch h2.imp{text-align:center;letter-spacing:0.08em;line-height:1.5em;font-size:1.8em;color:red;}
.angebot{display:inline-block;vertical-align:top;width:28%;height:auto;padding:0.3em;overflow:hidden;border:1px dashed #333;margin:1em 3% 1em 0;}
.angebot img{width:100%;height:auto;max-width:300px;box-shadow:rgba(000, 000, 000, 0.5) 1px 1px  5px;}
.pr{font-size:1.3em;color:red;font-weight:bold;}
footer{text-align:center;padding:1em 0;background-color:#ff6600;z-index:30;box-shadow:rgba(000, 000, 000, 0.5)  1px 1px 3px;}
footer a{font-size:0.9em;height:auto;color:#333;}
.voll{width:100%;height:auto;overflow:hidden;}
.mit{width:21%;height:auto;margin:0 10% 0 1%;display:inline-block;vertical-align:top;text-align:center;}
.mit-hk{width:21%;height:auto;margin:0 13% 0 10%;display:inline-block;vertical-align:top;text-align:center;}
.mit img, .mit-hk img{border:1px solid #ff6600;width:100%;height:auto;max-width:150px;}
.beispiel{width:180px;display:inline-block;vertical-align:top;margin:0 8% 2em 0;height:auto;text-align:center;}
.beispiel img{margin-bottom:1em;}
#wcv, #wcn1, #wcn2, #badv1, #badv2, #badn1, #badn2, #badv3, #badv4, #badv5, #badn3, #badn4, #badn5, #badn6, #badn7, #badn8, #badn9{position:relative; display:block; float:left; width:160px; height:170px; border:1px solid #ff6600;padding:3px; background-color:#ededed;}
a:hover #wcv, a:hover #wcn1, a:hover #wcn2, a:hover #badv1, a:hover #badn1, a:hover #badn2, a:hover #badv3, a:hover #badv4, a:hover #badv5, a:hover #badn3, a:hover #badn4, a:hover #badn5, a:hover #badn6, a:hover #badn7, a:hover #badn8, a:hover #badn9{position:absolute;display:block;z-index:1000; width:auto; height:auto;padding:5px; background-color:#f1ebec; border:1px solid #ff6600;}
a:hover #wcv{top:200px; left:150px;}
a:hover #wcn1{top:330px; left:400px;}
a:hover #wcn2{top:330px; left:600px;}
a:hover #badv1{top:500px; left:150px;}
a:hover #badn1{top:500px; left:400px;}
a:hover #badn2{top:500px; left:600px;}
a:hover #badv3{top:750px; left:150px;}
a:hover #badv4{top:780px; left:400px;}
a:hover #badv5{top:860px; left:600px;}
a:hover #badn3{top:1050px; left:150px;}
a:hover #badn4{top:1050px; left:400px;}
a:hover #badn5{top:1050px; left:600px;}
a:hover #badn6{top:1250px; left:150px;}
a:hover #badn7{top:1350px; left:400px;}
a:hover #badn8{top:1250px; left:600px;}
a:hover #badn9{top:1300px; left:150px;}
.ref{width:auto;height:auto;display:inline-block;vertical-align:top;margin:1em 3% 1em 0;}
.ref img, .ritop{box-shadow:rgba(000, 000, 000, 0.5) 2px 2px 5px;}
.vcard{clear:right;margin-bottom:2em;width:70%;letter-spacing:0.1em;}
.mar{padding-top:3em;}
.headl{display:block;width:99.6%;font-size:1.3em;background-color:#ff6600;font-weight:bold;padding:0.5em 0;text-align:center;color:#000;margin:4em 0;box-shadow:rgba(000, 000, 000, 0.5) 2px 2px 5px;}
.text{width:63%;height:auto;margin-top:1em;float:left;overflow:hidden;}
.kasten{border:2px solid #ff6600;padding:1em 0.5em;width:92%;margin:2em 2em 1em 0;height:auto;text-align:center;font-size:1.2em;font-weight:bold;line-height:2.3em;}
.ritop{float:right;margin:1em 0 2em 2em;width:30%;height:auto;max-width:200px;}
#gas{width:100%;height:240px;padding-top:170px;background-image:url(../../images/angebote/stern-big.jpg);background-repeat:no-repeat;background-position:center center;}
#gas p{margin:0 0 0 7px;color:#4E5EAB;text-align:center;font-weight:bold;font-size:1.4em;}
#gas .klein{font-size:0.9em;color:#000;}
#gas p span{font-size:0.7em;}
.klar{clear:both;}
.ztr{text-align:center;}
ul#w-preis{width:70%;margin:3em 0 2em 2em;}
ul#w-preis li{background-image:none;}
ul#w-preis li span{float:right;text-align:right;margin-left:60px;color:#ff6600;}
.ie a{position:fixed;right:1%;bottom:1em;color:#ff5004;display:block;font-size:350%;z-index:500;text-shadow:1px 1px 1px #333;}
.anr span{position:absolute;left:-4000px;height:0;width:0;}
.anr{position:fixed;left:0;bottom:0;display:block;width:96%;height:auto;background:#FF6600;color:#fff;padding:0.3em 2%;z-index:500;font-size:2em;box-shadow:rgba(000, 000, 000, 0.5)  1px 1px 3px;}
.anr a{color:#fff;margin-right:3%;text-shadow:1px 1px 1px #333;}
.icon-reorder{color:#ff6600;font-size:200%;font-size:2em;position:absolute;top:0;z-index:1000;}
#wrap{width:auto;position:relative;margin:8em auto;height:auto;z-index:0;margin-bottom:4em;}
#wrap img{display:block;margin:0.5em auto;border:2px solid #ff6600;box-shadow:rgba(000, 000, 000, 0.5) 2px 2px 5px;}
.team_kr{display:block;margin:2em 0 0 2%;}
.team_kr img{border:1px solid #ff6600;display:inline-block;vertical-align:top;}
.ml{margin-right:4em;}
#lehre{width:70%;clear:both;display:block;margin:0 auto;margin-top:8em;}
#lehre img{float:left;margin-right: 15%;border:1px solid #ff6600;box-shadow:rgba(000, 000, 000, 0.5) 2px 2px 5px;}
.paint{display:inline-block;vertical-align:top;width:50%;max-width:340px;height:auto;border:2px solid #FF6600;margin:2em 5% 2em 0;padding:0;}
.paint img{width:100%;height:auto;}
}
@media only screen
and (max-width :1100px){
#wort{clear:left;font-size:120%;margin:0.5em 0;color:#000;float:left;text-transform:uppercase;word-spacing:0.4em;font-weight:bold;z-index:100;}
}
@media only screen
and (max-width :1000px){
#wrapper, header{width:98%;margin:0 auto;}
.js nav{padding-top:0.4em;position:relative;top:0.5em;left:0;z-index:1;display:none;margin:0;}
.nav-spalte nav{width:40%;display:block;z-index:3000;height:auto;padding:0;position:absolute;top:1em;left:5em;}
#nav-zeigen #nav{float:left;background:#FF6600;}
#nav-zeigen #nav li{display:block;float:none;}
#nav-zeigen{color:#002c85;background:transparent;}
.nav-spalte #content{width:88%;margin-left:46%;}
#content{width:88%;margin-left:0;}
#nav-verstecken{display:none;}
.nav-spalte #nav-verstecken{display:block;}
.icon-reorder{font-size:3rem;margin:1em 0 0 0.2em;}
.show{position:relative;left:0;top:0;width:auto;height:auto;float:left;}
nav{background:#FF6600;}
nav ul{width:90%;height:auto;overflow:hidden;padding:1em 0 1em 1em;margin:0 0 2em 0;background:#FF6600;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:rgba(000, 000, 000, 0) 1px 1px  5px;}
.rahmen{display:none;}
.anr .icon-caret-up{float:right;font-size:2em;}
#sm{font-size:200%;position:fixed;top:14em;right:0.5em;z-index:1000;}
#sm a{color:#fff;}
#logo{width:50%;height:auto;max-width:300px;margin-top:0.5em;}
#wort{clear:left;font-size:110%;margin:0.5em 0;color:#000;float:left;text-transform:uppercase;word-spacing:0.4em;font-weight:bold;z-index:100;}
}
@media only screen
and (max-width :600px){
.nav-spalte nav{width:60%;display:block;z-index:3000;height:auto;padding:0;position:absolute;top:1em;left:5em;}
.nav-spalte #content{width:88%;margin-left:70%;}
.icon-reorder{color:#ff6600;font-size:200%;font-size:1.8em;position:absolute;top:0;z-index:1000;}
#wort{clear:left;font-size:100%;margin:0.5em 0;color:#000;float:left;text-transform:uppercase;word-spacing:0.4em;font-weight:bold;z-index:100;}
#wrap img{display:block;margin:0.5em auto;border:2px solid #ff6600;box-shadow:rgba(000, 000, 000, 0.5) 2px 2px 5px;width:80%;height:auto;}
}
@media print{
nav,#sm,.em-bild,#content img,footer,#kopf,.ie,[id^="flake-"]{display:none;}
body{font-size:75%;color:#000;font-family:Arial, Helvetica, sans-serif;background:#fff;line-height:1.3em;}
#wrapper{width:100%;}
.rauch{clear:both;width:auto;height:auto;padding:10px;overflow:hidden;border:1px dashed #333;margin:10px 30px 10px 0;}
.rauch p a:before{padding-right:0;content:"";}
#tit{width:100%;height:auto;overflow:hidden;margin-bottom:0.8em;clear:both;}
h1{text-align:left;letter-spacing:0.1em;margin:1em 0 30px 0;font-size:130%;line-height:1.5em;}
#wort{clear:left;font-size:130%;margin:10px 0 3px 0;color:#000;float:left;text-transform:uppercase;word-spacing:0.5em;font-weight:bold;z-index:100;width:100%;}
header{width:100%;height:auto;margin-top:1em;}
.links{width:100%;float:left;position:relative;}
h1:before,#content li:before{padding-right:0;content:"";}
#content p{margin:5px 20px 15px 0px;line-height:1.2em;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
}


fieldset{background-color:#ff6600;color:#000;font-weight:bold;padding:1em;border:0;margin:1em auto;width:85%;}
fieldset p{color:#333333;}
legend{font-weight:bold;padding:2em 0 0 0;font-size:1.1em;}
label{float:left;clear:left;width:30%;color:#333333;}
label.agb{width:100%;}
fieldset .field{margin:0px 20px 10px 0px;color:#000;width:100%;}
fieldset a{color:#000;text-decoration:underline;}
input[type = submit], input[type = reset]{font-size:0.9em;font-weight:bold;background-color:#52514e;margin:10px 10px;padding:2px 5px 2px 5px;color:#fff;width:auto;}
input[type = checkbox]{float:right;margin-top:-1em;}
input, select, textarea{border:0;padding:1px 2px;width:62%;margin-bottom:0.5em;}
input.fl{width:26%;}
input.plz{width:26%;margin-right:1.2em;}
input.do{width:32%;}
input.cap{width:12em;}
.red_fehl{border:2px solid red;color:red;font-weight:bold;width:80%;margin:2em 0;padding:0.5em;margin-left:2em;background-color:#fff;}
.error{border:1px solid red;}
.green{border:2px solid green;font-weight:bold;color:#000;width:80%;padding:1em;height:auto;overflow:hidden;margin-bottom:2em;margin-left:2em;background-color:#fff;}