html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
abbr, address, cite, em, img, q,
small, strong, b, i, dl, dt, dd, ol, ul, li,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}         
em {color:rgb(0,0,0)} /* DG*/         
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

body { font:100%/16px Arial,sans-serif; }
 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
a:hover, a:active { outline: none; }
a, a:active { color:rgb(11,68,227);
 text-decoration:none;  }

/* DG */
sup { font:normal 10px/16px Arial,sans-serif; }

a:hover,
.uber_direktzu #press li a:hover,
.uber_direktzu #jobs li a:hover,
.kunden h2 #toSiteBottom:hover,
.uber_direktzu #press li a:hover,
.uber_direktzu #jobs li a:hover,
.kontakt a:hover,
#site-bottom:hover { 
  text-decoration:underline; 
}
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
html { overflow-y: scroll; }
 /* Primary Styles
    Author: Peter Klein (pete.rebane@gmail.com)
 */
#skiplinks,.aux,h1 {
  display:none;
}
h2 { 
  border-bottom:1px solid rgb(229,229,229);
  color:rgb(51,51,51);
  font:bold 18px/16px Arial;
  margin:0 0 16px 0;
  padding:0 0 14px 0;
}
.call-to-action,
.reference-description a,
.twitter,
.produkte #main #corporate li,
.produkte #main #politics li,
#references a.prev,
#references a.next,
.kunden h2 a,
#site-bottom { background:url(../images/icons.png) no-repeat }
.call-to-action,
.reference-description a { background-position: 0 -44px;color:rgb(11,68,227);clear:both;display:inline-block;font:12px/16px Arial,sans-serif;padding:1px 5px 1px 15px;text-decoration:none; }
ul,ol,li { list-style:none;margin:0;padding:0; }
nav {
  background:rgb(255,255,255);
  border-bottom:1px solid rgb(238,238,238);
}
  nav ul {
    overflow:hidden;
    margin:0 auto;
    width:800px;
  }
  nav li {
    float:left;
  }
    nav a {
      color:rgb(0,0,0);
      display:block;
      font:bold 12px/19px Arial, sans-serif;
      padding:15px;
      text-decoration:none;
    }
      nav a:hover,
      nav li.active a {
        background:rgb(204,204,204);
        color:rgb(255,255,255);
        text-decoration:none;
      }
        
        nav .subnav {
          background:rgb(238,238,238) url(img/subnavBackground.png) repeat-x;
          border-bottom:1px solid rgb(238,238,238);
          border-left:1px solid rgb(238,238,238);
          border-right:1px solid rgb(238,238,238);
          display:none;
          padding:16px 0 0;
          position:absolute;
          top:49px;
          width:328px;
          z-index:555;
        }
          nav .subnav li {
            background:transparent;
            border-bottom:1px dotted rgb(229,229,229);
            width:328px;
          }
            nav .subnav li.last {
              border:0;
            }
              nav .subnav li a {
                background:transparent;
                color:rgb(51,51,153);
                font:normal 12px/16px Arial,sans-serif;
                padding:8px 15px 7px 15px;
              }
  
#container {
  margin:0 auto;
  overflow:hidden;
  position:relative;
  width:800px;
}

header {
  margin:0 0 32px 0;
}

.bar {
  border-bottom:1px solid rgb(229,229,229);
  overflow:hidden;
  margin:0 0 19px 0;
  padding:0 0 12px 0;
}
  .home .bar h2 {
    border:0;
    display:block;
    float:left;
    margin:0;
    padding:0;
    width:512px;
  }
  .bar h2.current {
    border:0;
    color:rgb(51,51,51);
    font:bold 18px/16px Arial;
    margin:0 0 0 64px;
    float:left;
    width:224px;
  }

#main {
  float:left;
  width:512px;
}
#main section {
  float:left;
  margin:0 64px 0 0;
  width:512px;
}
  #main article {
		float:left;
    margin:0 0 28px 0;
    overflow:hidden;
		width:512px;
  }
	#main article.last {
		margin:0 0 27px 0;
	}
    #main article p {
      color:rgb(68,68,68);
      font-size:12px;
      margin:0 0 16px 0;
    }

#pr h2 {
	margin:0 0 18px 0;
}
#pr ul {
  float:left;
  margin:0 0 11px 0;
  width:100%;
}
  #pr ul li {
    font:normal 12px/16px Arial,sans-serif;
  }
#pr #pr-logos {
  margin:0 0 15px 0;
  padding:0 23px;
}
#pr-logos li {
  float:left;
  margin:0 16px 0 0;
}

#news {
  float:right;
  width:224px;
}
  #news li {
    border-bottom:1px solid rgb(229,229,229);
    font:normal 12px/16px Arial,sans-serif;
    margin:0 0 19px 0;
    padding:0 0 12px 0;
  }
  #news li.last {
    margin:0 0 17px 0;
  }
    #news time {
      color:#999;
    font:normal 10px/16px Arial,sans-serif;
    }
		#news li p {
		  color:rgb(68,68,68);
		}
		  #news .call-to-action {
		    padding:0 5px 0 15px;
		  }
    .twitter {
      background-position:-5px -1px;
      font:normal 12px/16px Arial,sans-serif;
      padding:9px 0 10px 30px;
      text-decoration:none;
    }
    .rss {
      background-image: url(../images/rss-logo.png);
      background-repeat: no-repeat;
      background-position: center left;
      font:normal 12px/16px Arial,sans-serif;
      padding:9px 0 10px 30px;
      text-decoration: none;
    }
#references h2 {
	margin:0 0 15px;
}
#slider {
  background:rgb(238,238,238);
  padding:20px;
  position:relative;
  width:472px;
}
  #references a.prev,
  #references a.next {
    background-position:0 -249px;
    cursor:pointer;
    float:left;
    height:20px;
    overflow:hidden;
  	position: absolute;
    top: 42px;
    right:2px;
    text-indent:28px;
    white-space:nowrap;
    width:20px;
  }
  #references a.prev {
    background-position:0 -180px;
    left:0;
  }
  #references a.prev.disabled,
  #references a.next.disabled {
    display:none;
  }
  
  #references .scrollable {
    height:65px;
    overflow:hidden;
    position:relative;
  }
  #references .scrollable .items {
  	/* this cannot be too large */
  	width:20000em;
  	position:absolute;
  }
  #references .items div {
  	float:left;
  	margin:0 0 0 2px;
  }
  #references .items div img {
    margin:0 14px 0 0;
  }

#site-bottom {
  background-position:80px -309px;
  color:rgb(153,153,153);
  float:right;
  margin:0 16px 13px 0;
  font:normal 12px/16px Arial,sans-serif;
  padding:0 16px 0 0;
  text-decoration:none;
}
	.ie6 #site-bottom {
		margin:0 0 -20px 0;
	}

footer {
  border-top:1px solid rgb(229,229,229);
  clear:both;
  margin:0 0 10px 0;
  padding:2px 0 0 5px;
}
  footer p,
  footer a {
    color:rgb(153,153,153);
    font-size:12px;
  }
    footer a {
      text-decoration:none;
    }
    footer a.imprint {
      background:url(../images/bullet.png) 6px no-repeat;
      margin:0 0 0 17px;
    }

/* produkt.html */
.produkte .bar li {
  color:rgb(51,51,51);
  float:left;
  font:bold 18px/16px Arial;
  margin:0 64px 0 0;
  width:224px;
}
  .produkte .bar li.corporate {
    color:rgb(168,0,29)
  }
  .produkte .bar li.politics {
    color:rgb(51,51,153)
  }
  .produkte .bar ul {
    width:800px;
  }
  .produkte .bar li.last {
    margin:0;
  }
    .produkte #main {
      width:800px;
    }
    .produkte #main section {
      margin:0;
      width:800px;
    }
    .produkte #main .row {
    /*  border-bottom:1px solid rgb(229,229,229); */
      clear:both;
      float:left;
      margin:0 0 31px 0;
      padding:0 0 0 0;
    }
    .produkte #main .row.last {
      border:0;
      margin:0 0 3px 0;
    }
    .produkte #main .row p .call-to-action.info {
      background:none;
      color:rgb(51,51,51);
      padding:0;
    }
    .produkte #main article {
      float:left;
      margin:0 64px 0 0;
      width:224px;
    }
    .produkte #main ol {
      float:left;
    }
      .produkte #main ol li {
        color:rgb(51,51,51);
        font:normal 12px/16px Arial;
        margin:0 0 15px 0;
      }
        .produkte #main ol li.last {
          margin:0;
        }
      .produkte #main #corporate,
      .produkte #main #politics {
        float:left;
        margin:0 64px 0 0;
      }
        .produkte #main #corporate ol,
        .produkte #main #politics ol {
          width: 100%;
          margin:0 0 15px 0;
        }
          .produkte #main #corporate li,
          .produkte #main #politics li {
            margin:0;
            padding:0 0 0 20px;
          }
          .produkte #main #corporate li {
            background-position:0 -437px;
          }
          .produkte #main #politics li {
            background-position:0 -384px;
          }
    .produkte .call-to-action {
      font-weight:normal;
    }
      .produkte .call-to-action.politics {
        background-position:0 -338px;
        color:rgb(255,0,0);
      }
/* DG */
    .produkte #main #placeholder {
      height:255px;
      width:255px;
    }
  
  /* @group article#politics */
  .produkte #main #politics {
    margin:0;
  }
  /* @end */
  
  /* @group #infobox */
  .produkte #main #infobox {
    border:1px solid rgb(229,229,229);
    clear:right;
    float:right;
    margin:0 0 2px 0;
    width:510px;
  }
    .produkte #main #infobox ul {
      width:512px;
    }
    .produkte #main #infobox li {
      float:left;
      height:155px;
      width:255px;
    }
/* DG */
    .produkte #main #placeholder li {
      float:left;
      height:255px;
      width:255px;
    }
      .produkte #main #infobox li.oto {
        border-bottom:1px solid rgb(229,229,229);
        border-right:1px solid rgb(229,229,229);
      }
      .produkte #main #infobox li.mtm {
        border-right:1px solid rgb(229,229,229);
        clear:left;
      }
      .produkte #main #infobox li.otm {
        border-bottom:1px solid rgb(229,229,229);
      }
      .produkte #main #infobox li.mto {
        border:0;
      }
      
  /* @end */
  
/* @group kontakt.html */
.kontakt header {
  margin:0 0 14px 0;
  border-bottom:1px solid rgb(238,238,238); 
}
.kontakt aside {
  float:left;
  margin:0 64px 0 0;
  width:224px;
}
  .kontakt aside h2,
  .kontakt #main h2 {
    padding:0 0 13px 0;
  }
.kontakt #main section {
  margin:0;
}
  .kontakt dt {
    color:rgb(102,102,102);
    font:bold 12px/16px Arial,sans-serif;
  }
  .kontakt dd {
    border-bottom:1px solid rgb(229,229,229);
    color:rgb(102,102,102);
    font:normal 12px/16px Arial,sans-serif;
    margin:0 0 16px 0;
    padding:0 0 15px 0;
  }
    .kontakt dd.last {
      border:0;
			margin:0 0 16px 0;
    }
      .kontakt a {
        text-decoration:none;
      }
/* @end */

/* ueber-uns.html */
.uber_direktzu header {
  margin:0 0 14px 0;
  border-bottom:1px solid rgb(238,238,238); 
}
.uber_direktzu #main {
  margin:0 64px 0 0;
}
.uber_direktzu #main article {
  margin:0 0 33px;
}
.uber_direktzu #main #jobs {
  margin:0 0 6px;
}
.uber_direktzu #main #management {
  margin:0 0 34px;
}
  .uber_direktzu #main #press h2 {
    margin:0 0 15px;
  }
.uber_direktzu aside {
  float:left;
  width:224px;
}
  .uber_direktzu #news li {
    margin:0 0 16px;
    padding:0 0 15px;
  }

  .uber_direktzu #management li {
    border-bottom:1px solid rgb(229,229,229);
    margin:0 0 16px 0;
    padding:0 0 16px 0;
  }
  .uber_direktzu #management li.last {
    border:0;
    margin:0;
  }
    .uber_direktzu #management li img {
      float:left;
      margin:0 16px 32px 0;  /* DG */
    }
      .uber_direktzu #management li h3 {
        font:normal 12px/16px Arial,sans-serif;
      }
      .uber_direktzu #management li blockquote, .uber_direktzu #management li blockquote p {
        color: #666666;
      }
    .uber_direktzu #main #press {
      margin:0 0 27px;
    }
    .uber_direktzu #press p,
    .uber_direktzu #jobs p {
      /*border-bottom:1px solid rgb(229,229,229);*/
      margin:0 0 7px;
      padding:0 0 16px;
    }
    .uber_direktzu #jobs p {
      padding:0 0 15px;
    }
      .uber_direktzu #press li img,
      .uber_direktzu #jobs li img {
        float:left;
        margin:0 49px 0 0;
      }
      .uber_direktzu #press li,
      .uber_direktzu #jobs li {
        border-bottom:1px solid rgb(229,229,229);
        float:left;
        margin:0 0 7px 0;
        padding:0 0 12px 0;
        width:100%;
      }
      .uber_direktzu #press li a,
      .uber_direktzu #jobs li a {
        display:block;
        font:normal 12px/16px Arial,sans-serif;
        margin:0 0 15px 0;
        padding:15px 0 25px 64px;
      }
      
        .uber_direktzu #press li.last,
        .uber_direktzu #jobs li.last {
          border:0;
          padding:0 0 15px;
        }
      .uber_direktzu #press li a,
      .uber_direktzu #jobs li a {
        float:left;
        margin:0;
        padding:0;
        text-decoration:none;
        width:100%;
      }
        .uber_direktzu #press li a span,
        .uber_direktzu #jobs li a span {
          display:block;
          padding:9px 0 0;
        }
        .uber_direktzu #press li.last a,
        .uber_direktzu #jobs li.last a {
          border:0;
        }
/* @end */

/* kunden.html */
.kunden header {
  margin:0 0 14px 0;
  border-bottom:1px solid rgb(238,238,238); 
}
.kunden #main {
  width:800px;
}
	.kunden #main section {
		margin:0;
		width:576px;
	}
  .kunden h2 #toSiteBottom {
    background-position:69px -293px;
    color:rgb(153,153,153);
    float:right;
    font:normal 12px/16px Arial, sans-serif;
    margin:0 16px 0 0;
    padding:0 16px 0 0;
    text-decoration:none;
  }
	.e6.kunden h2 a {
		margin:-20px 0 0;
	}
  .kunden #main article {
    border-bottom:1px solid rgb(229,229,229);
    margin:0 0 16px 0;
    padding:0 0 13px 0;
    width:800px;
  }
    .kunden #main article.last {
      border:0;
      margin:0 0 34px 0;
    }
      .kunden #main article.politics.last {
        margin:0 0 19px 0;
      }
  	.kunden .corporateLogo {
  		float:left;
			text-align:left; /* IE6 need this */
  		width:224px;
  	}
			.kunden .corporateLogo img {
				float:none;
				display:block;
				margin:0 0;
				border: 1px solid #E5E5E5 /* DG */
			}
    	.kunden article section > img {
    		float:left;
  			height:64px;
    		margin:0 30px 0 0;
  			width:64px;
    	}
  		.kunden #main article section h3 {
  			color:rgb(51,51,51);
  			font:bold 12px/16px Arial,sans-serif;
  			margin:0 0 1px 0;
  		}
  		.kunden article blockquote {
  			color:rgb(102,102,102);
  			float:left;
  			font:normal 12px/16px Arial,sans-serif;
  			margin:0 0 11px 0;
  			width:480px;
  		}
    	.kunden .last {
      	border:0;
    	}
  		.kunden article img {
    		float:left;
		border: 1px solid #E5E5E5 /* DG */
  		}
  			.kunden article .call-to-action,
  			.kunden .reference-description a {
  				clear:both;
  				float:right;
  				margin:0 16px 0 0;
  			}
					.ie6.kunden article .call-to-action,
					.ie6.kunden .reference-description a {
						width:400px;
					}
					
/* @end */

/* 
 * print styles
 */


/* IE Anpassungen */
.ie6.home #main section,
.ie6.blog #main section,
.ie6.uber_direktzu #main section {
  margin:0;
  width:512px;
}
.ie6.uber_direktzu #press li a,
.ie7.uber_direktzu #press li a,
.ie6.uber_direktzu #jobs li a,
.ie7.uber_direktzu #jobs li a {
  height:1%;
}

/* @group accessibility */
nav a:focus {
  background-color:rgb(255,255,255);
  color:rgb(51,51,153);
  outline:none;
}
#main a:focus,
#news a:focus,
footer a:focus,
.kontakt dl a:focus {
  background-color:rgb(51,51,153);
  background-position:1px -88px;
  color:rgb(255,255,255);
  outline:0;
}
.produkte #main .call-to-action.politics:focus {
  background-color:rgb(255,0,0);
}
#news a.twitter:active,
#news a.twitter:focus {
  background-position:-5px -1px;
  padding:9px 0 10px 30px;
  text-decoration:none;
}
#news a.rss:active,
#news a.rss:focus {
  background-image: url(../images/rss-logo.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding:9px 0 10px 30px;
  text-decoration: none;
}

.uber_direktzu #press li a:focus span, 
.uber_direktzu #jobs li a:focus span {
  background-color:rgb(51,51,153);
  color:rgb(255,255,255);
}
.kunden h2 a:focus,
#site-bottom:focus {
	background:none;
}

#rastervert {
  background:url(../rastervert.png) no-repeat;
  height:1500px;
  position:absolute;
  width:900px;
}
#raster {
  background:url(../raster.png) no-repeat;
  height:1500px;
  position:absolute;
  width:900px;
}
.produkte #rastervert {
  left:250px;
}
.produkte #raster {
  left:312px;
}
.home #rastervert,
.kontakt #rastervert {
  left:250px;
  top:208px;
}
.home #raster,
.kontakt #raster {
  left:312px;
}
/* Abstand des Bodys bei kleinen Endgeräten hinzufügen */
@media screen and (max-width:768px) and (max-device-width:768px) {
  body {
    padding:10px;
  }
}

/* blog */

body.blog div#container div#main article header {
  margin-bottom: 16px;
}

body.blog div#container div#main article header h2 {
  margin-bottom: 16px;
  line-height: 1.2em;
  margin-top: -3px;
}

body.blog div#container div#main article header h2 a {
  color: #333333;
}

body.blog div#container div#main article section p.end_teaser {
  display: none;
}

body.blog div#container div#main article section h1 {
  display: block;
  font-size: 16px;
  margin-bottom: 16px;
  color: #333333;
}

body.blog div#container div#main article section h2 {
  font-size: 14px;
  border-bottom: none;
  padding-bottom: 0;
}

body.blog div#container div#main article section h3 {
  font-size: 12px;
  color: #333333;
  margin-bottom: 10px;
}

body.blog div#container div#main article section ol li,
body.blog div#container div#main article section ul li {
  margin-left: 35px;
  color: rgb(68,68,68);
  font-size: 12px;
}

body.blog div#container div#main article section ol,
body.blog div#container div#main article section ul {
  margin-bottom: 16px;
}

body.blog div#container div#main article section ol li {
  list-style-type: decimal;
}

body.blog div#container div#main article section ul li {
  list-style-type: disc;
}

body.blog div#container div#main article section blockquote {
  font-style: italic;
  border-left: 3px solid #CCCCCC;
  margin-left: 8px;
  padding-left: 10px;
}

body.blog div#container div#main article section em {
  color: rgb(68,68,68);
}

body.blog div#container div#main article footer {
  border-top: none;
}

body.blog div#container div#main article footer p.author {
  text-align: right;
  font-style: italic;
}

body.blog div#container div#main article footer p.back_link {
  float: left;
}

body.blog div#container div#main article footer div.addthis_toolbox {
  float: right;
  width: 105px;
}