/*---------------------------------------------
  DECAF? agentur f?r digitale kommunikation
  www.decaf.de
---------------------------------------------*/

BODY {
  background-image:none;
  margin:0 auto 0 auto; padding:3px 0 20px 0; width:99%;
  }

/*---------------------------------------------
  general
---------------------------------------------*/

img {
  display:none;
  }
abbr, acronym {
  border-bottom:thin dotted #777; cursor:help;
  }
hr {
  height:7px; margin:0; padding:0; visibility:hidden;
  }

/*---------------------------------------------
  classes
---------------------------------------------*/

.pocket {
  /* pocket content, hidden in desktop view */
  position:static; width:auto;
  }
.nopocket {
  /* hide desktop-only content in pocket view */
  display:none;
  }
.inline {
  display:inline;
  }
.block {
  display:block;
  }
.print {
  display:block;
  }
.noprint {
  display:none;
  }
.printonly {
  display:none;
  }

/*---------------------------------------------
  typo
---------------------------------------------*/

address {
  font-size:0.7em;
  }

p {
  font-size:0.7em; line-height:1.5em; margin:0 0 1.2em 0; padding:0;
  }
p.indent {
  text-indent:0;
  }

blockquote {
  background:none;
  margin:0 0 1em 0; padding:3px 0 0 0; border:0;
  }
blockquote p:before {
  content:open-quote;
  }
blockquote p:after {
  content:close-quote;
  }

h1 {
  font-size:1.6em; line-height:0.75em; font-weight:normal; letter-spacing:0;
  padding:0; margin:5px 0 10px 0; clear:both;
  }
h2 {
  font-size:1em; line-height:1.2em; font-weight:bold;
  margin:10px 0 10px 0; padding:0; clear:both;
  }
h3 {
  font-size:0.8em; line-height:1.4em; font-weight:bold; letter-spacing:0; text-transform:uppercase;
  padding:0; margin:14px 0 0 0; clear:both;
  }

p.box {
  /* infobox */
  background-image:none; border:none; padding:0.5em 0 0.5em 0; margin:0 0 0.8em 0; text-indent:0;
  }

ul {
  padding:0 0 0.5em 0; margin:0.5em 0 0.3em 0;
  }
ul li {
  font-size:0.7em; line-height:1.5em; margin:0 0 0 1.4em; padding:0;
  }

/*---------------------------------------------
  Navi
---------------------------------------------*/

div.navi a {
  font-size:0.7em; line-height:1.5em; padding:0.1em 1em 0.2em 1em;
  display:inline; letter-spacing:0;
  background:#57AB44; border:none;
  }
div.navi a:hover, div.navi a:focus {
  background:#000000;
  }
div.navi a.hgl {
  /* highlight */
  background:#000000; border:none;
  }
div.navi a.hgl:hover, div.navi a.hgl:focus {
  background:#000000;
  }
div.navi a.act {
  /* act */
  background:#000000; border:none;
  }
div.navi a.act:hover, div.navi a.act:focus {
  background:#000000;
  }


a.navi-detail {
  display:none;
  }


/*---------------------------------------------
  header
---------------------------------------------*/

#header {
  clear:both; position:static; width:100%;
  font-size:0.7em; line-height:1.6em;
  }

/*---------------------------------------------
  navi
---------------------------------------------*/

#corporate {
  /* logo and second navi */
  clear:both; position:static;
  }
div.navi {
  background:#FFFFFF; background-image:none;
  padding:0; margin:0;
  }
#navi_back {
  /* Back button */
  display:none;
  }

/*---------------------------------------------
  content: home
---------------------------------------------*/

#content3 {
  clear:both; position:static; width:100%; padding:0; border:none;
  }
#content3 img {
  border:none; float:left; margin-right:10px;
  }
#content3 p {
  /* smaller size */
  font-size:0.7em; line-height:1.6em;
  }
img#home {
  position:absolute; top:0px; left:25px; padding:0 0 50px 0;
  }

/*---------------------------------------------
  content: standard (without image)
---------------------------------------------*/

#content2 {
  clear:both; position:static; width:100%; padding:0;
  }
#content2 img {
  border:none; float:left; margin-right:10px;
  }
img#bean1 {
  /* coffee bean on site "agentur" */
  float:left; margin:0; padding:0;
  }

/*---------------------------------------------
  content: offset (with image)
---------------------------------------------*/

#content {
  clear:both; position:static; width:100%; padding:0;
  }

/*---------------------------------------------
  sidebar + extras
---------------------------------------------*/

#sidebar {
  clear:both; position:static; width:100%;
  }
#sidebar h3 {
  margin-bottom:0; padding-bottom:0;
  }
#extras {
  margin:10px 0 0 0; width:100%; padding:0; border:none;
  }

/*---------------------------------------------
  sidebox
---------------------------------------------*/

#extras div.box1 {
  background:#E9EBEB; border:none; margin:0.5em 0 0.5em 0; padding:0.5em 0 0.5em 0;
  }
#extras div.box1 a {
  color:#187F00; text-decoration:none; font-weight:bold; border-bottom:1px solid #77898E; padding:0; margin:0;
  background-image:none; padding:0;
  }
#extras div.box1 a:hover, div.box1 a:focus {
  background:#ADB8BD; color:#FFFFFF; background-image:none; padding:0;
  }
#extras div.box1 p {
  background:transparent; color:#000000; background-image:none; border:none; margin:0; padding:0;
  }
#extras div.box1 h3 {
  background:transparent; color:#000000; background-image:none; margin:0; padding:0;
  }
#extras div.box1 a.img, div.box1 a.img:hover, div.box1 a.img:focus {
  background:none; border:none; margin:0; padding:0;
  }

/*-------------------------------------
  "Leistungen"
-------------------------------------*/

div.leistung {
  clear:both; width:93%; float:none; border:0;
  padding:0 1% 0 2%; margin:0; background:#E9EBEB;
  border-left:2em solid #ADB8BD; border-right:0.5em solid #ADB8BD;
  }
div.leistung h2 {
  background:transparent; color:#000000;
  font-size:0.7em; line-height:1.4em; margin:0; padding:0.2em 0 0 0;
  }
div.leistung div.icons {
  display:none;
  }
div.leistung ul {
  padding:0 0 0.3em 0; margin:0.2em 0 0.5em 0;
  }
div.leistung ul li {
  margin:0 0 0 1.4em; padding:0;
  }

/*-------------------------------------
  "Technik und Design"
-------------------------------------*/

div.leistung-detail {
  clear:both; width:99%; margin:0 0 0.6em 0; padding:0 1% 0 0; border:0;
  }
div.leistung-detail div.a {
  margin:0 0 0 20px; padding:0.3em; background:#E9EBEB;
  }
div.leistung-detail h2 {
  clear:none; font-size:0.8em; line-height:1.5em; margin:0 0 0.5em 0; padding:0;
  }
div.leistung-detail ul {
  padding:0; margin:0 0 0.3em 0;
  }
div.leistung-detail ul li {
  margin:0 0 0 1.4em; padding:0;
  }

/*-------------------------------------
  "Portfolio"
-------------------------------------*/

div.portfolio {
  clear:both; width:100%; margin:0; padding:0; border:0;
  }
div.portfolio.act {
  margin:0 0 0.3em 0; padding:0.1em 0 0.1em 0; border:none;
  }
div.portfolio div.b {
  width:100%; float:none; padding:0.2em 0 0 0; margin:0;
  }
div.portfolio div.a {
  clear:both; margin:0; padding:0;
  }
div.portfolio h2 {
  margin:0 0 0.2em 0; padding:0;
  }

/*-------------------------------------
  Images
-------------------------------------*/

#img_precontent {
  /* image with quote or additional data beside */
  display:none;
  }
#img_precontent img {
  display:none;
  }

img.minipic {
  float:left; margin:0 6px 0 0;
  }
img.vcard, #img_precontent img.vcard {
  display:block; margin:4px 10px 0 0; padding:0; float:left;
  }
img.detail {
  display:none;
  }

/*-------------------------------------
  "Barrierefreie Websites",
  additional style
-------------------------------------*/

.lo {
  border-left:1px dotted #187F00; border-top:1px dotted green; padding:6px 0 0 6px;
  }
.lu {
  border-left:1px dotted #187F00; border-bottom:1px dotted green; padding:0 0 6px 6px;
  }