BODY {
	color:#000000;
	margin:0;
	padding:0;
	width:100%;
	font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	font-size:100.01%;
	letter-spacing:0;
	background-color: #FFFFFF;
	background-image: url(../images/background.png);
	background-repeat: repeat-y;
  }


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

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


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

.pocket {
  /* hide pocket content in desktop view */
  position:absolute; top:-999px; left:-999px; width:900px;
  }
.inline {
  display:inline;
  }
.block {
  display:block;
  }
.print {
  display:block;
  }
.noprint {
  display:block;
  }
.printonly {
  display:none;
  }


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

address {
  font-size:0.8em; line-height:1.5em; font-style:normal;
  margin:0; padding:0 0 2em 0; clear:both;
  }

p {
  font-size:0.8em; line-height:1.5em; margin:0 0 1.2em 0; padding:0;
  }
p.indent {
  text-indent:1.2em;
  }
p.min {
  /* smaller size */
  font-size:0.7em; line-height:1.6em;
  }

p.box {
  /* infobox */
  border-left:10px solid #187F00; padding:0.3em 0.4em 0.6em 15px; margin:1.2em 0 0 0; text-indent:1em;
  color:#000000; background:#E9EBEB url(../images/background_box.png) top left no-repeat;
  }

blockquote {
  background:transparent url(../images/quote.gif) no-repeat;
  margin:0 0 1.4em 2%; padding:3px 0 0 30px; border:0;
  }
blockquote p {
	background:transparent url(../images/unquote.gif) no-repeat;
	margin:0;
	padding:0;
	background-position: right;
  }

h1 {
  font-size:3.4em; line-height:0.75em; font-weight:normal; letter-spacing:-3px;
  padding:0; margin:5px 0 20px 0; clear:both;
  }
h2 {
  font-size:1.1em; line-height:1.2em; font-weight:bold;
  margin:25px 0 15px 0; padding:0; clear:both;
  }
h3 {
  font-size:0.8em; line-height:1.4em; font-weight:bold; letter-spacing:2px; text-transform:uppercase;
  padding:0; margin:14px 0 0 0; clear:both;
  }

a {
  color:#187F00; text-decoration:none; font-weight:bold; border-bottom:1px solid #77898E; padding:0; margin:0;
  }
a:hover, a:focus {
  background:#ADB8BD; color:#FFFFFF;
  }
a.link {
  background:url(../images/link.gif) no-repeat; background-position:0 0.3em; padding:0 0 0 10px; margin:0;
  }
a.link:hover, a.link:focus {
  background:#ADB8BD url(../images/link.gif) no-repeat; background-position:2px 0.2em; color:#FFFFFF;
  padding:0 0 0 10px; margin:0;
  }

ul {
  padding:0 0 0.5em 0; margin:0.8em 0 0.8em 0;
  }
ul li {
  font-size:0.8em; line-height:1.5em; margin:0 0 0.3em 2em; padding:0;
  list-style-type:square;
  }
ul.min li {
  font-size:0.7em;
  }


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

div.navi a {
  font-size:0.8em; line-height:1.72em; font-weight:bold; text-decoration:none; letter-spacing:2px; color:#FFFFFF;
  padding:0 8px 1px 13px; margin:0; width:169px; display:block;
  background:transparent; border-bottom:1px solid #57AB44; border-left:10px solid #57AB44;
  }
div.navi a:hover, div.navi a:focus {
  background:#57AB44;
  }
div.navi a.hgl {
  /* highlight */
  border-bottom:1px solid #FFFFFF; border-left:10px solid #FFFFFF;
  }
div.navi a.hgl:hover, div.navi a.hgl:focus {
  background:transparent;
  }
div.navi a.act {
  /* act */
  border-bottom:1px solid #FFFFFF; border-left:10px solid #FFFFFF;
  }
div.navi a.act:hover, div.navi a.act:focus {
  background:#57AB44;
  }


a.navi-detail {
  font-size:0.8em; line-height:1.72em; font-weight:bold; text-decoration:none; letter-spacing:2px; color:#FFFFFF;
  padding:2px 10px 3px 10px; margin:0 4px 0 0; width:30px;
  background:#57AB44; border:none;
  }
a.navi-detail:hover, a.navi-detail:focus {
  background:#ADB8BD;
  }
a.navi-detail.act {
  background:#26383D; color:#FFFFFF;
  }


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

#header {
  position:absolute; top:27px;  left:8%;  width:51%; z-index:9;
  font-size:0.7em; line-height:1.6em;
  }

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

#corporate {
  /* logo and second navi */
  position:absolute; top:20px;  left:64%; z-index:1;
  }
div.navi {
  background:#187F00 url(../images/background_navi.jpg) bottom repeat-x;
  padding:10px 0 12px 15px; margin:0;
  }
#navi_back {
  /* Back button */
  position:absolute; top:262px; left:10px; padding:0; margin:0; z-index:3;
  }

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

#content3 {
  position:absolute; top:215px; left:12%; width:38%; padding:10px 30px 50px 30px;
  background:#FFFFFF; border-left:1px dotted #27393E; z-index:8;
  opacity:.96;
  }
#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 {
  position:absolute; top:5.4em; left:77px; width:51%; padding:0 0 50px 0; z-index:8;
  }
#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 {
  position:absolute; top:265px; left:8%;  width:51%; padding:0 0 50px 0; z-index:8;
  }

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

#sidebar {
  position:absolute; top:105px; left:64%; width:36%; margin:0; padding:0; z-index:10;
  }
.extras {
  margin:30px 0 0 0; background:#FFFFFF; width:200px; padding:0 19px 60px 14px;
  border-left:1px dashed #187F00;
  }
.extras p {
  font-size:0.7em; line-height:1.6em;
  }
.extras h3 {
  font-size:0.7em; line-height:1.6em; text-indent:0; letter-spacing:0; text-transform:uppercase;
  color:#000000; padding:10px 0 0 0; margin:0 0 10px 0;
  }

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

.extras div.box1 {
  background:#27393E; border:2px solid #27393E; border-bottom:4px solid #27393E;
  padding:0; margin:10px 0 10px 0;
  }
.extras div.box1 a {
  color:#FFFFFF; background:url(/media/link2.gif) 0 0.3em no-repeat;
  border:none; border-bottom:1px solid #ADB8BD; text-decoration:none; padding:0 0 0 10px; margin:0;
  }
.extras div.box1 a:hover, div.box1 a:focus {
  background:#7299A9; color:#FFFFFF; background-image:url(/media/link2.gif); background-repeat:no-repeat;
  background-position:2px 0.3em; border:0; border-bottom:1px solid #ADB8BD; text-decoration:none; padding:0 0 0 10px; margin:0;
  }
.extras div.box1 p {
  font-size:0.7em; line-height:1.6em; text-indent:0;
  background:#4F7F93 url(../images/background_extras.gif) bottom repeat-x; color:#FFFFFF;
  border-top:1px solid #436C7C; margin:0; padding:4px 2px 8px 4px; text-indent:0;
  }
.extras div.box1 h3 {
  font-size:0.7em; line-height:1.6em; text-indent:0; letter-spacing:0; text-transform:none;
  color:#FFFFFF; padding:0 0 2px 3px; margin:0;
  background:#27393E url(/media/background_extras2.gif) repeat-x;
  }
.extras div.box1 a.img, div.box1 a.img:hover, div.box1 a.img:focus {
  background:none; border:none; margin:0; padding:0;
  }


/*-------------------------------------
  Formulaire
-------------------------------------*/

form {
  border:none; background:transparent; width:84%; padding:0; margin:0 0 1.5em 0;
  }
fieldset {
  border:none; background:transparent; padding:0 0 1em 0; margin:0;
  }
input, textarea {
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  background-color:#E9EDF0; color:#000000; font-size:0.8em; line-height:1.5em; font-weight:bold;
  margin:0; padding:0.2em 0 0.2em 0; width:100%;
  border:1px solid #D0D6DA; border-left:3px solid #809DB5; cursor:pointer;
  }
input.error, textarea.error {
  background-color:#F3EBE5; border:1px solid #D0D6DA; border-left:3px solid red;
  }
label {
  color:#000000; font-size:0.7em; margin:1em 0 0.2em 0; padding:0; display:block; cursor:pointer;
  }
label:hover, label:focus {
  color:#187F00;
  }
input:focus, textarea:focus {
  border-left:3px solid #57AB44; background-color:#E0EADD;
  }
input.submit {
  font-size:0.7em; background-color:#809DB5; border:none; color:#FFFFFF;
  margin:1.5em 0 0 58%; padding:0.4em 0 0.4em 0; width:42%;
  }
input.submit:hover, input.submit:focus {
  background-color:#57AB44;
  }
form p.error {
  font-size:0.7em; line-height:1.5em; margin:0; padding:0; font-style:normal;
  font-weight:bold; color:red;
  }
p.info {
  font-size:0.8em; line-height:1.5em; margin:0; padding:0.2em 0.2em 0.3em 0.5em; font-style:normal;
  font-weight:normal; color:white;
  }
p.info.err {
  background:red;
  }
p.info.ok {
  background:green;
  }


/*-------------------------------------
  "solutions"
-------------------------------------*/

div.leistung {
  width:45%; min-width:200px; float:left; margin:2% 4% 2% 0; padding:0;
  background:#E9EBEB; color:#000000; border:1px solid #63767E;
  }
* html div.leistung {
  /* IE-Win only, ignored by Mac-IE \*/
  width:90%; margin:10px 0 10px 0;
  /* end IE-Win */
  }
div.leistung.clear {
  clear:both; height:1%;
  }
div.leistung h2 {
	color:#FFFFFF;
	font-size:0.7em;
	line-height:1.4em;
	margin:0;
	padding:0.2em 0.2em 0.3em 0.7em;
	font-style:normal;
	font-weight:bold;
	background-color: #57AB44;
/*	background-color: #0033FF;*/
  }
div.leistung div.icons {
  background:#ADB8BD; padding:5px 0.2em 5px 0.5em; margin:0; height:36px;
  }
div.leistung div.icons img {
  width:36px; height:36px; margin:0 10px 0 0; padding:0; border:0; float:left;
  }
div.leistung ul {
  padding:0; margin:0.6em 0.2em 0.6em 0.2em;
  }
div.leistung ul li {
  font-size:0.7em; line-height:1.5em; margin:0 0 0.5em 1.4em; padding:0;
  list-style-type:square;
  }
* html div.leistung ul li {
  /* IE-Win only, ignored by Mac-IE \*/
  margin-left:2em;
  /* end IE-Win */
  }

/*-------------------------------------
  "Technique und Communication"
-------------------------------------*/

div.leistung-detail {


  clear:both; width:94%; margin:0 0 1em 0; padding:0 3% 0 0;
  background:#ADB8BD; color:#000000; border:0; border-top:4px solid #ADB8BD;
  }
div.leistung-detail img {
  width:72px; height:72px; margin:0; padding:0 4px 0 4px; border:0;
  }
div.leistung-detail div.a {
  margin:0 0 0 80px; padding:1em 0.5em 0.5em 1em; background:#E9EBEB;
  }
div.leistung-detail h2 {
  clear:none; font-size:0.8em; line-height:1.4em; margin:0 0 1em 0; padding:0;
  font-style:normal; font-weight:bold;
  }
div.leistung-detail ul {
  padding:0; margin:0.6em 0.2em 0.6em 0.2em;
  }
div.leistung-detail ul li {
  font-size:0.7em; line-height:1.5em; margin:0 0 0.3em 1.4em; padding:0;
  list-style-type:square;
  }


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

div.portfolio {
  clear:both; width:100%; margin:0 0 0.5em 0; padding:0; border:0;
  }
div.portfolio.act {
  margin:0 0 2.5em 0; padding:0;
  /* alternativ
  background:#F3F3F3; color:#000000; border-top:4px solid #CF0510; border-bottom:1px solid #CF0510;
  */
  background:#EDEFEF; color:#000000; border-top:4px solid #ADB8BD;
  }
div.portfolio img {
  width:72px; height:72px; margin:0; padding:0; border:0;
  }
div.portfolio div.b {
  width:72px; float:left; padding:0.5em 0 0 0; margin:0;
  }
div.portfolio div.a {
  margin:0 0 0 75px; padding:0.5em 0.5em 0.2em 0.7em;
  }
* html div.portfolio div.a {
  /* IE-Win only, ignored by Mac-IE \*/
  height:1%; padding:0.5em 0.5em 0.2em 0;
  /* end IE-Win */
  }
div.portfolio h2 {
  clear:none; font-size:1.1em; line-height:1.2em; margin:0 0 1em 0; padding:0;
  font-style:normal; font-weight:bold;
  }
div.portfolio h2 a {
  background:none; color:#000000; text-decoration:none; border:none;
  }
div.portfolio h2 a:hover, div.portfolio h2 a:focus {
  text-decoration:underline;
  }
div.portfolio a span {
  /* hide extra information in detail link */
  position:absolute; left:-999px; width:900px;
  }
div.portfolio p {
  clear:none;
  }
div.portfolio p.min {
  clear:none; margin:0 0 0.4em 0; padding:0;
  }


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

#img_precontent {
  /* image with quote or additional data beside */
  position:absolute; top:105px; left:0px; width:58%; height:140px; z-index:3;
 
  }
#img_precontent img {
  display:inline; float:left; margin:0 20px 0 28px ;
  
  }
  

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 {
  clear:both; display:block; margin:15px 0 0 0;
  }

/*-------------------------------------
  "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;
  }
.citation {
color:#FF0000;
font:bold;
font-style:italic;
font-weight:bold;

}