/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorBlack  {background-color: #000000;}
.neutralColorStrong {background-color: #999999;}
.neutralColorMedium {background-color: #CCCCCC;}
.neutralColorLight {background-color: #E8E8E8;} /* -- HG Light Grey -- */
.teaserColor {background-color: #BA010B;} /* -- Text Red -- */
.secondColorStrong {background-color: #FAC972;} /* --  -- */
.secondColorMedium {background-color: #FCE1B0;} /* --  -- */
.secondColorLight {background-color: #F7F7F6;} /* -- Content Box HG Grey -- */
.primColorStrong {background-color: #694B26;} /* --  -- */
.primColorMedium {background-color: #333333;} /* -- Text Dark Grey -- */
.primColorLight {background-color: #666666;} /* -- Text Medium Grey -- */


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

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

html {
  background:#F4F4F4;
}

body#web, body#webS {
  width:100%;
  height:100%;
  background:#ffffff url(http://www.geschenk-mit-herz.de/common/body_HG.gif) top center repeat-x;
  font-family:'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#333333;
}

/* -- TOP -----------------------------------------------*/
#top {
  display:block;
  width:100%;
  background:transparent;
  clear:both;
}
#logoGrad {
  position:absolute;
  top:78px;
  right:0;
  width:60%;
  height:9px;
  padding:0;
  background:#F8D3D2 url(http://www.geschenk-mit-herz.de/common/body_verlauf.png) top left no-repeat;
}
.ie6 #logoGrad {
  line-height:1px;
  font-size:5px;
}
header {
  position:relative;
  width:960px;
  margin:0 auto;
  padding:0;
  background:transparent;
  overflow:auto;
  z-index:1;
}
#logo {
  position:relative;
  float:left;
  width:400px;
  height:90px;
  padding:5px 0px 0 0;
  background:transparent;
}
#logo a.logoGMH, #logo a.logoGMH:link, #logo a.logoGMH:visited {
  position:relative;
  display:block;
  float:left;
  width:210px;
  height:90px;
  padding:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/gmh_logo.png) 0 0 no-repeat;
  z-index:5;
}
#logo a.logoHUM, #logo a.logoHUM:link, #logo a.logoHUM:visited {
  position:absolute;
  top:44px;
  left:230px;
  width:85px;
  height:29px;
  padding:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/logos_sprite.png) -210px -100px no-repeat;
}
#logo a.logoHUM span, #logo a.logoHUM:link span, #logo a.logoHUM:visited span {
  position: absolute;
  top: 0;
  left: 0;
  width:85px;
  height:29px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/logos_sprite.png) -210px 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor:pointer;
}
.ie6 #logo a.logoHUM span, .ie6 #logo a.logoHUM:link span, .ie6 #logo a.logoHUM:visited span,
.ie7 #logo a.logoHUM span, .ie7 #logo a.logoHUM:link span, .ie7 #logo a.logoHUM:visited span {
  visibility:hidden;
}
.ie8 #logo a.logoHUM span, .ie8 #logo a.logoHUM:link span, .ie8 #logo a.logoHUM:visited span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#logo a.logoHUM:hover span, #logo a.logoHUM:active span {
  opacity:1;
}
.ie6 #logo a.logoHUM:hover span, .ie6 #logo a.logoHUM:active span,
.ie7 #logo a.logoHUM:hover span, .ie7 #logo a.logoHUM:active span {
  visibility:visible;
}
.ie8 #logo a.logoHUM:hover span, .ie8 #logo a.logoHUM:active span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* -- MEDIA ---------------------------------------------*/
#media {
  display:block;
  position:relative;
  width:100%;
  background:#ffffff url(http://www.geschenk-mit-herz.de/common/bc_top.png) top center repeat-x;
  clear:both;
}
#webS #media {
  margin-top:-7px;
}
#mediaWrap {
  position:absolute;
  width:100%;
  height:126px;
  bottom:0;
  left:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/bc_btm.png) bottom center repeat-x;
}
#mediaContent {
  position:relative;
  width:960px;
  margin:0 auto 1px auto;
  padding:0;
  background:transparent;
  overflow:auto;
}
#mediaBox {
  position:relative;
  display:block;
  float:left;
  width:920px;
  height:362px;
  margin:40px 0 40px 10px;
  border:1px solid #e8e8e8;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:9px;
  background:#FFFFFF;
}
#mediaBox #flashMap {
  position:relative;
  float:left;
  width:920px;
  height:362px;
  background:#F4F4F4;
}
/* -- MIDDLE --------------------------------------------*/
#middle {
  display:block;
  width:100%;
  background:transparent url(http://www.geschenk-mit-herz.de/common/content_HG.gif) top center repeat-x;
  clear:both;
}
#page {
  position:relative;
  width:960px;
  margin:0 auto;
  padding:10px 0 30px 0;
  background:transparent;
  overflow:auto;
}
#content {
  position:relative;
  float:left;
  width:620px;
  min-height:320px;
  padding:0 20px 0 10px;
}
#content.full {
  width:940px;
  padding:0 10px 0 10px;
}
#right {
  position:relative;
  float:right;
  width:310px;
  padding:0 0 0 0;
}

.boxFull {
  display:block;
  float:left;
  width:594px;
  border:2px solid #ffffff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  background:#f7f7f6 url(http://www.geschenk-mit-herz.de/common/verlauf_right_265.gif) top left repeat-x;
  -moz-box-shadow: 0px 0px 1px #999999;
  -webkit-box-shadow: 0px 0px 1px #999999;
  box-shadow: 0px 0px 1px #999999;
}
.ie6 .boxFull {
  border:1px solid #e8e8e8;
}
.ie7 .boxFull,
.ie8 .boxFull {
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=1);
}
.ie9 .boxFull {
  box-shadow: 0px 0px 2px #999999;
}

.boxFull #flashMap {
  position:relative;
  float:left;
  width:594px;
  height:450px;
  background:#F4F4F4 url(http://www.geschenk-mit-herz.de/common/pMap_default.jpg) top left no-repeat;
}
/* -- BOTTOM --------------------------------------------*/
#bottom {
  display:block;
  width:100%;
  background:transparent;
  clear:both;
  background:#F4F4F4 url(http://www.geschenk-mit-herz.de/common/footer_HG.gif) top center repeat-x;
}
footer {
  position:relative;
  width:960px;
  margin:0 auto;
  padding:0 0 15px 0;
  background:transparent;
  overflow:auto;
}
footer section {
  position:relative;
  float:left;
  width:160px;
  padding:0 10px 0 0;
}
footer section.copyright {
  width:170px;
}
footer section.coop {
  width:133px;
}
footer section.donate {
  width:180px;
  padding:0 107px 0 0;
}
footer section.metanav {
  width:500px;
  border-bottom:1px solid #cccccc;
  padding:17px 270px 15px 0;
}
footer section.social {
  position:absolute;
  bottom:18px;
  left:180px;
  width:300px;
  height:20px;
}
footer section h1 {
  margin:15px 0 5px;
  font-size:11px;
  line-height:15px;
  font-weight:bold;
  color:#666666;
}
footer section.coop h1 {
  margin:15px 0 20px;
}
footer section h2 {
  margin:0;
  padding:5px 0 0;
  font-size:11px;
  line-height:15px;
  text-decoration:underline;
  color:#666666;
}
footer section p {
  font-size:11px;
  line-height:15px;
  padding:5px 0;
  color:#666666;
}
footer section a, footer section a:link, footer section a:visited {
  position:relative;
  display:block;
  width:100%;
  font-size:11px;
  line-height:15px;
  padding:2px 0;
  color:#AB4149;
}
footer section a:hover, footer section a:active {
  color:#FC1924;
}
footer section.copyright a, footer section.copyright a:link, footer section.copyright a:visited {
  display:inline;
  width:auto;
  color:#666666;
}
footer section.metanav a, footer section.metanav a:link, footer section.metanav a:visited {
  display:inline;
  width:auto;
  padding:0 10px;
}
footer section.metanav a:first-child {
  padding-left:0;
}
footer section.coop a, footer section.coop a:link, footer section.coop a:visited {
  margin:0 0 25px 0;
  padding:0;
  background-image:url(http://www.geschenk-mit-herz.de/common/logos_sprite.png);
  background-repeat:no-repeat;
  background-color:transparent;
}
footer section.coop a.logoSS, footer section.coop a.logoSS:link, footer section.coop a.logoSS:visited {
  width:85px;
  height:68px;
  background-position:-96px -100px;
}
footer section.coop a.logoBR, footer section.coop a.logoBR:link, footer section.coop a.logoBR:visited {
  width:85px;
  height:51px;
  background-position:10px -100px;
}
footer section.coop a span, footer section.coop a:link span, footer section.coop a:visited span {
  position: absolute;
  top: 0;
  left: 0;
  background-image:url(http://www.geschenk-mit-herz.de/common/logos_sprite.png);
  background-repeat:no-repeat;
  background-color:transparent;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor:pointer;
}

.ie6 footer section.coop a span, .ie6 footer section.coop a span, .ie6 footer section.coop a span,
.ie7 footer section.coop a span, .ie7 footer section.coop a span, .ie7 footer section.coop a span {
  visibility:hidden;
}
.ie8 footer section.coop a span, .ie8 footer section.coop a span, .ie8 footer section.coop a span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

footer section.coop a.logoSS span, footer section.coop a.logoSS:link span, footer section.coop a.logoSS:visited span {
  width:85px;
  height:68px;
  background-position:-96px 0;
}

footer section.coop a.logoBR span, footer section.coop a.logoBR:link span, footer section.coop a.logoBR:visited span {
  width:85px;
  height:51px;
  background-position:10px 0;
}

footer section.coop a:hover span, footer section.coop a:active span {
  opacity:1;
}
.ie6 footer section.coop a:hover span, .ie6 footer section.coop a:active span,
.ie7 footer section.coop a:hover span, .ie7 footer section.coop a:active span {
  visibility:visible;
}
.ie8 footer section.coop a:hover span, .ie8 footer section.coop a:active span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


footer section.donate a.dzi, footer section.donate a.dzi:link, footer section.donate a.dzi:visited {
  position:absolute;
  bottom:0;
  right:0;
  width:65px;
  height:80px;
  padding:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/logos_sprite.png) -335px -100px no-repeat;
}
footer section.donate a.dzi span, footer section.donate a.dzi:link span, footer section.donate a.dzi:visited span {
  position: absolute;
  top: 0;
  left: 0;
  width:65px;
  height:80px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/logos_sprite.png) -335px 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor:pointer;
}
.ie6 footer section.donate a.dzi span, .ie6 footer section.donate a.dzi:link span, .ie6 footer section.donate a.dzi:visited span,
.ie7 footer section.donate a.dzi span, .ie7 footer section.donate a.dzi:link span, .ie7 footer section.donate a.dzi:visited span {
  visibility:hidden;
}
.ie8 footer section.donate a.dzi span, .ie8 footer section.donate a.dzi:link span, .ie8 footer section.donate a.dzi:visited span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

footer section.donate a.dzi:hover span, footer section.donate a.dzi:active span {
  opacity:1;
}
.ie6 footer section.donate a.dzi:hover span, .ie6 footer section.donate a.dzi:active span,
.ie7 footer section.donate a.dzi:hover span, .ie7 footer section.donate a.dzi:active span {
  visibility:visible;
}
.ie8 footer section.donate a.dzi:hover span, .ie8 footer section.donate a.dzi:active span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

footer section.social a, footer section.social a:link, footer section.social a:visited {
  display:inline-block;
  width:auto;
  height:18px;
  padding:2px 10px 0 25px;
  color:#666666;
  background-image:url(http://www.geschenk-mit-herz.de/common/footer_social_sprite.gif);
  background-repeat:no-repeat;
  background-color:transparent;
}
footer section.social a:hover, footer section.social a:active {
  color:#FC1924;
}
footer section.social a.fb, footer section.social a.fb:link, footer section.social a.fb:visited {
  background-position:0px -25px;
}
footer section.social a.tw, footer section.social a.tw:link, footer section.social a.tw:visited {
  background-position:0px -75px;
}
footer section.social a.ms, footer section.social a.ms:link, footer section.social a.ms:visited {
  background-position:0px -125px;
}
footer section.social a span, footer section.social a:link span, footer section.social a:visited span {
  position: absolute;
  top: 0;
  left: 0;
  width:20px;
  height:20px;
  background-image:url(http://www.geschenk-mit-herz.de/common/footer_social_sprite.gif);
  background-repeat:no-repeat;
  background-color:transparent;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor:pointer;
}
.ie6 footer section.social a span, .ie6 footer section.social a span, .ie6 footer section.social a span,
.ie7 footer section.social a span, .ie7 footer section.social a span, .ie7 footer section.social a span {
  visibility:hidden;
}
.ie8 footer section.social a span, .ie8 footer section.social a span, .ie8 footer section.social a span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
footer section.social a.fb span, footer section.social a.fb:link span, footer section.social a.fb:visited span {
  background-position:0 0;
}
footer section.social a.tw span, footer section.social a.tw:link span, footer section.social a.tw:visited span {
  background-position:0 -50px;
}
footer section.social a.ms span, footer section.social a.ms:link span, footer section.social a.ms:visited span {
  background-position:0 -100px;
}
footer section.social a:hover span, footer section.social a:active span {
  opacity:1;
}
.ie6 footer section.social a:hover span, .ie6 footer section.social a:active span,
.ie7 footer section.social a:hover span, .ie7 footer section.social a:active span {
  visibility:visible;
}
.ie8 footer section.social a:hover span, .ie8 footer section.social a:active span {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 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 form , form.search {
  position:absolute;
  top:13px;
  right:11px;
  width:294px;
  height:22px;
  margin:3px 0 0;
  border:2px solid #FFFFFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background:#FFFFFF url(http://www.geschenk-mit-herz.de/common/search_HG.gif) top left repeat-x;
  -moz-box-shadow: 0px 0px 1px #999999;
  -webkit-box-shadow: 0px 0px 1px #999999;
  box-shadow: 0px 0px 1px #999999;
}
.ie6 .search form, .ie6 form.search {
  border:1px solid #e8e8e8;
}
.ie7 .search form, .ie7 form.search, .ie8 .search form, .ie8 form.search {
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=1);
}
.ie9 .search form, .ie9 form.search {
  box-shadow: 0px 0px 2px #999999;
}



.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:10px;
}

.search input#raw {
  float:left;
  width:250px;
  height:15px;
  border:0;
  padding:4px 5px 3px 9px;
  background:transparent;
  color:#666666;
  font-size:11px;
  line-height:15px;
}

.search input#btnSearch {
  float:right;
  width:11px;
  height:15px;
  padding:3px 5px 0 0;
}

.search input.submit {
  float:right;
  width:16px;
  height:18px;
  padding:3px 5px 0 0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/search_btn.gif) 0 3px no-repeat;
  font-size:0px;
  line-height:1px;
  color:#cccccc;
}


/* -- (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:absolute;
  top:50px;
  right:0;
  width:550px;
  height:20px;
  padding:0 10px 0 0;
  background: transparent;
  overflow: hidden;
  z-index:50;
}
#menu ul {
  position:relative;
  float:right;
  height:20px;
  padding:0;
}
#menu ul li {
  position:relative;
  float:left;
  width:auto;
  height:20px;
  padding:0;
  list-style-type: none;
  z-index:50;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
  display:inline;
  float:left;
  width:auto;
  height:20px;
  padding:0 0 0 30px;
  text-decoration: none;
}
#menu ul li:first-child a, #menu ul li:first-child a:link, #menu ul li:first-child a:visited {
  padding:0;
}
#menu ul li a span, #menu ul li a:link span, #menu ul li a:visited span {
  display:inline;
  float:left;
  width:auto;
  height:20px;
  padding:0;
  font-size:15px;
  line-height:20px;
  color: #333333;
  cursor:pointer;
  -webkit-transition: color 0.5s;
  -moz-transition:color 0.5s;
  -o-transition:color 0.5s;
  transition:color 0.5s;
}
#menu ul li a:hover, #menu ul li a:active,
#menu ul li a:hover span, #menu ul li a:active span {
  color: #ba010b;
  text-decoration:none;
}

#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: #ba010b;
}

/* -- MACRONAVIGATION ------------------------------*/
#macronav {
  position:relative;
  display:block;
  width:294px;
  margin:1px 11px 21px 1px;
  border:2px solid #FFFFFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background:#FFFFFF url(http://www.geschenk-mit-herz.de/common/verlauf_right.gif) bottom left repeat-x;
  -moz-box-shadow: 0px 0px 1px #999999;
  -webkit-box-shadow: 0px 0px 1px #999999;
  box-shadow: 0px 0px 1px #999999;
}
.full #macronav {
  float:right;
  margin:1px 1px 21px 11px;
}
.ie6 #macronav {
  margin:1px 11px 20px 1px;
  border:1px solid #e8e8e8;
  border-top:0;
}
.ie7 #macronav, .ie8 #macronav {
  margin:0px 10px 20px 0px;
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=1);
}
.ie9 #macronav {
  box-shadow: 0px 0px 2px #999999;
}
#macronav ul {
  width:100%;
  padding:0;
  list-style:none;
}
#macronav ul li {
  width:100%;
  padding:0;
  list-style:none;
}
#macronav ul li a, #macronav ul li a:link, #macronav ul li a:visited  {
  display:block;
  width:100%;
  border-top:1px solid #e8e8e8;
  padding:0;
  background:transparent;
  color:#666666;
  text-decoration:none;
}
#macronav ul li:first-child a, #macronav ul li:first-child a:link, #macronav ul li:first-child a:visited  {
  border-top:0;
}
#macronav ul li a span, #macronav ul li a:link span, #macronav ul li a:visited span {
  display:block;
  border-top:1px solid #ffffff;
  padding:5px 10px 5px 22px;
  color:#666666;
  text-decoration:none;
  font-size:14px;
  line-height:19px;
}
#macronav ul li:first-child a span, #macronav ul li:first-child a:link span, #macronav ul li:first-child a:visited span {
  border-top:0;
}
#macronav ul li a:hover, #macronav ul li a:active {
  text-decoration:none;
}
#macronav ul li a:hover span, #macronav ul li a:active span {
  text-decoration:none;
  background:transparent url(http://www.geschenk-mit-herz.de/common/macronav_current_dot.gif) 6px 10px no-repeat;
}
#macronav ul li a.active span, #macronav ul li a.active:link span, #macronav ul li a.active:visited span {
  color:#333333;
}
#macronav ul li a.active span, #macronav ul li a.active:link span, #macronav ul li a.active:visited span,
#macronav ul li a.current span, #macronav ul li a.current:link span, #macronav ul li a.current:visited span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/macronav_current_dot.gif) 6px 12px no-repeat;
}

/* -- level 2 -- */

#macronav ul li li a, #macronav ul li li a:link, #macronav ul li li a:visited {
  border:0;
}

#macronav ul li li a span, #macronav ul li li a:link span, #macronav ul li li a:visited span {
  border:0;
  padding:5px 10px 5px 40px;
  font-size:12px;
  line-height:17px;
}
#macronav ul li li a:hover span, #macronav ul li li a:active span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/macronav_current_dot.gif) 25px 10px no-repeat;
}
#macronav ul li li a.current span, #macronav ul li li a.current:link span, #macronav ul li li a.current:visited span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/macronav_current_dot.gif) 25px 10px no-repeat;
}

/* -- level 3 -- */


/* -- level 4 -- */


/* -- MICRONAVIGATION ------------------------------*/
#micronav {
  display:block;
  float:left;
  width:940px;
  padding:5px 10px 0;
  color:#666666;
  font-size:11px;
  line-height:16px;
}
#micronav a, #micronav a:link, #micronav a:visited {
  padding:0 2px 0 0;
  color:#666666;
}
#micronav a:hover, #micronav a:active {
  color:#333333;
}
#micronav span {
  color:#333333;
}

/* -- METANAVIGATION -------------------------------*/
#metanav {
  position:absolute;
  top:0;
  right:50px;
  width:110px;
  height:16px;
  padding:7px 0 6px 14px;
  background: transparent url(http://www.geschenk-mit-herz.de/common/metanav_HG.gif) top left no-repeat;
  color:#666666;
}
#metanav a, #metanav a:link, #metanav a:visited {
  padding:0 0 0 0;
  color:#666666;
  font-weight:normal;
  font-size:11px;
  line-height:16px;
  text-decoration:none;
}
#metanav a:hover, #metanav a:active {
  color:#FC1924;
  text-decoration:none;
}
/* -- INDEX ----------------------------------------*/
#ixNews {
  position:relative;
}
.newsWrap {
  display:block;
  position:relative;
  width:594px;
}
.startTabPanes {
  position:relative;
  float:left;
  width:100%;
  overflow:visible;
}
.ie7 .startTabPanes, .ie8 .startTabPanes {
  border:1px solid #e8e8e8;
}
.startTabPanes section {
  position:relative;
  display:block;
  height:450px;
  margin-top:1px;
}
.ie7 .startTabPanes section.boxFull, .ie8 .startTabPanes section.boxFull {
  filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
}
.startTabPanes h2 {
  float:left;
  margin: 25px 0 5px 10px;
  font-size: 16px;
  line-height: 21px;
  clear:both;
}
#ixMedia div {
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:10px 0;
}
#ixMedia div span {
  position:relative;
  display:block;
  float:left;
  width:185px;
  margin:0 10px 0 0;
  border:1px solid #cccccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:2px;
  background:#ffffff;
}
#ixMedia div span.last {
  margin:0;
}
#ixMedia a, #ixMedia a:link, #ixMedia a:visited {
  position:relative;
  float:right;
  width:auto;
  height:18px;
  margin:10px 0 0 0;
  border:1px solid #D9D9D9;
  border-radius:5px 5px 5px 5px;
  padding:0 6px 1px 7px;
  background:#EFEFEF;
  cursor:pointer;
  text-decoration:none;
  color:#ba010b;
}

#ixMedia a:hover, #ixMedia a:active {
  color:#FC1924;
  background:#FAF1F2;
}




#index {
  float:left;
  width:100%;
  padding:10px 0 0 0;
}
#index .noBdr {
  border:0;
}
#index ul {
  list-style:none;
}
#index ul li {
  width:100%;
  border-top:1px solid #cccccc;
  padding:10px 0;
  list-style:none;
}
#index ul li.noBdr {
  padding-top:0;
}
#index ul li a span.title, #index ul li a:link span.title, #index ul li a:visited span.title {
  display:block;
  width:100%;
  padding:0 0 5px 0;
  color:#333333;
  font-size:15px;
  line-height:20px;
}
#index ul li a span.desc, #index ul li a:link span.desc, #index ul li a:visited span.desc {
  display:block;
  width:100%;
  color:#333333;
}
#index ul li a span.more, #index ul li a:link span.more, #index ul li a:visited span.more {
  color:#ba010b;
}
#index ul li a:hover, #index ul li a:active {
  color:#333333;
}
#index ul li a:hover span.more, #index ul li a:active span.more {
  color:#FC1924;
}
/* -- Einspaltig mit Bild -- */

.index1 {
  position:relative;
  display:block;
  float:left;
  width:100%;
  border-top:1px solid #cccccc;
  padding:0;
}
.index1 a, .index1 a:link, .index1 a:visited {
  position:relative;
  float:left;
  width:100%;
  border-top:1px solid #ffffff;
  padding:15px 0;
  color:#333333;
  text-decoration:none;
  font-weight:normal;
}

.index1 a span.ixImg, .index1 a:link span.ixImg, .index1 a:visited span.ixImg {
  position:relative;
  float:left;
  width:200px;
  height:138px;
  text-align:center;
  overflow:hidden;
  cursor:pointer;
  text-decoration:none;
}

.index1 a span.ixText, .index1 a:link span.ixText, .index1 a:visited span.ixText {
  position:relative;
  float:left;
  width:384px;
  margin-top:-3px;
  padding:0 0 30px 10px;
  cursor:pointer;
  text-decoration:none;
}
.ie6 .index1 a span.ixText, .ie6 .index1 a:link span.ixText, .ie6 .index1 a:visited span.ixText {
  padding-bottom:10px;
}
.index1 a span.ixTitle, .index1 a:link span.ixTitle, .index1 a:visited span.ixTitle {
  position:relative;
  float:left;
  width:100%;
  padding:0 0 5px 0;
  color:#ba010b;
  font-size:15px;
  line-height:20px;
  cursor:pointer;
  text-decoration:none;
}
.index1 a span.ixDate, .index1 a:link span.ixDate, .index1 a:visited span.ixDate {
  position:relative;
  width:auto;
  padding:0 0 0 5px;
  color:#333333;
  font-size:12px;
  line-height:18px;
  cursor:pointer;
  text-decoration:none;
}
.index1 a span.ixDesc, .index1 a:link span.ixDesc, .index1 a:visited span.ixDesc {
  position:relative;
  float:left;
  width:100%;
  padding:0;
  cursor:pointer;
  text-decoration:none;
  color:#333333;
}

.index1 a span.ixMore, .index1 a:link span.ixMore, .index1 a:visited span.ixMore {
  position:absolute;
  bottom:10px;
  right:10px;
  width:auto;
  height:18px;
  border:1px solid #D9D9D9;
  border-radius:5px 5px 5px 5px;
  padding:0 6px 1px 7px;
  background:#EFEFEF;
  cursor:pointer;
  text-decoration:none;
  color:#ba010b;
}
.ie6 .index1 a span.ixMore, .ie6 .index1 a:link span.ixMore, .ie6 .index1 a:visited span.ixMore {
  position:relative;
  float:right;
}
.index1 a:hover, .index1 a:active {
  color:#333333;
  text-decoration:none;
}
.index1 a:hover span.ixMore, .index1 a:active span.ixMore {
  color:#FC1924;
  background:#FAF1F2;
  text-decoration:none;
}
/* --- Dreispaltig mit Bild ohne Desc --- */
.index3 {
  float:left;
  display:block; 
  width:100%;
  padding:0 0 20px 0;
}
.index3 a.boxFull, .index3 a.boxFull:link, .index3 a.boxFull:visited {
  position:relative;
  float:left;
  width:173px;
  margin:0 20px 0 0;
  padding:8px;
}
.ie7 .index3 a.boxFull, .ie7 .index3 a.boxFull:link, .ie7 .index3 a.boxFull:visited {
  width:171px;
}
.index3 a.i3, .index3 a.i3:link, .index3 a.i3:visited {
  margin:0;
}
.index3 a span.ixImg, .index3 a:link span.ixImg, .index3 a:visited span.ixImg {
  display:block;
  width:173px;
  height:119px;
  overflow:hidden;
}
.ie7 .index3 a span.ixImg, .ie7 .index3 a:link span.ixImg, .ie7 .index3 a:visited span.ixImg {
  width:171px;
}
.index3 a span.ixTitle, .index3 a:link span.ixTitle, .index3 a:visited span.ixTitle {
  position:absolute;
  top:8px;
  left:8px;
  width:163px;
  padding:5px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/pixel_white_80.png) top left repeat;
  font-size:14px;
  line-height:18px;
  color:#333333;
}
.ie7 .index3 a span.ixTitle, .ie7 .index3 a:link span.ixTitle, .ie7 .index3 a:visited span.ixTitle {
  width:161px;
}
.index3 a span.ixMore, .index3 a:link span.ixMore, .index3 a:visited span.ixMore {
  position:absolute;
  bottom:15px;
  right:15px;
  width:auto;
  height:18px;
  border:1px solid #D9D9D9;
  border-radius:5px 5px 5px 5px;
  padding:0 6px 1px 7px;
  color:#FC1924;
  background:transparent url(http://www.geschenk-mit-herz.de/common/pixel_white_80.png) top left repeat;
  cursor:pointer;
  text-decoration:none;
  opacity:0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ie7 .index3 a span.ixMore, .ie7 .index3 a:link span.ixMore, .ie7 .index3 a:visited span.ixMore,
.ie8 .index3 a span.ixMore, .ie8 .index3 a:link span.ixMore, .ie8 .index3 a:visited span.ixMore {
  visibility:hidden;
}

.index3 a:hover, .index3 a:active, .index3 a:hover span.ixTitle, .index3 a:active span.ixTitle {
  text-decoration:none;
}
.index3 a:hover span.ixMore, .index3 a:active span.ixMore {
  opacity:1;
  text-decoration:none;
}
.ie7 .index3 a:hover span.ixMore, .ie7 .index3 a:active span.ixMore,
.ie8 .index3 a:hover span.ixMore, .ie8 .index3 a:active span.ixMore {
  visibility:visible;
}


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

/* -- STANDARD -------------------------------------*/
h1, h2,  h3, h4, h5 {
  font-weight:normal;
  color:#ba010b;
  margin-top:5px;
}

form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  color:#333333;
}
h1 {
  font-size:18px;
  line-height:23px;
  margin-top:18px;
}

h2 {
  font-size:18px;
  line-height:23px;
}

h3 {
  font-size:16px;
  line-height:21px;
}
h4 {
  font-size:14px;
  line-height:19px; 
}
h5 {
  font-size:12px;
  line-height:17px; 
}
p {
  padding:5px 0;
}
ol {
  padding:5px 0 5px 20px;
  list-style-type:decimal;
}
ul {
  padding:5px 0 5px 20px;
  list-style-type:disc;
}
li {
  padding:2px 0;
}
dl {
  display:block;
}
dl dt {
  margin:0;
  padding:10px 0 0 0;
  color:#333333;
  font-weight:bold;
}
dl dt a, dl dt a:link, dl dt a:visited {
  color:#ba010b;
  font-weigth:bold;
}
dl dt a:hover, dl dt a:active {
  color:#FC1924;
}
dl dd {
  color:#333333;
  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:#ba010b;
  text-decoration:none;
  -webkit-transition: color 0.5s, text-decoration 0.5s;
  -moz-transition:color 0.5s, text-decoration 0.5s;
  -o-transition:color 0.5s, text-decoration 0.5s;
  transition:color 0.5s, text-decoration 0.5s;
}
a:hover, a:active {
  color:#FC1924;
  text-decoration:underline;
}
hr {
  margin:10px 0;
  height:1px;
  background:#666666;
}
/* -- ZMS FORMAT (Text Formats) --------------------*/
strong, b {
  font-weight:bold;
}
p.small {
  font-size:11px;
  line-height:16px;
}
p.caption {
  color:#666666;
}
p.emphasis {
  position:relative;
  display:block;
  margin:21px 0;
  border:2px solid #ffffff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:7px 10px;
  background:#ffffff url(http://www.geschenk-mit-herz.de/common/verlauf_right.gif) bottom left repeat-x;
  -moz-box-shadow: 0px 0px 1px #999999;
  -webkit-box-shadow: 0px 0px 1px #999999;
  box-shadow: 0px 0px 1px #999999;
}
.full p.emphasis {
  width:596px;
}
.ie6 p.emphasis {
  margin:20px 0;
  border:1px solid #e8e8e8;
}
.ie7 p.emphasis, .ie8 p.emphasis {
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=1);
}
.ie9 p.emphasis {
  box-shadow: 0px 0px 2px #999999;
}
blockquote {
  margin:20px;
  font-style:italic;
  font-size:14px;
  line-height:20px;
  color:#666666;
}
p.description {
  font-weight:bold;
  color:#fac972;
}
#creator {
  width:100%;
  padding-bottom:7px;
  color:#666666;
  font-size:11px;
}
textarea.bannerLink {
  width: 460px;
  height: 95px;
  margin: 0 0 20px;
  border:1px solid #cccccc;
  padding:5px 0 0 5px;
  overflow: auto;
}
/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/
/* -- ZMS FILE -------------------------------------*/
/* --- reset default --- */
div.ZMSFile, div.ZMSLinkElement {
  background-color:transparent;
  margin:0;
}
div.ZMSFile {
  padding:5px 0;
  color:#333333;
}
div.ZMSFile div.title img {
  margin:-2px 5px 0 0;
}
div.ZMSFile div.description {
  padding-left:24px;
}
/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  margin:0 0 13px 0;
  padding:0 0 5px 0;
}
table.ZMSTable th { 
  background:transparent;
  vertical-align:bottom;
  color:#ba010b;
  border-bottom:1px solid #e8e8e8;
}
table.ZMSTable tr th p {
  margin:0;
  padding:5px;
  color:#ba010b;
  text-align:left;
}
table.ZMSTable tr td {
  border-bottom:1px solid #e8e8e8;
  vertical-align:top;
}
table.ZMSTable tr td p {
  margin:0;
  padding:5px;
  color:#333333;
  text-align:left;
}
table.ZMSTable caption {
  margin:0;
  padding:0 5px 5px;
  background-color:transparent; 
  font-size:11px;
  line-height:13px;
  color:#333333;
  text-align:left;
}

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

div.ZMSGraphic {
  position:relative;
  background:transparent; 
  margin:10px 0;
}
.ie6 div.ZMSGraphic {
  margin-bottom:7px;
}
div.ZMSGraphic.left {
  float:left;
  width:100%;
}
div.ZMSGraphic.none {
  float:none;
  display:inline-block;
}
div.ZMSGraphic.right {
  float:left;
  width:100%;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:20px;
}
.ie6 div.ZMSGraphic.floatleft {
  margin-right:10px;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:20px;
}
.ie6 div.ZMSGraphic.floatright {
  margin-left:10px;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.graphic {
  display:block;
  position:relative;
  width:100%;
  border:1px solid #cccccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:2px;
  background:#ffffff;
}
div.left div.graphic {
  float:left;
  clear:both;
}
div.right div.graphic {
  float:right;
  clear:both;
}
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;
}
.ie6 div.graphic.alignleft {
  margin:0 7px 0 0;
}
div.graphic.alignright {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}
.ie6 div.graphic.alignright {
  margin:0 0 0 7px;
}
div.right div.text {
  float:right;
  clear:both;
}
div.ZMSGraphic div.imgtop {
  padding:3px 5px 0;
}
div.ZMSGraphic div.imgbottom {
  padding:0 5px 3px;
}
div.ZMSGraphic div.imgleft {
  display:inline-block;
  vertical-align:top;
  padding:0 0 0 5px;
}
div.ZMSGraphic div.imgright {
  display:inline-block;
  float:none;
  vertical-align:top;
  padding:0 5px 0 0;
}
div.ZMSGraphic div.text p {
  padding:0;
  color:#666666;
  font-size:11px;
  line-height:16px;
}

div.graphic a.zoom, div.graphic a.zoom:link, div.graphic a.zoom:visited {
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  cursor:pointer;
}
div.graphic a.zoom span, div.graphic a.zoom:link span, div.graphic a.zoom:visited span {
  position:absolute;
  display:block;
  bottom:-13px;
  right:0px;
  width:36px;
  height:36px;
  border:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 0 -489px no-repeat;
  cursor:pointer;
}
.ie6 div.graphic a.zoom span, .ie6 div.graphic a.zoom:link span, .ie6 div.graphic a.zoom:visited span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif) 0 -489px no-repeat;
}
div.graphic a.zoom:hover span, div.graphic a.zoom:active span {
  background-position:-45px -489px;
}
div.graphic a.imgUrl, div.graphic a.imgUrl:link, div.graphic a.imgUrl:visited {
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/link_icon.png) bottom right no-repeat;
  cursor:pointer;
}

/* -- ZMS TEASER -----------------------------------*/
div#teaser {
  float:left;
  width:310px;
}

div.ZMSTeaserContainer {
  display:none;
}
div.ZMSTeaserElement {
  position:relative;
  float:left;
  width:294px;
  margin:1px 11px 21px 1px;
  border:2px solid #FFFFFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background:#FFFFFF url(http://www.geschenk-mit-herz.de/common/verlauf_right.gif) bottom left repeat-x;
  -moz-box-shadow: 0px 0px 1px #999999;
  -webkit-box-shadow: 0px 0px 1px #999999;
  box-shadow: 0px 0px 1px #999999;
  overflow:hidden;
}
.ie6 div.ZMSTeaserElement {
  margin:1px 0px 20px 1px;
  border:1px solid #e8e8e8;
}
.ie7 div.ZMSTeaserElement, .ie8 div.ZMSTeaserElement {
  margin:0px 10px 20px 0px;
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=1);
}
.ie9 div.ZMSTeaserElement {
  box-shadow: 0px 0px 2px #999999;
}
div.ZMSTeaserElement div.graphic {
  float:left;
  width:auto;
  margin:0 0 5px 10px;
  border:0;
  border-radius:0;
  -moz-border-radius:0;
  padding:0;
  background:transparent;
  overflow:hidden;
}
.ie6 div.ZMSTeaserElement div.graphic {
  margin:0 0 5px 5px;
}
div.ZMSTeaserElement div.infoFlag {
  float:right;
  width:110px;
  margin:10px 10px 5px 5px;
  overflow:hidden;
}
.ie6 div.ZMSTeaserElement div.graphic {
  margin:0 0 5px 5px;
}
div.ZMSTeaserElement img.title {
  border:none;
}

div.ZMSTeaserElement div.title {
  display:block;
  padding:5px 10px;
  background:transparent;
  color:#ba010b;
  font-size:14px;
  line-height:20px;
  text-align:left;
}
div.ZMSTeaserElement div.title a, div.ZMSTeaserElement div.title a:link, div.ZMSTeaserElement div.title a:visited {
  display:block;
  color:#ba010b;
  font-size:14px;
  line-height:20px;
  text-align:left;
}
div.ZMSTeaserElement div.title a:hover, div.ZMSTeaserElement div.title a:active {
  color:#FC1924;
}
div.ZMSTeaserElement div.text {
  display:block;
  margin:-3px 0 0 0;
  padding:0 10px 5px 10px;
}
div.ZMSTeaserElement div.text span.teaserFile {
  font-size:11px;
  line-height:16px;
  padding:0 0 0 5px;
}
div.ZMSTeaserElement div.text span.teaserFile a, div.ZMSTeaserElement div.text span.teaserFile a:link, div.ZMSTeaserElement div.text span.teaserFile a:visited {
  font-size:12px;
  line-height:18px;
}

div.ZMSTeaserElement a.linkItem, div.ZMSTeaserElement a.linkItem:link, div.ZMSTeaserElement a.linkItem:visited {
  float:right;
  margin:1px 10px 6px 10px;
  border:1px solid #D9D9D9;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:0 6px 1px 7px;
  background:#EFEFEF;
  -webkit-transition: border 0.5s;
  -moz-transition:border 0.5s,background 0.5s;
  -o-transition:border 0.5s;
  transition:border 0.5s;
}
div.ZMSTeaserElement a.linkItem:hover, div.ZMSTeaserElement a.linkItem:active {
  border:1px solid #CCCCCC;
  color:#FC1924;
  background:#FAF1F2;
  text-decoration:none;
}
#mapTeaser {
  float:right;
  width:300px;
  margin:-43px 0 0 0;
  padding:0 0 0 10px;
}
#mapTeaser div.ZMSTeaserElement {
  margin:1px 1px 21px 1px;
}
#mapTeaser div.ZMSTeaserElement a, #mapTeaser div.ZMSTeaserElement a:link, #mapTeaser div.ZMSTeaserElement a:visited {
  display:block;
  float:left;
  width:100%;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #e8e8e8;
  padding:5px 0;
  text-decoration:none;
  color:#333333;
  font-size:12px;
  line-height:17px;
  text-align:left;
}
#mapTeaser div.ZMSTeaserElement a.noBtm, #mapTeaser div.ZMSTeaserElement a.noBtm:link, #mapTeaser div.ZMSTeaserElement a.noBtm:visited {
  border-bottom:0;
}
#mapTeaser div.ZMSTeaserElement a.noTop, #mapTeaser div.ZMSTeaserElement a.noTop:link, #mapTeaser div.ZMSTeaserElement a.noTop:visited {
  border-top:0;
}
#mapTeaser div.ZMSTeaserElement a div.graphic, #mapTeaser div.ZMSTeaserElement a:link a div.graphic, #mapTeaser div.ZMSTeaserElement a:visited a div.graphic {
  width:60px;
  margin:0 10px 5px 10px;
}
#mapTeaser div.ZMSTeaserElement a div.text, #mapTeaser div.ZMSTeaserElement a:link a div.text, #mapTeaser div.ZMSTeaserElement a:visited a div.text {
  padding:20px 0 15px;
  font-size:12px;
  line-height:17px; 
}
#mapTeaser div.ZMSTeaserElement a:hover div.text, #mapTeaser div.ZMSTeaserElement a:active div.text {
  color:#FC1924;
}

/* -- ZMS LINK -------------------------------------*/
div#pageelement_Links {
  width:180px;
}
div.ZMSLinkElement {
  background-color: transparent;
  padding:2px;
}
div.ZMSLinkElement div.title {
  font-weight:bold;
  color:black;
  font-size:12px !important;
  margin:10px 0px 0px 0px;
}

div.ZMSLinkElement div.text {
}

div.ZMSLinkElement div.text ul {
  margin-top:5px;
  margin-left:-10px !important; margin-left: 20px;
}
li.LinkElementExternal {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementInternalClient {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementMailto {
  list-style-image:url(common/mail_link.gif);
}

/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* -- LIKE BUTTONS -------------------------------- */
.SB {
  display:block;
  width:100%;
  height:23px;
  padding:10px 0;
  clear:both;
}

/* -- SUPPORT BUTTON -------------------------------*/
#support {
  position:relative;
  display:block;
  float:left;
  width:310px;
  height:97px;
  margin:0 0 10px 0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/teaser_support.png) top left no-repeat;
}
#support a.supportMain, #support a.supportMain:link, #support a.supportMain:visited {
  display:block;
  width:300px;
  height:28px;
  padding:23px 0 0 10px;
  color:#ffffff;
  font-size:20px;
  line-height:28px;
  letter-spacing:1px;
}
#support a.supportMain:hover, #support a.supportMain:active {
  color:#F9E6E7;
  text-decoration:underline;
}
#support a.supportSub, #support a.supportSub:link, #support a.supportSub:visited {
  display:inline;
  float:left;
  width:auto;
  margin:12px 0 0 0;
  border-left:1px solid #CCCCCC;
  padding:0 5px;
  color:#666666;
  font-size:10px;
  line-height:15px;
}
#support a.first, #support a.first:link, #support a.first:visited {
  padding-left:10px;
  border:0; 
}
.ie6 #support a.supportSub, .ie6 #support a.supportSub:link, .ie6 #support a.supportSub:visited,
.ie7 #support a.supportSub, .ie7 #support a.supportSub:link, .ie7 #support a.supportSub:visited,
.ie8 #support a.supportSub, .ie8 #support a.supportSub:link, .ie8 #support a.supportSub:visited {
  padding:0 4px;
}
#support a.supportSub:hover, #support a.supportSub:active {
  color:#333333;
  text-decoration:underline;
}
/* -- PROJECT PAGE ---------------------------------*/
#pjList {
  display:block;
  float:left;
  width:100%;
  padding:40px 0;
}
#pjList .boxFull {
  padding-top:0;
  padding-bottom:0;
}
#pjList h1 {
  margin:0 0 5px 10px;
  font-size:16px;
  line-height:21px;
}
#pjList .listWrap {
  display:block;
  float:left;
  width:100%;
  border-top:1px solid #cccccc;
}
#pjList .listWrap2 {
  display:block;
  float:left;
  width:100%;
  border-top:1px solid #ffffff;
  padding:0 0 10px 0;
}
#pjList .noBdr {
  border:0;
}
#pjList .left {
  position:relative;
  float:left;
  width:287px;
  padding:10px 20px 10px 0;
}
#pjList .right {
  position:relative;
  float:left;
  width:287px;
  border-top:1px solid #ffffff;
  padding:10px 0;
}
#pjList .noBdr .left, #pjList .noBdr .right {
  border:0;
}
#pjList div span {
  display:block;
  width:100%;
  padding:0 0 1px 0;
}
#pjList div span.pjTitle {
  padding:0 0 10px 0;
  font-weight:bold;
}
/* -- JQUERY TOOLS ---------------------------------*/
/* --- STARTSEITE TIMELINE --- */
#smt {
  position:relative;
  display:block;
  float:left;
  width:920px;
  height:312px;
  margin:40px 0 40px 10px;
  border:1px solid #e8e8e8;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:9px;
  background:#FFFFFF;
}
#smt #items {
  position:relative;
  float:left;
  width:630px;
  height:312px;
  background:#E8E8E8;
}

/* --- left-side formats --- */
#smt #items a, #smt #items a:link, #smt #items a:visited {
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:630px;
  height:312px;
  text-decoration:none;
}
#smt #items a span.text, #smt #items a:link span.text, #smt #items a:visited span.text {
  display:block;
  text-decoration:none;
  position:absolute;
  border-radius: 5px;
  padding:10px;
  background:rgba(255,255,255,0.8);
  cursor:pointer;
  overflow:hidden;
}

.ie6 #smt #items a span.text, .ie6 #smt #items a:link span.text, .ie6 #smt #items a:visited span.text {
  background:transparent url(http://www.geschenk-mit-herz.de/common/pixel_white_80.png) top left repeat;
  background:#ffffff;
}
.ie7 #smt #items a span.text, .ie7 #smt #items a:link span.text, .ie7 #smt #items a:visited span.text,
.ie8 #smt #items a span.text, .ie8 #smt #items a:link span.text, .ie8 #smt #items a:visited span.text {
  background:transparent url(http://www.geschenk-mit-herz.de/common/pixel_white_80.png) top left repeat;
}
#smt #items a span.title, #smt #items a:link span.title, #smt #items a:visited span.title {
  position:relative;
  display:block;
  width:100%;
  height:auto;
  max-height:75px;
  font-size:18px;
  font-weight:bold;
  line-height:24px;
  color:#333333;
  text-decoration:none;
  cursor:pointer;
  overflow:hidden;
}
.ie6 #smt #items a span.title, .ie6 #smt #items a:link span.title, .ie6 #smt #items a:visited span.title {
  height: expression( this.scrollHeight > 74 ? "75px" : "auto" );
}
#smt #items a span.desc, #smt #items a:link span.desc, #smt #items a:visited span.desc {
  position:relative;
  display:block;
  width:100%;
  height:auto;
  max-height:105px;
  padding:5px 0 0;
  font-size:14px;
  font-weight:normal;
  line-height:17px;
  color:#333333;
  text-decoration:none;
  cursor:pointer;
}
.ie6 #smt #items a span.desc, .ie6 #smt #items a:link span.desc, .ie6 #smt #items a:visited span.desc {
  height: expression( this.scrollHeight > 104 ? "105px" : "auto" );
}

#smt #items a span.more, #smt #items a:link span.more, #smt #items a:visited span.more {
  position:relative;
  float:right;
  width:63px;
  height:39px;
  margin:10px 0 0 0;
  border-radius:5px;
  padding:3px 35px 0 16px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/smt_btn_HG.png) top left no-repeat;
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CF010D), to(#A7010A));
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat, -webkit-linear-gradient(top, #CF010D, #A7010A);
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat, -moz-linear-gradient(top, #CF010D, #A7010A);
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat, -ms-linear-gradient(top, #CF010D, #A7010A);
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat, -o-linear-gradient(top, #CF010D, #A7010A);
  cursor:pointer;
  text-decoration:none;
  color:#ffffff;
  font-size:13px;
  line-height:17px;
  -webkit-transition: background 0.5s linear;
  -moz-transition:background 0.5s linear;
  -o-transition:background 0.5s linear;
  transition:background 0.5s linear;
}
#smt #items a:hover, #smt #items a:active,
#smt #items a:hover span.title, #smt #items a:active span.title,
#smt #items a:hover span.desc, #smt #items a:active span.desc {
  text-decoration:none;
}
#smt #items a:hover span.more, #smt #items a:active span.more {
  background:transparent url(http://www.geschenk-mit-herz.de/common/smt_btn_hover.png) top left no-repeat;
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat,  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E4010D), to(#B8010B));
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat,  -webkit-linear-gradient(top, #E4010D, #B8010B);
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat,   -moz-linear-gradient(top, #E4010D, #B8010B);
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat,  -ms-linear-gradient(top, #E4010D, #B8010B);
  background:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 87px -638px no-repeat,  -o-linear-gradient(top, #E4010D, #B8010B);

  text-decoration:none;
}
/* --- pos0 --- */
#smt #items a.textPos0 span.text, #smt #items a.textPos0:link span.text, #smt #items a.textPos0:visited span.text {
  top:20px;
  left:20px;
  width:298px;
}

/* --- pos1 --- */
#smt #items a.textPos1 span.text, #smt #items a.textPos1:link span.text, #smt #items a.textPos1:visited span.text {
  top:20px;
  right:20px;
  width:298px;
}

/* --- pos2 --- */
#smt #items a.textPos2 span.text, #smt #items a.textPos2:link span.text, #smt #items a.textPos2:visited span.text {
  top:20px;
  left:20px;
  width:570px;
}

/* --- pos3 --- */
#smt #items a.textPos3 span.text, #smt #items a.textPos3:link span.text, #smt #items a.textPos3:visited span.text {
  bottom:20px;
  right:20px;
  width:570px;
}

/* --- right-side formats --- */
#smt .timeline {
  position:absolute;
  top:9px;
  right:10px;
  width:312px;
  height:312px;
}
#smt .timeline a, #smt .timeline a:link, #smt .timeline a:visited {
  position:relative;
  display:block;
  width:289px;
  height:52px;
  padding:0 0 0 23px;
  background:transparent;
  text-decoration:none;
}
#smt .timeline a.current, #smt .timeline a.current:link, #smt .timeline a.current:visited {
  background:transparent url(http://www.geschenk-mit-herz.de/common/timeline_current.png) top left no-repeat;
}
#smt .timeline a span.text, #smt .timeline a:link span.text, #smt .timeline a:visited span.text {
  position:relative;
  display:block;
  width:289px;
  height:50px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #E8E8E8;
  background:#F7F7F6;
}
#smt .timeline a.inactive span.text, #smt .timeline a.inactive:link span.text, #smt .timeline a.inactive:visited span.text {
  background:#F7F7F6 url(http://www.geschenk-mit-herz.de/common/phase_zuende_marker.png) 235px 8px no-repeat;
}
#smt .timeline a span.first, #smt .timeline a:link span.first, #smt .timeline a:visited span.first {
  border-top:1px solid #F7F7F6;
}
#smt .timeline a span.last, #smt .timeline a:link span.last, #smt .timeline a:visited span.last {
  border-bottom:1px solid #F7F7F6;
}
#smt .timeline a:hover span.text, #smt .timeline a:active span.text {
  background:#FAF1F2;
  text-decoration:none;
}
#smt .timeline a.current span.text, #smt .timeline a.current:link span.text, #smt .timeline a.current:visited span.text {
  width:288px;
  border-right:1px solid #cccccc;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background:#FAF1F2;
}
#smt .timeline a.inactive.current span.text, #smt .timeline a.inactive.current:link span.text, #smt .timeline a.inactive.current:visited span.text {
  background:#FAF1F2 url(http://www.geschenk-mit-herz.de/common/phase_zuende_marker.png) 235px 8px no-repeat;
}
.ie6 #smt .timeline a.inactive.current span.text, .ie6 #smt .timeline a.inactive.current:link span.text, .ie6 #smt .timeline a.inactive.current:visited span.text {
  background:#FAF1F2;
}
#smt .timeline a span.number, #smt .timeline a:link span.number, #smt .timeline a:visited span.number {
  float:left;
  width:14px;
  height:25px;
  margin:9px 11px 0;
  padding:3px 8px 5px 10px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 0 -128px no-repeat;
  color:#ffffff;
  font-size:18px;
  line-height:21px;
  text-align:center;
}
.ie6 #smt .timeline a span.number, .ie6 #smt .timeline a:link span.number, .ie6 #smt .timeline a:visited span.number {
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif) 0 -128px no-repeat;
}
#smt .timeline a.inactive span.number, #smt .timeline a.inactive:link span.number, #smt .timeline a.inactive:visited span.number {
  background-position:1px -192px;
}
#smt .timeline a:hover span.number, #smt .timeline a:active span.number {
  background-position:1px -64px;
  text-decoration:none;
}
#smt .timeline a.current span.number, #smt .timeline a.current:link span.number, #smt .timeline a.current:visited span.number {
  background-position:1px 0;
}
#smt .timeline a span.title, #smt .timeline a:link span.title, #smt .timeline a:visited span.title {
  position:relative;
  float:left;
  width:230px;
  padding:4px 0 0 0;
  font-size:16px;
  line-height:21px;
  color:#666666;
}
#smt .timeline a span.time, #smt .timeline a:link span.time, #smt .timeline a:visited span.time {
  position:relative;
  float:left;
  width:230px;
  font-size:13px;
  line-height:18px;
  color:#666666;
}
#smt .timeline a.inactive span.title, #smt .timeline a.inactive:link span.title, #smt .timeline a.inactive:visited span.title,
#smt .timeline a.inactive span.time, #smt .timeline a.inactive:link span.time, #smt .timeline a.inactive:visited span.time {
  color:#A0A0A0;
}
#smt .timeline a.current span.title, #smt .timeline a.current:link span.title, #smt .timeline a.current:visited span.title,
#smt .timeline a.current span.time, #smt .timeline a.current:link span.time, #smt .timeline a.current:visited span.time {
  color:#333333;
}
/* --- TIMELINE NAVIGATION --- */
#procNav {
  position:relative;
  float:left;
  width:960px;
  height:75px;
  margin:-7px 0 0 0;
  padding:0;
  clear:both;
}
#timeline {
  position:relative;
  float:left;
  width:900px;
  height:75px;
  padding:0;
  overflow:hidden;
}
#timeline a, #timeline a:link, #timeline a:visited {
  position:relative;
  float:left;
  width:223px;
  height:75px;
  border-left:1px solid #ffffff;
  border-right:1px solid #DBDBDB;
  background:#EBEBEB;
  -webkit-transition: background 0.5s;
  -moz-transition:background 0.5s;
  -o-transition:background 0.5s;
  transition:background 0.5s;
}
#timeline a:hover, #timeline a:active,
#timeline a.current, #timeline a.current:link, #timeline a.current:visited {
  background:#FAF1F2;
  text-decoration:none;
}
#timeline a span.text, #timeline a:link span.text, #timeline a:visited span.text {
  position:relative;
  display:block;
  width:203px;
  height:55px;
  padding:10px;
}
#timeline a.inactive span.text, #timeline a.inactive:link span.text, #timeline a.inactive:visited span.text {
  background:transparent url(http://www.geschenk-mit-herz.de/common/phase_zuende_marker.png) 155px 5px no-repeat;
}
#timeline a.inactive.current span.text, #timeline a.inactive.current:link span.text, #timeline a.inactive.current:visited span.text {
  background:transparent url(http://www.geschenk-mit-herz.de/common/phase_zuende_marker.png) 155px 5px no-repeat;
}
#timeline a span.number, #timeline a:link span.number, #timeline a:visited span.number {
  float:left;
  width:16px;
  height:20px;
  margin:4px 0 0 0;
  padding:3px 7px 5px 5px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) -53px -128px no-repeat;
  color:#ffffff;
  font-size:16px;
  line-height:18px;
  text-align:center;
}
.ie6 #timeline a span.number, .ie6 #timeline a:link span.number, .ie6 #timeline a:visited span.number {
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif) -53px -128px no-repeat;
}
#timeline a.inactive span.number, #timeline a.inactive:link span.number, #timeline a.inactive:visited span.number {
  background-position:-53px -192px;
}
#timeline a.current span.number, #timeline a.current:link span.number, #timeline a.current:visited span.number {
  background-position:-53px 0;
}
#timeline a span.nHover, #timeline a:link span.nHover, #timeline a:visited span.nHover {
  position:absolute;
  top:14px;
  left:10px;
  width:16px;
  height:20px;
  margin:0;
  padding:3px 7px 5px 5px;
  background:#FAF1F2 url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) -53px -64px no-repeat;
  color:#ffffff;
  font-size:16px;
  line-height:18px;
  text-align:center;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ie6 #timeline a span.nHover, .ie6 #timeline a span.nHover, .ie6 #timeline a span.nHover {
  background:#FAF1F2 url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif) -53px -64px no-repeat;
  visibility:hidden;
}
.ie7 #timeline a span.nHover, .ie7 #timeline a span.nHover, .ie7 #timeline a span.nHover {
  visibility:hidden;
}
.ie8 #timeline a span.nHover, .ie8 #timeline a span.nHover, .ie8 #timeline a span.nHover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#timeline a:hover span.nHover, #timeline a:active span.nHover {
  opacity:1;
}
.ie6 #timeline a:hover span.nHover, .ie6 #timeline a:hover span.nHover,
.ie7 #timeline a:hover span.nHover, .ie7 #timeline a:hover span.nHover {
  visibility:visible;
}
.ie8 #timeline a:hover span.nHover, .ie8 #timeline a:hover span.nHover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#timeline a span.title, #timeline a:link span.title, #timeline a:visited span.title {
  position:relative;
  float:left;
  width:100px;
  padding:0 0 0 4px;
  font-size:13px;
  line-height:16px;
  color:#666666;
  z-index:2;
}
#timeline a span.time, #timeline a:link span.time, #timeline a:visited span.time {
  position:relative;
  float:left;
  width:180px;
  padding:3px 0 0 7px;
  font-size:10px;
  line-height:15px;
  color:#666666;
  z-index:2;
}
#timeline a.inactive span.title, #timeline a.inactive:link span.title, #timeline a.inactive:visited span.title,
#timeline a.inactive span.time, #timeline a.inactive:link span.time, #timeline a.inactive:visited span.time {
  color:#A0A0A0;
}
#timeline a.current span.title, #timeline a.current:link span.title, #timeline a.current:visited span.title,
#timeline a.current span.time, #timeline a.current:link span.time, #timeline a.current:visited span.time {
  color:#333333;
}
#timeline a span.img, #timeline a:link span.img, #timeline a:visited span.img {
  position:absolute;
  top:40px;
  right:10px;
  width:105px;
  height:65px;
  background:transparent;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  z-index:1;
}
#timeline a:hover span.img, #timeline a:active span.img,
#timeline a.current span.img, #timeline a.current:link span.img, #timeline a.current:visited span.img {
  top:15px;
}
#timeline a.inactive.current span.img, #timeline a.inactive.current:link span.img, #timeline a.inactive.current:visited span.img {
  top:40px;
}
#procNav span.custom {
  position:relative;
  float:left;
  width:15px;
  height:49px;
  padding-top:26px;
  background-color:transparent;
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png);
  background-repeat:no-repeat;
}
.ie6 #procNav span.custom {
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png);
}
#procNav span.next {
  border-left:1px solid #ffffff;
  padding-left:10px;
  background-position:right -230px;
}
#procNav span.next:hover {
  background-position:right -294px;
}
#procNav span.next.disabled {
  background-position:right -358px;
}
#procNav span.prev {
  border-right:1px solid #DBDBDB;
  padding-right:10px;
  background-position:0 -230px;
}
#procNav span.prev:hover {
  background-position:0 -294px;
}
#procNav span.prev.disabled {
  background-position:0 -358px;
}
/* --- SCROLLABLE --- */

#timeline .items {
  width:20000em;
  position:absolute;
  clear:both;
  margin:0;
  padding:0;
}

/* --- OVERLAY --- */
.overlay {
  display:none;
  width:600px;
  border:1px solid #999999;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:10px;
  background:#ffffff;
  -moz-box-shadow:0 0 50px 5px #666666;
  -webkit-box-shadow: 0 0 90px #666666;
  box-shadow:0 0 90px 5px #666666;	
}
#galOverlay, #vidOverlay {
  display:none;
  min-width:200px;	
  min-height:200px;
  border:1px solid #999999;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:10px;
  background:#ffffff;
  -moz-box-shadow:0 0 50px 5px #666666;
  -webkit-box-shadow: 0 0 90px #666666;	
  box-shadow:0 0 90px 5px #666666;
  color:#333333;
  z-index:10000;
}
.overlay .close, #galOverlay .close, #vidOverlay .close {
  position:absolute;
  right:-15px;
  top:-15px;
  width:36px;
  height:36px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 0 -434px no-repeat;
  cursor:pointer;
  z-index:10000;
}
.ie6 .overlay .close, .ie6 #galOverlay .close, .ie6 #vidOverlay .close {
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif);
}
.overlay .close:hover, #galOverlay .close:hover, #vidOverlay .close:hover {
  background-position:-45px -434px;
}
.overlay #contentTitle {
  position:relative;
  width:100%;
  height:18px;
  padding:0 0 5px 0;
  color:#333333;
  font-size:12px;
  overflow:hidden;
}
div.contentWrap {
  position:relative;
  float:left;
  width:600px;
  height:480px;
  overflow:hidden;
}
#contentCaption {
  position:relative;
  float:left;
  width:100%;
  padding:5px 0;
}

/* --- CALENDAR --- */



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

.error {
  height:auto;
  margin-left:-2px;
  border:1px solid #666666;
  -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:#ba010b;
  -moz-box-shadow: 0px 0px 3px #333333;
  -webkit-box-shadow: 0px 0px 3px #333333;
  box-shadow: 0px 0px 3px #333333;
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=0, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=90, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=180, Strength=3)
   progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=270, Strength=3);
  color:#000;
  font-size:11px;
  z-index:50;
}
.error p {
  margin:0;
  padding:0;
  color:#ffffff;
}

/* --- TAB TABS --- */
nav.navTabs {
  display:none;
  position:relative;
  float:left;
  padding:10px 0 0;
  z-index:5;
}
nav.noJS {
  padding-top:18px;
}
nav.navTabs ul {
  position:relative;
  float:left;
  margin:0 0 -3px -1px;
  padding:0;
  list-style-type:none;
}
.ie6 nav.navTabs ul {
  margin-left:0;
  border-left:1px solid #e8e8e8;
}
.ie7 nav.navTabs ul, .ie8 nav.navTabs ul {
  margin-left:0;
}
nav.noJS ul {
  margin:0;
  border:0;
}
/* single tab */
nav.navTabs ul li { 
  float:left;	 
  height:31px;
  text-indent:0;
  margin:0 !important;
  padding:0 0 0 7px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 -398px repeat-x;
  list-style-image:none !important; 
}
nav.navTabs ul li.current { 
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 -350px repeat-x;
}
nav.navTabs ul li:first-child {
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 -49px no-repeat;
}
nav.navTabs ul li.current:first-child {
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 0 no-repeat;
}
nav.noJS ul li, nav.noJS ul li.current, nav.noJS ul li:first-child, nav.noJS ul li.current:first-child {
  padding:0;
  background:transparent;
}
nav.navTabs ul li a, nav.navTabs ul li a:link, nav.navTabs ul li a:visited { 
  float:left;
  height:31px;
  margin:0;
  padding:0;
  color:#694b26;
  font-size:13px;
  font-weight:bold;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}
nav.navTabs ul li.current a, nav.navTabs ul  li.current a:link, nav.navTabs ul li.current a:visited {
  margin:0 0 0 -25px;
  padding:0 0 0 25px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 -200px no-repeat;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  text-decoration:none;
}

nav.navTabs ul li a.first, nav.navTabs ul li a.first:link, nav.navTabs ul li a.first:visited {
  padding:0 0 0 10px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 -398px repeat-x;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}
nav.navTabs ul li.current a.first, nav.navTabs ul li.current a.first:link, nav.navTabs ul li.current a.first:visited {
  margin:0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) 0 -350px repeat-x;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}
nav.noJS ul li a, nav.noJS ul li a:link, nav.noJS ul li a:visited {
  background:transparent;
}
nav.navTabs ul li a span, nav.navTabs ul li a:link span, nav.navTabs ul li a:visited span {
  float:left;
  height:20px;
  margin:0;
  padding:6px 28px 5px 0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) right -248px no-repeat;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  font-size:14px;
  line-height:20px;
  color:#999999;
  -webkit-transition: color 0.5s;
  -moz-transition:color 0.5s;
  -o-transition:color 0.5s;
  transition:color 0.5s;
}
nav.navTabs ul li.current a span, nav.navTabs ul li.current a:link span, nav.navTabs ul li.current a:visited span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) right -299px no-repeat;
  color:#ba010b;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  -webkit-transition: color 0.5s;
  -moz-transition:color 0.5s;
  -o-transition:color 0.5s;
  transition:color 0.5s;
}
nav.navTabs ul li a.last span, nav.navTabs ul li a.last:link span, nav.navTabs ul li a.last:visited span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) right -98px no-repeat;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}
nav.navTabs ul li.current a.last span, nav.navTabs ul li.current a.last:link span, nav.navTabs ul li.current a.last:visited span {
  background:transparent url(http://www.geschenk-mit-herz.de/common/tab_nav_sprite.gif) right -149px no-repeat;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}

nav.noJS ul li a span, nav.noJS ul li a:link span, nav.noJS ul li a:visited span {
  background:transparent;
  color:#ba010b;
  font-size:20px;
  line-height:26px;
}
nav.navTabs ul li a:hover span, nav.navTabs ul li a:active span {
  color:#FC1924;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  text-decoration:underline;
}
nav.noJS ul li a:hover span, nav.noJS ul li a:active span {
  color:#ba010b;
  cursor:default;
}
nav.navTabs ul li.current a:hover span, nav.navTabs ul li.current a:active span {
  text-decoration:none;
  cursor:default;
}
/* --- NEWS TABS --- */
nav.newsTabs {
  position:relative;
  display:block;
  float:left;
  width:100%;
}

nav.newsTabs h1 {
  float:left;
  margin:5px 0 0 10px;
  font-size:16px;
  line-height:21px;
}
#index nav.newsTabs ul {
  display:none;
  width:auto;
  padding-left:0;
  float:right;
}
#index nav.newsTabs ul li {
  display:inline;
  width:auto;
  border:0;
  padding:0;
}
#index nav.newsTabs ul li a, #index nav.newsTabs ul li a:link, #index nav.newsTabs ul li a:visited {
  padding:8px;
  font-size:15px;
  line-height:20px;
  color:#666666;
}
#index nav.newsTabs ul li a.current, #index nav.newsTabs ul li a.current:link, #index nav.newsTabs ul li a.current:visited {
  color:#ba010b;
}
#index nav.newsTabs ul li a:hover, #index nav.newsTabs ul li a:active {
  color:#FC1924;
}


/* -- FORM CSS -------------------------------------*/
/* --- CONTAINERS --- */
#conForm {
  display:block;
  float:left;
  width:100%;
  padding:20px 0 40px 0;
}
#conForm h1 {
  margin:0 0 5px 10px;
  font-size:16px;
  line-height:21px;
}
/* --- SECTIONS --- */

#conForm section {
  float:left;
  width:100%;
  padding:0 0 10px 0; 
}
#conForm .contact #formName {
  width:287px;
  padding:0 20px 0 0;
}
#conForm .contact #formMess {
  width:287px;
  padding:0;
}
#conForm #formSend {
  float:right;
  width:100%;
  padding:0;
  text-align:right;
}

/* --- WRAPPERS --- */

#conForm div div {
  display:block;
  float:left;
  width:100%;
  padding:0 0 10px 0;
}
#conForm div.left {
  width:288px;
  padding:0 15px 0 0;
}
#conForm div.right {
  width:288px;
  padding:0;
}
#conForm .depot #formSupply div {
  width:287px;
}
#conForm .depot #formSupply div div {
  padding:0 0 30px 0;
}
#pack_total {
  display:inline-block;
  width:145px;
  border-bottom: 1px solid #cccccc;
  padding:3px 10px;
  background:transparent;
}
#pack_total b {
  color: #ba010b;
}
#conForm div.finePrint {
  width:484px;
  height:85px;
  padding:10px 110px 0 0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/trust_logo.gif) right 10px no-repeat;
}
/* --- STANDARDS --- */
#conForm section hgroup {
  padding:0 0 20px 0;
}
#conForm section h1 {
  margin:0;
  font-size:14px;
  line-height:18px;
  font-weight:bold;
  color: #333333;
}
#conForm section h2 {
  font-size:13px;
  line-height:18px;
  color: #333333;
}
#conForm section h3 {
  margin:0 0 10px 0;
  font-size:13px;
  line-height:18px;
  font-weight:bold;
}
#conForm .depot #formSupply img {
  float:left;
  margin:0 10px 0 0;  
}
#conForm span.link {
  display:block;
  margin:0 0 0 20px;
  padding:5px 0 0 0;
  font-size:11px;
  line-height:16px;
}
#conForm .noPad {
  padding:0 !important;
}
#conForm .padR10 {
  padding-right:10px !important;
}
#conForm .padT10 {
  padding-top:10px !important;
}
#conForm .errorNote {
  color: #ba010b;
}
/* --- LABELS --- */

#conForm label {
  position:relative;
  display:block;
  width:100%;
  padding:0 0 2px 0;
}
#conForm div.required label:first-child {
  font-weight:bold;
}
#conForm .depot #formSupply label {
  padding:0 0 15px 0;
}
#conForm label.radio {
  float:left;
  display:inline;
  width:auto;
  padding:1px 5px 0 0;
}
#conForm label.radio:checked {
  font-weight:bold;
}
#conForm #packMe label.radio {
  margin-top:4px;
  padding-right:10px;
}
/* --- INPUTS --- */

#conForm input {
  position:relative;
  float: left;
  width: 275px;
  height: 20px;
  margin: 0;
  border: 1px solid #cccccc;
  border-radius: 5px 5px 5px 5px;
  padding:0 5px 1px;
  color: #333333;
  z-index:10;
}
#conForm input.invalid {
  border-color:#ba010b;
}
#conForm div.required input {
  width:273px;
  border-left: 3px solid #ba010b;
}
#conForm .depot #formSupply input {
  width:50px;
  margin:0 10px 0 0;
}
#conForm input#el_zip {
  width:62px;
  margin:0 10px 0 0;
}
#conForm input#el_city {
  width:187px;
}
#conForm input#el_fillin, #conForm div.required input#el_fillin {
  width:60px;
  margin:-2px 5px 0 0;
  border: 1px solid #cccccc;
}
#conForm input#el_fillin.required, #conForm div.required input#el_fillin.required {
  border-left: 3px solid #ba010b;
}
#conForm input.radio, #conForm div.required input.radio {
  width:16px;
  margin:0 5px 3px;
  border-radius:0;
  border:none;
}
#conForm .depot #formSupply input.radio {
  width:16px;
  margin-bottom:70px;
}

#conForm input.btn {
  float:right;
  width: auto;
  height:auto;
  margin:0 0 0 20px;
  padding:2px 5px;
  background:#FFFFFF url(http://www.geschenk-mit-herz.de/common/search_HG.gif) left bottom repeat-x;
  color: #333333;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-align:left;
}
/* --- SELECT --- */

#conForm select {
  position:relative;
  float:left;
  width: 287px;
  height: 23px;
  border: 1px solid #cccccc;
  border-radius: 5px 0px 0px 5px;
  color:#333333;
}
#conForm option {
  color:#333333;
}
#conForm select#el_giftnumber {
  width: 60px;
  height:20px;
  margin:3px 10px 0 0;
}
#conForm select#el_giftnumber.required {
  border-left: 3px solid #ba010b;
}

/* --- TEXTAREA --- */

#conForm textarea {
  float:left;
  width:586px;
  height:170px;
  margin:0;
  border:1px solid #cccccc;
  border-radius: 5px 5px 5px 5px;
  padding:3px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:18px;
  color: #333333;
}
#conForm .contact textarea {
  width:279px;
  height:270px;
}

/* --- PRINT VERSION --- */
#conForm div.printOnly {
  visibility:hidden;
  display:none;
}
/* -- PHOTO ALBUM ----------------------------------*/
/* --- OVERVIEW TABS --- */
ul.overviewTabs {
  display:block;
  position:relative;
  float:left;
  width:618px;
  margin:20px 0;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  padding:5px 0;
  background:transparent url(http://www.geschenk-mit-herz.de/common/overviewTabs_HG.gif) center repeat-x;
  list-style-type:none;
}
ul.overviewTabs li {
  display:inline;
  float:left;
  width:auto;
  margin:0 17px;
  padding:2px 10px;
  background:#ffffff;
}
ul.overviewTabs li a, ul.overviewTabs li a:link, ul.overviewTabs li a:visited {
  display:block;
  float:left;
  width:auto;
  height:27px;
  padding:3px 0; 
  font-size:20px;
  line-height:27px;
  color:#cccccc;
  -webkit-transition: font-size 0.5s,color 0.5s;
  -moz-transition: font-size 0.5s,color 0.5s;
  -o-transition: font-size 0.5s,color 0.5s;
  transition: font-size 0.5s,color 0.5s;
}
ul.overviewTabs li a:hover, ul.overviewTabs li a:active {
  color:#999999;
  text-decoration:none;
}
ul.overviewTabs li a.current, ul.overviewTabs li a.current:link, ul.overviewTabs li a.current:visited {
  padding:0;
  font-size:27px;
  line-height:27px;
  color:#999999;
}

#galOverview {
  position:relative;
  width:100%;
  float:left;
}
#galOverview .loaderWrap {
  position:absolute;
  top:0;
  left:0;
  width:620px;
  height:705px;
  background:#FFFFFF;
  opacity:0.8;
  z-index:50;
}
/* --- PHOTOALBUM & VIDEOALBUM --- */
#tGrid, #vGrid, #aGrid {
  display:block;
  float:left;
  width:100%;
  padding:0;
}
#tGrid nav {
  display:block;
  float:left;
  width:100%;
  text-align:center;
}
#tGrid nav ul {
  position:relative;
  width:auto;
  margin:0;
  padding:5px 0 15px 0;
  list-style-type:none;
}
.galNav ul {
  display:block;
  position:relative;
  float:left;
  width:100%;
  margin:0;
  padding:10px 0;
  list-style-type:none;
  clear:both;
}
#tGrid nav li {
  position:relative;
  display:inline-block;
  width:auto;
  height:22px;
  padding:0 10px;
  font-size:14px;
  line-height:22px;
  vertical-align:middle;
}
.galNav li {
  position:relative;
  float:right;
  width:auto;
  padding:2px 10px 0;
  font-size:14px;
  background:transparent;
}
.ie6 #tGrid nav li, .ie7 #tGrid nav li {
  float:left;
  overflow:hidden;
}
nav li.nav, .galNav li.nav {
  width:12px;
  height:22px;
  padding:0;
}
nav li.prev {
  margin-right:5px;
}
.galNav li.prev {
  margin-right:10px;
}
nav li.next {
  margin-left:5px;
}
.galNav li.next {
  margin:0 10px 0 0;
}
nav li.nav a, nav li.nav a:link, nav li.nav a:visited,
.galNav li.nav a, .galNav li.nav a:link, .galNav li.nav a:visited {
  display:block;
  float:left;
  width:12px;
  height:22px;
  padding:0;
  background-color:transparent;
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png);
  background-repeat:no-repeat;
  cursor:pointer;
  z-index:1000;
  color:#333333;
}
.ie6 nav li.nav a, .ie6 nav li.nav a:link, .ie6 nav li.nav a:visited,
.ie6 .galNav li.nav a, .ie6 .galNav li.nav a:link, .ie6 .galNav li.nav a:visited  {
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif);
}
nav li.prev a, nav li.prev a:link, nav li.prev a:visited,
.galNav li.prev a, .galNav li.prev a:link, .galNav li.prev a:visited {
  background-position:0 -256px;
}
nav li.next a, nav li.next a:link, nav li.next a:visited,
.galNav li.next a, .galNav li.next a:link, .galNav li.next a:visited {
  background-position:right -256px;
}
nav li.prev a:hover, nav li.prev a:active,
.galNav li.prev a:hover, .galNav li.prev a:active {
  background-position:0 -320px;
}
nav li.next a:hover, nav li.next a:active,
.galNav li.next a:hover, .galNav li.next a:active {
  background-position:right -320px;
}
nav li.disabled, .galNav li.disabled {
  cursor:auto;
  background-color:transparent;
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite.png);
  background-repeat:no-repeat;
}
.ie6 nav li.disabled, .ie6 .galNav li.disabled {
  background-image:url(http://www.geschenk-mit-herz.de/common/icon_sprite_ie.gif);
}
nav.photoNav li.prev.disabled, .galNav li.prev.disabled {
  background-position:0px -384px;
}
nav.photoNav li.next.disabled, .galNav li.next.disabled {
  background-position:right -384px;
}



#tGrid .wrap, #vGrid .wrap, #aGrid .wrap {
  position:relative;
  float:left;
  width:100%;
  padding:0 0 10px 0;
}
#tGrid .tImg {
  position:relative;
  float:left;
  width:141px;
  height:141px;
  margin:0 10px 0 0;
  overflow:hidden;
}
#vGrid .vImg, #aGrid .aImg {
  position:relative;
  float:left;
  width:292px;
  margin:0 10px 0 0;
  overflow:hidden;
}
#tGrid .noPad, #vGrid .noPad, #aGrid .noPad {
  margin-right:0;
}
#tGrid .tImg a, #tGrid .tImg a:link, #tGrid .tImg a:visited {
  position:relative;
  display:block;
  width:142px;
  height:142px; 
  background:#cccccc;
}
.ie8 #tGrid .tImg a, .ie8 #tGrid .tImg a:link, .ie8 #tGrid .tImg a:visited {
  top:3px;
  left:3px;
}
#vGrid .vImg a, #vGrid .vImg a:link, #vGrid .vImg a:visited,
#aGrid .aImg a, #vGrid .aImg a:link, #aGrid .aImg a:visited {
  position:relative;
  display:block;
  width:292px;
  height:164px; 
  background:#cccccc;
}

#vGrid .vImg a span.mImg, #vGrid .vImg a:link span.mImg, #vGrid .vImg a:visited span.mImg,
#aGrid .aImg a span.mImg, #aGrid .aImg a:link span.mImg, #aGrid .aImg a:visited span.mImg {
  position:absolute;
  top:0;
  left:0;
  width:292px;
  height:164px;
  overflow:hidden;
}
#vGrid .vImg a span.mTitle, #vGrid .vImg a:link span.mTitle, #vGrid .vImg a:visited span.mTitle,
#aGrid .aImg a span.mTitle, #aGrid .aImg a:link span.mTitle, #aGrid .aImg a:visited span.mTitle {
  position:absolute;
  top:0;
  left:0;
  width:282px;
  padding:5px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/pixel_white_80.png) top left repeat;
  color:#333333;
  font-size:14px;
  line-height:18px;
}
#vGrid .vImg a span.mDate, #vGrid .vImg a:link span.mDate, #vGrid .vImg a:visited span.mDate,
#aGrid .aImg a span.mDate, #aGrid .aImg a:link span.mDate, #aGrid .aImg a:visited span.mDate {
  padding:0 0 0 5px;
  color:#333333;
  font-size:12px;
  line-height:17px;
}
#vGrid .vImg a span.mPlay, #vGrid .vImg a:link span.mPlay, #vGrid .vImg a:visited span.mPlay,
#aGrid .aImg a span.mPlay, #aGrid .aImg a:link span.mPlay, #aGrid .aImg a:visited span.mPlay {
  position:absolute;
  top:0;
  left:0;
  width:292px;
  height:164px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/vidPlay.png) center no-repeat;
}
#vGrid .vImg a:hover, #vGrid .vImg a:active,
#vGrid .vImg a:hover span.mPlay, #vGrid .vImg a:active span.mPlay,
#vGrid .vImg a:hover span.mTitle, #vGrid .vImg a:active span.mTitle,
#vGrid .vImg a:hover span.mDate, #vGrid .vImg a:active span.mDate,
#aGrid .aImg a:hover, #aGrid .aImg a:active,
#aGrid .aImg a:hover span.mPlay, #aGrid .aImg a:active span.mPlay,
#aGrid .aImg a:hover span.mTitle, #aGrid .aImg a:active span.mTitle,
#aGrid .aImg a:hover span.mDate, #aGrid .aImg a:active span.mDate {
  text-decoration:none;
}
#tGrid .tImg img, #vGrid .vImg img, #aGrid .vImg img {
  position:relative;
}

.galWrap {
  position:relative;
  float:left;
  width:100%;
}
.galWrap section {
  display:block;
}
.galWrap h1 {
  float:left;
  margin:25px 0 5px 10px;
  font-size:16px;
  line-height:21px;
}


/* --- GALLERY IN OVERLAY --- */
#gallery {
  position:relative;
  overflow:hidden;
  clear:both;	
  width:auto;
}
#gallery .galItem {
  display:block;
}

#gallery div.text {
  display:block;
  width:100%;
  height:43px;
  padding:7px 0 0 0;
  color:#333333;
  text-align:center;
}
#gallery #galNav {
  display:block;
  width:100%;
}

.loader {
  position:relative;
  top:50%;
  left:50%;
}


/* --- VIDEO IN CONTENT --- */
.cVideo {
  position:relative;
  float:left;
  padding:10px 15px 10px 0;
}
.vidWrap {
  position:relative;
  display:block;
  float:left;
  border:1px solid #cccccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:2px;
}

.cVideo a, .cVideo a:link, .cVideo a:visited {
  position:relative;
  float:left;
  width:300px;
  height:170px;
  margin:0;
  background-position:center center;
  background-repeat:no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  overflow:hidden;
}
.cVideo a img.playImg, .cVideo a:link img.playImg, .cVideo a:visited img.playImg {
  position:absolute;
  top:62px;
  left:125px;
  width:41px;
  height:40px;
}
.cVideo span.vText {
  display:block;
  width:290px;
  padding:3px 5px 0;
  clear:both;
}
.cVideo span.vTitle {
  width:100%;
  font-size:13px;
  font-weight:bold;
}
.cVideo span.vDate {
  width:100%;
  padding:0 0 0 5px;
  color:#686868;
  font-size:11px;
}
.cVideo span.vDesc {
  display:block;
  width:100%;
  color:#686868;
}




/* -- GOOGLE MAP -----------------------------------*/
/* --- FIND DEPOT --- */

#mapContainer {
  position:relative;
  display:block;
  float:left;
  width:914px;
  margin:10px 0 0;
  border:2px solid #ffffff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  background:#f7f7f6 url(http://www.geschenk-mit-herz.de/common/verlauf_right_265.gif) top left repeat-x;
  -moz-box-shadow: 0px 0px 1px #999999;
  -webkit-box-shadow: 0px 0px 1px #999999;
  box-shadow: 0px 0px 1px #999999;
}
.ie6 #mapContainer {
  border:1px solid #e8e8e8;
}
.ie7 #mapContainer,
.ie8 #mapContainer {
  filter: 
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=1)
   progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=1);
}
.ie9 #mapContainer {
  box-shadow: 0px 0px 2px #999999;
}
#mapbox {
  position:relative;
  width:914px;
  height:500px;
}
.mapBlocker {
  position:absolute;
  top:0px;
  left:0px;
  width:914px;
  height:300px;
  padding:200px 0 0 0;
  background-color:rgb(255,255,255);
  background-color:rgba(255,255,255,0.4);
  background-image:url(http://www.geschenk-mit-herz.de/common/loader.gif);
  background-position:center;
  background-repeat:no-repeat;
  font-weight:bold;
  font-size:14px;
  text-align:center;
  z-index:500;
}
#map {
  float:left;
  width:624px;
  height:500px;
}
#sidebar {
  float:right;
  width:280px;
  height:400px;
  margin:100px 0 0;
  padding:0 0 0 10px;
  overflow:auto;
}
#sidebar form.mapSearch {
  position:absolute;
  top:0px;
  right:0px;
  float:left;
  width:270px;
  height:48px;
  margin:0;
  padding:5px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/zip_search_HG.png) top left no-repeat;
}
#sidebar form.mapSearch span {
  float:left;
  width:110px;
  padding:0 0 4px 3px;
  font-size:14px;
  line-height:19px;
  color:#ffffff;
}
#sidebar input#mapZip {
  float:left;
  width:110px;
  height:20px;
  border:1px solid #920109;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:0 5px 1px;
  color:#333333;
  clear:left;
}
.ie6 #sidebar input#mapZip, .ie7 #sidebar input#mapZip, .ie8 #sidebar input#mapZip {
  height:17px;
  padding-top:3px;
}
#sidebar label {
  position:relative;
  float:right;
  width:97px;
  height:31px;
  margin:-16px 8px 0 0;
  border:1px solid #920109;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:3px 8px 3px 0;
  background:#ffffff;
  color:#333333;
  text-indent:20px;
  text-align:right;
  line-height:15px;
  cursor:pointer;
}
.ie6 #sidebar label, .ie7 #sidebar label {
  width:100px;
  margin-top:6px;
  padding-right:5px;
}
.ie8 #sidebar label {
  width:100px;
  padding-right:5px;
}
#sidebar input#mapSubmit {
  position:absolute;
  top:0px;
  left:0px;
  width:105px;
  height:37px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 16px -541px no-repeat;
  font-size:0px;
  line-height:0px;
  color:#cccccc;
}
.ie6 #sidebar input#mapSubmit, .ie7 #sidebar input#mapSubmit, .ie8 #sidebar input#mapSubmit, .ie9 #sidebar input#mapSubmit {
  background-position:13px -541px;
}
#sidebar input#mapSubmit:hover {
  background:transparent url(http://www.geschenk-mit-herz.de/common/icon_sprite.png) 16px -586px no-repeat;
}
.ie6 #sidebar input#mapSubmit:hover, .ie7 #sidebar input#mapSubmit:hover, .ie8 #sidebar input#mapSubmit:hover, .ie9 #sidebar input#mapSubmit:hover {
  background-position:13px -586px;
}
#sidebar h2 {
  position:absolute;
  top:68px;
  right:0;
  width:280px;
  margin:0;
  border-top:1px solid #cccccc;
  padding:5px 0 10px;
  color:#333333;
  font-weight:bold;
  font-size:11.5px;
  line-height:18px;
}
.ie6 #sidebar h2, .ie7 #sidebar h2, .ie8 #sidebar h2, .ie9 #sidebar h2 {
  font-weight:normal;
}
#sidebar ul {
  margin:0;
  padding:0;
}
#sidebar-list li {
  list-style-type:none;
  border-bottom:1px dotted #EEE;
  margin:0;
  padding:0 0 5px 0;
}
#sidebar-list a, #sidebar-list a:link, #sidebar-list a:visited  {
  font-weight:normal;
  color:#333333;
  display:block;
  text-decoration:none;
}
#sidebar-list a:active, #sidebar-list a:hover  {
  color:#333;
  background:#FDF6F6;
}
#sidebar-list div {
  padding:2px 0;
}






/* --- STANDARDS --- */

#map {
  position:relative;
  margin:0;
}

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

#directionsPanel {
  clear:both;
}

#RP span.input {
  float:left;
  width:416px;
  height:24px;
  padding:0 0 0 6px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/input_sprite.png) left -44px no-repeat;
}
#RP input {
  float:left;
  width:410px;
  height:20px;
  margin:10px 0 0 0;
  border: 1px solid #D7C095;
  border-radius: 5px 5px 5px 5px;
  padding:0 5px;
  color:#694b26;
  font-size: 11px;
  line-height: 20px;
}
#RP div.buttonWrapper {
  float:right;
  width:200px;
  height:50px;
  padding:0;
}
#RP div.buttonWrapper span.submit { 
  float:left; 
}	
#RP div.buttonWrapper input.btn {
  float: left;
  width: 156px;
  height: 40px;
  margin: 0 0 0 5px;
  border: none;
  border-radius: none;
  padding:0 10px 3px 10px;
  background:transparent url(http://www.geschenk-mit-herz.de/common/form_send_160.png) top left no-repeat;
  color: #694b26;
  font-size: 13px;
  line-height: 20px;
  text-align:center;
}
#RP #directionsPanel table.adp-placemark {
  border:1px solid #666666;
  background:#fce1b0;
}

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



/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/
body.print {
  width:650px;
}
.printOnly {
  visibility:hidden;
  display:none;
}
@media print {
html {background:transparent;}
body#web { float:none !important; display:inline; font-size:14pt;}
body.ie6 { font-size:10pt;}
#content {float:none !important;}
#logoGrad, #logo, #metanav, #menu, #procNav, #right, #bottom {display:none !important;}
.printOnly { visibility:visible !important; display:block !important; float:none;}
.noPrint { display: none; }
div#conForm .form, div#conForm .depot {background:transparent;}
div#conForm input { width:300px; height: 23px; font-size:14pt; background:transparent !important;}
div#conForm textarea { width:600px !important; font-size:14pt;}
}

/****************************************************/
/*    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; }

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

.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: 'Lucida Grande',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: 'Lucida Grande',Verdana,Geneva,Helvetica,sans-serif;
  font-size:12px;
  line-height:17px;
} 

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

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#fac972;
  color:#fac972;
  font-weight: bold;
  border:none; 
}


body.zmi div.placement {
  display:inline-block;
  width:122px;
  height:82px;
  padding:5px 15px 5px 0;
  background-color:transparent;
  background-image:url(http://www.geschenk-mit-herz.de/common/textPos_images_sprite.gif);
  background-repeat:no-repeat;
}
body.zmi div.pos0 {
  background-position:0 5px;
}
body.zmi div.pos1 {
  background-position:0 -101px;
}
body.zmi div.pos2 {
  background-position:0 -207px;
}
body.zmi div.pos3 {
  background-position:0 -313px;
}