@font-face {
font-family: 'FontAwesome';
src: url('https://www.bildungskarenz.eu/files/scripts/fontawesome-webfont.eot?v=3.0.1');
src: url('https://www.bildungskarenz.eu/files/scripts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('https://www.bildungskarenz.eu/files/scripts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
url('https://www.bildungskarenz.eu/files/scripts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'FontAwesome';
src: url('http://localhost/gratzer/files/scripts/fontawesome-webfont.eot?v=3.0.1');
src: url('http://localhost/gratzer/files/scripts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('http://localhost/gratzer/files/scripts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
url('http://localhost/gratzer/files/scripts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
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,#content,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;background:transparent;}
ul{list-style:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,#content,summary{display:block;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333;}
a:hover,a:focus{text-decoration:underline;}
a:active,a:visited{color:#105f42;}
input,select{vertical-align:middle;}
#screen a{position:absolute;top:-1000px;margin-left:-3000px;color:#fff;background:#105f42;}
#screen a:hover,#screen a:active,#screen a:focus{position:relative;top:0;margin:0.3em 3% 0.3em 3%; width:85%; min-width:950px;display:block;padding:0.9em 0 0.7em 0;text-align:center;height:auto;z-index:3;outline:0;text-decoration:none;box-shadow:1px 1px 3px 2px rgba(110,110,110,.5);border:1px solid #105f42;}
#screen span{border:1px solid #fff;padding:0.1em 0.5em;font-weight:bold;}
.mimo,hr,#dg-suche legend,#dg-suche label,.show{position:absolute;left:-6000px;top:-3000px;width:0px;height:0px;}
@media screen,projection{
html{font-size:100%;}
a[href^="http:"]:after,a[href^="https:"]:after{padding-left:5px;content:"\f08e";font-family:FontAwesome;font-size:0.6rem;}
a[href^="https://www.bildungskarenz.eu"]:after,a[href^="https://www.facebook.com"]:after,a[href^="http://google.com"]:after,a[href^="http://www.uwz.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;}
body{background:#fff;color:#000;font:80% Arial,Helvetica,sans-serif;}
#wrapper{position:relative; margin:0.5em auto; width:85%;max-width:1280px;height:100%; z-index:1;background:#fff;box-shadow:1px 1px 3px 2px rgba(110,110,110,.5);}
{background:#fff url(../../images/layout/gebauede.jpg) no-repeat right bottom 14em;background-size:30% auto;}
h1,h2,h3,h4,h5.h2{line-height:1.1em; font-family:"Century Gothic";}
h1{font-size:1.6em;margin:0 0 0.7em 0;color:#105f42; }
h2.h2{font-size:1.3em;margin:0.3em 0 0.2em 0;}
p+h2{margin-top:1em;}
h3{font-size:1.2em;margin-bottom:0.3em;}
p{margin:0 0 0.5em 0;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;line-height:1.25em;}
header{position:relative;height:auto;width:100%;padding:1em 0;overflow:hidden;}
#logo{position:relative;top:0;left:2%;float:left;}
#wappen{margin-right:12%;float:right;}
#tabmenu{float:right;margin:0 2% 0 0;}
#tabmenu li{display:inline;margin:0 0 0 0.5em;}
#tabmenu a{color:#000;padding:0.6em;letter-spacing:0.01em;}
#tabmenu a:hover,#tabmenu a:focus,#tabmenu .aktiv a{background-color:#95beaf;color:#000;}
.feld{background:#fff;width:24%;height:auto;float:right;border:1px solid #ccc;margin-right:2%;clear:right;margin-top:2.4em;}
.feld input{border:0;}
#dg-suche{width:100%;display:block;}
#suchbegriff{float:left;padding:0.4em;margin:0 0 0 0;background:#fff;}
#suchbegriff:hover,#suchbegriff:focus,#suchbegriff:active{box-shadow:rgba(255,255,255,0.8) 0px 0px 0px;}
#durchsuchen{padding:5px 8px 7px 5px;margin:0;float:right;}
#leiste{position:relative;left:0;top:0;width:96%;z-index:1000;background:#105f42;height:auto;padding:0.5em 2%;overflow:hidden;z-index:8;}
#sm{font-size:180%;font-size:1.57rem;float:left;}
#sm span{position:absolute;left:-4000px;top:-4000px;height:0;width:0;}
#sm p{float:left;margin:0 0.6em 0 0;}
#sm a{color:#fff;}
#sm a:hover{color:#95beaf;}
ins{color:#fff;font-size:0.8em;}
#karenz{font-size:2em;font-weight:bold;color:#fff;float:right;line-height:1;margin:3px 0 0 0;letter-spacing:0.05em;}
#breadcrumbs{clear:both;color:#000;margin:2em 0 3em 2%;width:70%;height:auto;overflow:hidden;}
#breadcrumbs a{color:#000;}
#breadcrumbs span{float:left;margin-right:0.5em;}
#breadcrumbs span:before{padding-left:5px;content:"\f0da";font-family:FontAwesome;color:#105f42;margin-right:3px;}
nav{clear:both;float:left;width:20%;height:auto;margin:0 0 0 2%;background:#95beaf;color:#000;padding:1em 0.4em;box-shadow:rgba(000,000,000,0.5) 0px 0px 5px;}
.nav{display:block;background:#95beaf;color:#000;}
.nav:after{content:"\f0da";font-family:FontAwesome;color:#000;float:right;}
#nav li ul{position:absolute;margin-left:-4000em;width:auto;background:#fff;z-index:1000;padding:1em;box-shadow:rgba(000,000,000,0.5) 0px 0px 5px;}                         
#nav li{height:auto;background:#95beaf;font-size:0.9rem;}	
#nav li a{padding:8px 7px 6px 7px;display:block;color:#000;}
#nav li li{clear:both;border-bottom:1px dotted #ccc; background:#fff;}
#nav li li a{padding:5px 10px ;font-weight:normal;white-space:nowrap;color:#666;}
#nav ul ul,#nav li:hover ul ul,#nav li.sfhover ul ul{margin-left:-4000em;}
#nav li:hover ul{margin-left:20%;margin-top:-2.2em;width:auto;}
#nav li.sfhover ul{margin-left:20%;margin-top:-2.2em;}
#nav li:hover,#nav a:active,#nav li:hover a:focus,#nav li:hover a:active,#nav li.sfhover a.sffocus,#nav li.aktiv{background:#fff;color:#95beaf;}
#nav li li:hover ul,#nav li li.sfhover ul{margin:-2em 0 0 80%;}
#nav ul li{float:none;display:block;white-space:nowrap;}
#nav li a:focus + ul,#nav li li:hover a:focus + ul,#nav li li.sfhover a.sffocus + ul{margin-left:20%;}
#nav li li a:focus + ul,#nav li li:hover a:focus + ul,#nav li li.sfhover a.sffocus + ul{margin-left:100%;}	
#nav li li a:focus + ul{margin-left:4010em;}
#nav li li a:focus,#nav li li li a:focus{margin-left:4000em;width:auto;}
#nav li li a:hover{border-bottom:0;}
#nav li.aktiv a,#nav .aktiv a.nav,#nav a:hover,#nav a:active,#nav li:hover a:focus,#nav li:hover a:active,#nav li.sfhover a.sffocus{margin-left:0;background:#105f42;color:#fff;}
#nav .aktiv a.nav:before{content:"\f0da";font-family:FontAwesome;color:#fff;float:right;}
#nav ul a:hover{background:#105f42;}
#content{float:left;width:52%;height:auto;min-height:32em;background:#fff;padding:0 0 1em 0;margin:0 2% 4em 3%;line-height:1.4em;}
#content ul{margin:0 0 1em 3%; list-style:circle outside;}
#s-downloads #content ul{list-style:none;margin:0 0 1em 0;}
ol{margin:0 0 1em 3%;list-style-position:outside;}
#start #content{background:transparent;}
#content a[href],#content a[href]:visited,aside a[href],aside a[href]:visited{color:#105f42;border-bottom:1px dotted #95beaf;}
aside{float:right;width:17%;height:auto;margin:0 2% 0 0;}
footer{width:100%;background:#fff;height:auto;padding:2em 0;clear:both;overflow:hidden;border-top:1px solid #ccc;line-height:1.4em;}
.meta,.unten{width:18%;float:left;margin-left:4%;}
.unten li:before{content:"\f105";font-family:FontAwesome;color:#105f42;margin-right:5px;}
.meta p{font-weight:bold;}
.tags{line-height:1.8em;width:28%;float:right;margin-right:2%;}
.col{clear:both;-moz-column-width:300px;-moz-column-gap:30px;-webkit-column-width:300px;-webkit-column-gap:30px;column-width:300px;column-gap:30px; margin:0 0 1em 0;border-bottom:1px dotted #105F42;padding-bottom:1em;}
.col h2{-moz-column-span:all;-webkit-column-span:all;column-span:all;margin-bottom:0.3em;break-before:column;break-inside:avoid-column;break-after:avoid-column;}
.big{clear:both;font-size:1.1em;}
.ztr{text-align:center;}
.right{float:right;margin:0 0 2em 2em;}
.left{float:left;margin:0 2em 2em 0;}
#top{position:absolute;right:2%;top:0.5em;}
#contactform{clear:both;padding:1em;width:95%;border-radius:1em;background:#fff;border:2px solid #95beaf; box-shadow:rgba(122,122,122,0.5) 1px 1px 2px 1px;margin-top:2em;}
legend{font-weight:bold;margin-bottom:1em;}
#frage{width:12em;}
#frage:hover,#frage:focus{background:#fff;width:12em;}
textarea{margin:0.5em 0.2em 2em 0.2em;border:1px solid #ccc;width:65%;padding:0.1em;background:#fff;}
textarea:hover,textarea:focus{background:#fff;width:65%;box-shadow:1px 1px 3px 1px #666;}
label{float:left;clear:left;width:30%;margin-top:0.6em;}
.lang{width:45%;}
input,select{margin:0.5em 0.2em;padding:0.1em;background:#fff;border:1px solid #ccc;width:65%;color:#666;}
select{width:auto;}
input:hover,input:focus,input:active{background:#fff;width:65%;box-shadow:1px 1px 3px 1px #666;}
select+label{margin-top:1.8em;}
.gruen{color:green;}
.red_fehl{border:2px solid red;color:red;font-weight:bold;font-size:1rem;margin-bottom:2em;padding:0.5em;width:95%;}
.error{border:1px solid red;}
.green{border:2px solid green;font-weight:bold;color:green;padding:1em;height:auto;overflow:hidden;margin-bottom:2em;width:95%;}
button:hover,button:active,button:focus{background:#95beaf;background-image:-moz-linear-gradient(top,#105f42,#95beaf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#105f42),to(#95beaf));background-image:-webkit-linear-gradient(top,#105f42,#95beaf);background-image:-o-linear-gradient(top,#105f42,#95beaf);background-image:linear-gradient(to bottom,#105f42,#95beaf);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#105f42ff',endColorstr='#ff95beaf',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
button{padding:5px 5px 5px 3px;margin:1em 0.5em 0 0;color:#fff;border:0;background-image:-moz-linear-gradient(top,#95beaf,#105f42);background-image:-webkit-gradient(linear,0 0,0 100%,from(#95beaf),to(#105f42));background-image:-webkit-linear-gradient(top,#95beaf,#105f42);background-image:-o-linear-gradient(top,#95beaf,#105f42);background-image:linear-gradient(to bottom,#95beaf,#105f42);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#95beafff',endColorstr='#ff7DCDCA',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);} 
strong{font-weight:bold;}
mark{background-color:yellow;color:#000; font-style:italic;font-weight:bold;}
.ergb{font-style:italic;font-weight:bold;}
iframe{display:block;border:2px solid #105f42;width:98%;height:30em;margin:0 2% 2em 0;}
.klar{clear:both;}
.news,.vcard{width:94%;height:auto;border:1px solid #105f42;margin-bottom:1em;font-size:0.9em;box-shadow:1px 1px 2px 1px #ccc;background:#fff;padding:0.4em 3%;overflow:hidden;}
.news:last-child{margin-bottom:5em;}
.news img{width:100%;height:auto;float:left;}
.not{width:100%;margin-bottom:1em;}
.not:before{content:"\f069";font-family:FontAwesome;color:#105f42;margin-right:5px;float:left;font-size:0.8em;}
.vcard p,.news p,.vcard dl{margin:3%;}
.news h2{margin:3% 0 0.5em 2%;}
#keys{width:40%;}
#keys span,#access span{float:right;}
#keys li{list-style-type:none;}
.mar{margin-top:3em;}
.down{white-space:nowrap;}
.down ul{list-style-type:none;margin-left:0;}
.icon-caret-up{position:fixed;right:1%;bottom:0;color:#105f42;display:block;font-size:300%;font-size:3rem;z-index:500;}
.icon-home{font-size:1.7rem;}
}
@media only screen
and (max-width :800px){
#wrapper{width:98%;margin:1% auto;}
#logo{width:40%;height:auto;}
#wappen{display:none;}
#content{float:right;width:70%;margin:0 2% 0 0;}
aside{float:right;width:65%;height:auto;margin:2.5em 2% 0 0;}
.news{width:50%;height:auto;float:left;}
}
@media only screen
and (max-width :700px){
#navi li{float:right;}
#sm{width:30%;}
}

@media print{
#screen a,#dg-suche,#breadcrumbs,#navi,footer,#wrap,#nav-li,#tabmenu,#wappen,#service,.ko,.zuf{display:none;}
body{font:85% Arial,Helvetica,sans-serif;}
#wrapper{width:96%;padding:0 0;}
h1,h2,h3,h4,h5{margin:0 00 0;}
h1{margin-bottom:0.5em;}
p{margin:0 0 0.3em 0;}
#slo{width:100%;height:auto;font-size:1.5em;font-style:italic;color:#800000;overflow:hidden;margin:0 0 1em 0;}
#slo span{float:right;font-size:0.8em;}
}




[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-tags:before{content:"\f02c";}
.icon-envelope:before{content:"\f003";}
.icon-home:before{content:"\f015";}
.icon-print:before{content:"\f02f";}
.icon-phone-sign:before{content:"\f098";}
.icon-caret-up:before{content:"\f0d8";}
.icon-reorder:before{content:"\f0c9";}
.icon-linkedin-sign:before{content: "\f08c";}
.icon-xing-sign:before{content: "\f169";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-search:before{content:"\f002";}
.icon-angle-right:before{content:"\f105";}
.icon-phone:before{content:"\f095";}
.icon-phone-sign:before{content:"\f098";}
.icon-bookmark:before{content:"\f02e";}
.icon-envelope-alt:before{content:"\f003";}
.icon-road:before{content:"\f018";}
.icon-foursquare:before{content:"\f180";}
.icon-remove:before{content:"\f00d";}
.icon-caret-right:before{content:"\f0da";}
.icon-asterisk:before{content:"\f069";}
.icon-signout:before{content:"\f08b"; }
.icon-tags{margin-right:3px;color:#0D7B23;}
.icon-angle-right,.icon-foursquare{margin-right:0.3em;font-size:1rem;}
#nav .icon-angle-right{float:left;color:#ccc;margin-top:5px;}
.icon-reorder:before{content:"\f0c9";font-size:200%;padding:0;margin:0;color:#105F42;}

