/*
   Globale Styles f. Positionierungen.
   F. jede Unterseite gibt es eigenes Stylesheet, in dem Klasses gleichen Namens
   die Farbigkeit der Container bestimmen, falls diese auf Unterseiten
   verschieden ist.

   © 2007 EMMA-STIL Mediendesign


                                             -------------------
                                            (  mainMenu1 - IV  )
                                             -------------------
                                              /    |   \       \
                                             /     |    \       \
   +-pageInclMargin-------------------------/------|-----\-------\------------------------+
   |  +-page-------------------------------/-------|------\-------\---------------------+ |
   |  | +-header-----------------------+--/--+-+---|-+-+---\-+-+---\-+----------------+ | |
   |  | |                              |     | |   | | |     | |     |                | | |
   |  | |                              |     | |     | |     | |     |    metaNavi    | | |
   |  | |                              |     | |     | |     | |     |                | | |
   |  | |                              |     | |     | |     | |     |                | | |
   |  | +------------------------------+ - - +-+ - - +-+ - - +-+ - - +----------------+ | |
   |  | +----------------------------+ +-----+-+-----+-+-----+-+-----+------+----+----+ | |
   |  | |                            | |                                    |    |    | | |
   |  | |                            | |                                    |    |    | | |
   |  | /      left1                 | |                                    |    |    | | |
   |   /|                            | |                                    |    |    | | |
   |  / |                            | |                                    |    |    | | |
     /  |                            | |                                    |    |    | | |
    /   |                            | |         right1                     | 2  | 3  | | |
   /    +----------------------------+ |                                    |    |    | | |
left-----                            | |                                    |    |    | | |
   \    +----------------------------+ |                                    |    |    | | |
    \   |                            | |                                    |    |    | | |
     \  |      left2                 | |                                    |    |    | | |
   |  \ |                            | |                                    |    |    | | |
   |   \|                            | |                                    |    |    | | |
   |    \                            | |                                    |    |    | | |
   |  | |                            | |                                    |    |    | | |
   |  | |                            | |                                    |    |    | | |
   |  | |                            | |                                    |    |    | | |
   |  | +----------------------------+ +------------------------------------+----+----+ | |
   |  | +--pageFoot-------------------------------------------------------------------+ | |
   |  | |+---------------------------+ +---------------------------------------------+| | |
   |  | || pageFootLeft              | | pageFootRight                               || | |
   |  | ||                           | |                                             || | |
   |  | |+---------------------------+ +---------------------------------------------+| | |
   |  | +-----------------------------------------------------------------------------+ | |
   |  +---------------------------------------------------------------------------------+ |
   +--------------------------------------------------------------------------------------+

*/
html body {
	padding: 0px;
	background-color: #e9eef0;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
body {
  background-color:#e9eef0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:1.6em;
  font-size:11px;
  color:#ffffff;
  text-align:center;
}

div {
  margin:0px;
  padding:0px;
  text-align:left;
}

td {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:1.4em;
  text-align:left;
  vertical-align:top;
}

/*
   STYLES HAUPT CONTAINER
*/
#mother {
  position:absolute;
  top:0px;
  left:50%;
  overflow:visible;
}

#pageInclMargin {
  position:absolute;
  top:0px;
  left:-492px;
  width:984px;
  height:800px;
  overflow:hidden;
}

#page {
  position:absolute;
  left:32px;
  top:3px;
  width:920px;
  height:756px;
  overflow:hidden;
  background-color:#e9eef0;
}

a:link {
  color:#ff6600;
  text-decoration:none;
  cursor:pointer;
  font-size:11px;
}
a:hover {
  color:#ff6600;
  text-decoration:underline;
  cursor:pointer;
  font-size:11px;
}
a:visited {
  color:#ff6600;
  text-decoration:none;
  cursor:pointer;
  font-size:11px;
}



/*
   STYLES KOPF
*/

#header {
  position:absolute;
  top:0px;
  left:0px;
  width:920px;
  height:82px;
  overflow:hidden;
  background-color:#e9eef0;
}

#mainMenu1 {
  position:absolute;
  top:0px;
  left:399px;
  width:88px; /* 4 x 96 */
  height:86px;
  overflow:hidden;
  z-index:9;
}
#mainMenu2 {
  position:absolute;
  top:0px;
  left:495px;
  width:88px; /* 4 x 96 */
  height:86px;
  overflow:hidden;
  z-index:9;
}
#mainMenu3 {
  position:absolute;
  top:0px;
  left:591px;
  width:88px; /* 4 x 96 */
  height:86px;
  overflow:hidden;
  z-index:9;
}
#mainMenu4 {
  position:absolute;
  top:0px;
  left:687px;
  width:88px; /* 4 x 96 */
  height:86px;
  overflow:hidden;
  z-index:9;
}


/*
   WECHSELGRAFIKEN f. MainMenu
*/
.mainMenu1 {
  cursor:pointer;
  background-image:url(../img/menu-leistung.gif);
  background-repeat:no-repeat;
}
.mainMenu1hover {
  cursor:pointer;
  background-image:url(../img/menu-leistung_on.gif);
  background-repeat:no-repeat;
}

.mainMenu2 {
  cursor:pointer;
  background-image:url(../img/menu-service.gif);
  background-repeat:no-repeat;
}
.mainMenu2hover {
  cursor:pointer;
  background-image:url(../img/menu-service_on.gif);
  background-repeat:no-repeat;
}

.mainMenu3 {
  cursor:pointer;
  background-image:url(../img/menu-produkte.gif);
  background-repeat:no-repeat;
}
.mainMenu3hover {
  cursor:pointer;
  background-image:url(../img/menu-produkte_on.gif);
  background-repeat:no-repeat;
}

.mainMenu4 {
  cursor:pointer;
  background-image:url(../img/menu-shop.gif);
  background-repeat:no-repeat;
}
.mainMenu4hover {
  cursor:pointer;
  background-image:url(../img/menu-shop_on.gif);
  background-repeat:no-repeat;
}



#metaNavi {
  position:absolute;
  top:9px;
  left:800px;
  width:110px; /* 4 x 96 */
  height:70px;
  overflow:hidden;
  text-align:right;
  line-height:1.4em;
  z-index:9;
}

a.metaNavi {
  color:#ff6600;
  cursor:pointer;
  text-decoration:none;
}
a.metaNavi:hover {
  color:#ff6600;
  cursor:pointer;
  text-decoration:underline;
}







/*
   STYLES LINKE SEITE
*/

#left { /* ganze linke seite (ungeteilt) */
  position:absolute;
  top:86px;
  left:0px;
  width:395px;
  height:490px;
  overflow:hidden;
}
#left1 { /* obere linke seite */
  position:absolute;
  top:86px;
  left:0px;
  width:395px;
  height:214px;
  overflow:hidden;
}
#left2 { /* untere linke seite */
  position:absolute;
  top:304px;
  left:0px;
  width:395px;
  height:272px;
  overflow:hidden;
}
#leftA { /* linke linke Seite (senkrechte Teilung)*/
  position:absolute;
  top:86px;
  left:0px;
  width:195px;
  height:490px;
  overflow:hidden;
}
#leftB { /* rechte linke Seite (senkrechte Teilung)*/
  position:absolute;
  top:86px;
  left:199px;
  width:196px;
  height:490px;
  overflow:hidden;
}

#subMenu {
  margin-top:34px;
}

/* Text-Inhalt. Das hier sorgt f. gleichmäßigen Abstand von links: */
.leftContent {
  padding-left:30px;
  width:330px;
  line-height:1.4em;
}





/*
   STYLES RECHTE SEITE
*/

#right1 {
  position:absolute;
  top:86px;
  left:399px;
  width:471px;
  height:490px;
  overflow:hidden;
  padding-left:45px;
}
p.right1 {
  width:385px;
}
p.stecknadel {
  width:385px;
}

#right2 {
  position:absolute;
  top:86px;
  left:870px;
  width:34px;
  height:490px;
  overflow:hidden;
}
#right3 {
  position:absolute;
  top:86px;
  left:904px;
  width:16px;
  height:490px;
  overflow:hidden;
}





/*
   STYLES BRAUNER FOOTER
*/

#pageFoot {
  position:absolute;
  top:580px;
  left:0px;
  width:920px;
  height:175px;
  overflow:hidden;
  background-color:#5c363e;
}
#pageFootLeft {
  position:absolute;
  top:580px;
  left:0px;
  width:395px;
  height:175px;
  overflow:hidden;
  background-color:#5c363e;
  padding-left:48px;
  padding-right:21px;
}
#pageFootRight {
  position:absolute;
  top:580px;
  left:399px;
  width:521px;
  height:175px;
  overflow:hidden;
  background-color:#5c363e;
  padding-left:42px;
  padding-right:90px;
}
p.pageFootRight {
  width:400px;
  font-size:90%;
}












/*
   STYLES FOOTER
*/

#footer {
  position:absolute;
  top:764px;
  left:677px;
  width:280px;
  height:20px;
  overflow:hidden;
  color:#767676;
  font-size:9px;
}
#palette {
  position:absolute;
  top:732px;
  left:0px;
  width:984px;
  height:63px;
  overflow:hidden;
  background-image:url(../img/palette.gif);
}


a.footer {
  font-size:9px;
  color:#767676;
  cursor:pointer;
}





/*
   STYLES FÜR TEXTE
*/
h1.rightTop {
  margin-top:32px;
}
h1.leftTop {
  margin-top:32px;
}
p {
  line-height:1.4em;
  font-size:11px;
  padding:0px;
  margin-top:14px;
  margin-bottom:2px;
}

.digiBrace { color:#ff6600; }