@charset "utf-8";body{margin:0;font-size:0.75em;line-height:1.4;}
img, object, embed, video{max-width:100%;}
.ie6 img{width:100%;}
.fluid{clear:both;margin-left:0;width:100%;float:left;display:block;}
.fluidList{list-style:none;list-style-image:none;margin:0;padding:0;}
.slicknav_menu{display:none;}
a.headerNav:link{color:#fff;text-decoration:none;}
a.headerNav:visited{color:#fff;text-decoration:none;}
a.headerNav:hover{text-decoration:underline;color:#8CC9B0;}
a.headerNav:active{color:#fff;text-decoration:none;}
a.headerNavPro:link{color:#313140;text-decoration:none;}
a.headerNavPro:visited{color:#313140;text-decoration:none;}
a.headerNavPro:hover{text-decoration:underline;color:#8CC9B0;}
a.headerNavPro:active{color:#313140;text-decoration:none;}
.schwarz{color:#313140;}
a.contentLink:link{color:#fff;text-decoration:underline;}
a.contentLink:visited{color:#fff;text-decoration:none;}
a.contentLink:hover{text-decoration:none;color:#8CC9B0;}
a.contentLink:active{color:#fff;text-decoration:none;}
a.contentLink2:link{color:#0062A0;text-decoration:underline;}
a.contentLink2:visited{color:#0062A0;text-decoration:none;}
a.contentLink2:hover{text-decoration:none;color:#8CC9B0;}
a.contentLink2:active{color:#0062A0;text-decoration:none;}
div.divlink a:hover{background-color:#FBA00C;}
.gridContainer{width:100%;max-width:1000px;margin:auto;clear:none;float:none;margin-left:auto;padding:0;-webkit-box-shadow:5px 5px 5px #999;-moz-box-shadow:5px 5px 5px #999;box-shadow:5px 5px 10px #999;box-shadow:0px 0px 10px #999, 0px 0px 10px #999;}
.zeroMargin_desktop{margin-left:0;}
.hide_desktop{display:none;}
#header{font-family:DINWeb-CondBlack, sans-serif;font-size:120%;background-color:#0062a0;width:100%;color:#fff;text-transform:uppercase;font-weight:500;margin:0;padding:0;z-index:1000;}
#headerPro{font-family:DINWeb-CondBlack, sans-serif;font-size:120%;background-color:#F1E3C2;width:100%;color:#fff;text-transform:uppercase;font-weight:500;margin:0;padding:0;z-index:1000;}
#header ul{margin:0;padding:0;padding-top:0.4em;padding-bottom:1.6em;margin-left:27.2%;}
#header li{list-style:none;float:left;margin-right:2.7%;}
#header li ul{position:absolute;display:none;margin-left:0em;margin-top:-.2em;}
#header ul li:hover ul{display:block;}
#header li ul li{float:none;display:block;width:auto;background-color:hsla(200, 100%, 35%, .5);padding:0.2em;}
#header li ul li a{padding:0.2em;}
#header li ul li{}
#headerPro ul{margin:0;padding:0;padding-top:0.4em;padding-bottom:1.6em;margin-left:31.8%;}
#headerPro li{list-style:none;float:left;margin-right:2.7%;}
#headerPro li ul{position:absolute;display:none;margin-left:0em;margin-top:-.2em;}
#headerPro ul li:hover ul{display:block;}
#headerPro li ul li{float:none;display:block;width:auto;background-color:hsla(33, 71%, 44%, .6);padding:0.2em;}
#headerPro li ul li a{padding:0.2em;}
#headerPro li ul li{}
#content{background-color:#0062a0;background-image:url(bilder/internetagentur-bg.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#content p{margin-top:.5em;}
#contentUeber p{margin-top:.5em;}
#contentWebdesign p{margin-top:.5em;}
#contentShop p{margin-top:.5em;}
#contentImpressum{background-color:#0062a0;background-image:url(bilder/internet.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#contentDatenschutz{background-color:#0062a0;background-image:url(bilder/datenschutz.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#logo{margin-left:4em;margin-top:2em;}
#slogan{margin-top:7em;}
#sloganPartner{margin-left:2em;margin-top:22em;}
#anfragen{margin-top:9.7em;margin-left:34em;text-align:center;}
#anfragen2{margin-top:8em;margin-left:44em;text-align:center;}
#anfragenWebdesign{margin-top:23em;margin-bottom:5em;text-align:center;}
#anfragenProgrammierung{margin-top:27.8em;margin-bottom:-1em;text-align:center;}
#anfragenReferenzen{margin-top:19em;margin-bottom:6.7em;margin-left:4em;text-align:center;}
#anfragenShop{margin-left:30em;margin-top:6.7em;margin-bottom:0em;text-align:center;}
#box1{width:27%;background-color:hsla(200, 100%, 35%, .7);padding-left:1.5%;padding-right:1%;padding-top:1em;margin-left:2.5em;margin-top:0.1em;margin-right:1em;line-height:130%;}
#box2{width:27%;background-color:hsla(200, 100%, 35%, .7);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-top:.1em;margin-right:1em;line-height:130%;}
#box3{width:27%;background-color:hsla(200, 100%, 35%, .7);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-top:.1em;line-height:130%;}
#box4{width:24%;background-color:hsla(33, 71%, 44%, .3);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-left:5.85em;margin-top:0.9em;margin-right:1em;line-height:130%;}
#box5{width:24%;background-color:hsla(33, 71%, 44%, .3);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-top:0.9em;margin-right:1em;line-height:130%;}
#box6{width:24%;background-color:hsla(33, 71%, 44%, .3);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-top:0.9em;line-height:130%;}
#boxContent{width:79%;background-color:hsla(200, 100%, 35%, .7);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-left:5.85em;margin-top:8em;line-height:130%;}
#boxContentKontakt{width:79%;background-color:hsla(200, 100%, 35%, .7);padding-left:1.1%;padding-right:1%;padding-top:1em;margin-left:5.85em;margin-top:0em;line-height:130%;}
#zwischen{background-color:#0062a0;height:auto;text-align:center;padding-top:6em;}
#footer{background-color:#000;height:auto;min-height:5em;text-align:center;padding-top:1em;font-family:DINWeb-CondBlack, sans-serif;font-size:120%;text-transform:uppercase;font-weight:500;}
#footer ul{margin:0;padding:0;padding-top:0.4em;padding-bottom:1.6em;margin-left:33%;}
#footer li{list-style:none;float:left;margin-right:2.7%;}
.black{color:#363535;}
.boxWhite{font-family:DINWeb-CondBlack, sans-serif;font-size:145%;text-transform:uppercase;color:#fff;font-weight:bold;}
.boxBlue{font-family:DINWeb-CondBlack, sans-serif;font-size:145%;text-transform:uppercase;color:#7BB5DF;font-weight:bold;}
.boxGreen{font-family:DINWeb-CondBlack, sans-serif;font-size:140%;text-transform:uppercase;color:#8CC9B0;font-weight:bold;}
h1{font-family:DINWeb-CondBlack, sans-serif;font-size:100%;text-transform:uppercase;color:#8CC9B0;font-weight:bold;margin:0;padding:0;margin-bottom:-0.925em;}
.boxOrange{font-family:DINWeb-CondBlack, sans-serif;font-size:140%;text-transform:uppercase;color:#C17A21;font-weight:bold;}
.boxBlack{font-family:DINWeb-CondBlack, sans-serif;font-size:140%;text-transform:uppercase;color:#000;font-weight:bold;}
.anfragen{font-family:DINWeb-CondBlack, sans-serif;font-size:120%;}
.imgLogo{margin-left:1em;}
.imgGoogle{margin-top:3em;}
.imgBing{margin-top:.5em;}
#contentPartner{background-color:#A3CCE9;background-image:url(bilder/internet-partner.png);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#contentUeber{background-color:#0062a0;background-image:url(bilder/grillenberger-ueber-uns.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#contentWebdesign{background-color:#0062a0;background-image:url(bilder/webdesign-website.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#contentReferenzen{background-color:#0062a0;background-image:url(bilder/referenzen.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#contentShop{background-color:#0062a0;background-image:url(bilder/shopsysteme-ecommerce.jpg);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#contentPro{background-color:#F1E3C2;background-image:url(bilder/programmierung-und-service.png);background-repeat:no-repeat;width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#anfragenPartner{margin-top:-5.8em;margin-left:44em;text-align:center;}
#logoPartner{margin-left:4em;margin-top:21em;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(../img/ui.totop.png) no-repeat left top;}
#toTopHover{background:url(../img/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus{outline:none;}
.form{background-color:#A3CCE9;padding-left:1em;padding-right:1em;line-height:2em;font-weight:bold;color:#363535;display:block;margin-top:2.5em;}
input .required{background-color:#515151;}
.nobr{white-space:nowrap;}