span.bx {float:left;max-width:60%;margin:20px 50px 0 30px;}

span.bx2 {float:left;max-width:70%;width:600px; margin:20px 50px 0 30px;}

div.txtx {margin:0 0 0 40px;}

/*------------------- CSS RESET ---------------------



---------------------------------------------------*/

* {
padding: 0;
margin: 0;
}

ul,
ol {
list-style: none;
}

p,h1,h2,h3 {
font-weight: light;
}


b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

.clr {

clear:both;

}

html {overflow-y: scroll;}

/*------------------- CONTAINER ---------------------
---------------------------------------------------*/
body {

width:100%;
height:100%;
 background: url(../images/bg-it.png) repeat-x #a6a6a6;


}




/*------------------- HEADER ---------------------

-----------------------------------------
---------------------------------------------------*/



.navtop {
width: 100%;
line-height:2em;
display: block;
margin:0px 0 0px 0;
background:transparent;
padding:0 0px 0 0;
-webkit-box-shadow: 2px 2px 5px hsla(0,0%,20%,0.5), -2px -2px 5px hsla(0,0%,20%,0.5);
-moz-box-shadow: 2px 2px 5px hsla(0,0%,20%,0.5), -2px -2px 5px hsla(0,0%,20%,0.5);
box-shadow: 2px 2px 5px hsla(0,0%,20%,0.5), -2px -2px 5px hsla(0,0%,20%,0.5);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height:50px;
max-width:1600px;
}





/*------------------- CONTENT ---------------------

--------------------------------------------------

---------------------------------------------------*/

#content {
width:95%;
max-width:1600px;
padding:0 ;
margin: 3% auto;
height:auto;
background:#fff;
border: 5px solid #F47500;
}





/*------------------- INHALT ---------------------


---------------------------------------------------*/


#inhalt {
width:100%;
padding:0 0 0 0;
margin:0 auto;
text-align:left;
background: transparent;
height:auto;
min-height:450px;

}

.inhalt {
width:auto;
padding:0.5em 3.2em 1em 3.2em;
margin: 0;
text-align:left;
background:  ;
height: ;
min-height:auto;

}



/*------------------- STYLES ---------------------
------------------------------------------
---------------------------------------------------*/



h1 {
font-size:2.5em;
color:#272727;
text-decoration:none;
margin:0 0px 2% 0;
font-family:'Raleway', sans-serif;
font-weight:600;
text-align:center;
}

h1.sld {
font-size:2.2em;
color:#272727;
text-decoration:none;
margin:0 0px 2% 5%;
font-family:'Raleway', sans-serif;
font-weight:600;
text-align:left;
}
h1.sld2 {
font-size:2.2em;
color:#272727;
text-decoration:none;
margin:0 0px 2% 0;
font-family:'Raleway', sans-serif;
font-weight:600;
text-align:left;
}


h2{
font-size:2em;
color:#272727;
text-decoration:none;
margin: 0 0 1.2% 0;
font-family:'Raleway', sans-serif;
font-weight:normal;
text-align:center;
}
h2.ue{
font-size:2em;
color:#272727;
text-decoration:none;
margin: 0 0 1% 0;
font-family:'Raleway', sans-serif;
font-weight:500;
text-align:left;
}

h2.ue22{
font-size:2em;
color:#272727;
text-decoration:none;
margin: 3% 0 0 0;
font-family:'Raleway', sans-serif;
font-weight:400;
text-align:center;
}

h2.bx{
font-size:1.2em;
color:#272727;
text-decoration:none;
margin: 1% 0 0 0;
font-family:'Raleway', sans-serif;
font-weight:400;
text-align:left;
}




h3{
font-size:1.5em;
color:#272727;
text-decoration:none;
margin: 1.2% 0 1% 0;
font-family:'Raleway', sans-serif;
font-weight:normal;
text-align:center;
}

h3.sld{
font-size:1.5em;
color:#272727;
text-decoration:none;
margin: 1.2% 0 1% 0;
font-family:'Raleway', sans-serif;
font-weight:normal;
text-align:left;
}
h3.ue{
font-size:1.2em;
color:#272727;
text-decoration:none;
margin: 2% 0 2% 0;
font-family:'Raleway', sans-serif;
font-weight:500;
text-align:left;
}
h3.ue2{
font-size:1.2em;
color:#272727;
text-decoration:none;
margin: 2% 0 2% 0;
font-family:'Raleway', sans-serif;
font-weight:500;
text-align:center;
}
h3.sml{
font-size:1.1em;
color:#272727;
text-decoration:none;
margin: 2% 0 2% 0;
font-family:'Raleway', sans-serif;
font-weight:500;
text-align:left;
}


h4 {
font-size:1em;
color:#272727;
font-family:'Raleway', sans-serif;
font-weight:600;
margin: 1.2% 0 5px 0;
}
.abs{
margin-top:1%;
}

p.abs2{
text-align:center;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:400;
line-height:1.5em;
margin-top:1%;
width: ;

}
p.abs3{
text-align:left;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:400;
line-height:1.5em;
padding:55px 0px 0 0;

}


p{
text-align:left;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:300;
line-height:1.4em;

width: ;
}

p.ktk{
text-align:left;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:300;
line-height:1.6em;
max-width: ;


}




a {
font-size:1em;
color:#000;
text-decoration:none;
margin: 0px 0 0px 0px;
font-weight:400;
font-family:'Raleway', sans-serif;
}
a:hover {
font-size:1em;
color:#272727;

text-decoration:underline;
}


ul.lic {
width:900px;
margin:2% 0 1.2% 20%;
list-style:url(../images/lic.jpg);
}

li.lic {
padding:0.6666% 1.2%;
font-family:'Raleway', sans-serif;
}

ul.lic2 {
width: ;
margin:2% 0 1.2% 5%;
list-style:url(../images/lic.jpg);
float:left;
}

li.lic {
padding:0.6666% 1.2%;
font-family:'Raleway', sans-serif;
}


ul.txtd {margin:7px 0 7px 30px;text-list-style:circle;}
li.txtd {margin:0;text-list-style:circle;padding:0;font-size:0.9em;}

.contentpaneopen {
width: ;

}


.moduletable {
width:auto;
margin:0;
  padding:0;
}








.clr {
clear:both;

}


ul.nav {
width: ;
padding:0 20px 0 0 ;
margin: 0 auto;
float:right;
}


li.nav  {
line-height:1.7em;
display: block;
padding:0 10px 0 0 ;
float:left;
}


li.nav a {
font-size:1em;
color:#272727;
text-decoration:underline;
margin: 0px 0 0px 0px;
font-weight:500;
font-family:'Raleway', sans-serif;
padding:0px 5px 0 5px  ;
display: block;
width:auto;
float:left;

}

li.nav a:hover,
.navigation ul.menu li a:active {
font-family:'Raleway', sans-serif;
font-size:1em;
color:#6B91A5;
text-decoration:none;
font-weight:500;
padding:0px 5px 0 5px;
display: block;
background:#fff;
}


p.ft{
text-align:left;
font-size:1em;
color:#868889;
font-family:'Raleway', sans-serif;
font-weight:300;
line-height:1.5em;
float:left;
width: ;
margin:0 0 0 10px;
}

a.ft {
font-size:1em;
color:#00f;
text-decoration:underline;
margin: 0px 0 0px 0px;
font-weight:400;
font-family:'Raleway', sans-serif;
}

a.ft:hover {
font-size:1em;
color:#000;

text-decoration:none;
}


img.pic1 {
height: ;
max-height: ;
float:left;
margin:0px 30px 20px 70px;

}

img.pic2 {
height: ;
max-height: ;
float:left;
margin:0px 30px 20px 0px;

}

img.pic24 {
height: ;
max-height: ;
float:left;
margin:20px 30px 20px 20px;

}

img.pic22 {
height: ;
max-height: ;
float:left;
margin:0px 30px 20px 0px;

}

img.pic2a {
height: ;
max-height: ;
float:left;
margin:0px 30px 20px 0px;

}

img.pic3 {
height: ;
max-height: ;
width:90%;
margin:10px auto;
text-align:center;

}

img.pic3a {
height: 200px;
max-height: ;
float:left;
margin:0px 30px 20px 40px;

}

img.pic3b {
height: 100px;
max-height: ;
float:left;
margin:0px 30px 20px 40px;

}

img.pic4 {
height:  ;
max-height: ;
float:left;
margin:30px 50px 20px 60px;

}

div.pict {
text-align:center;
width:100% ;
max-width:1500px;
height:100%;
margin:0 auto;
}



#foot {

width:auto;
margin:10px auto 10px auto ;
background: transparent;
height:40px;
padding:10px 30px;
text-align:left;
z-index:2;
position:relative;
-webkit-box-shadow: 2px 2px 5px hsla(0,0%,20%,0.5), -2px -2px 5px hsla(0,0%,20%,0.5);
-moz-box-shadow: 2px 2px 5px hsla(0,0%,20%,0.5), -2px -2px 5px hsla(0,0%,20%,0.5);
box-shadow: 2px 2px 5px hsla(0,0%,20%,0.5), -2px -2px 5px hsla(0,0%,20%,0.5);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


p.flt{
text-align:left;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:300;
line-height:1.4em;
float:left;
width: ;
margin:0 20px 0 0;
}


@media screen and (max-width:800px) {
  h1 {font-size: 2em;}
  h2 {font-size: 1.5em;}
  h3 {font-size: 1.2em;}
  h4,p,a {font-size: 1em;}


 #content {
width:100%;
max-width:800px;
padding:0 ;
margin: 3% auto;
height:auto;

}


div.pict2 {
text-align:center;
width: 100% ;
max-width: 800px;
float:left;
height: ;
max-height: ;

}
img.pic3a {
height:100%;
max-height:240px;

margin:10px auto;
text-align:center;

}


ul.txt {
width: ;
max-width:760px;
float:left;
margin:1.2% 0 1.2% 50px;
list-style:circle;
}

ul.txt li{
max-width:600px;
width:90%;
padding:0.6666% 1.2%;
font-family:'Raleway', sans-serif;
}


p.dum{
height:50px;
}

#foot {

width:auto;
margin:10px auto 10px auto ;
background: transparent;
height:200px;
padding:10px 30px;
text-align:left;
z-index:2;
position:relative;

}

p.ft{
text-align:left;
font-size:1em;
color:#868889;
font-family:'Raleway', sans-serif;
font-weight:300;
line-height:1.5em;
float:left;
width: 100%;
margin:20px 0 0 10px;
}

p.abs3{
text-align:left;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:400;
line-height:1.5em;
margin:20px 0 0 20px;
width: 100%;

}

ul.nav {
width: 100%;
padding:0 0px 0 0px ;
margin: 0px 0 0 40px;

}

.navtop {
clear:both;
width: 100%;
line-height:2em;
display: block;
margin:0;
background:transparent;
padding:5px 0 0px 5px;
height:50px;
}

}

@media screen and (max-width:640px) {


body {

width:100%;
height:100%;

}

  #content {
width:100%;
max-width:640px;
padding:0 ;
margin: 0;
height:auto;

}

.inhalt {
width:auto;
padding:0.5em 1.5em 1em 1.5em;
margin: 0;
text-align:left;
background:  ;
height: ;
min-height:auto;

}

.w3-black2,.w3-hover-black2:hover{background: url(../images/leistungen.jpg) no-repeat;color:#fff!important;min-width:270px;min-height:80px;margin:20px 0 0 0px;float:left;}
.w3-black3,.w3-hover-black3:hover{background: url(../images/kontakt.jpg) no-repeat;color:#fff!important;min-width:270px;min-height:80px;margin:20px 0 0 0px;float:left;}
.w3-black4,.w3-hover-black4:hover{background: url(../images/referenzen.jpg) no-repeat;color:#fff!important;min-width:270px;min-height:80px;margin:20px 0 0 0px;float:left;}
.w3-black5,.w3-hover-black5:hover{background: url(../images/impressum.jpg) no-repeat;color:#fff!important;min-width:270px;min-height:80px;margin:20px 0 0 0px;float:left;}
.w3-black6,.w3-hover-black6:hover{background: url(../images/home.jpg) no-repeat;color:#fff!important;min-width:270px;min-height:80px;margin:20px 0 0 0px;float:left;}


span.bx {width:100%;max-width:640px;margin: 0;clear:both; }

span.bx2 {float:left;max-width:640px ;width: 100%; margin: 0;}

img.pic2a {display:none;}

p.ktk{
text-align:left;
font-size:1.1em;
color:#000;
font-family:'Raleway', sans-serif;
font-weight:300;
line-height:1.4em;
max-width:640px ;
}

img.pic2 {
height: ;
max-height: 50px;
float:left;
margin:0px 10px 10px 0px;

}

img.pic22 {
height: 100%;
max-height: ;
text-align:center;
margin:0 0 0 30px ;

}

ul.lic {
width: 90% ;
max-width:600px;
margin:2% 0 1.2% 15%;
list-style:url(../images/lic.jpg);
}

li.lic {
padding:0.6666% 1.2%;
font-family:'Raleway', sans-serif;
}

ul.lic2 {
width: 90% ;
max-width:600px;
margin:2% 0 1.2% 15%;
list-style:url(../images/lic.jpg);
float:left;
}

li.lic {
padding:0.6666% 1.2%;
font-family:'Raleway', sans-serif;
}


h1.sld {
font-size:2em;
color:#272727;
text-decoration:none;
margin:0 0px 2% 0;
font-family:'Raleway', sans-serif;
font-weight:600;
text-align:left;
}
h1.sld2 {
font-size:2em;
color:#272727;
text-decoration:none;
margin:0 0px 2% 0;
font-family:'Raleway', sans-serif;
font-weight:600;
text-align:left;
}

div.txtx {margin:0 0 0 0px;}

ul.txt {
width: ;
max-width:600px;
float:left;
margin:1.2% 0 1.2% 30px;
list-style:circle;
}

ul.txt li{
max-width:430px;
width:90%;
padding:0.6666% 1.2%;
font-family:'Raleway', sans-serif;
}

.navtop {
clear:both;
width: 100%;
line-height:2em;
display: block;
margin:0;
background:transparent;
padding:5px 0 0px 5px;
height:70px;
}


}