/*                                                         */
/* COMMUNITOR SiteWare 2.0                                 */
/* Copyright by COMMUNITOR Internetservice GmbH, 2001-2010 */
/*                                                         */
html,body {
  height:100%;
  margin:0px;
  padding:0px;
}
body {
  background-color:#FFFFFF;
  background-image:url('../images/hg.jpg');
  background-repeat:no-repeat;
}
body,p,td,h1,h2,h3,h4,h5,h6 {
  font-size:12px;
  font-weight:normal;
  font-family:Lucida Grande, Arial, Helvetica, sans-serif;
  color:#373737;
}
img {
  border:0px solid;
}
form {
  margin:0px;
  padding:0px;
}
h1,h3.focus  {
  font-size:22px;
  margin:0px 0px 6px 0px;
  color:#E50066;
  text-transform:uppercase;
}
h2 {
  font-size:18px;
  margin:0px 0px 12px 0px;
  color:#E50066;
}
h3,h4 {
  margin:0px;
  color:#E50066;
}
h4,h5 {
  font-weight:bold;
}
h2.boxright {
  font-weight:normal;
  text-transform:uppercase;
  margin-bottom:1px;
  white-space:nowrap;
}
h3.focus {
  color:#373737;
}
ul,li {
  margin:0px;
  padding:0px;
}
li {
  margin-left:25px;
  list-style-image:url('../images/bullet.gif');
}
ul ul li {
  margin-left:60px;
}
ul {
  margin-top:-12px;
}
ul ul {
  margin-top:0px;
}
h1 a:link,h1 a:visited,h1 a:hover,h1 a:active,
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active,
h3 a:link,h3 a:visited,h3 a:hover,h3 a:active,
h4 a:link,h4 a:visited,h4 a:hover,h4 a:active {
  color:#E50066;
  font-weight:normal;
  text-decoration:none;
}
h1 a:hover,h1 a:active,
h2 a:hover,h2 a:active,
h3 a:hover,h3 a:active,
h4 a:hover,h4 a:active {
  text-decoration:underline;
}
a:link,a:visited,a:hover,a:active {
  color:#E50066;
  text-decoration:none;
}
a:hover,a:active {
  text-decoration:underline;
}
a.toplinks:link,a.toplinks:visited,a.toplinks:hover,a.toplinks:active {
  color:#FFFFFF;
  text-decoration:none;
}
a.toplinks:hover,a.toplinks:active {
  text-decoration:underline;
}
.teaserlinklist a:link,.teaserlinklist a:visited,.teaserlinklistlink a:hover,.teaserlinklistlink a:active {
  font-weight:bold;
}
.iFrameNoBorder {
  overflow:hidden;
  margin:0px;
  padding:0px;
}
/* ************************************** */
/* ********** Page Layout *************** */
.page {
  position:relative;
  top:0px;
  width:990px;
  height:100%;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
}
.topcontainer,.contentcontainer,.footercontainer,.contentspacer {
  float:left;
  clear:both;
  width:990px;
}
.topcontainer {
  height:201px;
  background-image:url('../images/hg_pageshadow.png');
  background-repeat:repeat-y;
}
.tophg {
  position:absolute;
  top:0px;
  left:10px;
  width:970px;
  height:142px;
  background-image:url('../images/hg_top.jpg');
  background-repeat:no-repeat;
}
.toplogoarea {
  position:absolute;
  top:0px;
  left:0px;
  width:280px;
  height:142px;
}
.toplinksarea {
  position:absolute;
  left:875px;
  bottom:20px;
  width:95px;
  line-height:15px;
}
.menuarea {
  position:absolute;
  left:10px;
  top:142px;
  width:970px;
  height:59px;
}
#menuhg {
  background-image:url('../images/hg_menu.jpg');
  background-repeat:no-repeat;
}
#menuhg1 {
  background-image:url('../images/hg_menu1.jpg');
  background-repeat:no-repeat;
}
.menu,.submenu {
  width:970px;
  height:25px;
  margin:0px;
  float:left;
  overflow:hidden;
  white-space:nowrap;
}
.submenu {
  margin:5px 0px 0px 23px;
}
#contenthg {
  background-image:url('../images/hg_cont.png');
  background-repeat:repeat-y;
}
#contenthg1 {
  background-image:url('../images/hg_cont1.png');
  background-repeat:repeat-y;
}
.contentleft {
  float:left;
  position:relative;
  top:0px;
  left:33px;
  width:527px;
  background-color:transparent;
}
.headercontainer {
  width:527px;
  top:0px;
  margin-bottom:10px;
}
.header {
  top:0px;
  overflow:hidden;
  margin:0px;
}
.headerlinie {
  width:527px;
  height:1px;
  margin:0px;
}
.contentright {
  float:left;
  position:relative;
  top:0px;
  left:83px;
  width:347px;
  background-color:transparent;
}
.headerrightcontainer {
  width:347px;
  top:0px;
  margin-bottom:10px;
}
.headerright {
  width:293px;
  top:0px;
  overflow:hidden;
  margin:0px;
}
.fontsize {
  position:absolute;
  top:0px;
  left:296px;
  width:54px;
  height:27px;
  margin:0px;
}
.headerrightlinie {
  width:347px;
  height:1px;
  margin:0px;
}
.contentlinie {
  width:527px;
  height:1px;
  margin:15px 0px 20px 0px;
}
.contentspacer {
  background-color:transparent;
  height:20px;
  overflow:hidden;
  margin:0px;
}
.footercontainer {
  height:50px;
  background-image:url('../images/hg_footer.png');
  background-repeat:no-repeat;
}
.footerlinks {
  font-size:11px;
  font-weight:normal;
  color:#FFFFFF;
  text-align:center;
  padding:12px;
}

/* ************************************** */
/* ************** Slideshow top **************** */
.topslideshowarea,.topslideshowheader,.topslideshowcontainer,.topslideshowimages,.topslideshowarrowleft,.topslideshowarrowright {
  position:absolute;
  top:0px;
  left:0px;
  width:565px;
  overflow:hidden;
}
.topslideshowarea {
  left:280px;
  height:142px;
}
.topslideshowheader {
  top:0px;
  height:60px;
}
.topslideshowcontainer,.topslideshowimages,.topslideshowarrowleft,.topslideshowarrowright {
  height:80px;
}
.topslideshowcontainer {
  top:60px;
}
.topslideshowarrowleft {
  width:24px;
}
.topslideshowarrowright {
  left:514px;
  width:18px;
  margin-left:6px;
}
.topslideshowpiccontainer {
  position:absolute;
  width:70px;
  height:64px;
}
.topslideshowpictop,.topslideshowpicbottom ,.topslideshowpichg{
  position:relative;
  float:left;
  width:64px;
  background-repeat:no-repeat;
  overflow:hidden;
}
.topslideshowpictop {
  height:1px;
  background-image:url('../images/slidepic_top.gif');
}
.topslideshowpicbottom {
  height:5px;
  background-image:url('../images/slidepic_bottom.png');
}
.topslideshowpichg {
  height:58px;
  background-image:url('../images/slidepic_hg.png');
  padding-left:1px;
}

/* ************************************** */
/* ********* Feature Startseite ********* */
.featurecontainer {
  position:relative;
  float:left;
  top:0px;
  left:-5px;
  width:538px;
  margin-bottom:3px;
}
.featuretop {
  float:left;
  width:538px;
  height:9px;
  overflow:hidden;
}
.featurepicarea {
  float:left;
  width:538px;
  height:297px;
  background-image:url('../images/feature_hg.png');
  background-repeat:repeat-y;
  overflow:hidden;
}
.featurepicarea div {
  width:518px;
  height:297px;
  background-color:#fff;
  text-align:center;
  margin:0px 11px 0px 9px;
}
.featurebottomarea {
  float:left;
  width:538px;
  height:45px;
  background-image:url('../images/feature_bottomhg.png');
  background-repeat:repeat-y;
  overflow:hidden;
}
.featurebuttonarea {
  position:relative;
  float:left;
  top:0px;
  left:0px;
  width:100px;
  height:33px;
  left:240px;
  top:5px;
}
.featurebuttonarea span.spacer {
  margin:0px 4px;
}

/* ************************************** */
/* ******* Bild im Contentbereich ******* */
.detailpiccontainer,.detailpiccontainerdesc {
  position:relative;
  margin:5px 6px 15px 4px;
}
.detailpictopleft,.detailpictop,.detailpictopright,
.detailpicbottomleft,.detailpicbottom,.detailpicbottomright,
.detailpicleft,.detailpicright {
  position:absolute;
  overflow:hidden;
  margin:0px;
  padding:0px;
  top:-10px;
  height:10px;
}
.detailpictopleft {
  background-image:url('../images/img-shadow-topleft.gif');
  background-repeat:no-repeat;
  left:-10px;
  width:10px;
}
.detailpictop {
  background-image:url('../images/img-shadow-top.gif');
  background-repeat:repeat-x;
  left:0px;
}
.detailpictopright {
  background-image:url('../images/img-shadow-topright.gif');
  background-repeat:no-repeat;
  width:12px;
}
.detailpicbottomleft {
  background-image:url('../images/img-shadow-bottomleft.gif');
  background-repeat:no-repeat;
  left:-10px;
  width:10px;
  height:12px;
}
.detailpicbottom {
  background-image:url('../images/img-shadow-bottom.gif');
  background-repeat:repeat-x;
  left:0px;
  height:12px;
}
.detailpicbottomright {
  background-image:url('../images/img-shadow-bottomright.gif');
  background-repeat:no-repeat;
  width:12px;
  height:12px;
}
.detailpicleft {
  background-image:url('../images/img-shadow-left.gif');
  background-repeat:repeat-y;
  top:0px;
  left:-10px;
  width:10px;
}
.detailpicright {
  background-image:url('../images/img-shadow-right.gif');
  background-repeat:repeat-y;
  top:0px;
  width:12px;
}
.detailpicdesc {
  background-color:#ffffff;
}

.header div.detailpiccontainer {
  margin:0px 3px 0px 0px;
  display:inline;
  top:2px;
}
.header .detailpictopleft,.header .detailpictop,.header .detailpictopright,
.header .detailpicbottomleft,.header .detailpicbottom,.header .detailpicbottomright,
.header .detailpicleft,.header .detailpicright {
  display:none;
}
.customTableNoBorder div.detailpiccontainer {
  margin:0px 3px 0px 0px;
  display:inline;
  top:2px;
}
.customTableNoBorder .detailpictopleft,.customTableNoBorder .detailpictop,.customTableNoBorder .detailpictopright,
.customTableNoBorder .detailpicbottomleft,.customTableNoBorder .detailpicbottom,.customTableNoBorder .detailpicbottomright,
.customTableNoBorder .detailpicleft,.customTableNoBorder .detailpicright {
  display:none;
}

/* ************************************** */
/* *************** Teaser *************** */
.teasercontainer,.teasercontainernoimg,.teaserspacer,.teaserlinie,.teasercontentarea,.teaserlinklistcontainer,.teaserlinklistheader,.teaserlinklistheaderlinie {
  position:relative;
  clear:both;
  top:0px;
  left:0px;
  width:527px;
  margin:0px;
  background-color:transparent;
}
.teaserlinklistheader {
  overflow:hidden;
}
.teaserlinklistheaderlinie {
  height:1px;
  margin-bottom:5px;
  overflow:hidden;
}
.teasercontainer {
  height:138px;
}
.teaserspacer {
  height:14px;
}
.teaserlinklistcontainer {
  margin:15px 0px;
}
.teaserlinie {
  float:left;
  height:2px;
}
.teasercontentarea {
  float:left;
  background-image:url('../images/teaserhg.jpg');
  background-repeat:no-repeat;
  margin-bottom:1px;
}
.teasercontainernoimg .teasercontentarea {
  background-position:bottom left;
}
.teasercontainer .teasercontentarea {
  height:135px;
}
.teasercontent {
  margin-bottom:10px;
}
.teasercontent h4,.teaserlinklistheader h4 {
  font-weight:normal;
  margin:0px 2px 1px 0px;
  font-size:18px;
  text-transform:uppercase;
}
.teaserlinklistheader h4 {
  margin-bottom:4px;
  color:#373737;
}
.teasercontent h5 {
  font-weight:normal;
  margin:0px 2px 2px 0px;
}
.teasercontent p {
  margin:0px 2px 0px 0px;
}
.teaserpiccontainer {
  float:left;
  position:relative;
  background-color:#ffffff;
  margin:5px 22px 10px 4px;
}
.teaserpictopleft,.teaserpictop,.teaserpictopright,
.teaserpicbottomleft,.teaserpicbottom,.teaserpicbottomright,
.teaserpicleft,.teaserpicright {
  position:absolute;
  overflow:hidden;
  margin:0px;
  padding:0px;
  top:-8px;
  height:8px;
}
.teaserpictopleft {
  background-image:url('../images/t-shadow-topleft.png');
  background-repeat:no-repeat;
  left:-8px;
  width:8px;
}
.teaserpictop {
  background-image:url('../images/t-shadow-top.png');
  background-repeat:repeat-x;
  left:0px;
}
.teaserpictopright {
  background-image:url('../images/t-shadow-topright.png');
  background-repeat:no-repeat;
  width:10px;
}
.teaserpicbottomleft {
  background-image:url('../images/t-shadow-bottomleft.png');
  background-repeat:no-repeat;
  left:-8px;
  width:8px;
  height:10px;
}
.teaserpicbottom {
  background-image:url('../images/t-shadow-bottom.png');
  background-repeat:repeat-x;
  left:0px;
  height:10px;
}
.teaserpicbottomright {
  background-image:url('../images/t-shadow-bottomright.png');
  background-repeat:no-repeat;
  width:10px;
  height:10px;
}
.teaserpicleft {
  background-image:url('../images/t-shadow-left.png');
  background-repeat:repeat-y;
  top:0px;
  left:-8px;
  width:8px;
}
.teaserpicright {
  background-image:url('../images/t-shadow-right.png');
  background-repeat:repeat-y;
  top:0px;
  width:10px;
}

/* ************************************** */
/* *************** Boxen **************** */
.boxcontainer,.boxtop,.boxbottom,.boxcontent,.boxcontentnohg {
  position:relative;
  float:left;
  width:355px;
  margin:0px;
  z-index:20;
}
.boxcontainer {
  left:-2px;
  margin-bottom:5px;
}
.boxtop {
  height:8px;
  overflow:hidden;
  z-index:10;
}
.boxbottom {
  height:10px;
  overflow:hidden;
  z-index:10;
}
.boxcontent {
  background-image:url('../images/box-hg.png');
  background-repeat:repeat-y;
}
.boxcontentnohg {
  margin-left:4px;
}
.boxpic {
  position:relative;
  float:right;
  margin:0px 10px;
  z-index:30;
}
.boxtext {
  margin:7px 12px 0px 12px;
  z-index:30;
}
#box2283 .boxpic img, #box2281 .boxpic img {
  visibility:hidden;
}
#box2283 .boxpic {
  background-image:url('../images/box-kundenkarte.png');
  background-repeat:no-repeat;
  margin:-4px 5px -15px 10px;
}
#box2281 .boxpic {
  background-image:url('../images/geschenktasche.png');
  background-repeat:no-repeat;
  margin:-3px 8px 0px -10px;
  width:137px;
  height:97px;
}
.boxsmallleftcontainer,.boxsmallrightcontainer,.boxsmalltop,.boxsmallbottom,.boxsmallcontentarea {
  position:relative;
  float:left;
  top:0px;
  left:-2px;
  margin:0px;
  z-index:100;
}
.boxsmallarea {
  position:relative;
  top:0px;
  left:0px;
  width:538px;
  margin:0px 0px 5px 0px;
}
.boxsmallleftcontainer,.boxsmallrightcontainer,.boxsmalltop,.boxsmallbottom,.boxsmallcontentarea {
  width:266px;
}
.boxsmallrightcontainer {
  left:2px;
}
.boxsmalltop {
  height:8px;
}
.boxsmallbottom {
  height:10px;
}
.boxsmallcontentarea {
  height:97px;
  background-image:url('../images/boxsmall-hg.png');
  background-repeat:repeat-y;
}
.boxsmalltext {
  width:130px;
  margin:7px 12px;
}
.boxsmallpic {
  position:absolute;
  bottom:0px;
  right:10px;
  margin:0px;
  z-index:120;
}
.boxsmallrightcontainer .boxsmallpic {
  right:10px;
}


/* ************************************** */
/* ************** Submenu **************** */
.submenu a:link,.submenu a:visited,.submenu a:hover,.submenu a:active {
  color:#373737;
  text-decoration:none;
}
.submenu a:hover,.footerlinks a:active {
  color:#E50066;
  text-decoration:none;
}
.submenu span.spacer {
  margin:0px 5px;
}

/* ************************************** */
/* ************** Icon-Area **************** */
.iconcontainer {
  position:relative;
  top:0px;
  left:0px;
  width:527px;
  height:37px;
  margin-bottom:15px;
  background-color:transparent;
}
.iconarea {
  position:relative;
  top:0px;
  left:0px;
  width:527px;
  height:35px;
}
.iconarea span.spacer {
  margin:0px 5px;
}


/* ************************************** */
/* ************** Footerlinks **************** */
.footerlinks a:link,.footerlinks a:visited,.footerlinks a:hover,.footerlinks a:active {
  color:#FFFFFF;
  text-decoration:none;
}
.footerlinks a:hover,.footerlinks a:active {
  color:#FFFFFF;
  text-decoration:underline;
}
.footerlinks span.spacer {
  color:#FFFFFF;
  margin:0px 8px;
}

/* ******************************* */
/* ********** Formulare ********** */
.inputform {
  width:527px;
  background-image:url('../images/hg_form.gif');
}
.inputfield,.inputarea {
  float:left;
  position:relative;
  margin:10px 10px 0px 0px;
}
.inputform .inputquery {
  text-align:center;
  margin-bottom:10px;
}
.inputform .inputarea {
  clear:both;
  width:400px;
  margin:10px 10px 0 137px;
}
.inputform .inputarea .label,.inputform .inputarea .toplabel {
  position:absolute;
  left:-130px;
  line-height:1.3em;
  font-weight:bold;
}
.inputform .inputarea .label {
  bottom:3px;
}
.btnsubmit2 {
  position:absolute;
  bottom:0px;
  left:270px;
}
.inputform .inputarea .textinput {
  background-color:#FFFFFF;
  border:1px solid #E94D80;
  width:250px;
  height:19px;
  font-family:Lucida Grande,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:normal;
  padding:2px 1px 0;
}
.inputform .inputarea .textinput:focus {
  background-color:#ffffc2;
}
.error {
  color:#c00;
}
.clearer {
  width:100%;
  height:0px;
  clear:both;
  overflow:hidden;
}


.shTopLeft,.shTopRight,.shBottomLeft,.shBottomRight,.shContent {
  position:absolute;
  background-repeat:no-repeat;
  padding:0px;
  margin:0px;
}
.shContent {
  background-color:#efefef;
}
.shTopLeft {
  top:-11px;
  left:-17px;
  width:27px;
  height:25px;
  background-image:url('../images/zoom-shadow-topleft.png');
  background-position:top left;
}
.shTopRight {
  top:-11px;
  right:-16px;
  width:27px;
  height:25px;
  background-image:url('../images/zoom-shadow-topright.png');
  background-position:top right;
}
.shBottomLeft{
  bottom:-21px;
  left:-17px;
  width:27px;
  height:26px;
  background-image:url('../images/zoom-shadow-bottomleft.png');
  background-position:bottom left;
}
.shBottomRight {
  bottom:-21px;
  right:-16px;
  width:27px;
  height:26px;
  background-image:url('../images/zoom-shadow-bottomright.png');
  background-position:bottom right;
}
.btnPrev,.btnNext,.btnClose {
  display:block;
  position:absolute;
  cursor:pointer;
  z-index:20;
  width:22px;
  height:22px;
  top:-3px;
  right:64px;
}
.btnNext {
  top:-3px;
  right:38px;
}
.btnClose {
  top:-3px;
  right:0px;
}