/*
        jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
        Copyright (c) 2009 Niall Doherty
        This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */


/* Most common stuff you'll need to change */

.coda-slider-wrapper {
	margin: 18px 0px 18px 0px;
	padding: 0px;

	position: relative;

	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
}

.coda-slider { }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 239px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	width: 474px;
}

.coda-slider .panel {
	height: 239px;
}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 474px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
	color: #8d95a9;
	width: 30px;
	height: 239px;
	border: 0px;
	outline: none;
}

.coda-nav-left {
	position: absolute;
	top: 0px;
	left: 0px;
	background:url(../../../design/plain_site/images/layout/slider/coda-nav-left.png) no-repeat;
}
.coda-nav-right {
	position: absolute;
	top: 0px;
	right: 1px;
	background:url(../../../design/plain_site/images/layout/slider/coda-nav-right.png) no-repeat;
}

.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }




/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px; }

/* Preloader */
.coda-slider p.loading { padding: 18px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
div#maincontent-design .coda-slider-wrapper div.coda-nav ul {
	float: left;
	display: block;
	padding: 0px;
	margin: 0 1px;
	overflow: hidden;
}

div#maincontent-design .coda-slider-wrapper div.coda-nav ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style:none;
}

div#maincontent-design div.coda-slider-wrapper div.coda-nav ul li a {
	font-size: 12px;
	text-align: center;
	color: #666666;
	display: block;
	float: left;
	width: 117px;
	height: 30px;
	margin-right: 0px;
	padding: 1px 0px;
	text-decoration: none;
}

div#maincontent-design .coda-slider-wrapper div.coda-nav ul li a.current {
	color: #ffffff;
	background:url(../../../design/plain_site/images/layout/slider/tab_bg_a.png) repeat-x;
}

div#maincontent-design div.coda-slider-wrapper div.coda-nav ul li a.first, div#maincontent-design div.coda-slider-wrapper div.coda-nav ul li a.middle {
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

div#maincontent-design div.coda-slider-wrapper div.coda-nav ul li a.last {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;

	width: 119px;
}

div#maincontent-design .coda-slider-wrapper div.coda-nav ul li a:hover {
	color: #ffffff;
	background:url(../../../design/plain_site/images/layout/slider/tab_bg_a.png) repeat-x;
}



/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center;
	text-decoration: none;
}

div.nav_spacer {
	height: 7px;
	width: 116px;
	margin: 0px;
	padding: 0px;
}



/* Slide Elem */

.slide_img {
	float:left;
	height:238px;
	width:232px;

	padding: 0px;
	margin: 0px;
}

.slide_txt {
	float:right;
	height:238px;
	width:193px;
	padding: 0px 33px 0px 0;
	margin: 0px;
}


/* cgh */
div#maincontent-design .topcontent {
  margin-top: 20px;
}
div#maincontent-design div.coda-slider-wrapper .slide_txt h1 {
	padding-top: 0px;
	margin-top: 12px;
}

div#maincontent-design div.coda-slider-wrapper .slide_txt p {
	color: #000000;
}

div#maincontent-design div.coda-slider-wrapper .slide_txt a {
	color:#308187;
	background-image:url(../../../design/plain_site/images/layout/arrow2.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}

div#maincontent-design div.coda-slider-wrapper .slide_txt a:hover {
	color:#ff0000;
	background-image:url(../../../design/plain_site/images/layout/arrow_red.gif);
	background-repeat:no-repeat;
}

/* contact form Patienten/Diabetes/Kunden-Service-Diabetes */
div#maincontent-design .bluebg {
  background-color: #eef4f3;
}
div#maincontent-design div.topteaser {
  padding-left: 248px;
  position: relative;
  min-height: 16px;
  margin-bottom: 30px;
}
div#maincontent-design div.topteaser img.imgleft {
  position: absolute;
  top: 0px;
  left: 0px;
}
div#maincontent div.content_teaser_2rows {
  padding-top: 28px;
}
div#maincontent-design div.infoslider {
  float: left;
  width: 231px;  
  margin-bottom: 20px;
  position: relative;
}
div#maincontent-design div.infoslider div.teaserlink {
  position: absolute;
  bottom: 10px;
  right: 10px;  
}
div#maincontent-design div.infoslider div.teaserlink p {
  margin: 0;
}
div#maincontent-design div.infoslider.infosliderleft {
  margin-right: 12px;
}
div#maincontent-design div.infoslider.teaserlink div.content {
  margin-bottom: 29px;
}
div#maincontent-design div.infoslider.fixedh1 {
  min-height: 185px;
}
div#maincontent-design div.infoslider.fixedh2 {
  min-height: 155px;
}
div#maincontent-design div.infoslider div.content {
  margin: 9px;  
}
div#maincontent-design div.infoslider div.content.rightcol {  
  padding-left: 103px;
  padding-top: 12px;  
  margin-top: 0;
}
div#maincontent-design div.infoslider h3 {
  border-bottom: none;
  font-weight: bold;
  font-size: 11px;
  margin: 0;
}
div#maincontent-design div.infoslider a.headline {
  color: #666666;
  font-weight: bold;
}
div#maincontent-design div.infoslider a.headline:hover {
  color: #CA382E;
}
div#maincontent-design div.infoslider a.bottomlink {
  display: block;
  position: absolute;
  right: 9px;
  bottom: 9px;
}
div#maincontent-design div.infoslider div.topleftimg {
  position: absolute;
  top: 11px;
  left: 9px;  
}
div#maincontent-design div.infoslider.recipe {
} 
div#maincontent-design div.infoslider.recipe div.bottomrow {
  clear: both;
  padding: 12px 9px 3px 9px;
} 
div#maincontent-design div.infoslider.recipe div.content.rightcol {
  min-height: 160px;
}
div#maincontent-design div.infoslider.recipe div.bottomrow div.voting {
  width: 50%;
  float: left;
} 
div#maincontent-design div.infoslider.recipe div.bottomrow div.more {  
  text-align: right;
} 
div#maincontent-design div.imgbox1 {
  height: 238px;
  position: relative;
}
div#maincontent-design div.imgbox1 .voting{
  position: absolute;
  bottom: 0px;
  right: 0px;
}
div#maincontent-design div.imgbox1 img {
  float: left;
}
div#maincontent-design div.imgbox1 .content.rightcol {
  padding-left: 243px;
}
div#maincontent .faderbox {
  margin-top: 12px;
}
div#maincontent .faderbox h2,
div#maincontent-design div.coda-slider-wrapper div.panel h3  {
  color:#024384;
  font-size:16px;
  font-weight:bold;
  margin-top:20px;
  border: none;
}
div#maincontent-design div.coda-slider-wrapper div.panel h3 {
  margin-top: 9px;
}
div#maincontent-design .faderbox h3 {  
  color:#666666;
  font-size:11px;
  font-weight:bold;
  margin: 20px 0 6px 0;
  border: none;
}
div#maincontent .faderbox table.selector {
  width: 100%;
}
div#maincontent .faderbox table.selector td {
  border: 1px solid #cccccc;
  text-align: center;
  height: 32px;
  font-weight: bold;
  cursor: pointer;
}
div#maincontent .faderbox table.selector td.active, div#maincontent .faderbox table.selector td:hover {
  background-image: url(../images/layout/faderbox_selector_hg.jpg);
  background-repeat: repeat-x;  
}
div#maincontent .faderbox .fader {
  position: relative;
}
div#maincontent .faderbox .fader div.faderblock {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 470px;
}
div#maincontent .faderbox .fader div.active {
  display: block;
}
div#maincontent .faderbox .fader div.zudaten table {
  margin-top: 12px;
}
div#maincontent .faderbox .fader div.zudaten table td {
  padding: 0;  
}
div#maincontent .faderbox .fader div.zudaten table td.firstrow {
  text-align: right;
  padding-right: 18px;
  width: 40px;
}
div#maincontent .faderbox .fader div.downloads div.brochures {
  margin-top: 4px;
}
div#maincontent .faderbox .fader div.downloads div.brochures div.brochure {
  margin-bottom: 15px;
  min-height: 145px;
  position: relative;
}
div#maincontent .faderbox .fader div.downloads div.brochures div.brochure img {
  position: absolute;
  top: 11px;
  left: 11px;
}
div#maincontent .faderbox .fader div.downloads div.brochures div.brochure div.text {
  padding: 11px 82px 27px 105px;
}
div#maincontent .faderbox .fader div.downloads div.brochures div.brochure h3 {
  color: #6d9fa0;
  margin: 0;
}
div#maincontent .faderbox .fader div.downloads div.brochures div.brochure div.download {
  position: absolute;
  right: 13px;
  bottom: 8px;
}
div#maincontent .faderbox .fader div.zubehoer div.brochures div.brochure div.imgbg {
  width: 150px;
  height: 90px;
  background-color: #fbfbfb;
  float: left;
}
div#maincontent .faderbox .fader div.zubehoer div.brochures {
  margin-top: 17px;
}
div#maincontent .faderbox .fader div.zubehoer div.brochures div.brochure {
  min-height: 0px;
  margin-bottom: 17px;
}
div#maincontent .faderbox .fader div.zubehoer div.brochures div.brochure div.imgbg img{
  display: block;
  margin: auto;  
  position: relative;
  top: 0px;
  left: 0px;
}
div#maincontent .faderbox .fader div.produkt h2 {  
  margin-bottom: 10px;
}
div#maincontent .faderbox .fader div.zubehoer div.brochures div.brochure h3 {  
  margin-bottom: 2px;
  color: #024384;     
}
div#maincontent .faderbox .fader div.zubehoer div.brochures div.brochure div.text {
  padding: 0px 11px 0px 161px;
}
div#maincontent .faderbox .fader div.zubehoer table p {
  margin: 0;
}
div#maincontent .faderbox .fader div.zubehoer table td {
  vertical-align: top;
  padding: 0;
}
div#maincontent .faderbox .fader div.zubehoer table td.firstrow {  
  width: 135px;
}
div#maincontent .faderbox .fader div.zubehoer table td.middlerow {  
  width: 85px;  
}
div#maincontent .faderbox .fader div.zubehoer table td.lastrow {    
  text-align: right;
}
div#maincontent .faderbox .fader div.produkt table td.firstrow {
  width: 156px;
}

div#maincontent div.newscont {
  margin-bottom: 19px;
  padding: 15px 0;
}
div#maincontent div.newscont h2 {
  color: #000000;
  font-size: 14px;
  padding: 0 8px;
  margin: 0 0 25px 0;  
}
div#maincontent div.newscont div.content {
  padding: 0 8px;
}
div#maincontent div.newscont div.floatleft {
  float: left;
  margin: 0 12px 10px 0;
}
div#maincontent div.newscont div.created {
  color: #999999;
  font-size: 10px;
  clear: both;
  font-weight: bold;
  margin-left: 10px;
}
div#maincontent div.newscont ul.downloads {
  border-top: 1px solid #868f98;
  padding: 0 8px;
  margin: 9px 0 0 0;
  list-style-type: none;
}
div#maincontent div.newscont ul.downloads li {
  background: none;
  padding: 5px 0 0 30px;
  margin: 0;
}
div#maincontent div.newscont ul.downloads li.pdf {
  background-image: url(../images/layout/news-download-pdf.gif);
  background-position: 5px 8px;
  background-repeat: no-repeat;
}
div#maincontent div.newscont div.class-image p {
  margin: 0;
}

div#maincontent .faderbox .fader div.faderblock div.productlink {
  border-top: 1px solid #d8d8d8;
  padding-top: 3px;
  margin-top: 12px;
}
div#maincontent .faderbox .fader div.faderblock div.productlink div.text {
  width: 366px;
  float: left;  
}
div#maincontent .faderbox .fader div.faderblock div.productlink div.image a {
  display: block;
  width: 87px;
  height: 20px;
  background-image: url(../images/layout/menarini-diagnostics.jpg);
  float: right;
  margin: 2px 3px 0 0;
}

div#maincontent div.prod_images {
  position: relative;
  height: 300px;
  width: 230px;
  float: left;
}
div#maincontent div.prod_images .image{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
div#maincontent div.prod_images .image1{
  display: block;
}
div#maincontent div.prod_images .bnavi {
  position: absolute;
  width: 29px;
  height: 29px;  
  cursor: pointer;
}
div#maincontent div.prod_images .bnavil {  
  right: 50px;
  bottom: 10px;
  background-image: url(../images/layout/imgsel_forward.jpg);
}
div#maincontent div.prod_images .bnavir {
  left: 0px;
  bottom: 10px;
  background-image: url(../images/layout/imgsel_back.jpg);
}
div#maincontent div.prod_content h1 {
  margin-bottom: 40px;
}
div#maincontent div.prod_content p {
  font-size: 12px;
}

div#maincontent div.akkosplit {
  margin-top: 15px;
}
div#maincontent div.akkosplit h4 {
  background-color: #eef4f4;
  margin: 0 0 3px 0;
  padding: 5px 15px 8px 34px;
  color: #676767;
  background-image: url(../images/layout/akko_down.gif);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  cursor: pointer;
}
div#maincontent div.akkosplit h4.open {
  color: #000000;
  background-image: url(../images/layout/akko_up.gif);
  cursor: auto;
}
div#maincontent div.akkosplit h4:hover {
  color: #000000;
}
div#maincontent div.akkosplit div.textsection {
  padding: 16px 16px 10px 16px;
}


#rightcontent div.rss_link_section {
  margin-top: -45px;
}
#rightcontent div.rss_link_section h3 {
  text-transform: uppercase;
  font-weight: normal;  
  font-size: 12px;
  margin-bottom: 3px;
  margin-left: 3px;
}
#rightcontent div.rss_link_section div.link{
  height: 81px;
  background-color: #1559a0;
  background-image: url(../images/layout/rss_icon_hg.gif);
  background-repeat: repeat-x;
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 7px;
  position: relative;  
}
#rightcontent div.rss_link_section div.link img {
  position: absolute;
  left: 10px;
  bottom: 8px;
}
#rightcontent div.rss_link_section div.below {
  margin: 7px 3px 20px 3px;
}
#rightcontent div.rss_link_section div.below a {
  color: #308187;
}
#rightcontent div.rss_link_section div.below a:hover {
  color: #ff0000;
}
  




/* TEMP */
div.recipe .voting,
.topcontent .voting {
  display: none;
}