/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorBlack  {background-color: #000000;}
.neutralColorStrong {background-color: #333333;}
.neutralColorMedium {background-color: #7D7D7D;}/* -- Text Middle Gray -- */
.neutralColorLight {background-color: #999999;} /* -- Text Light Brown 2 -- */
.teaserColor {background-color: #FF9900;} /* -- Text Orange -- */
.secondColorStrong {background-color: #FAC972;} /* -- HG Beige Dark -- */
.secondColorMedium {background-color: #FCE1B0;} /* -- HG Beige Medium -- */
.secondColorLight {background-color: #FFF7E2;} /* -- HG Beige Light -- */
.primColorStrong {background-color: #004893;} /* -- Text Blue -- */
.primColorMedium {background-color: #646566;} /* -- Text Gray -- */
.primColorLight {background-color: #B2B2B3;} /* -- Text Light Gray -- */


/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/
/* -- BODY ----------------------------------------------*/

* {margin:0; border:0; padding:0; font-style:normal; font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}


html, body, #page, #container {
  height: 100%;
}
body > #page {
  height: auto;
  min-height: 100%;
}
body > #container {
  height: auto;
  min-height: 100%;
}
body#web {
  width:100%;
  height:100%;
  background:#989899 url(http://www.communigate.org/common/body_HG.gif) top center repeat-y;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:13px;
  line-height:17px;
  color:#646566;
}
#container {
  position:relative;
  width:985px;
  min-height: 100%;
  margin:0 auto;
  overflow:auto;
  background:#ffffff;
}
* html #container {
  overflow:visible;
  height:100%;
}
/* -- TOP HG --------------------------------------------*/
#top {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:495px;
  padding:0;
  background:transparent url(http://www.communigate.org/common/top_HG.gif) top center repeat-x;
}
#top2 {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:495px;
  padding:0;
  background:transparent url(http://www.communigate.org/common/header_HG.png) top center no-repeat;
}

/* -- TOP -----------------------------------------------*/
header {
  position:relative;
  float:left;
  width:985px;
  height:380px;
  padding:0;
  background:transparent url(http://www.communigate.org/common/gate_HG.gif) top right no-repeat;
  z-index:100;
}
#logo {
  position:relative;
  float:right;
  width:220px;
  height:125px;
  padding:0px 10px 0 0;
  background:transparent url(http://www.communigate.org/common/communigate_logo.png) top left no-repeat;
}
#logo a, #logo a:link, #logo a:visited {
  display:block;
  width:100%;
  height:125px;
}
#imgTitle {
  position:relative;
  float:left;
  width:100%;
  height:224px;
  border-bottom:1px solid #ffffff;
  padding:0;
}

#imgBox {
  position:absolute;
  width:330px;
  height:136px;
  top:22px;
  left:24px;
  padding:10px 21px 13px 16px;
  background:transparent url(http://www.communigate.org/common/imgBox_HG.png) top left no-repeat;
}
#imgBox span {
  display:block;
  width:330px;
  height:60px;
  overflow:hidden;
}
#imgBox span.imgTitle {
  padding:0 0 9px 0;
  font-size:1.8em;
  line-height:1.3em;
  color:#004893;
}
#imgBox span.imgDesc {
  padding:7px 0 0 0;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
}
/* -- MIDDLE --------------------------------------------*/
#middle {
  position:relative;
  float:left;
  width:960px;
  padding:20px 0 200px 25px;
  background:transparent;
}
#left {
  position:relative;
  float:left;
  width:165px;
  padding:0 0 0 0;
  background-color:transparent;
  overflow:hidden;
}
#content {
  position:relative;
  float:left;
  width:527px;
  margin:0;
  padding:0 13px 0 20px;
}
#contentS {
  position:relative;
  float:left;
  width:477px;
  margin:0;
  padding:0 13px 0 0;
}
#rightS {
  position:relative;
  float:right;
  width:470px;
  margin:0;
  padding:0 0 0 0;
  background-color:transparent;
}
#right {
  position:relative;
  float:right;
  width:235px;
  margin:0;
  padding:0 0 0 0;
  background-color:transparent;
}

/* -- BOTTOM --------------------------------------------*/
#barBottom {
  position:relative;
  width:100%;
  height:150px;
  margin-top: -150px;
  padding:0;
  background:transparent url(http://www.communigate.org/common/bottom_HG.gif) bottom center repeat-x;
}
#barBottom2 {
  position:absolute;
  width:100%;
  height:150px;
  top:0;
  left:0;
  padding:0;
  background:transparent url(http://www.communigate.org/common/footer_HG.png) bottom center no-repeat;
}
#bottom {
  position:relative;
  width:985px;
  height: 120px;
  margin:0 auto;
  padding:0 0 30px 0;
  background:transparent;
}
footer {
  position:relative;
  width:960px;
  height:101px;
  padding:9px 0 10px 25px;
  background:transparent;
  overflow:hidden;
}
footer nav {
  position:relative;
  float:left;
  width:488px;
}
footer section {
  position:relative;
  float:left;
  width:209px;
  height:97px;
  padding:4px 13px 0 13px;
  border-left:1px solid #BEBEBE;
}
footer nav section {
  width:162px;
  border:0;
  padding:4px 0 0 0;
}
footer nav section a, footer nav section a:link, footer nav section a:visited {
  display:block;
  width:138px;
  padding:3px 12px 0;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 0px -389px no-repeat;
  color:#7d7d7d;
  text-transform:uppercase;
  font-size:11px;
  line-height:15px;
}
footer nav section a.sub, footer nav section a.sub:link, footer nav section a.sub:visited {
  background:transparent;
  text-transform:none;
}
footer nav section a:hover, footer nav section a.sub:hover {
  color:#004893;
}
footer section img {
  float:left;
  width:auto;
  padding:7px 9px 7px 0;
}
footer section img.bcs {
  padding-right:0;
}
footer section a.logo, footer section a.logo:link, footer section a.logo:visited {
  float:left;
  background-color:transparent;
  background-image:url(http://www.communigate.org/common/logo_sprite.gif);
  background-repeat:no-repeat;
}
footer section a.dekra, footer section a.dekra:link, footer section a.dekra:visited {
  float:left;
  width:40px;
  height:65px;
  padding:0;
  background-position:0 -154px;
}
footer section a.dekra:hover, footer section a.dekra:active {
  background-position:0 -279px;
}
footer section a.pci, footer section a.pci:link, footer section a.pci:visited {
  float:right;
  width:60px;
  height:60px;
  padding:0;
  background-position:0 -404px;
}
footer section a.pci:hover, footer section a.pci:active {
  background-position:0 -524px;
}
footer section a.lap, footer section a.lap:link, footer section a.lap:visited {
  width:155px;
  height:17px;
  padding:7px 9px 7px 0;
  background-position:0 7px;
}
footer section a.bcs, footer section a.bcs:link, footer section a.bcs:visited {
  width:42px;
  height:17px;
  padding:7px 0;
  background-position:0 -70px;
}
footer section span {
  display:block;
  color:#7d7d7d;
  font-size:11px;
  line-height:15px;
  font-weight:bold;
}
footer section span.certify {
  padding:0 0 0 52px;
}
footer section ul {
  padding:0 0 0 65px;
}
footer section li {
  font-size:11px;
  line-height:15px;
  padding:2px 0 0 0;
  color:#7d7d7d;
}

/*-- FLOATING ---------------*/
.clearing {
  clear:both;
  height:0;
  border:0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}

/****************************************************/
/*    3.  CSS-Modul: LAYOUT (PAGE ELEMENTS)         */
/****************************************************/

/* -- SITEMAP --------------------------------------*/
td.sitemapTitle0 {
  background-color:#ddd;
  border-right:1px solid #444;
}
td.sitemapTitle1 {
  background-color:#ddd;
  border-right: solid 1px #000000;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
  font-weight:bold;
  color:#444;
  text-decoration:none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
  font-weight:bold;
  color:#000000;
  text-decoration:none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
  color:#444;
  text-decoration:none;
  font-size:12px !important;font-size:small;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  font-size:12px !important;font-size:small;
}

/* -- SEARCH ---------------------------------------*/

/* -- (Input) -- */
#search {
  position:relative;
  float:left;
  width:223px;
  height:24px;
  border-left:2px solid #ffffff;
  padding:6px 0 0 11px;
  background:transparent url(http://www.communigate.org/common/menu_HG.gif) top left repeat-x;
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:10px;
}
#search form {
  margin:0;
}
#search input#raw {
  position:relative;
  float:left;
   width:180px;
   height:14px;
   margin:0;
   border:none;
   padding:2px 2px 2px 5px;
   background:transparent url(http://www.communigate.org/common/search_HG.gif) top left no-repeat;
   color:#646566;
   font-size:11px;
}
#search input#btnSearch {
  position:relative;
  float:left;
  width:15px;
  height:15px;
  margin:1px 9px 0 0;
}

/* -- (Results) -- */
div.navTop {
  border-bottom:1px solid #CCCCCC;
}
div.navBtm {
  margin-top:10px;
  border-top:1px solid #CCCCCC;
}
div.navTop a, div.navTop a:link, div.navTop a:visited,
div.navBtm a, div.navBtm a:link, div.navBtm a:visited {
  padding:0 5px;
}

/* -- NEWS -----------------------------------------*/


/* -- FORM -----------------------------------------*/


/****************************************************/
/*    4.  CSS-Modul: NAVIGATION                     */
/****************************************************/

/* -- CHANNEL MENU ---------------------------------*/
#menu {
  position:relative;
  float:left;
  width:749px;
  height:30px;
  background:transparent url(http://www.communigate.org/common/menu_HG.gif) top left repeat-x;
  overflow: hidden;
  z-index:50;
}
#menu ul {
  position:relative;
  float: left;
  height:30px;
  padding:0;
}
#menu ul li {
  position:relative;
  float: left;
  height:30px;
  padding:0;
  list-style-type: none;
  background:transparent;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
  display:inline;
  float:left;
  height:30px;
  padding:0 9px;
  background:transparent url(http://www.communigate.org/common/menu_div.gif) 0px 10px no-repeat;
  text-decoration: none;
}
#menu ul li:first-child a, #menu ul li:first-child a:link, #menu ul li:first-child a:visited {
  padding-left:25px;
  background:none;
}
#menu ul li a span, #menu ul li a:link span, #menu ul li a:visited span {
  display:inline;
  float:left;
  height:20px;
  padding:7px 0 3px 0;
  color: #ffffff;
  font-size:12px;
  text-decoration: none;
  text-transform:uppercase;
  cursor:pointer;
}
#menu ul li a span span, #menu ul li a:link span span, #menu ul li a:visited span span {
  float:none;
  padding:none;
}
#menu ul li a:hover, #menu ul li a:active,
#menu ul li a:hover span, #menu ul li a:active span {
  color: #B2D8FF;
  text-decoration:none;
}
#menu ul li a.current, #menu ul li a.current:link, #menu ul li a.current:visited,
#menu ul li a.active, #menu ul li a.active:link, #menu ul li a.active:visited,
#menu ul li a.current span, #menu ul li a.current:link span, #menu ul li a.current:visited span,
#menu ul li a.active span, #menu ul li a.active:link span, #menu ul li a.active:visited span {
  color: #B2D8FF;
  text-decoration:none;
}
/* -- MACRONAVIGATION ------------------------------*/
#macronav {
  position:relative;
  display:block;
  width:165px;
  margin:0;
  padding:0;
}
nav h1 {
  display:block;
  height:13px;
  margin-top:6px;
  padding:2px 0 4px 12px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 0px -93px no-repeat;
  color:#004893;
  font-style:normal;
  font-weight:bold;
  font-size:13px;
  line-height:13px;
  text-transform:uppercase;
}
#macronav ul {
  width:165px;
  padding:0;
  list-style:none;
}
#macronav ul li {
  width:165px;
  padding:0;
  list-style:none;
  background:transparent;
}
#macronav ul li a, #macronav ul li a:link, #macronav ul li a:visited  {
  display:block;
  width:153px;
  padding:2px 0 0 12px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 0px -189px no-repeat;
  color:#646566;
  text-decoration:none;
}
#macronav ul li a span, #macronav ul li a:link span, #macronav ul li a:visited span {
  display:block;
  padding:2px 0;
  color:#646566;
  text-decoration:none;
}
#macronav ul li a span span, #macronav ul li a:link span span, #macronav ul li a:visited span span {
  display:inline;
  float:none;
  width:auto;
  padding:0;
}
#macronav ul li a:hover, #macronav ul li a:active,
#macronav ul li a.current, #macronav ul li a.current:link, #macronav ul li a.current:visited,
#macronav ul li a.active, #macronav ul li a.active:link, #macronav ul li a.active:visited {
  color:#ff9900;
  background-position:0px -288px;
  text-decoration:none;
}

#macronav ul li a.current span, #macronav ul li a.current:link span, #macronav ul li a.current:visited span {
  color:#ff9900;
}


/* -- level 2 -- */

#macronav li li a, #macronav li li a:link, #macronav li li a:visited {
  width:142x;
  padding:2px 0 0 23px;
  background-position:11px -189px;
}
#macronav ul li li a:hover, #macronav ul li li a:active,
#macronav ul li li a.current, #macronav ul li li a.current:link, #macronav ul li li a.current:visited,
#macronav ul li li a.active, #macronav ul li li a.active:link, #macronav ul li li a.active:visited {
  background-position:11px -288px;
}


/* -- level 3 -- */
#macronav li li li a, #macronav li li li a:link, #macronav li li li a:visited {
  width:131px;
  padding:2px 0 0 34px;
  background-position:22px -189px;
}
#macronav ul li li li a:hover, #macronav ul li li li a:active,
#macronav ul li li li a.current, #macronav ul li li li a.current:link, #macronav ul li li li a.current:visited,
#macronav ul li li li a.active, #macronav ul li li li a.active:link, #macronav ul li li li a.active:visited {
  background-position:22px -288px;
}


/* -- level 4 -- */


/* -- MICRONAVIGATION ------------------------------*/
#micronav {
  display:block;
  width:100%;
  height:12px;
  color:#646566;
  letter-spacing:0.3px;
}
#micronav a, #micronav a:link, #micronav a:visited {
  color:#646566;
  text-decoration:none;
  font-style:italic;
  letter-spacing:0.3px;
}
#micronav a:hover, #micronav a:active {
  color:#004893;
  text-decoration:none;
}
#micronav span {
  color:#646566;
  font-style:italic;
  letter-spacing:0.3px;
}

/* -- METANAVIGATION -------------------------------*/
#metanav {
  float:left;
  width:500px;
  height:18px;
  margin-top:2px;
  padding:15px 0 0 25px;
}
#metanav a {
  color:#646566;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
  line-height:15px;
}

/* -- INDEX ----------------------------------------*/
#index {
  display:block;
  width:100%;
  padding:10px 0 0 0;
  overflow:auto;
}
#index p {
  background: url("http://www.communigate.org/common/icon_sprite.gif") no-repeat scroll 0 -90px transparent;
  padding-left:15px;
}

/* -- Einspaltig mit Bild -- */

.index1 {display:block; float:left; width:100%; border-bottom:1px solid #7d7d7d; padding:20px 0;}

.index1 span.ixImg {float:left; width:150px; padding:0 30px 0 0; overflow:hidden; text-align:left;}

.index1 span.ixTitle {float:left; font-weight:bold; width:347px; padding:0;}

.index1 span.ixDesc {float:left; width:347px; padding:5px 0 0 0;}

.index1 a.linkItem, 
.index1 a.linkItem:link, 
.index1 a.linkItem:visited {float:left; padding-left:14px; background-position:0 -91px;}

.index1 a.linkItem:hover, 
.index1 a.linkItem:active {text-decoration:underline;}


/* -- Dreispaltig mit Bild -- */

.index3 {display:block; width:100%; padding:10px 0;}

.index3 .i1, .index3 .i2, .index3 .i3 {position:relative; float:left; width:155px; padding:0 31px 0 0;}

.index3 .i3 {padding:0;}

.index3 a, 
.index3 a:link, 
.index3 a:visited {display:inline-block; width:155pxpx; padding:0px; text-decoration:none;}

.index3 a span.ixImg, 
.index3 a:link span.ixImg, 
.index3 a:visited span.ixImg {display:block; width:67px; height:63px; padding:20px 65px 20px 23px; background:transparent url("http://www.communigate.org/common/leistungen_index_sprite.gif") 0 0px no-repeat; overflow:hidden; cursor:pointer; text-decoration:none; text-align:left;}

.index3 a span.ixTitle, 
.index3 a:link span.ixTitle, 
.index3 a:visited span.ixTitle {display:block; width:100%; padding:10px 0 0 0; color:#004893; font-weight:bold; text-transform:uppercase; cursor:pointer; text-decoration:none;}

.index3 a span.ixDesc, 
.index3 a:link span.ixDesc, 
.index3 a:visited span.ixDesc {display:block; width:100%; padding:5px 0; cursor:pointer; text-decoration:none; color:#646566;}

.index3 a span.ixMore, 
.index3 a:link span.ixMore, 
.index3 a:visited span.ixMore {display:block; padding:2px 0px 2px 14px; background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 0px -90px no-repeat; cursor:pointer; text-decoration:none; color:#333333;}

.index3 a:hover, 
.index3 a:active {text-decoration:none;}

.index3 a:hover span.ixImg, 
.index3 a:active span.ixImg {background-position:0 -136px;}

/* -- Zweispaltig mit Bild -- */

.index2 {
  position:relative;
  float:left;
  width:100%;
  padding:0 0 35px 0;
}
.index2 .i1, .index2 .i2 {
  position:relative;
  float:left;
  width:250px;
  padding:0 25px 0 0;
}
.index2 .i2 {
  padding-right:0;
}
.index2 span.ixImg {
  display:block;
  width:250px;
  height:100px;
}
.index2 span.ixTitle {
  display:block;
  padding:15px 0 0 0;
  font-weight:bold;
  min-height:35px;
}
.ie6 .index2 span.ixTitle {
  height:35px;
}
.index2 span.ixTitle a, .index2 span.ixTitle a:link, .index2 span.ixTitle a:visited {
  font-weight:bold;
}
.index2 span.ixDesc {
  display:block;
  padding:0 0 2px 0;
}
.index2 div.services {
  display:block;
  height:30px;
  margin-top:5px;
  border-top:1px solid #7d7d7d;
  border-bottom:2px solid #ff9900;
  padding:3px 0;
}
.index2 div.services a, .index2 div.services a:link, .index2 div.services a:visited {
  display:block;
  float:left;
  width:32px;
  height:30px;
  margin:0 4px;
  background-image:url('http://www.communigate.org/common/services-icons.png');
  background-color:transparent;
  background-repeat:no-repeat;
}
.index2 div.services a.inbound, .index2 div.services a.inbound:link, .index2 div.services a.inbound:visited {
  background-position:-2px 0px;
}
.index2 div.services a.outbound, .index2 div.services a.outbound:link, .index2 div.services a.outbound:visited {
  background-position:-44px 0px;
}
.index2 div.services a.backoffice, .index2 div.services a.backoffice:link, .index2 div.services a.backoffice:visited {
  background-position:-84px 0px;
}
.index2 div.services a.ccs, .index2 div.services a.ccs:link, .index2 div.services a.ccs:visited {
  width:30px;
  background-position:-119px 2px;
}
.index2 div.services a.www, .index2 div.services a.www:link, .index2 div.services a.www:visited {
  background-position:-152px 2px;
}
.index2 div.services a.showcase, .index2 div.services a.showcase:link, .index2 div.services a.showcase:visited {
  width:auto;
  height:24px;
  margin:0px 0 0 5px;
  padding:6px 0 0 10px;
  background-image: url('http://www.communigate.org/common/icon_sprite.gif');
  background-position:0px -88px;
  color: #333333;
}
.index2 div.services span {
  visibility:hidden;
}
* html .index2 div.services span {
  display:none;
}

/****************************************************/
/*    5.  CSS-Modul: TEXT                           */
/****************************************************/

/* -- STANDARD -------------------------------------*/
h1, h2,  h3, h4 {
  font-weight:normal;
  color:#004893;
}

form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  color:#646566;
}
h1 {
  font-size:1.3em;
  line-height:1.3em;
  margin-top:3px;
  padding-bottom:5px;
  text-transform:uppercase;
}

h2 {
  font-size:1.2em;
  line-height:1.3em;
  padding:8px 0 5px;
}
h3 {
  font-size:1.2em;
  line-height:1.2em;
  color:#ff9900;
  padding:8px 0 5px;
}
h4 {
  font-size:1em;
  line-height:1.3em; 
  text-transform:uppercase;
  padding:5px 0;
}

p {
  padding:5px 0;
}
ol {
  margin:0 0 0 20px;
  padding:5px 0 5px 10px;
  list-style-type:decimal;
}
ol li {
  padding:2px 0;
}
ul {
  padding:5px 0 5px 25px;
  list-style-type:disc;
}
ul li {
  padding:2px 0;
}
dl {
  display:block;
}
dl dt {
  margin:0;
  padding:10px 0 0 0;
  color:#646566;
  font-weight:bold;
}
dl dt a, dl dt a:link, dl dt a:visited {
  color:#646566;
  font-weigth:bold;
}
dl dt a:hover, dl dt a:active {
  color:#b2b2b3;
}
dl dd {
  color:#646566;
  margin:0;
  padding:0 0 5px;
}
dl dd a, dl dd a:link, dl dd a:visited {
  font-weigth:normal;
}
a, a:link, a:visited {
  color:#004893;
  text-decoration:none;
}
a:hover, a:active {
  color:#ff9900;
  text-decoration:none;
}

/* -- ZMS FORMAT (Text Formats) --------------------*/
strong, b {
  font-weight:bold;
}
p.small {
  font-size:11px;
  line-height:15px;
}
p.caption {
  font-style:italic;
}
p.caption a, p.caption a:link, p.caption a:visited {
  font-style:italic;
}
blockquote {
  padding:15px 0 15px 30px;
}
p.emphasis {
  display:block;
  margin:10px 20px;
  padding:11px 15px;
  background:#ff9900;
  color:#ffffff;
}
p.description {
  font-weight:bold;
  color:#fac972;
}

aside.citation {
  display:block;
  margin:25px 0;
  padding:10px 15px 15px 15px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 2px #b2b2b3;
  -webkit-box-shadow: 2px 2px 2px #b2b2b3;
  box-shadow: 2px 2px2px #b2b2b3;
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#d6d6d6', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#b2b2b3', Direction=90, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#b2b2b3', Direction=180, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#d6d6d6', Direction=270, Strength=1);
  background:#ECEBE7 url(http://www.communigate.org/common/quote_HG.gif) bottom left repeat-x;
  overflow:auto;
}
aside.citation img {
  border:1px solid #ffffff;
}
aside.citation img.floatleft {
  float:left;
  margin:5px 20px 0 0;
}
aside.citation img.floatright {
  float:right;
  margin:5px 0 0 20px;
}
aside.citation span.cText {
  display:block;
  padding:2px 0 0 25px;
  background:transparent url(http://www.communigate.org/common/pfeil_rechts.gif) 0 3px no-repeat;
  color:#004893;
  line-height:19px;
  letter-spacing:0.2px;
  font-style: italic;
}
aside.citation span.cText span.arrow {
  position:relative;
  top:3px;
  left:7px;
  display:inline-block;
  width:16px;
  height:17px;
  margin-top:-3px;
  padding:0 0 0 5px;
  background:transparent url(http://www.communigate.org/common/pfeil_links.gif) top left no-repeat;
}
aside.citation span.cName {
  display:block;
  padding:10px 0 0 0;
  color:#646566;
  font-weight:bold;
}
aside.citation span.cPos {
  display:block;
  padding:0;
  color:#646566;
  font-size:12px;
  line-height:16px;
}
aside.citation span.sliderArrow {
  display:block;
  height:25px;
  margin-bottom:-10px;
  background:transparent url(http://www.communigate.org/common/slider_down.png) right 10px no-repeat;
  cursor:pointer;
  clear:both;
}
aside.citation span.open {
  background:transparent url(http://www.communigate.org/common/slider_up.png) right 5px no-repeat;
}
aside.citation section.citSlider {
  display:block;
  padding-top:10px;
  clear:both;
}
aside.citation section.citSlider h2, aside.citation section.citSlider h3, aside.citation section.citSlider h4, aside.citation section.citSlider p {
padding-left:5px;
padding-right:5px;
}
aside.citation section.citSlider h4:first-child {
  margin:5px 0 0 0;
  border-top:1px solid #CCCCCC;
  padding-top:10px;
  text-transform:none;
}


/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/
/* -- ZMS FILE -------------------------------------*/
/* --- reset default --- */
div.ZMSFile, div.ZMSLinkElement {
  background-color:transparent;
  margin:0;
}
div.ZMSFile {
  padding:5px 0;
  color:#646566;
}
div.ZMSFile div.title {
  font-weight:bold;
}
div.ZMSFile div.text {
  padding:5px 0;
}
div.ZMSFile div.text a, div.ZMSFile div.text a:link, div.ZMSFile div.text a:visited {
}

/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  margin:0 0 13px 0;
  padding:0 0 5px 0;
}
table.ZMSTable th { 
  background:transparent;
  vertical-align:bottom;
  color:#004893;
  border-bottom:1px solid #CCCCCC;
}
table.ZMSTable tr th p {
  margin:0;
  padding:5px;
  color:#004893;
  text-align:left;
}
table.ZMSTable tr td {
  border-bottom:1px solid #CCCCCC;
  vertical-align:top;
}
table.ZMSTable tr td p {
  margin:0;
  padding:5px;
  font-size:12px;
  line-height:15px;
  color:#646566;
  text-align:left;
}
table.ZMSTable caption {
  margin:0;
  padding:0 5px 5px;
  background-color:transparent; 
  font-size:11px;
  line-height:13px;
  color:#004893;
  text-align:left;
}

/* -- ZMS GRAPHIC ----------------------------------*/

div.ZMSGraphic {
  position:relative;
  background:transparent; 
  margin:10px 0;
  background: transparent;
}
div.ZMSGraphic.left {
  text-align:left;
}
div.ZMSGraphic.right {
  text-align:right;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:20px;
}
* html div.ZMSGraphic.floatleft {
  margin-right:12px;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:20px;
}
* html div.ZMSGraphic.floatright {
  margin-left:12px;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.graphic {
  display:block;
  position:relative;
  width:100%;
}

div.graphic a:hover, div.graphic a:active {
  border:0;
}
div.graphic img {
  display:block;
}
div.graphic.alignleft {
  float:left;
  margin:0 15px 0 0;
  text-align:right;
}
* html div.graphic.alignleft {
  margin:0 7px 0 0;
}
div.graphic.alignright {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}
* html div.graphic.alignright {
  margin:0 0 0 7px;
}
div.ZMSGraphic div.text {
  padding:5px 0 0 0;
}
div.ZMSGraphic div.text p {
  font-size:12px;
  line-height:16px;
  padding:0;
}
div.graphic a.zoom, div.graphic a.zoom:link, div.graphic a.zoom:visited {
  position:absolute;
  bottom:0;
  right:0;
  width:15px;
  height:15px;
  border:2px solid #004893;
 background:transparent url(http://www.communigate.org/common/lupe.gif) top left no-repeat;
}


/* -- ZMS TEASER -----------------------------------*/
div#teaser, div#teaser2 {
  float:right;
  width:209px;
  margin:0;
  padding:0 13px 0;
  background:none;
}
div#teaserContent {
  float:left;
  margin:0;
  background:none;
}
div.ZMSTeaserContainer {
  display:block;
  padding:0 0 20px 0;
}
#contentS div.ZMSTeaserContainer, #content div.ZMSTeaserContainer {
  padding:20px 0 0 0;
}
div.ZMSTeaserContainer div.title {
  display:block;
  border-top:1px solid #7d7d7d;
  border-bottom:2px solid #ff9900;
  padding:4px 0 3px 21px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 7px 10px no-repeat;
  font-size:13px;
  font-weight:bold;
  line-height:20px;
  text-decoration:none;
  text-transform:uppercase;
  color:#004893;
}
div.ZMSTeaserElement {
  position:relative;
  padding:13px 0 0 0;
}
div.ZMSTeaserElement div.graphic {
  display:block;
  overflow:hidden;
  padding:7px 0 18px 0;
}
#contentS div.ZMSTeaserElement div.graphic {
  width:470px;
}
#content div.ZMSTeaserElement div.graphic {
  width:542px;
}
#right div.ZMSTeaserElement div.graphic {
  width:209px;
}
div.ZMSTeaserElement img.title {
  border:none;
}

div.ZMSTeaserElement div.title {
  display:block;
  padding:0 8px;
  background:transparent;
  font-size:13px;
  text-transform:uppercase;
  color:#004893;
  border:none;
  text-align:left;
}
div.ZMSTeaserElement div.title a, div.ZMSTeaserElement div.title a:link, div.ZMSTeaserElement div.title a:visited {
  display:block;
  width:100%;
  padding:0;
  background:transparent;
  font-size:13px;
  text-decoration:none;
  text-transform:uppercase;
  color:#004893;
  text-align:left;
}
div.ZMSTeaserElement div.title a:hover, div.ZMSTeaserElement div.title a:active {
  text-decoration:underline;
}
div.ZMSTeaserElement div.text {
  display:block;
  padding:0 8px;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  color:#646566;
}

div.ZMSTeaserElement div.text a, div.ZMSTeaserElement div.text a:link, div.ZMSTeaserElement div.text a:visited {
  font-weight:normal;
  color:#004893;
}
div.ZMSTeaserElement div.text span {
  display:block;
  width:100%;
  padding:0;
}
div.ZMSTeaserElement a:hover, div.ZMSTeaserElement a:active {
  text-decoration:underline;
}

/* --- BRANCHENLÖSUNGEN --- */
div.ZMSTeaserElement ul {
  display:block;
  width:100%;
  padding:0;
  list-style-type:none;
}
div.ZMSTeaserElement li.bServices {
  display:block;
  width:100%;
  height:46px;
  padding:0 0 10px 0;
  background:transparent;
}
div.ZMSTeaserElement li.bServices a, div.ZMSTeaserElement li.bServices a:link, div.ZMSTeaserElement li.bServices a:visited {
  display:block;
  height:46px;
  padding:0 35px 0 21px;
  background:transparent url(http://www.communigate.org/common/services_teaser_sprite.gif) 0 0 no-repeat;
  text-decoration:none;
}
div.ZMSTeaserElement li.bServices a span.sTitle, div.ZMSTeaserElement li.bServices a:link span.sTitle, div.ZMSTeaserElement li.bServices a:visited span.sTitle {
  display:block;
  height:17px;
  padding:5px 0 0;
  text-decoration:none;
  color:#646566;
  cursor:pointer;
}
div.ZMSTeaserElement li.bServices a span.sService, div.ZMSTeaserElement li.bServices a:link span.sService, div.ZMSTeaserElement li.bServices a:visited span.sService {
  display:block;
  height:17px;
  padding:0;
  text-decoration:none;
  font-size:12px;
  line-height:17px;
  color:#004893;
  text-transform:uppercase;
  cursor:pointer;
}
div.ZMSTeaserElement li.bServices a:hover, div.ZMSTeaserElement li.bServices a:active {
  background-position:0 -76px;
}
div.ZMSTeaserElement li.bServices a:hover span, div.ZMSTeaserElement li.bServices a:active span {
  text-decoration:none;
}
div.ZMSTeaserElement li.bServices a:hover span.sService, div.ZMSTeaserElement li.bServices a:active span.sService {
  color:#ff9900;
}
/* --- TEASER BUTTON --- */

a.teaserBtn, a.teaserBtn:link, a.teaserBtn:visited {
  display:block;
  width:209px;
  height:47px;
  margin:20px 0 0 0;
  padding:0;
  background:transparent url(http://www.communigate.org/common/cta_btn_sprite.gif) 0 0 no-repeat;
}

a.teaserBtn span.top, a.teaserBtn:link span.top, a.teaserBtn:visited span.top {
  display:block;
  width:124px;
  height:40px;
  padding:7px 15px 0 70px;
  font-size:11px;
  line-height:15px;
  color:#ffffff;
  text-decoration:none;
}

a#callbackBtn span.top, a#callbackBtn:link span.top, a#callbackBtn:visited span.top {
  background:transparent url(http://www.communigate.org/common/cta_btn_sprite.gif) 16px -145px no-repeat;
}
a#videoBtn span.top, a#videoBtn:link span.top, a#videoBtn:visited span.top {
  background:transparent url(http://www.communigate.org/common/cta_btn_sprite.gif) 16px -203px no-repeat;
}

a.teaserBtn span.btm, a.teaserBtn:link span.btm, a.teaserBtn:visited span.btm {
  display:block;
  padding:1px 0 0 0;
  color:#ffffff;
  text-transform:uppercase;
  text-decoration:none;
}

div.ZMSTeaserElement a.teaserBtn:hover, div.ZMSTeaserElement a.teaserBtn:active {
  background-position:0 -77px;
  text-decoration:none;
}
div.ZMSTeaserElement a.teaserBtn:hover span, div.ZMSTeaserElement a.callbackBtn:active span {
  text-decoration:none;
}

/* -- ZMS LINK -------------------------------------*/
a.linkItem, a.linkItem:link, a.linkItem:visited {
  display:block;
  padding:2px 8px 2px 21px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 7px -91px no-repeat;
  font-weight:normal;
  color:#333333;
}
div.ZMSLinkElement {
  background-color: transparent;
  padding:0;
}
div.ZMSLinkElement a.linkItem, div.ZMSLinkElement a.linkItem:link, div.ZMSLinkElement a.linkItem:visited { 
  padding:4px 8px 0px 14px;
  background-position:0 -90px;
}
div.ZMSLinkElement a.linkItem:hover, div.ZMSLinkElement a.linkItem:active { 
  text-decoration:underline;
}
div.ZMSLinkElement div.desc {
  display:block;
  padding:0 0 2px 14px;
  color:#646566;
}

/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* -- JQUERY TOOLS ---------------------------------*/
/* --- OVERLAY --- */
#galOverlay {
  display:none;
  width:450px;
  padding:5px;
  background:#ffffff;
  color:#646566;
  -moz-box-shadow:0 0 10px 3px #333333;
  -webkit-box-shadow: 0 0 10px #333333;
  color:#646566;
  z-index:10000;
}
#galOverlay .close {
  position:absolute;
  right:-15px;
  top:-15px;
  width:36px;
  height:36px;
  background:transparent url(http://www.communigate.org/common/close.png) no-repeat;
  cursor:pointer;
  z-index:10000;
}
#galOverlay.cOverlay {
  padding:25px;
}


#vidOverlay {
  width:700px;
  height:394px;
  padding:5px;
}
#vidOverlay div.contentWrap {
  height:394px;
}
#galOverlay h1 {
  display:block;
  margin:0 0 20px 0;
  border-top:1px solid #7d7d7d;
  border-bottom:2px solid #ff9900;
  padding:4px 0 3px 21px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 7px 10px no-repeat;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:14px;
  line-height:20px;
  text-decoration:none;
  text-transform:uppercase;
  color:#004893;
}
.overlay {
  display:none;
  padding:5px;
  background:#ffffff;
  color:#646566;
  -moz-box-shadow:0 0 10px 3px #333333;
  -webkit-box-shadow: 0 0 10px #333333;
}
.overlay .close {
  position:absolute;
  right:-15px;
  top:-15px;
  width:36px;
  height:36px;
  background:transparent url(http://www.communigate.org/common/close.png) no-repeat;
  cursor:pointer;
  z-index:10000;
}
.overlay #contentTitle {
  position:relative;
  width:100%;
  height:18px;
  padding:0 0 5px 0;
  color:#FFFFFF;
  font-size:12px;
  overflow:hidden;
}
div.contentWrap {
  position:relative;
  float:left;
  width:100%;
  overflow:hidden;
}
#contentCaption {
  position:relative;
  float:left;
  width:100%;
  padding:5px 0;
}
#player {
  float:left;
  width:700px;
  height:394px;
}

/* --- CALENDAR --- */

/* calendar icon */
.caltrigger {
  position:relative;
  float:left;
  width:39px;
  height:38px;
  margin:0 0 0 2px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.png) 0px -66px no-repeat;
}
.ie6 .caltrigger {
  background:transparent url(http://www.communigate.org/common/icon_sprite_ie.gif) 0px -66px no-repeat;
}

/* calendar root element */
#calroot {
  /* place on top of other elements. set a higher value if nessessary */
  z-index:10000;
	
  margin-top:-1px;
  width:198px;
  padding:4px;
  background-color:#ffffff;
  font-size:11px;
	
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
	
  -moz-box-shadow: 0 0 5px #999999;
  -webkit-box-shadow: 0 0 5px #999999;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
  padding:2px 0;
  height:22px;
} 

#caltitle {
  font-size:14px;
  color:#0150D1;	
  float:left;
  text-align:center;
  width:155px;
  line-height:20px;
  text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
  display:block;
  width:20px;
  height:20px;
  background:transparent url(http://www.communigate.org/common/cal_sprite.gif) -33px 4px no-repeat;
  float:left;
  cursor:pointer;
}

#calnext {
  background-position:3px 4px;
  float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
  visibility:hidden;	
}

/* year/month selector */
#caltitle select {
  font-size:10px;	
  color:#004893;
}

#caltitle option {
  font-size:10px;	
  color:#004893;
}


/* names of the days */
#caldays {
  height:14px;
  border-bottom:1px solid rgb(153, 139, 137);
  padding:0 0 2px 0;
}

#caldays span {
  display:block;
  float:left;
  width:28px;
  text-align:center;
}

/* container for weeks */
#calweeks {
  background-color:#ffffff;
  margin-top:4px;
}

/* single week */
.calweek {
  clear:left;
  height:22px;
}

/* single day */
.calweek a {
  display:block;
  float:left;
  width:27px;
  height:20px;
  text-decoration:none;
  font-size:11px;
  margin-left:1px;
  text-align:center;
  line-height:20px;
  color:#004893;
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
  background-color:#ddd;
}

/* sunday */
a.calsun {
  color:red;		
}

/* offmonth day */
a.caloff {
   color:rgb(191, 182, 181);		
}

a.caloff:hover {
  background-color:rgb(221, 221, 221);	
  color:rgb(153, 139, 137);			
}


/* unselecteble day */
a.caldisabled {
  background-color:#F2F0F0 !important;
  color:#CCC5C4 !important;
  cursor:default;
}

/* current day */
#calcurrent {
  background-color:#ff9900;
  color:#ffffff;
}

/* today */
#caltoday {
  background-color:#004893;
  color:#ffffff;
}

/* --- FORM VALIDATION --- */

.error {
  height:auto;
  margin-left:-2px;
  border:1px solid #b2b2b3;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-topleft:0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-top-left-radius:0;
  padding:3px 10px;
  background-color:#ff9900;
  -moz-box-shadow: 0px 0px 3px #646566;
  -webkit-box-shadow: 0px 0px 3px #646566;
  box-shadow: 0px 0px 3px #646566;
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#646566', Direction=0, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#646566', Direction=90, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#646566', Direction=180, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#646566', Direction=270, Strength=3);
  color:#000;
  font-size:11px;
  z-index:10000;
}
.error p {
  padding:0;
  color:#ffffff;

}

/* -- GOOGLE MAP -----------------------------------*/
#map {
  position:relative;
  margin0:;
}

#RP {
  display:inline;
  width:425px;
}

#directionsPanel {
  clear:both;
}

#RP span.input {
  float:left;
  width:332px;
  height:24px;
  padding:7px 0 0 0;
  background:transparent url(http://www.communigate.org/common/input_sprite.png) left -44px no-repeat;
}
#RP input {
  float: left;
  width: 320px;
  height: 20px;
  margin: 0;
  border: 1px solid #b2b2b3;
  border-radius: 3px;
  padding:0 5px;
  background:#F8F8F8;
  color: #004893;
  font-size: 11px;
  line-height: 20px;
}
#RP #btnWrap {
  float:right;
  width:auto;
  height:35px;
  margin:0;
  padding:0 0 0 10px;
  background:transparent url(http://www.communigate.org/common/button_sprite.gif) 0 -65px no-repeat;
}
#RP input.btn {
  float: left;
  width: auto;
  height: 35px;
  margin: 0;
  border: none;
  border-radius: none;
  padding:7px 38px 10px 0px;
  background:transparent url(http://www.communigate.org/common/button_sprite.gif) top right no-repeat;
  color: #ffffff;
  text-transform:uppercase;
  font-size: 13px;
  line-height: 18px;
  text-align:left;
}
#RP #directionsPanel table.adp-placemark {
  border:1px solid #b2b2b3;
  background:#F8F8F8;
}

#RP .adp-step, #RP .adp-stepicon, #RP .adp-substep {
  border-top:1px solid #b2b2b3;
}


/* -- CONTACT FORM ---------------------------------*/
#showForm {
  width:450px;
  float:left;
}
#searchForm {
  display:block;
  float:left;
  width:100%;
  padding:0 0 20px 0;
}
#cupForm, #preisForm {
  position:relative;
  float:left;
  width:100%;
  margin:10px 0 0;
  border-top:1px solid #7d7d7d;
  padding-top:10px;
}
#formulous {
  display:block;
  width:450px;
}
#formulous div, #formulous section {
  position:relative;
  float:left;
  width:450px;
  padding:10px 0;
}
#formulous #callback {
  width:330px;
  padding-left:120px;
}
#formulous #send {
  width:316px;
  padding-left:124px;
  padding:top:20px;
}
#preisForm #formulous #send, #cupForm #formulous #send {
  padding-left:0;
}
#formulous section h1 {
  font-size:14px;
  line-height:20px;
  margin:0;
  border:0;
  padding:0;
  background:transparent;
  text-transform:none;
}
#formulous #formRoom h1, #formulous #formGuest h1, #formulous #formInfo h1, #formulous #formReq h1 {
  padding:0;
}
#formulous div div {
  position:relative;
  float:left;
  width:100%;
  padding:10px 0 5px 0;
  clear:both;
}
#formulous #address div {
  padding:0;
}
#preisForm #formulous div#accept {
  padding-top:0;
}
#cupForm #formulous div#accept {
  padding-bottom:0;
}
#formulous div.checkboxes {
  width:300px;
  clear:none;
}
#formulous span {
  position:relative;
  float:left;
  width:auto;
  padding:10px 0 0 0;
}
#formulous span.l {
  padding-right:15px;
}
#formulous span.small {
  font-size:11px;
}
#formulous #event span.small {
  padding-left:36px;
}
#formulous #event span.formNote {
  padding-left:36px;
  font-weight:bold;
}
#formulous #event span.appt {
  width:420px;
  padding:5px 0 10px 26px;
  clear:both;
}
#formulous #event span.subtitle {
  float:none;
  padding:0 0 0 5px;
  font-size:11px;
}
#formulous #service span {
  padding-top:5px;
}
#formulous #callback span {
  padding:2px 2px 0 0;
}
#formulous #callback div span {
  padding-left:7px;
}
#formulous div.checkboxes span {
  width:100%;
}
#formulous div.checkboxes span:first-child {
  padding:0;
}
#formulous div#accept span {
  padding-top:0;
}
#formulous label {
  position:relative;
  float:left;
  width:120px;
  padding:1px 0 0 0;
  font-size:13px;
}
#formulous label.required {
  font-weight:bold;
}
#formulous #callback label {
  width:auto;
  padding:2px 0 0 10px;
}
#formulous #event label, #formulous #accept label, #formulous #service label {
  width:414px;
  padding:2px 0 0 10px;
}
#preisForm #formulous #info label, #cupForm #formulous #info label, #formulous #event span.appt label {
  width:auto;
  padding:2px 0 0 10px;
}
#preisForm #formulous .checkboxes label, #cupForm #formulous .checkboxes label {
  width:auto;
  padding:2px 7px 0 0;
}
#formulous #address label.radio, #formulous #searchNew label.radio {
  width:auto;
  padding:1px 10px 0 0;
}
#formulous label.radioReqd {
  visibility:hidden;
  position:absolute;
  top:0;
  left:0;
}
#formulous input {
  float: left;
  width: 288px;
  height: 20px;
  margin: 0 0 0 5px;
  border: 1px solid #b2b2b3;
  border-radius: 3px;
  padding:0 5px;
  background:#F8F8F8;
  color: #004893;
  font-size: 11px;
  line-height: 20px;
}
.ie6 #formulous input {
  width:220px;
}
#formulous input.required {
  width: 286px;
  border-left: 3px solid #ff9900;
}
.ie6 #formulous input.required {
  width:218px;
}
#formulous input.short {
  width:70px;
}
#formulous input.middle {
  width:160px;
}
#formulous input.radio {
  width:16px;
  margin:0 5px;
  border-radius:0;
  border:none;
  padding:0;
  background:transparent;
}
#formulous #event span.appt input {
  width:60px;
}
#formulous input#el_zip {
  width:53px;
}
#formulous input#el_zip.required {
  width:49px;
}
#formulous input#el_city {
  width:218px;
}
#formulous input.invalid {
  border: 1px solid #ff9900;
}
#formulous #btnWrap {
  float:left;
  width:auto;
  height:35px;
  margin:0;
  padding:0 0 0 10px;
  background:transparent url(http://www.communigate.org/common/button_sprite.gif) 0 -65px no-repeat;
}
#formulous input.btn {
  float: left;
  width: auto;
  height: 35px;
  margin: 0;
  border: none;
  border-radius: none;
  padding:7px 38px 10px 0px;
  background:transparent url(http://www.communigate.org/common/button_sprite.gif) top right no-repeat;
  color: #ffffff;
  text-transform:uppercase;
  font-size: 13px;
  line-height: 18px;
  text-align:left;
}
#formulous select {
  float:left;
  width:300px;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 0 0 0 2px;
  border: 1px solid #b2b2b3;
  border-radius: 3px 0px 0px 3px;
  font-size: 12px;
  line-height: 18px;
  color:#004893;
}
#formulous select.required {
  width:298px;
  border-left: 3px solid #ff9900;
}
#formulous option {
  color:#004893;
}
#formulous textarea {
  float:left;
  width:292px;
  height:170px;
  margin:0 0 0 5px;
  border:1px solid #b2b2b3;
  border-radius: 3px;
  padding:3px;
  background:#F8F8F8;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color: #004893;
}
#preisForm #formulous textarea {
  width:417px;
  height:100px;
  margin:10px 0 10px 5px;
}

#formulous textarea.required {
  width:290px;
  border-left: 3px solid #ff9900;
}
#preisForm #formulous textarea.required {
  width:415px;

}
#formResponse p {
  padding:20px;
  background:#ff9900;
  color:#ffffff;
  font-weight:bold;
}

/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/


/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

body.zmi div.ZMSLinkContainer {
  background:transparent;
  font-size:12px;
  margin:0 0 5px 6px;
}
body.zmi div.ZMSTeaserElement {
  font-size:12px;
}
body.zmi #tPosition td {
  padding:10px 0;
}
body.zmi div.teaserTitle {
  display:block;
  border-top:1px solid #7d7d7d;
  border-bottom:2px solid #ff9900;
  padding:4px 0 3px 21px;
  margin-bottom: 5px;
  background:transparent url(http://www.communigate.org/common/icon_sprite.gif) 7px 10px no-repeat;
  font-size:14px;
  line-height:20px;
  text-decoration:none;
  text-transform:uppercase;
  color:#004893;
}

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

body.zmi div.placement {
  display:inline-block;
  width:122px;
  height:82px;
  padding:5px 15px 5px 0;
  background-color:transparent;
  background-image:url(http://www.communigate.org/common/teaser_position_sprite.gif);
  background-repeat:no-repeat;
}
body.zmi div.pos0 {
  background-position:0 5px;
}
body.zmi div.pos1 {
  background-position:0 -97px;
}
body.zmi div.pos2 {
  background-position:0 -199px;
}
body.zmi .placement input {
  margin:5px 0 0 5px;
}


.form-submit {font-size:12px;}

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:19px;
} 

body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:15px;
} 

body.zmi p.citation {
  display:block;
  margin:0;
  padding:10px 15px 15px 15px;
  -moz-border-radius: 5px;
  border-radius: 0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow: none;
  background:transparent;
  overflow:auto;
}
body.zmi p.citation img {
  border:0;
}
body.zmi p.citation img.floatleft {
  float:left;
  margin:5px 20px 0 0;
}
body.zmi p.citation img.floatright {
  float:right;
  margin:15px 0 0 20px;
}
body.zmi p.citation span.cText {
  display:block;
  padding:2px 0 0 0;
  background:transparent ;
  color:#004893;
  font-size:14px;
  line-height:21px;
}
body.zmi p.citation span.cText span.arrow {
  display:none;
}
body.zmi p.citation span.cName {
  display:block;
  padding:10px 0 0 0;
  color:#646566;
  font-weight:bold;
}
body.zmi p.citation span.cPos {
  display:block;
  padding:0;
  color:#646566;
  font-size:12px;
  line-height:16px;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:13px;
  line-height:17px;
}

body#newsletter div.zmiNeutralColorLight0 {
  background:transparent;
}
span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  display:inline;
  width:auto;
  background-color:#E2E2E2;
}