div.hr-clear {
	clear:both;
	margin:0px; padding:0px;
	height:1px;	font-size:1px; line-height:1px;
	border:0px;
	visibility:hidden;
}
div.hr-clear.gap-10{height:10px;}

/** -------------------------------------------------------------------------- **/
div#page {
  position:relative;       
  margin:0px auto 0px auto; padding:0px 5px;
  width:860px; text-align:left;
  background:transparent url('../images/bg-page.png') repeat-y right top;
  overflow:hidden;
}

/** logo --------------------------------------------------- **/
a#ci-logo {
  position:absolute; display:block;
  top:15px; left:25px; padding:0px; margin:0px;
  width:310px; height:55px;   text-decoration:none;
  background:transparent url('../images/ci/ci-logo.gif') no-repeat left top;
}

div#primary {
  float:right;
  margin:0px; padding:0px;
  width:580px;
  background:#fe8e00 url('../images/bg-content.png') repeat-y left 265px;
}

div#secondary {
  float:left;
  margin:0px; padding:85px 10px 20px 10px;
  width:260px;
/*  background:transparent url('../images/bg-sidebar.gif') no-repeat 5px 85px; */
  overflow:hidden;
}

/** -------------------------------------------------------------------------- **/
div#heading {
  margin:0px; padding:190px 0px 20px 50px;
  width:530px;
  background:transparent url('../images/bg-top.gif') no-repeat left top;
  overflow:hidden;
}
div#heading h1 {
  margin:0px; padding:90px 150px 0px 0px;
  width:380px;
  background:transparent url('../images/ci/ci-logo-mkz.gif') no-repeat 380px 3px;
}
div#heading p.rss {padding:0px; margin:0px; font-size:91.7%;}
div#heading p.rss a span {font-weight:bold;}

div#content {
  margin:0px; padding:10px 25px 20px 45px;
  width:510px;min-height:300px;
  background:transparent url('../images/bg-content-bot.gif') no-repeat left bottom;
  overflow:hidden;  
}
div#content img {background-color:transparent;}

/** menu -------------------------------------------------------------------- **/
ul#main-menu {
  display:block; margin: 0px; padding: 20px 10px 10px 15px;
  width:245px; list-style-type: none;
}
ul#main-menu li{display:block; margin:0px; padding:0px;}
ul#main-menu li a{
  display:block;
  margin:0px; padding:8px 0px 8px 40px;
  font-weight:bold; font-size:1.2em;
  color:#b35300; text-decoration:none;
  background: url('/images/icons/icon-menu.gif') no-repeat left 50%;
}
ul#main-menu li a.selected, ul#main-menu li a:hover{
  color:#007db3;
  background-image:url('/images/icons/icon-menu-hover.gif');
}

/** -------------------------------------------------------------------------- **/
ul#service-menu {
  clear:both;
  float:right; display:block; 
  margin:0px; padding:15px; 
  list-style-type:none;
  text-align:left;
}
ul#service-menu li {
  float:left; display:block;
  padding:0px 0px 0px 20px;
}
a.lnk-sitemap {padding: 0px 10px; color:#b35300; background: url('/images/icons/icon-sitemap.gif') no-repeat 0% 50%;}
a.lnk-sitemap:hover {color:#007db3; background-image: url('/images/icons/icon-sitemap-hover.gif');}
a.lnk-totop {padding-left: 13px; color:#b35300; background: url('/images/icons/icon-totop.gif') no-repeat 0% 50%;}
a#lnk-totop:hover {color:#007db3; background-image: url('/images/icons/icon-totop-hover.gif');}

/** kino ------------------------- **/
h2.kino {
  margin-top:30px;
  color:#6E3401; font-size:150%;
}
p.kino {
  padding:10px 5px 20px 60px;
  font-weight:bold; font-size:125%;
  background: transparent url('/images/icons/icon-kino.gif') no-repeat 5px 0px;
}
p.kino a{text-decoration:none;border-bottom:#fff 1px dotted;}
p.kino a:visited{color:#fff;}
p.kino span.label {
  color:#222222;
  font-size:75%; font-weight:normal;
}
/** kalendar ------------------------- **/
p.calendar-navig {
  margin-bottom:20px; padding:3px 10px;
  width:500px; text-align:right;
  background-color:#f2e7de;
  overflow:hidden;
}
p.calendar-navig span.label {float:left; font-weight:bold; font-size:108.4%;}

p.calendar-navig a, p.calendar-navig a:visited{color:#b35300; font-size:91.7%;}
p.calendar-navig a:hover{color:#007db3;}

p.calendar-navig span.next, p.calendar-navig a.next {margin-left:5px; padding-right:13px;} 
p.calendar-navig span.prev, p.calendar-navig a.prev {margin-right:5px; padding-left:13px;} 
p.calendar-navig span.prev {
  color:#ddd; 
  background: url('/images/icons/icon-prev-disable.gif') no-repeat left 60%;
}
p.calendar-navig span.next {
  color:#ddd;
  background: url('/images/icons/icon-next-disable.gif') no-repeat right 60%;
}
p.calendar-navig a.prev {background: url('/images/icons/icon-prev.gif') no-repeat left 60%;}
p.calendar-navig a.prev:hover {background-image: url('/images/icons/icon-prev-hover.gif');}
p.calendar-navig a.next {background: url('/images/icons/icon-next.gif') no-repeat right 60%;}
p.calendar-navig a.next:hover {background-image: url('/images/icons/icon-next-hover.gif');}

div.calendar-event {margin-bottom:20px;}

.h2-event-title {margin-bottom:5px; font-size:125%;color:#fff; font-weight:bold;}
.h2-event-title span.date {display:block; font-size:73%;color:#222;}
.h2-event-title a {text-decoration:none; border-bottom:1px dotted #fff;}
.h2-event-title a:hover {border-color:#fdfd71;}

p.event-fields {clear:both; margin:0px;}
p.event-fields span.label {font-weight:bold;}

p.calendar-returnlink {clear:both; margin-top:20px;}
p.calendar-returnlink a, p.calendar-returnlink a:visited {
  margin-right:5px; padding-left:13px;
  background: url('/images/icons/icon-return.gif') no-repeat left 50%;
} 
p.calendar-returnlink a:hover {background-image: url('/images/icons/icon-return-hover.gif');}

/**  Fotogalerie  **/
h3.album-cat-label {
  padding:3px 10px 3px 30px;
  color:#b35300;
  background:#f2e7de url('/images/icons/icon-collapsed.gif') no-repeat 10px 0.6em;
  cursor:pointer;
}
h3.album-cat-label:hover {
  color:#007db3; 
  background-image:url('/images/icons/icon-collapsed-hover.gif');
}
h3.album-cat-label.expanded {background-image:url('/images/icons/icon-expanded.gif');}
h3.album-cat-label.expanded:hover {background-image:url('/images/icons/icon-expanded-hover.gif');}

div.album-cat {padding-bottom:20px;}

ul.albumlist {margin:0px; padding:0px; list-style-type:none;}
ul.albumlist li {margin:0px; padding:5px;}
ul.albumlist li a{font-weight:bold;}

ul.picturelist {
  display:block; margin:0px; padding:0px; 
  list-style-type:none; width:510px;
  overflow:hidden;
}
ul.picturelist li{
  float:left;
  margin:4px; padding:0px;
  width:162px; height:115px;
  text-align:center;
}
ul.picturelist li img{height:100px;}
p.album-returnlink {clear:both; margin-top:20px;}
p.album-returnlink a, p.album-returnlink a:visited {
  margin-right:5px; padding-left:13px;
  background: url('/images/icons/icon-return.gif') no-repeat left 50%;
} 
p.album-returnlink a:hover {background-image: url('/images/icons/icon-return-hover.gif');}

/**  Newsletter  **/
div#secondary h3 {color:#6E3401;padding:20px 10px 5px 10px;}
div#secondary form {width:250px;color:#6E3401;}
div#secondary form p {text-align:right;color:#6E3401;}
div#secondary form p label {font-weight:normal; width:60px; text-align:left;color:#6E3401;}
div#secondary form p input {
  float:none;
  width:158px; color:#6E3401;
  border:none; background-color:#f2e7de;
}
div#secondary form div.button {background-color:#f2e7de;}
div#secondary form div.button:hover {background:#fe8e00;}
div#secondary form div.button input {font-weight:normal; border:none;}

/** tiraz ------------------------- **/
div#copy {
  margin:0px auto 0px auto; padding:10px;
  width:850px; text-align:left;
  background:transparent url('/images/bg-page-bot.png') no-repeat right top;
  overflow:hidden;
}
div#copy p {font-size:91.7%; color: #555;
}
div#copy a {color: #444;}
div#copy a:hover {  color: #007db3;}

/** googlemap ------------------------- **/
div.google-map img{background-color:transparent;}
div.google-map {color:#333;}