*  { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
ul { margin-bottom:0; }
li { margin-left:1.25em; }
.navi li { list-style:none; margin-left:0; }

table caption, figcaption { padding-top:2px;font-size:10px; }
figcaption.csc-textpic-caption { display: inline-block; }
th { text-align:left; vertical-align:top; }
td { vertical-align:top; }
fieldset { border:none; }

iframe { border:none; }

address { margin-bottom:0; font-style:normal; }


::-webkit-input-placeholder { /* WebKit browsers */ color:#d0d0d0; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#d0d0d0; opacity:1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#d0d0d0; opacity:1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#d0d0d0; }

/*
 *  CSS for Adaptive Images
 */
img, embed, objct, video { max-width:100%; height:auto; width:auto; }

/*
 *  Layout
 */
#pageHeader, #pageContent, #pageFooter
  { position:relative; max-width:960px; width:100%; margin-left:auto; margin-right:auto; background:white; }
#pageHeader
  { padding:32px 2.5% 16px 2.5%; overflow:hidden; }
#logo
  { float:left; width:25%; }
#logo a 
  { display:block; }
#logo img 
  { min-width:170px; max-width:auto; }
#nav-service
  { float:right; margin-top:64px; }
#pageContent
  { margin-top:32px; padding:32px 2.5%; overflow:hidden; }
#pageContent > div:first-child
  { margin-bottom:32px; }
#pageContent > div:first-child .csc-textpic-image
  { margin-bottom:0; }
nav#left
  { float:left; width:20%; min-height:203px; }
#top-visual
  { width:100%; margin-bottom:32px; }
nav#main
  { float:left; width:76.25%; margin-left:3.75%; margin-bottom:64px; }
#page-1 nav#main {
  /*position:relative; top:0; left:0; height:250px;*/
}
article
  { float:left; width:76.25%; margin-left:3.75%; }
#page-1 article
  { margin-left:23.75%; }
#pageFooter
  { padding:12px 2.5%;  }
#pageFooter address
  { margin-left:23.75%; }




/*
 *  Styling
 */ 
body {
    background:url('../Icons/bg_body_tile.jpg') white; font-family:verdana,sans-serif; font-size:16px; color:#686a6e;
    /*-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3; -moz-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-chars: auto 3; hyphenate-limit-chars: auto 3;*/
}

p, li, dd, td
  { margin-bottom:15px; line-height:150%; }

#pageHeader, #pageContent, #pageFooter
  { background-color:white; }

#nav-service ul
  { list-style:none; }
#nav-service > ul > li
  { display:inline-block; margin-left:0; margin-bottom:0; text-transform:uppercase; overflow:hidden; }
#nav-service > ul > li:nth-child(2)
  { margin-left:-10px; }
#nav-service > ul > li:nth-child(3) 
  { margin-left:20px; }
#nav-service > ul > li:nth-child(4)
  { margin-left:10px; }
#nav-service li a
  { display:block; max-width:145px; height:48px; padding:0; color:#686a6e; font-size:0.875em; text-decoration:none; }
.no-touch #nav-service li a:hover, #nav-service li a.active
  { color:#741811; }


nav#left ul
  { list-style:none; }
nav#left li
  { margin-left:0; margin-bottom:20px; border-bottom:1px dotted #686a6e; }
nav#left li a
  { display:block; padding-bottom:5px; color:#686a6e; font-size:0.875em; text-decoration:none; }
.no-touch nav#left li a:hover, nav#left li a.active
  { color:#741811; }



/* main menu */
nav#main ul 
  { list-style:none; height:auto; }
nav#main li 
  { position:relative; float:left; width:30%; height:auto; margin-left:0; margin-right:5%; margin-bottom:0; }
nav#main li:last-child 
  { margin-right:0; }

nav#main li a 
  { display:block; width:100%; height:100%; background-color:#84878c; opacity:0.8; }
.no-touch nav#main li a:hover,
nav#main li a.active
  { background-color:#751811; }
nav#main li img {
  width:100%; max-width:auto;
}

#page-1 nav#main li
  { height:0; padding-top:30%; }
#page-1 nav#main li a
  { position:absolute; bottom:0; width:auto; height:auto;  }

#page-1 nav#main li#linktopage-4 
  { background:url('../Icons/bg_nav_marketingservices.jpg') no-repeat; background-size:cover; }
#page-1 nav#main li#linktopage-5 
  { background:url('../Icons/bg_nav_neukundenakquise.jpg') no-repeat; background-size:cover; }
#page-1 nav#main li#linktopage-6 
  { background:url('../Icons/bg_nav_telefon-akquise-training.jpg') no-repeat; background-size:cover; }





article h1
  { padding-bottom:6px; border-bottom:1px dotted #686a6e; font-size:1.5em; font-weight:normal; text-transform:uppercase; }
article h2
  { margin-top:40px; margin-bottom:10px; color:#741811; font-size:1.25em; font-weight:bold; }
article h3, article dt
  { margin-top:40px; margin-bottom:10px; color:#741811; font-size:1.25em; font-weight:bold; }  
article ul
  { list-style:none; margin-bottom:10px; }
article li
  { margin-left:15px; text-indent:-15px;}
article h2 + ul li
  { margin-bottom:5px; }  
article h2 + ul li
  { color:#741811; font-weight:bold; }
article li:before
  { content:"// "; }
article td
  { padding-top:5px; padding-bottom:5px; border-bottom:1px dotted #686a6e; }
article td:first
  { border-bottom:none; }
  
article a 
  { color: #741811; }
address
  { font-style:normal; font-size:0.75em; }
address a
  { color:inherit; text-decoration:none; }
.no-touch address a:hover
  { text-decoration:underline; }



.tx-powermail h3 
  { margin-bottom:48px; font-size:1.25em; text-transform:uppercase; }
legend 
  { display:none; }
label 
  { float:left; display:block; width:15%; padding-top:6px; }
input[type=text], textarea 
  { width:45%; padding:6px; border:1px solid #4f5054; }
.powermail_fieldwrap 
  { margin-bottom:8px; }
input[type=submit] 
  { margin-left:15%; color:white; text-transform:uppercase; font-size:1.25em; padding:3px; background-color:#4f5054; border:1px solid #4f5054; }

@media only all and (max-width:750px) { 

  #nav-service
    { margin-top:0; }

  #nav-service > ul > li
    { display:block; margin-left:0 !important; margin-bottom:8px; }
  #nav-service li a 
    { max-width:100%; height:auto; }

  nav#left 
    { float:right; width:480px; min-height:0; }
  nav#left li 
    { float:left; border-bottom:none; margin-right:5%; margin-bottom:0; }
  nav#left li a
    { text-transform:uppercase; }

  nav#main 
    { display:none; width:100%; margin-left:0; }

  article, #page-1 article, #pageFooter address
    { margin-top:32px; margin-left:0; width:auto; }
}



@media only all and (max-width:450px) { 

  #logo
    { width:100%; }
  #logo img
    { width:100%; max-width:300px; }

  #nav-service
    { float:left; width:100%; margin-top:16px; margin-bottom:0; }

  #pageContent
    { margin-top:0; padding-top:0; padding-bottom:90px; }

  #top-visual
    { /*display:none;*/ margin-bottom:0; }

  nav#left
    { position:absolute; left:0; bottom:0px; width:100%; padding-top:8px; padding-left:2.5%; background-color:#e6e7e9;  }

  nav#left li
    { width:45%; }

  #pageFooter
    { background-color:#e6e7e9; }
  #pageFooter  address
    { margin-top:0; background-color:#e6e7e9; }
}