@charset "utf-8";
@font-face {
    font-family: 'nimbusconbold';
    src: url('../font/font-webfont.eot');
    src: url('../font/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/font-webfont.woff2') format('woff2'),
         url('../font/font-webfont.woff') format('woff'),
         url('../font/font-webfont.ttf') format('truetype'),
         url('../font/font-webfont.svg#nimbussanlconbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*,*:after,*:before {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} 
/* CSS Document for Joomla 3 styles */
html { -webkit-font-smoothing: antialiased }
html, body { height: 100% }
/* ===========================
	FONT STYLES
	========================== */
body {
	font-family: 'Maven Pro', sans-serif;
  padding:0;
  width: 100%;
  font-size:100%;
  line-height:150%
}
.apu-bg { width:100%;background-color:#e8e8e8;}
/* h1, h2, h3, h4, h5, h6 { font-family: 'HelveticaNeue-CondensedBold','HelveticaNeueBoldCondensed', 'HelveticaNeue-Bold-Condensed', 'Helvetica Neue Bold Condensed', 'HelveticaNeueLT Std Cn', 'nimbusconbold', sans-serif; font-weight:700; letter-spacing:0.4px;} */
h1, h2, h3, h4, h5, h6 { font-family: 'nimbusconbold', sans-serif; letter-spacing:0.2px;font-weight:normal;}
h1 { font-size: 29px}
h2 { font-size: 32px}
.page-header h1, .page-header h2,h2.mainmenu  { text-transform:uppercase}
.page-header h1  { text-align:center;color:#ccc;}
.page-header h2  { margin-top:30px;padding-left:34px;line-height:35px;}
h2.mainmenu  { font-size:20px;color:#ccc;margin:0 0 18px 0;padding:0;line-height:20px;}
h3 { font-size: 22px;line-height: 26px;}
h4 { font-size: 18px;line-height: 20px}
h5 { font-size: 14px;line-height: 20px}
h6 { font-size: 12px;line-height: 20px}
 
/* input, button, select, textarea,.button span a { font-family: 'HelveticaNeue-CondensedBold','HelveticaNeueBoldCondensed', 'HelveticaNeue-Bold-Condensed', 'Helvetica Neue Bold Condensed', 'HelveticaNeueLT Std Cn', 'nimbusconbold', sans-serif; font-weight:700; letter-spacing:0.5px; } */
input, button, select, textarea,.button span a { font-family: 'nimbusconbold', sans-serif; font-weight:700; letter-spacing:0.3px; }
ul, ol { margin-left:20px;}
.nav > li > a:hover,
.nav > li > a:focus  { background-color:transparent }
.nav.menu > li > a {color:#000;display:inline;font-size:85%}

/* -------------
	Header
	------------ */
.header { width:100%;background-image:url(../images/footer.png);background-repeat:no-repeat;background-position:top left;}
.header-inner  { padding:80px 0 40px 220px;}
.header .custom_clients {margin:5px 220px 0;padding-top:15px;font-size:20px;border-top:3px solid #e8e8e8}
.header-inner img { vertical-align:baseline}
.header h1 { font-size:34px;line-height:34px;color:#666666; width:50%;display:inline-block;margin-left:55px}

.page-header { border-bottom: 0px none;position:relative;margin-bottom:0;padding:0}
.page-header .titlebg { width:20px; height:20px; position:absolute; left:0px;top:2px }

/* -------------
	APU Template
	------------ */
#apudirekt {
	position: relative;
  margin:0 auto;
  background-color:#fff;
  min-height: 100%;
  width:1130px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
* html #apudirekt { height: 100%}

#content {margin:50px 220px 25px;color:#4c4c4c}


.apubody { min-height:200px;margin-top:25px}
.aputext {
  max-width:690px;
  text-align:justify;
  font-weight:normal;
  -moz-hyphens: manual;
  -o-hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  font-size:19px;
  line-height:27px;
  font-size:125%;
  line-height:135%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .aputext  { font-size:124.8% }
}
.atschmal  { word-spacing:-1.2px; letter-spacing:-0.6px }
.atschmal2  { word-spacing:-1.2px; letter-spacing:-0.2px }

.aputext p { margin-bottom:24px}
.aputext .pull-left > ul { margin:10px 60px 10px 20px;}
.aputext .tblhome { margin-bottom:18px}
.aputext .tblhome td{ vertical-align:top}
.aputext table.tblhome img { padding-right:5px;padding-bottom:5px}
.button {width:200px;height:40px;line-height:40px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-color:#aecb06;text-align:center;margin:38px auto 45px}
.button span a {color:#fff;text-decoration:none;text-transform: uppercase;font-weight:700;font-size:22px}
.block2 {border-top:3px solid #ccc;}
.block2 .page-header h1 {margin:38px auto;}
.mapprint { float:right;margin-right:16px }

#footer {
  position: relative;
  clear:both;
  bottom: 0;
  width: 100%;
  background-color:#666666;
  padding:30px 0 40px
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:30px;
  background: url(../images/footer.png) no-repeat;
}
#footer .bottom { margin-bottom: 20px;color:#000;padding:0 220px }
#footer .nav.menu_bottom { position:absolute;right:220px;bottom:40px}
#footer .nav.menu_bottom li { float:right;padding:0 5px;font-size:90%;line-height:normal;text-transform: uppercase;}
#footer .nav.menu_bottom li .separator { }
.nav.menu_bottom > li > a  { color:#fff }
.adresse, .net {color:#fff;font-size:95%; line-height:130%}
.net {margin-top:12px}
/* -------------
	Pagenavigation
	------------ */
.pagenavigation  { margin-top:80px;margin-bottom:50px}
.pagenav { width:auto;float:right} 
.pagenav .previous, .pagenav .next {display:inline-block }
.pagenav .next {margin-left:10px }
.pagenavigation > a { font-size:100%;color:#4c4c4c;text-decoration:underline;line-height: 47px}

/* -------------
	Men�s
	------------ */
  /*** Navigation Bottom ****/
.nav.menu {list-style-position: inside}
.nav.menu li {line-height:24px}
/* -------------
	Kontakt
	------------ */
.gm-style-iw { padding:15px}
.txtdir{ font-weight: bold;padding-right:5px}
.contact.apubody { line-height:normal}
.contact-name { padding-top:15px; font-weight:bold;}
.contact-miscinfo, .apuemail { margin-top:20px}

.aputext li  { line-height:160% }

/*** Item bezogenes CSS ****/
/*** Id 101 Startseite gruen ****/
#itemid-101 .page-header h2 { color: #aecb06 }
#itemid-101 .contact-block { background-color: #aecb06 }

/*** Id 102 Unternehmensprofil gr�n ****/
#itemid-102 .page-header h2 { color: #009BA4 }
li.item-102, #itemid-102 .aputext li { list-style-image:url(../images/list/list102.png) }

/*** Id 103 Druckvorstufe orange ****/
#itemid-103 .page-header h2 { color: #F39200 }
li.item-103, #itemid-103 .aputext li { list-style-image:url(../images/list/list103.png) }

/*** Id 106 Kreativleistungen rot ****/
#itemid-106 .page-header h2 { color: #B51F1F }
li.item-106, #itemid-106 .aputext li  { list-style-image:url(../images/list/list106.png) }

/*** Id 127 Druck dunkelblau ****/
#itemid-127 .page-header h2 { color: #005CA9 }
li.item-127, #itemid-127 .aputext li  { list-style-image:url(../images/list/list127.png) }

/*** Id 128 Druck dunkelblau ****/
#itemid-128 .page-header h2 { color: #E6007E }
li.item-128, #itemid-128 .aputext li  { list-style-image:url(../images/list/list128.png) }

/*** Id 129 Kunden dunkelgruen ****/
#itemid-129 .page-header h2 { color: #3FA535 }
li.item-129, #itemid-129 .aputext li  { list-style-image:url(../images/list/list129.png) }

/*** Id 124 Kontakt schwarz ****/
#itemid-124 .page-header h2 { color: #000000 }
#saddr{ height:25px }


/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== 
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) { }
@media (min-width: 768px) and (max-width: 979px) {}*/
@media (max-width: 767px) {
#apudirekt {width: 520px}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 520px;}
#content {margin-left:40px; margin-right:40px;}
.header-inner {padding:60px 0 20px 80px}
.header-inner img {max-width:20%}
.header h1 {font-size:1.1em;line-height:normal;width:62%;margin-left:30px}
.page-header h2{font-size:1.1em}
.apubody {min-height:400px}
#footer .bottom {padding-left:40px;padding-right:40px}
#footer .nav.menu_bottom  {right:40px}

}
@media (max-width: 480px) {
#apudirekt {min-width: 320px;background-position:center 130px;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 320px;}
.page-header h2{font-size:19px}
.nav.menu {}
.page-header,.apubody  {margin-left:30px;}
}