/*
################################################################################
Version 15.03.2006, 0.2
################################################################################
Bernd Göbel, <strich-komma />, http://www.strich-komma.de, web@strich-komma.de
################################################################################
################################################################################
- CSS für den Internetexplorer/alle "main_ie.css"
- CSS für den Druck, "print.css"
################################################################################
Farben:

################################################################################
*/
* { margin: 0; padding: 0; font-family: Verdana , Arial , Helvitica , sans-serif; color: #666666; font-style: normal;}

html {
  width: 100%;
  height: 100%; }

body {
  background-color:#FFFFFF;
  margin: 0 0 50px 0;
  padding: 0 0 50px 0;
  font-size: 100.01%;
  text-align: center; }

table , p  , h2 , h3 , h4 , ul , address { font-size:76%; }
    
h1 { background-repeat: no-repeat; height: 70px; }

h3 { color: #009999; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

table { border-collapse: collapse; }

li { list-style: none; }

td { vertical-align: top; }
 
img { border: none; } 

form { display: inline; }

address.textflow { padding: 0 0 12px 0; }

/*****************************************************************************************************/
#myPage {
  position: relative;
  top: 52px;
  width: 806px;
  height: 554px;
  margin: 0 auto 0 auto;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 22px 90px; }

#content {
  /*height: 400px; */}

#footer {
  margin: 8px auto 0 auto;
  height: 30px;
  width: 806px; }
  
#bildunter {
  margin: 2px auto 0 auto;
  padding: 0 8px 0 0;
  height: 30px;
  width: 806px; }
  
p#bildunter {
  color: #999999;
  text-align: right;
  font-size: 0.6em; }
  
  
h2 {
  position: absolute;
  top: 70px;
  left: 632px;
  width: 172px;
  height: 20px;
  background-image: url(../images/bg_h2.gif);
  background-repeat: no-repeat;
  background-position: 0 0;} 

h2 span { display: none; }

acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted #CCCCCC; }
  
/*Navigation*/
/*****************************************************************************************************/
ul.navigation { float: left; width: 620px; }

ul.navigation li {;
  padding: 0 12px 0 0;
  display: inline;
  vertical-align: top; }

ul.navigation li a { display: inline; color: #666666; }

ul.navigation li a:hover { color: #DA1E3D; text-decoration: none; }

ul.navigation li.aktiv strong {
  font-weight: bold;
  color: #000000;
  text-decoration: none; }
/*Unterseiteneigenschaften*/
/*****************************************************************************************************/
#content , #content-kontakt {
  margin-top: 34px;
  margin-left: 58px;
  width: 520px;
  height: 370px;
  overflow: auto; 
  padding-right:20px;
  }

[if SafMob]#content { overflow: scroll !important; }


#content h3 , #content-kontakt h3{
  color: #DA1E3D;
  margin-bottom: 1em;
  margin-top: 3em;
  clear: both; }
  
#content h3.first , #content-kontakt h3.first{ margin-top: 0; }
#content p { margin-bottom: 1em; }
#content-kontakt p { margin-bottom: 0.5em; } 
  
#content-kontakt  address.textflow { padding: 0 0 0.5em 0; } 
  
   
/*****************************************************************************************************/ 
/* Projektliste */
ul.projektListe  {
  margin: 0 0 24px 0;
  font-size: 100.1%; 
  overflow: hidden;}
 
 ul.projektListe li {
  padding: 2em 0 0 0;
  list-style: none;
  font-size: 100.01%;
  clear: both; }
  
.pictureCol { float: left; width: 80px; }
 
.infoCol { float: right; width: 400px; }
 
 ul.projektListe li a.pic {
  border: 1px solid #666666;
  margin: 0 10px 0 0;
  display: block; 
  width: 80px;
  height: 60px;
  background-repeat: no-repeat;
  text-decoration:none; } 
  
ul.projektListe li a.pic:hover { border: 1px solid #000000; }
  
ul.projektListe li a span { display: none; }

a.audiohood { background-image: url(./../images/projekte/audiohood.gif); }
a.kombinat { background-image: url(./../images/projekte/kombinat.gif); }
a.bepartners { background-image: url(./../images/projekte/bepartners.gif); }
a.sympleko { background-image: url(./../images/projekte/sympleko.gif); }
a.cleanpowernet { background-image: url(./../images/projekte/cleanpowernet.gif); }
a.dihk { background-image: url(./../images/projekte/dihk.gif); }
a.trickfilmzeit { background-image: url(./../images/projekte/trickfilmzeit.gif); }
a.doppelnaht { background-image: url(./../images/projekte/doppelnaht.gif); }
a.afg { background-image: url(./../images/projekte/afg.gif); }
a.kateroho { background-image: url(./../images/projekte/kateroho.gif); }
a.datango { background-image: url(./../images/projekte/datango.gif); }
a.tag-master { background-image: url(./../images/projekte/tag-master.gif); }
a.abraham-loehr { background-image: url(./../images/projekte/abraham-loehr.gif); }
a.fudao { background-image: url(./../images/projekte/fudao.gif); }
a.franken { background-image: url(./../images/projekte/franken.gif); }
a.filmzeit { background-image: url(./../images/projekte/filmzeit.gif); }
a.bildreiz { background-image: url(./../images/projekte/bildreiz.gif); }
a.good-shadow { background-image: url(./../images/projekte/good-shadow.gif); }
a.hc { background-image: url(./../images/projekte/hc.gif); }
a.markenverband { background-image: url(./../images/projekte/markenverband.gif); }
a.mpk { background-image: url(./../images/projekte/mpk.gif); }
a.eco { background-image: url(./../images/projekte/eco.gif); }
a.berlintapete { background-image: url(./../images/projekte/berlintapete.gif); }
a.medienfactory { background-image: url(./../images/projekte/medienfactory.gif); }
a.bdi_klimaschutz { background-image: url(./../images/projekte/bdi-klimaschutz.gif); }
a.enretec-web { background-image: url(./../images/projekte/enretec-web.gif); }
a.ibaz { background-image: url(./../images/projekte/ibaz.gif); }
a.kks { background-image: url(./../images/projekte/kks.gif); }
a.db { background-image: url(./../images/projekte/db.gif); }
a.meilenstein { background-image: url(./../images/projekte/meilenstein.gif); }
a.apendio { background-image: url(./../images/projekte/apendio.gif); }
a.eom { background-image: url(./../images/projekte/eom.gif); }
a.bdi { background-image: url(./../images/projekte/bdi.gif); }
a.birkart { background-image: url(./../images/projekte/birkart.gif); }
a.enretec { background-image: url(./../images/projekte/enretec.gif); }
a.ivistar { background-image: url(./../images/projekte/ivistar.gif); }
a.bellid { background-image: url(./../images/projekte/bellid.gif); }
a.vdtuev { background-image: url(./../images/projekte/vdtuev.gif); }
a.korkstore { background-image: url(./../images/projekte/korkstore.gif); }
a.faircredit { background-image: url(./../images/projekte/faircredit.gif); }
a.alrise { background-image: url(./../images/projekte/alrise.gif); }
a.argus { background-image: url(./../images/projekte/argus.gif); }
a.coninvest { background-image: url(./../images/projekte/coninvest.gif); }
a.verhuelsdonk { background-image: url(./../images/projekte/verhuelsdonk.gif); }
a.ks { background-image: url(./../images/projekte/ks.gif); }
a.kvi { background-image: url(./../images/projekte/kvi.gif); }
a.svt { background-image: url(./../images/projekte/svt.gif); }
a.cranio { background-image: url(./../images/projekte/cranio.gif); }
a.yellow { background-image: url(./../images/projekte/yellow.gif); }
a.weimar { background-image: url(./../images/projekte/weimar.gif); }
a.fittodrive { background-image: url(./../images/projekte/fittodrive.gif); }
a.ucb { background-image: url(./../images/projekte/ucb.gif); }
a.asia { background-image: url(./../images/projekte/asia.gif); }
a.aweber { background-image: url(./../images/projekte/aweber.gif); }

a.audiohood:hover ,
a.kombinat:hover ,
a.bepartners:hover ,
a.sympleko:hover ,
a.cleanpowernet:hover ,
a.dihk:hover ,
a.trickfilmzeit:hover ,
a.doppelnaht:hover ,
a.afg:hover ,
a.datango:hover ,
a.kateroho:hover ,
a.tag-master:hover ,
a.abraham-loehr:hover ,
a.fudao:hover ,
a.franken:hover ,
a.filmzeit:hover ,
a.bildreiz:hover ,
a.good-shadow:hover ,
a.hc:hover ,
a.markenverband:hover ,
a.mpk:hover ,
a.eco:hover ,
a.berlintapete:hover ,
a.medienfactory:hover ,
a.bdi_klimaschutz:hover ,
a.enretec-web:hover ,
a.ibaz:hover ,
a.kks:hover ,
a.db:hover ,
a.meilenstein:hover ,
a.apendio:hover ,
a.eom:hover ,
a.bdi:hover ,
a.enretec:hover ,
a.birkart:hover ,
a.ivistar:hover ,
a.bellid:hover ,
a.vdtuev:hover ,
a.korkstore:hover ,
a.faircredit:hover ,
a.alrise:hover ,
a.argus:hover ,
a.coninvest:hover ,
a.verhuelsdonk:hover ,
a.ks:hover ,
a.kvi:hover ,
a.svt:hover ,
a.cranio:hover ,
a.yellow:hover ,
a.weimar:hover ,
a.fittodrive:hover ,
a.ucb:hover ,
a.asia:hover ,
a.aweber:hover { background-position: 0px -60px; } 

p.shortDesc { margin-top: 6px; }

/*****************************************************************************************************/
p.symbol {
  color: #DA1E3D;
  font-size: 120%;
  font-weight: bold; 
  margin-bottom: 8px; }

div.home {
  position: absolute;
  top: 304px;
  left: 360px;
  width: 400px; }
  
div.home p.list{ margin-left: 2em; margin-top: -1em; line-height: 130%; font-size: 70%; }
  
p.symbol { color: #DA1E3D; font-size: 120%; font-weight: bold; }
  
div.normal {
  position: absolute;
  bottom: 60px;
  left: 640px;
  width: 150px;
  }
  
div.normal h5{
  margin-bottom: 8px; }
 
.home-header { background-image: url(../images/bg_head_home.jpg); } 
.home-background { background-image: url(../images/bg_home.jpg); }
.home-footer { background-image: url(../images/bg_footer_home.jpg); }

.strichkomma-header { background-image: url(../images/bg_head_strich-komma.jpg); } 
.strichkomma-background { background-image: url(../images/bg_strich-komma.jpg); }
.strichkomma-footer { background-image: url(../images/bg_footer_strich-komma.jpg); }